/* RTL: advencore-blog.css dosyasından otomatik üretildi (araclar/rtl_donustur.py). Elle düzenlemeyin, kaynak dosyayı değiştirip yeniden üretin. */
/* Advencore — makale listesi, makale sayfası ve ana sayfa makale bölümü */
.adv-blog-hero { background-color: var(--adv-navy); color: #fff; padding: 160px 0 64px; position: relative; overflow: hidden; }
.adv-blog-hero::before { content: ""; position: absolute; inset: 0; background:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px) 0 0 / 100% 40px,
    linear-gradient(270deg, rgba(255,255,255,.045) 1px, transparent 1px) 0 0 / 40px 100%;
    -webkit-mask-image: linear-gradient(180deg, #000, transparent 90%); mask-image: linear-gradient(180deg, #000, transparent 90%); pointer-events: none; }
.adv-blog-hero .container { position: relative; }
.adv-blog-eyebrow { font-size: .9375rem; font-weight: 700; letter-spacing: .02em; color: #8fc3ff; margin: 0 0 14px; }
.adv-blog-title { font-size: clamp(1.9rem, 1.2rem + 2.4vw, 3rem); line-height: 1.16; color: #fff; margin: 0 0 18px; max-width: 22ch; overflow-wrap: break-word; }
.adv-blog-lead { font-size: clamp(1rem, .95rem + .3vw, 1.1875rem); line-height: 1.65; color: rgba(255,255,255,.88); max-width: 62ch; margin: 0; }

/* Kategori süzgeci */
.adv-blog-filter { padding: 28px 0 8px; background: #fff; }
.adv-blog-chips { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0; margin: 0; }
.adv-blog-chips a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 18px; border-radius: 999px; border: 1px solid #d5dde8; color: var(--adv-ink); background: #fff; font-family: "Plus Jakarta Sans", sans-serif; font-weight: 600; font-size: .9375rem; text-decoration: none; transition: background-color .2s, border-color .2s, color .2s; }
.adv-blog-chips a:hover { border-color: var(--adv-blue); color: var(--adv-blue); }
.adv-blog-chips a[aria-current="true"] { background: var(--adv-navy); border-color: var(--adv-navy); color: #fff; }
.adv-blog-chips a:focus-visible { outline: 3px solid var(--adv-blue); outline-offset: 2px; }
.adv-blog-chips .adv-chip-n { font-size: .8125rem; font-weight: 700; opacity: .7; }

/* Kartlar */
.adv-blog-list { padding: 28px 0 100px; background: #fff; }
.adv-blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.adv-blog-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #e0e7f0; border-radius: 14px; overflow: hidden; transition: box-shadow .2s ease, border-color .2s ease; }
.adv-blog-card:hover { border-color: #bcd3ee; box-shadow: 0 10px 28px rgba(0, 25, 60, .08); }
.adv-blog-card-img { display: block; background: var(--adv-soft); aspect-ratio: 1200 / 630; }
.adv-blog-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.adv-blog-card-body { display: flex; flex-direction: column; flex: 1; padding: 22px 22px 24px; }
.adv-blog-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; font-size: .875rem; line-height: 1.4; color: #5b6b7e; margin: 0 0 12px; }
.adv-blog-cat { font-weight: 700; color: var(--adv-blue); }
.adv-blog-card-title { font-family: "Plus Jakarta Sans", sans-serif; font-weight: 800; font-size: 1.1875rem; line-height: 1.35; margin: 0 0 10px; color: var(--adv-navy); overflow-wrap: break-word; }
.adv-blog-card-title a { color: inherit; text-decoration: none; }
.adv-blog-card-title a:hover { color: var(--adv-blue); }
.adv-blog-card-text { font-size: 1rem; line-height: 1.6; color: var(--adv-body); margin: 0 0 18px; }
.adv-blog-more { margin-top: auto; font-family: "Plus Jakarta Sans", sans-serif; font-weight: 700; font-size: .9375rem; color: var(--adv-blue); text-decoration: none; align-self: flex-start; padding: 4px 0; }
.adv-blog-more::after { content: " →"; }
.adv-blog-more:hover { text-decoration: underline; text-underline-offset: 4px; }
.adv-blog-more:focus-visible, .adv-blog-card-title a:focus-visible { outline: 3px solid var(--adv-blue); outline-offset: 3px; border-radius: 3px; }

/* Sayfalama */
.adv-blog-pager { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; list-style: none; padding: 0; margin: 44px 0 0; }
.adv-blog-pager a, .adv-blog-pager span { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 14px; border-radius: 10px; border: 1px solid #d5dde8; font-weight: 600; color: var(--adv-ink); text-decoration: none; background: #fff; }
.adv-blog-pager a:hover { border-color: var(--adv-blue); color: var(--adv-blue); }
.adv-blog-pager [aria-current="page"] { background: var(--adv-navy); border-color: var(--adv-navy); color: #fff; }
.adv-blog-pager .is-disabled { opacity: .45; }

/* Boş durum */
.adv-blog-empty { max-width: 640px; margin: 24px auto 0; padding: 40px 28px; text-align: center; border: 1px dashed #c6d3e3; border-radius: 14px; background: var(--adv-soft); }
.adv-blog-empty h2 { font-family: "Plus Jakarta Sans", sans-serif; font-size: 1.375rem; font-weight: 800; color: var(--adv-navy); margin: 0 0 10px; }
.adv-blog-empty p { margin: 0 0 18px; line-height: 1.65; }

/* Ana sayfa bölümü */
.adv-blog-home { padding: 96px 0 8px; background: #fff; }
.adv-blog-home[hidden] { display: none; }
.adv-blog-home-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 24px; margin-bottom: 32px; }
.adv-blog-all { font-family: "Plus Jakarta Sans", sans-serif; font-weight: 700; font-size: .9375rem; color: var(--adv-blue); text-decoration: none; padding: 6px 0; }
.adv-blog-all::after { content: " →"; }
.adv-blog-all:hover { text-decoration: underline; text-underline-offset: 4px; }

/* Makale sayfası */
.adv-article-hero { padding-bottom: 56px; }
.adv-article-cat { display: inline-block; padding: 5px 14px; border-radius: 999px; border: 1px solid rgba(255,255,255,.4); color: #fff; font-size: .875rem; font-weight: 700; text-decoration: none; margin-bottom: 18px; }
.adv-article-cat:hover { background: #fff; color: var(--adv-navy); }
.adv-article-title { font-size: clamp(1.75rem, 1.1rem + 2.2vw, 2.75rem); line-height: 1.2; color: #fff; margin: 0 0 18px; max-width: 24ch; overflow-wrap: break-word; }
.adv-article-intro { font-size: clamp(1.0625rem, 1rem + .3vw, 1.25rem); line-height: 1.65; color: rgba(255,255,255,.9); max-width: 60ch; margin: 0 0 22px; }
.adv-article-meta { display: flex; flex-wrap: wrap; gap: 6px 22px; font-size: .9375rem; color: rgba(255,255,255,.82); margin: 0; }
.adv-article-meta strong { color: #fff; font-weight: 600; }
.adv-article-wrap { padding: 56px 0 24px; background: #fff; }
.adv-article-cover { max-width: 960px; margin: 0 auto 44px; }
.adv-article-cover img { display: block; width: 100%; height: auto; border-radius: 14px; border: 1px solid #e0e7f0; aspect-ratio: 1200 / 630; object-fit: cover; }
.adv-article { max-width: 720px; margin: 0 auto; font-size: 1.0625rem; line-height: 1.8; color: #2f3e50; }
.adv-article > :first-child { margin-top: 0; }
.adv-article p { margin: 0 0 1.25em; }
.adv-article h2 { font-family: "Plus Jakarta Sans", sans-serif; font-weight: 800; font-size: clamp(1.4rem, 1.2rem + .7vw, 1.75rem); line-height: 1.3; color: var(--adv-navy); margin: 2.1em 0 .7em; scroll-margin-top: 96px; }
.adv-article h3 { font-family: "Plus Jakarta Sans", sans-serif; font-weight: 700; font-size: 1.25rem; line-height: 1.35; color: var(--adv-ink); margin: 1.7em 0 .6em; scroll-margin-top: 96px; }
.adv-article ul, .adv-article ol { margin: 0 0 1.25em; padding-right: 1.4em; }
.adv-article li { margin-bottom: .45em; padding-right: .2em; }
.adv-article a { color: var(--adv-blue); text-underline-offset: 3px; }
.adv-article blockquote { margin: 1.6em 0; padding: 4px 20px 4px 0; border-right: 4px solid var(--adv-blue); color: var(--adv-ink); font-size: 1.125rem; }
.adv-article blockquote p:last-child { margin-bottom: 0; }
.adv-article hr { border: 0; border-top: 1px solid #dde5ef; margin: 2em 0; }
.adv-article figure { margin: 1.8em 0; }
.adv-article figure img { display: block; max-width: 100%; height: auto; border-radius: 10px; border: 1px solid #e0e7f0; }
.adv-article figcaption { font-size: .9rem; line-height: 1.5; color: #5b6b7e; margin-top: 8px; }
.adv-article-src { max-width: 720px; margin: 40px auto 0; padding-top: 24px; border-top: 1px solid #dde5ef; }
.adv-article-src h2 { font-family: "Plus Jakarta Sans", sans-serif; font-size: 1.125rem; font-weight: 800; color: var(--adv-navy); margin: 0 0 10px; }
.adv-article-src ul { margin: 0; padding-right: 1.2em; font-size: .9375rem; line-height: 1.6; }
.adv-article-src a { color: var(--adv-blue); overflow-wrap: anywhere; }
.adv-article-cta { max-width: 720px; margin: 44px auto 0; padding: 28px 28px 30px; border-radius: 14px; background: #f1f6fd; border: 1px solid #d4e3f6; }
.adv-article-cta h2 { font-family: "Plus Jakarta Sans", sans-serif; font-size: 1.3125rem; font-weight: 800; color: var(--adv-navy); margin: 0 0 8px; line-height: 1.3; }
.adv-article-cta p { margin: 0 0 18px; line-height: 1.65; }
.adv-article-cta .adv-btn-row { display: flex; flex-wrap: wrap; gap: 12px; }
.adv-btn-ghost { display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--adv-navy); color: var(--adv-navy); background: transparent; border-radius: 8px; padding: 12px 24px; text-decoration: none; }
.adv-btn-ghost:hover, .adv-btn-ghost:focus-visible { background: var(--adv-navy); color: #fff; }
.adv-article-related { padding: 64px 0 100px; background: #fff; }
.adv-article-related > .container > h2 { font-family: "Plus Jakarta Sans", sans-serif; font-weight: 800; font-size: 1.625rem; color: var(--adv-navy); margin: 0 0 26px; }
/* Yönetici önizleme bandı: sabit, sayfanın en üstünde; üst menü bandın yüksekliği kadar aşağı iner (JS --adv-bar-h değerini ölçer),
   böylece logo/menü örtülmez. Normal ziyaretçi sayfalarında bu sınıflar hiç kullanılmaz. */
html { --adv-bar-h: 0px; }
.adv-preview-bar { position: fixed; top: 0; right: 0; left: 0; z-index: 1040; box-sizing: border-box; background: #7a1f1f; color: #fff; text-align: center; padding: 10px 16px; font-size: .9375rem; line-height: 1.45; }
.adv-preview-bar .adv-preview-text { margin-left: .35em; }
.adv-preview-bar a { display: inline-block; color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; padding: 2px 6px; border-radius: 6px; background: rgba(255, 255, 255, .16); white-space: nowrap; }
.adv-preview-bar a:hover, .adv-preview-bar a:focus-visible { background: #fff; color: #5c1414; text-decoration: none; outline: 2px solid #fff; outline-offset: 2px; }
html.adv-has-preview { --adv-bar-h: 44px; }
html.adv-has-preview .adv-header { top: var(--adv-bar-h); }
html.adv-has-preview #advOffcanvas { top: var(--adv-bar-h); }
html.adv-has-preview .adv-article-hero { padding-top: calc(160px + var(--adv-bar-h)); }
@media (max-width: 991.98px) { html.adv-has-preview .adv-article-hero { padding-top: calc(130px + var(--adv-bar-h)); } }
@media (max-width: 575.98px) { .adv-preview-bar { text-align: right; padding: 8px 16px; font-size: .875rem; } .adv-preview-bar a { margin-top: 4px; } html.adv-has-preview { --adv-bar-h: 92px; } }

@media (max-width: 991.98px) { .adv-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } .adv-blog-hero { padding: 140px 0 52px; } }
@media (max-width: 639.98px) {
    .adv-blog-grid { grid-template-columns: minmax(0, 1fr); }
    .adv-blog-hero { padding: 120px 0 44px; }
    .adv-blog-list { padding-bottom: 72px; }
    .adv-blog-home { padding-top: 64px; }
    .adv-blog-chips { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; margin: 0 -16px; padding-right: 16px; padding-left: 16px; scrollbar-width: thin; }
    .adv-blog-chips a { white-space: nowrap; }
    .adv-article-wrap { padding-top: 36px; }
    .adv-article { font-size: 1.0625rem; line-height: 1.75; }
    .adv-article-cta { padding: 22px 20px 24px; }
    .adv-article-cta .adv-btn-row .btn, .adv-article-cta .adv-btn-ghost { width: 100%; }
}