/* asenkronmotor.com — Magazin/haber anasayfa stilleri. Helix teması üstüne, SCSS'ten bağımsız. */
:root{
  --asn-pill:#1d4ed8;            /* kategori pill (mavi, endüstriyel) */
  --asn-pill-2:#ea580c;          /* vurgu turuncu */
  --asn-radius:14px;
  --asn-card-bg:#ffffff;
  --asn-card-bd:#e8ebf0;
  --asn-muted:#6b7280;
  --asn-title:#111827;
}

/* ---- Genel: anasayfada component genişliği ---- */
.asn-magazine{max-width:100%;}
.asn-magazine a{text-decoration:none;}

/* ---- Breadcrumb (sp-title — anasayfa hariç her sayfa, mikrodatalı) ---- */
#sp-title{padding:16px 0 2px;}
#sp-title .sp-column{margin:0;}
#sp-title .breadcrumb{
  --bs-breadcrumb-divider:'›';
  display:flex;flex-wrap:wrap;align-items:center;gap:0;
  margin:0;padding:0;list-style:none;background:none;font-size:.82rem;
}
#sp-title ol.breadcrumb{padding:0;}
#sp-title .breadcrumb-item{display:inline-flex;align-items:center;color:var(--asn-muted);}
#sp-title .breadcrumb-item a{color:var(--asn-muted);font-weight:600;}
#sp-title .breadcrumb-item a:hover{color:var(--asn-pill);}
#sp-title .breadcrumb-item + .breadcrumb-item::before{content:'›';padding:0 8px;color:#c2c9d4;float:none;}
#sp-title .breadcrumb-item.active,#sp-title .breadcrumb-item:last-child{color:var(--asn-title);font-weight:700;}
#sp-title .breadcrumb-item:last-child a{color:var(--asn-title);}

/* ---- HERO ---- */
.asn-hero{
  display:grid;
  grid-template-columns:1.5fr 1fr;
  gap:16px;
  margin-bottom:28px;
}
.asn-hero-main,.asn-hero-small{
  position:relative;
  border-radius:var(--asn-radius);
  overflow:hidden;
  background-size:cover;
  background-position:center;
  background-color:#1f2937;
  min-height:220px;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
}
.asn-hero-main{min-height:480px;}
.asn-hero-side{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1.4fr 1fr;
  gap:16px;
}
.asn-hero-side .asn-hero-small:first-child{grid-column:1 / -1;}
.asn-cover-link{position:absolute;inset:0;z-index:2;}
.asn-hero-overlay{
  position:absolute;left:0;right:0;bottom:0;z-index:3;
  padding:20px;
  background:linear-gradient(to top,rgba(0,0,0,.86) 0%,rgba(0,0,0,.45) 55%,rgba(0,0,0,0) 100%);
  pointer-events:none;
}
.asn-hero-overlay .asn-pill,.asn-hero-overlay a{pointer-events:auto;}
.asn-hero-title{margin:.5rem 0 .4rem;font-size:1.7rem;line-height:1.25;font-weight:800;}
.asn-hero-stitle{margin:.45rem 0 .35rem;font-size:1.02rem;line-height:1.3;font-weight:700;}
.asn-hero-title a,.asn-hero-stitle a{color:#fff;}
.asn-hero-title a:hover,.asn-hero-stitle a:hover{color:#e5e7eb;}
.asn-hero-overlay .asn-meta{color:#e5e7eb;}
.asn-hero-small .asn-hero-overlay{padding:14px;}
.asn-hero-small .asn-hero-title{font-size:1.05rem;}

/* ---- Pill (kategori etiketi) ---- */
.asn-pill{
  display:inline-block;
  background:var(--asn-pill);
  color:#fff !important;
  border-radius:999px;
  padding:4px 12px;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
  line-height:1.4;
}
.asn-pill:hover{background:var(--asn-pill-2);}
.asn-pill-sm{background:#eef2ff;color:var(--asn-pill) !important;}
.asn-pill-sm:hover{background:var(--asn-pill);color:#fff !important;}

/* ---- Meta (yazar • tarih) ---- */
.asn-meta{font-size:.8rem;color:var(--asn-muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.asn-meta .asn-author{font-weight:600;color:inherit;}
.asn-meta .asn-dot{opacity:.6;}

/* ---- KART GRID ---- */
.asn-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}
.asn-card{
  background:var(--asn-card-bg);
  border:1px solid var(--asn-card-bd);
  border-radius:var(--asn-radius);
  overflow:hidden;
  display:flex;flex-direction:column;
  
}
.asn-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);}
.asn-card-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#f1f3f6;}
.asn-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.asn-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:9px;}
.asn-card-title{margin:0;font-size:1.12rem;line-height:1.32;font-weight:700;}
.asn-card-title a{color:var(--asn-title);}
.asn-card-title a:hover{color:var(--asn-pill);}
.asn-card-excerpt{margin:0;font-size:.9rem;line-height:1.55;color:var(--asn-muted);}
.asn-card .asn-pill-sm{align-self:flex-start;}

/* ---- Sayfalama (modern, siteye uyumlu) ---- */
.asn-pagination{margin:38px 0 6px;display:flex;justify-content:center;}
.asn-pagination .pagination{display:flex;gap:7px;flex-wrap:wrap;list-style:none;padding:0;margin:0;}
.asn-pagination .page-item{margin:0;}
.asn-pagination .page-link{
  display:flex;align-items:center;justify-content:center;box-sizing:border-box;
  min-width:44px;height:44px;padding:0 14px;
  border:1px solid var(--asn-card-bd);border-radius:12px;background:var(--asn-card-bg);
  color:var(--asn-title);font-weight:700;font-size:.92rem;line-height:1;text-decoration:none;box-shadow:none;
}
.asn-pagination .page-link:hover{border-color:var(--asn-pill);color:var(--asn-pill);background:#eef2ff;}
.asn-pagination .page-item.active .page-link,.asn-pagination .active .page-link{
  background:var(--asn-pill);border-color:var(--asn-pill);color:#fff;box-shadow:0 4px 12px rgba(29,78,216,.28);
}
.asn-pagination .page-item.disabled .page-link,.asn-pagination .disabled .page-link{
  opacity:.4;pointer-events:none;background:transparent;
}
.asn-pagination .page-link .fas,.asn-pagination .page-link [class^="fa"]{font-size:.78rem;}
@media (prefers-color-scheme:dark){
  .asn-pagination .page-link:hover{background:#1f2937;}
}

/* ---- SIDEBAR ---- */
#sp-right .sp-module,.asn-sidebar .sp-module{
  background:var(--asn-card-bg);
  border:1px solid var(--asn-card-bd);
  border-radius:var(--asn-radius);
  padding:18px;
  margin-bottom:22px;
}
#sp-right .sp-module-title,.asn-sidebar .sp-module-title{
  font-size:1.05rem;font-weight:800;color:var(--asn-title);
  margin:0 0 14px;padding-bottom:12px;border-bottom:2px solid var(--asn-pill);
  display:inline-block;
}
#sp-right ul{list-style:none;margin:0;padding:0;}
#sp-right .latest-articles li,#sp-right .mod-articles-latest li,
#sp-right .mod-list li,#sp-right ul.newsflash li{
  padding:9px 0;border-bottom:1px solid #f0f2f5;line-height:1.4;
}
#sp-right li:last-child{border-bottom:none;}
#sp-right .mod-list a,#sp-right .latestnews a,#sp-right a{color:var(--asn-title);font-weight:600;font-size:.92rem;}
#sp-right .mod-list a:hover,#sp-right a:hover{color:var(--asn-pill);}

/* Kategoriler modülü sayaç rozet */
#sp-right .mod-articles-categories .badge,#sp-right .category-list-count,
#sp-right span.badge{background:#eef2ff;color:var(--asn-pill);border-radius:999px;font-size:.72rem;padding:2px 8px;font-weight:700;}

/* Popüler Konular (etiket bulutu) — taşmayı KESİN önle: inline-block sarma + ellipsis */
#sp-right .mod-tagspopular,#sp-right .mod-tagspopular .sp-module-content,#sp-right .tagspopular{
  white-space:normal !important;overflow:hidden;
}
#sp-right .mod-tagspopular ul{
  padding:0 !important;margin:0 !important;list-style:none;font-size:0;line-height:0;max-width:100%;
}
#sp-right .mod-tagspopular li{
  display:inline-block !important;vertical-align:top;float:none !important;
  border:none !important;padding:0 !important;margin:0 6px 8px 0 !important;max-width:100%;
}
#sp-right .mod-tagspopular a{
  display:inline-block;box-sizing:border-box;max-width:100%;
  background:#eef2ff;color:var(--asn-pill) !important;border-radius:999px;
  padding:5px 11px;font-size:.78rem !important;line-height:1.4;font-weight:600;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:none !important;
}
#sp-right .mod-tagspopular a:hover{background:var(--asn-pill);color:#fff !important;}

/* ---- Responsive ---- */
@media (max-width:991px){
  .asn-hero{grid-template-columns:1fr;}
  .asn-hero-main{min-height:340px;}
}
@media (max-width:575px){
  .asn-grid{grid-template-columns:1fr;}
  .asn-hero-side{grid-template-columns:1fr;grid-template-rows:none;}
  .asn-hero-side .asn-hero-small:first-child{grid-column:auto;}
  .asn-hero-small{min-height:180px;}
  .asn-hero-title{font-size:1.35rem;}
}

/* ---- Kategori sayfası (hero yok) başlık + grid ---- */
.asn-cat-head{margin:2px 0 22px;}
.asn-cat-title{font-size:1.9rem;font-weight:800;color:var(--asn-title);margin:0;padding-bottom:12px;border-bottom:2px solid var(--asn-pill);display:inline-block;}
.asn-cat-desc{color:var(--asn-muted);font-size:.95rem;line-height:1.6;margin-top:12px;}

/* ---- Sidebar: thumbnail'lı yazı satırları (Son/Popüler Yazılar) ---- */
#sp-right .asn-side-posts,.asn-side-posts{list-style:none;margin:0;padding:0;}
#sp-right .asn-side-posts .asn-side-post,.asn-side-post{
  display:flex !important;flex-direction:row !important;gap:12px;align-items:center;
  padding:11px 0;border-bottom:1px solid #eef1f5;
}
.asn-side-post:first-child{padding-top:0;}
.asn-side-post:last-child{border-bottom:none;padding-bottom:0;}
#sp-right .asn-side-posts .asn-side-thumb,.asn-side-thumb{flex:0 0 62px;width:62px;height:62px;border-radius:10px;overflow:hidden;background:#f1f3f6;display:block;}
.asn-side-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.asn-side-meta{display:flex;flex-direction:column;gap:4px;min-width:0;}
.asn-side-title{font-size:.9rem;font-weight:600;line-height:1.34;color:var(--asn-title);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.asn-side-title:hover{color:var(--asn-pill);}
.asn-side-date{font-size:.74rem;color:var(--asn-muted);}
/* Popüler sıra rozeti */
.asn-side-ranked .asn-side-rank{flex:0 0 20px;font-size:1.15rem;font-weight:800;color:#cbd2dc;text-align:center;line-height:1;}
.asn-side-ranked .asn-side-post:nth-child(1) .asn-side-rank{color:var(--asn-pill);}
.asn-side-ranked .asn-side-post:nth-child(2) .asn-side-rank{color:var(--asn-pill-2);}
.asn-side-ranked .asn-side-thumb{flex-basis:52px;width:52px;height:52px;}

/* ---- Sidebar: Kategoriler sıkı satır + hover + chevron ---- */
#sp-right .mod-articlescategories ul{margin:0;padding:0;list-style:none;}
#sp-right .mod-articlescategories li{padding:0;margin:0;border:none;}
#sp-right .mod-articlescategories a{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:9px 2px;border-bottom:1px solid #eef1f5;
  font-size:.9rem;font-weight:600;color:var(--asn-title);
}
#sp-right .mod-articlescategories li:last-child a{border-bottom:none;}
#sp-right .mod-articlescategories a::after{content:"›";color:#cbd2dc;font-size:1.15rem;line-height:1;}
#sp-right .mod-articlescategories a:hover{color:var(--asn-pill);}
#sp-right .mod-articlescategories a:hover::after{color:var(--asn-pill);}

/* ---- Sidebar modül kutusu biraz daha sıkı ---- */
#sp-right .sp-module{padding:20px 18px;}
#sp-right .sp-module-title{margin-bottom:16px;}

/* ---- Yazarlar: modern kart grid (E-E-A-T) ---- */
.asn-author-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;margin-top:6px;
}
.asn-author-card{
  background:var(--asn-card-bg);border:1px solid var(--asn-card-bd);border-radius:var(--asn-radius);
  padding:26px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;
  
}
.asn-author-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);}
.asn-author-av{display:inline-block;width:96px;height:96px;border-radius:50%;overflow:hidden;margin-bottom:14px;
  box-shadow:0 3px 10px rgba(0,0,0,.12);}
.asn-author-av img{width:100%;height:100%;object-fit:cover;display:block;}
.asn-av-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;
  background:var(--asn-pill);color:#fff;font-size:2.2rem;font-weight:800;}
.asn-author-name{margin:0 0 4px;font-size:1.15rem;font-weight:700;}
.asn-author-name a{color:var(--asn-title);}
.asn-author-name a:hover{color:var(--asn-pill);}
.asn-author-role{font-size:.82rem;font-weight:600;color:var(--asn-pill);margin-bottom:10px;}
.asn-author-bio{font-size:.86rem;line-height:1.55;color:var(--asn-muted);margin:0 0 14px;}
.asn-author-link{margin-top:auto;font-size:.85rem;font-weight:700;color:var(--asn-pill);}
.asn-author-link:hover{color:var(--asn-pill-2);}

/* ---- Yazar profil sayfası (tekil contact) avatar ---- */
.com-contact .contact-image img,.contact .contact-image img{border-radius:14px;max-width:220px;height:auto;}

/* ---- Offcanvas (mobil) alt menü genişletme oku ---- */
.offcanvas-menu .menu-parent > a{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.offcanvas-menu .menu-toggler{
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;margin:-11px -10px -11px 6px;flex:0 0 auto;cursor:pointer;
}
.offcanvas-menu .menu-toggler::before{
  content:"";width:9px;height:9px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg);opacity:.75;margin-top:-3px;
}
.offcanvas-menu .menu-parent-open > a .menu-toggler::before{transform:rotate(-135deg);margin-top:2px;}
.offcanvas-menu .menu-child{padding-left:14px;}
.offcanvas-menu .menu-parent:not(.menu-parent-open) > .menu-child{display:none;}

/* ---- Üst boşluk sadeleştirme ---- */
#sp-main-body{padding-top:24px;}
.asn-mag-blog #sp-title{display:none;}      /* anasayfada boş başlık bandını kaldır */
.asn-mag-blog #sp-main-body{padding-top:18px;}

/* ---- Karanlık tema uyumu (Helix dark preset kullanılırsa) ---- */
@media (prefers-color-scheme:dark){
  :root{--asn-card-bg:#111827;--asn-card-bd:#1f2937;--asn-title:#f3f4f6;--asn-muted:#9ca3af;}
  #sp-right .mod-list a,#sp-right a,.asn-card-title a{color:#f3f4f6;}
}