.prose,.prose>*,.prose p,.prose figure,.prose img,.prose iframe,.prose video,.prose table,.prose pre,.prose blockquote,.prose ul,.prose ol,.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{max-width:100%!important}.prose img,.prose figure img{width:100%!important;height:auto!important}.prose iframe{width:100%!important;max-width:100%!important}.prose .wp-block-embed,.prose .wp-block-image,.prose .aligncenter,.prose .alignwide,.prose .alignfull{max-width:100%!important;width:100%!important}.text-slate-400{color:#64748b!important}.text-\[10px\]{font-size:11px!important;color:#64748b!important}.text-xs.text-slate-400,span.text-xs.text-slate-400,p.text-xs.text-slate-400{color:#64748b!important}.text-xs.font-bold.text-slate-400{color:#475569!important}article .prose{max-width:100%!important;width:100%!important}article .prose>*{max-width:100%!important}article .prose p,article .prose img,article .prose figure,article .prose ul,article .prose ol,article .prose blockquote,article .prose pre,article .prose table{max-width:100%!important;width:100%!important}.entry-content,.entry-content>*,.wp-block-paragraph,.wp-block-group,.wp-block-columns,.wp-block-cover,.wp-block-image,.wp-block-embed,.wp-block-gallery,.wp-block-list,.wp-block-heading,.wp-block-quote,.wp-block-code,.wp-block-preformatted,.wp-block-table,.wp-block-separator,.wp-block-html,.wp-block-media-text,.wp-block-verse,.wp-block-pullquote{max-width:100%!important;width:100%!important;box-sizing:border-box!important}[itemprop="articleBody"]{color:#374151;line-height:1.75;font-size:1rem;max-width:100%!important;width:100%!important}[itemprop="articleBody"] p{margin-top:1em;margin-bottom:1em;max-width:100%!important}[itemprop="articleBody"] h1,[itemprop="articleBody"] h2,[itemprop="articleBody"] h3,[itemprop="articleBody"] h4,[itemprop="articleBody"] h5,[itemprop="articleBody"] h6{color:#111827;font-weight:700;line-height:1.25;margin-top:1.5em;margin-bottom:.5em}[itemprop="articleBody"] h2{font-size:1.5em}[itemprop="articleBody"] h3{font-size:1.25em}[itemprop="articleBody"] a{color:var(--color-primary,#1160e8);text-decoration:underline}[itemprop="articleBody"] strong,[itemprop="articleBody"] b{font-weight:700;color:var(--color-primary,#1160e8)}html.dark [itemprop="articleBody"] strong,html.dark [itemprop="articleBody"] b{color:var(--color-primary,#1160e8)}[itemprop="articleBody"] ul{list-style-type:disc;padding-left:1.5em;margin:1em 0}[itemprop="articleBody"] ol{list-style-type:decimal;padding-left:1.5em;margin:1em 0}[itemprop="articleBody"] li{margin:.25em 0}[itemprop="articleBody"] blockquote{border-left:4px solid var(--color-primary,#1160e8);padding-left:1em;font-style:italic;color:#6b7280;margin:1em 0}[itemprop="articleBody"] img{max-width:100%!important;height:auto;border-radius:.5rem;margin:1em 0}[itemprop="articleBody"] iframe{max-width:100%!important;width:100%}[itemprop="articleBody"] pre{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1em 0}[itemprop="articleBody"] code{background:#f3f4f6;padding:.125em .375em;border-radius:.25rem;font-size:.875em}[itemprop="articleBody"] table{width:100%;border-collapse:collapse;margin:1em 0}[itemprop="articleBody"] th,[itemprop="articleBody"] td{border:1px solid #e2e8f0;padding:.5rem .75rem}[itemprop="articleBody"] th{background:#f8fafc;font-weight:600}[itemprop="articleBody"] img,[itemprop="articleBody"] video,[itemprop="articleBody"] iframe,[itemprop="articleBody"] embed,[itemprop="articleBody"] object{max-width:100%!important;height:auto!important;width:auto!important}[itemprop="articleBody"] iframe,[itemprop="articleBody"] .wp-block-embed__wrapper iframe{width:100%!important;min-height:400px;height:auto!important;aspect-ratio:16/9}[itemprop="articleBody"] p,[itemprop="articleBody"] ul,[itemprop="articleBody"] ol,[itemprop="articleBody"] li,[itemprop="articleBody"] blockquote,[itemprop="articleBody"] pre,[itemprop="articleBody"] table,[itemprop="articleBody"] figure,[itemprop="articleBody"] div{max-width:100%!important;width:100%!important;box-sizing:border-box!important}
header{overflow:visible!important}header nav>div>ul{flex-wrap:nowrap}header nav>div>ul>li>a{white-space:nowrap;padding:.375rem .4rem;font-size:.8rem}.header-desktop-nav{overflow:visible}.header-desktop-nav ul.header-nav-list,.header-desktop-nav>ul{display:flex!important;align-items:center;justify-content:center;flex-wrap:nowrap;overflow:visible;list-style:none;margin:0;padding:0;gap:0}.header-desktop-nav ul li{position:relative}.header-desktop-nav ul>li>a{display:flex;align-items:center;gap:.3rem;white-space:nowrap;padding:.375rem .6rem;font-size:.82rem;font-weight:700;font-family:'Work Sans',sans-serif;letter-spacing:.01em;color:#334155;border-radius:.375rem;transition:background .15s,color .15s}.header-desktop-nav ul>li>a:hover{background:#f1f5f9;color:var(--color-primary,#1160e8)}.header-desktop-nav ul li ul.sub-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);min-width:200px;padding:.5rem 0;z-index:9999;list-style:none;margin:0}.header-desktop-nav ul li ul.sub-menu li a{display:block;padding:.5rem 1rem;font-size:.85rem;font-weight:500;color:#334155;white-space:nowrap;transition:background .15s,color .15s}.header-desktop-nav ul li ul.sub-menu li a:hover{background:#f1f5f9;color:var(--color-primary,#1160e8)}@media (max-width:1100px){.header-social-icons{display:none!important}}@media (max-width:900px){.header-desktop-nav{display:none!important}.header-hamburger{display:inline-flex!important}}@media (min-width:901px){.header-hamburger{display:none!important;visibility:hidden!important;pointer-events:none!important}}.ad-side-col,.has-side-ads>.ad-side-col{display:none!important;max-width:0!important;width:0!important;min-width:0!important;overflow:hidden!important;padding:0!important;margin:0!important;opacity:0!important;pointer-events:none!important}.ad-side-col--right .ad-side-inner,.ad-side-col:not(.ad-side-col--right) .ad-side-inner{margin-left:auto!important;margin-right:0!important}.ad-side-col--right .ad-side-inner{margin-left:0!important;margin-right:auto!important;text-align:left!important;padding-left:10px!important;padding-right:0!important}.ad-side-col:not(.ad-side-col--right) .ad-side-inner{text-align:right!important;padding-left:10px!important}.has-side-ads{max-width:1920px;margin-left:auto;margin-right:auto;align-items:flex-start;overflow:hidden}.ad-side-col .etelianexus-left-ad-widget,.ad-side-col .etelianexus-right-ad-widget{height:100%}.ad-side-col .etelianexus-left-ad-widget>div,.ad-side-col .etelianexus-right-ad-widget>div{min-height:200px;height:auto!important}@media screen and (min-width:1024px){.ad-side-col,.has-side-ads>.ad-side-col{display:block!important;width:120px!important;max-width:120px!important;min-width:120px!important;height:fit-content!important;align-self:flex-start!important;position:sticky!important;top:0!important;padding-top:1rem!important;opacity:1!important;pointer-events:auto!important}.ad-side-inner{display:block!important;width:110px;height:fit-content!important;overflow:hidden}.etelianexus-featured-posts-widget .grid{height:440px!important}.etelianexus-featured-posts-widget .grid .lg\:col-span-4{display:flex!important;flex-direction:column!important}.featured-side-card{flex:1!important;height:auto!important}}@media screen and (min-width:1280px){.ad-side-col,.has-side-ads>.ad-side-col{width:150px!important;max-width:150px!important;min-width:150px!important}.ad-side-inner{width:140px}}@media screen and (min-width:1440px){.ad-side-col,.has-side-ads>.ad-side-col{width:160px!important;max-width:160px!important;min-width:160px!important}.ad-side-inner{width:150px}}@media screen and (min-width:1600px){.ad-side-col,.has-side-ads>.ad-side-col{width:180px!important;max-width:180px!important;min-width:180px!important}.ad-side-inner{width:165px}.etelianexus-featured-posts-widget .grid{height:500px!important}}@media screen and (min-width:1920px){.ad-side-col,.has-side-ads>.ad-side-col{width:240px!important;max-width:240px!important;min-width:240px!important}.ad-side-inner{width:220px}.etelianexus-featured-posts-widget .grid{height:560px!important}}.etelianexus-recent-grid-widget a>div.absolute.inset-0{background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.5) 40%,transparent 100%)!important}.breadcrumb-nav{background:linear-gradient(to right,var(--color-primary,#1160e8),#2563eb);border-radius:.5rem;padding:.625rem 1rem;margin-bottom:1.5rem;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.875rem;font-weight:500}.breadcrumb-nav a{color:rgba(255,255,255,.85)!important;text-decoration:none;transition:color .15s}.breadcrumb-nav a:hover{color:#fff!important}.breadcrumb-nav .breadcrumb-sep{color:rgba(255,255,255,.5)}.breadcrumb-nav .breadcrumb-current{color:#fff}.related-post-card{aspect-ratio:4/3}.related-post-card .related-overlay{background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.45) 45%,transparent 100%)}.site-logo-img{height:44px!important;width:auto!important;max-width:200px!important;display:block;object-fit:contain}
.site-logo-dark{display:none!important}
html.dark .site-logo-light{display:none!important}
html.dark .site-logo-dark{display:block!important}.footer-logo-img{height:44px!important;width:auto!important;max-width:200px!important;display:block;object-fit:contain}.has-side-ads .side-ads-center{overflow:visible}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.animate-spin-custom{animation:spin 1s linear infinite;display:inline-block}

/* ============================================================
   DARK MODE — html.dark class tabanlı
   Renk paleti (CSS değişkenleri):
     --dk-bg:       #0d1117  (sayfa zemini)
     --dk-surface:  #161b22  (kart / widget yüzeyi)
     --dk-surface2: #1c2333  (iç elementler, hover)
     --dk-border:   #30363d  (border)
     --dk-border2:  #21262d  (ince border)
     --dk-text:     #e6edf3  (birincil metin)
     --dk-muted:    #8b949e  (ikincil metin)
     --dk-subtle:   #484f58  (üçüncül / placeholder)

   REVIEW: .featured-meta-pill ve .featured-meta-pill-lg sınıfları
   hiçbir PHP template veya JS dosyasında kullanılmıyor. Minified
   satırda yer alıyor. Gelecekte kaldırılabilir.
   ============================================================ */

html.dark {
  --dk-bg: #0d1117;
  --dk-surface: #161b22;
  --dk-surface2: #1c2333;
  --dk-border: #30363d;
  --dk-border2: #21262d;
  --dk-text: #e6edf3;
  --dk-muted: #8b949e;
  --dk-subtle: #484f58;
}

/* Geçiş */
img, video, iframe, svg, .material-symbols-outlined, a[href] { transition: none !important; }
a { transition: color .15s !important; }

/* Toggle ikonu — switch ile yönetiliyor */
html.dark #dark-icon { opacity: 0 !important; }
html.dark #light-icon { opacity: 1 !important; }
html:not(.dark) #light-icon { opacity: 0 !important; }
html:not(.dark) #dark-icon { opacity: 1 !important; }

/* === TEMEL === */
html.dark { background-color: var(--dk-bg); color: var(--dk-text); }
html.dark body { background-color: var(--dk-bg) !important; color: var(--dk-text) !important; }

/* Arka planlar */
html.dark .bg-white { background-color: var(--dk-surface) !important; }
html.dark .bg-slate-50 { background-color: var(--dk-surface2) !important; }
html.dark .bg-slate-100 { background-color: #1f2937 !important; }
html.dark .bg-slate-200 { background-color: #273344 !important; }
html.dark .bg-slate-800 { background-color: var(--dk-bg) !important; }
html.dark .bg-slate-900 { background-color: #080c12 !important; }

/* Metinler */
html.dark .text-slate-900 { color: var(--dk-text) !important; }
html.dark .text-slate-800 { color: #cdd9e5 !important; }
html.dark .text-slate-700 { color: #adbac7 !important; }
html.dark .text-slate-600 { color: var(--dk-muted) !important; }
html.dark .text-slate-500 { color: #6e7681 !important; }
html.dark .text-slate-400 { color: var(--dk-subtle) !important; }
html.dark h1, html.dark h2, html.dark h3, html.dark h4, html.dark h5, html.dark h6 { color: var(--dk-text); }
html.dark p { color: #adbac7; }
html.dark a:not(.bg-primary):not(.bg-gradient-to-r):not([class*="bg-"]):not(.breadcrumb-nav a) { color: var(--dk-muted); }

/* Border */
html.dark .border-slate-100 { border-color: var(--dk-border2) !important; }
html.dark .border-slate-200 { border-color: var(--dk-border) !important; }
html.dark .border-slate-300 { border-color: #3d444d !important; }
html.dark .divide-slate-200 > * + * { border-color: var(--dk-border) !important; }

/* === HEADER === */
html.dark header.bg-white { background-color: var(--dk-surface) !important; box-shadow: 0 1px 0 var(--dk-border), 0 4px 12px rgba(0,0,0,.4); }
html.dark .header-desktop-nav ul > li > a { color: #adbac7 !important; }
html.dark .header-desktop-nav ul > li > a:hover { background: var(--dk-surface2) !important; color: var(--color-primary, #1160e8) !important; }
html.dark .header-desktop-nav ul li ul.sub-menu { background: var(--dk-surface) !important; border-color: var(--dk-border) !important; box-shadow: 0 8px 24px rgba(0,0,0,.6) !important; }
html.dark .header-desktop-nav ul li ul.sub-menu li a { color: #adbac7 !important; }
html.dark .header-desktop-nav ul li ul.sub-menu li a:hover { background: var(--dk-surface2) !important; color: var(--color-primary, #1160e8) !important; }
html.dark header button:hover { background: var(--dk-surface2) !important; }
html.dark header .material-symbols-outlined { color: var(--dk-muted) !important; }

/* Mobil menü */
html.dark #mobile-menu > div.bg-white { background-color: var(--dk-surface) !important; }
html.dark #mobile-menu .border-b, html.dark #mobile-menu .border-t { border-color: var(--dk-border) !important; }
html.dark #mobile-menu .bg-slate-50 { background-color: var(--dk-surface2) !important; }
html.dark #mobile-menu h3 { color: var(--dk-text) !important; }
html.dark #mobile-menu .text-slate-500 { color: var(--dk-muted) !important; }
html.dark #mobile-nav a { color: var(--dk-text) !important; }
html.dark #mobile-nav a:hover { color: var(--color-primary, #1160e8) !important; background: var(--dk-surface2) !important; }
html.dark #mobile-nav .current-menu-item > a { color: var(--color-primary, #1160e8) !important; }
html.dark #mobile-nav li { border-color: var(--dk-border2) !important; }
html.dark #mobile-nav .nav-cat-icon { color: var(--dk-text) !important; }
html.dark #mobile-nav .material-symbols-outlined { color: var(--dk-text) !important; }
html.dark #mobile-nav .sub-menu a { color: var(--dk-text) !important; }
html.dark #mobile-nav .sub-menu a .nav-cat-icon { color: var(--dk-text) !important; }
html.dark #mobile-nav .sub-menu a:hover { color: var(--color-primary, #1160e8) !important; }
html.dark #mobile-nav .sub-menu a:hover .material-symbols-outlined { color: var(--color-primary, #1160e8) !important; }
html.dark #mobile-nav .menu-item-has-children > a { color: var(--dk-text) !important; opacity: 1 !important; }
html.dark #mobile-nav .menu-item-has-children > a .nav-cat-icon,
html.dark #mobile-nav .menu-item-has-children > a .material-symbols-outlined { color: var(--dk-text) !important; opacity: 1 !important; }

/* === KARTLAR === */
html.dark article.bg-white { background-color: var(--dk-surface) !important; border-color: var(--dk-border) !important; }

/* Social share butonları — dark modda karttan ayırt edilebilir olmalı */
html.dark article .social-share-icon { background-color: var(--dk-surface2) !important; border-color: var(--dk-border) !important; }
html.dark article .social-share-icon svg { color: var(--dk-muted) !important; }

/* Single sayfa paylaşım butonları da aynı */
html.dark .social-share-icon { background-color: var(--dk-surface2) !important; border-color: var(--dk-border) !important; color: var(--dk-muted) !important; }
html.dark .social-share-icon svg { color: var(--dk-muted) !important; fill: var(--dk-muted) !important; }
html.dark .social-share-icon .material-symbols-outlined { color: var(--dk-muted) !important; }
/* Paylaşım wrapper */
html.dark .mobile-share { background-color: var(--dk-surface2) !important; border-color: var(--dk-border) !important; }
html.dark .mobile-share .text-slate-700 { color: #adbac7 !important; }
html.dark article .border-slate-100 { border-color: var(--dk-border2) !important; }
html.dark article .border-slate-200 { border-color: var(--dk-border) !important; }
html.dark article h3 a, html.dark article h4 a { color: var(--dk-text) !important; }
html.dark article h3 a:hover, html.dark article h4 a:hover { color: var(--color-primary, #1160e8) !important; }
html.dark article .text-slate-500 { color: #6e7681 !important; }
html.dark article .text-slate-600 { color: var(--dk-muted) !important; }
html.dark article .text-slate-700 { color: #adbac7 !important; }
html.dark article .text-slate-400 { color: var(--dk-subtle) !important; }
html.dark article .bg-slate-200 { background-color: #273344 !important; }
html.dark article .bg-slate-100 { background-color: #1f2937 !important; }
html.dark article:hover { box-shadow: 0 4px 24px rgba(0,0,0,.6), 0 0 0 1px var(--dk-border) !important; }

/* === SIDEBAR WİDGET'LAR === */
html.dark .bg-white.rounded-xl { background-color: var(--dk-surface) !important; border-color: var(--dk-border) !important; box-shadow: 0 1px 3px rgba(0,0,0,.4); }
html.dark .bg-white.rounded-xl .border-slate-200 { border-color: var(--dk-border) !important; }
html.dark .bg-white.rounded-xl .border-slate-100 { border-color: var(--dk-border2) !important; }
html.dark .bg-white.rounded-xl .border-b { border-color: var(--dk-border) !important; }
html.dark .bg-white.rounded-xl h3 a, html.dark .bg-white.rounded-xl h4 a { color: var(--dk-text) !important; }
html.dark .bg-white.rounded-xl h3 a:hover, html.dark .bg-white.rounded-xl h4 a:hover { color: var(--color-primary, #1160e8) !important; }
html.dark .bg-white.rounded-xl .text-slate-900 { color: var(--dk-text) !important; }
html.dark .bg-white.rounded-xl .text-slate-700 { color: #adbac7 !important; }
html.dark .bg-white.rounded-xl .text-slate-600 { color: var(--dk-muted) !important; }
html.dark .bg-white.rounded-xl .text-slate-500 { color: #6e7681 !important; }
html.dark .bg-white.rounded-xl .text-slate-400 { color: var(--dk-subtle) !important; }

/* Kategori widget linkleri */
html.dark .bg-white.rounded-xl a.border { background-color: var(--dk-surface2) !important; border-color: var(--dk-border) !important; }
html.dark .bg-white.rounded-xl a.border:hover { background-color: rgba(17,96,232,.12) !important; border-color: var(--color-primary, #1160e8) !important; }
html.dark .bg-white.rounded-xl a.border .text-slate-700 { color: #adbac7 !important; }

/* Sosyal medya widget */
html.dark .bg-white.rounded-xl a.bg-slate-50 { background-color: var(--dk-surface2) !important; border-color: var(--dk-border) !important; }
html.dark .bg-white.rounded-xl a.bg-slate-50:hover { background-color: #273344 !important; border-color: var(--color-primary, #1160e8) !important; }
html.dark .bg-white.rounded-xl a .text-slate-600 { color: #adbac7 !important; }
html.dark .bg-white.rounded-xl a .text-slate-400 { color: #8b949e !important; }
html.dark .bg-white.rounded-xl a.bg-slate-50 span.text-slate-400 { color: #8b949e !important; }
html.dark .bg-white.rounded-xl a.bg-slate-50 span.text-slate-600 { color: #adbac7 !important; }
html.dark .bg-white.rounded-xl a.bg-slate-50:hover span { color: var(--color-primary, #1160e8) !important; }

/* Popüler yazılar / tag cloud */
html.dark .bg-white.rounded-xl article.flex { border-color: var(--dk-border2) !important; }
html.dark .bg-white.rounded-xl article .bg-slate-100 { background-color: #1f2937 !important; }
html.dark .bg-white.rounded-xl .bg-slate-100 { background-color: #1f2937 !important; }
html.dark .bg-white.rounded-xl .hover\:bg-primary:hover { background-color: var(--color-primary, #1160e8) !important; }

/* === REKLAM ALANLARI === */
html.dark .bg-slate-100.rounded-xl, html.dark .bg-slate-100.rounded-lg { background-color: #1f2937 !important; }
html.dark .border-dashed { border-color: #3d444d !important; }
html.dark .text-slate-400.text-4xl { color: #3d444d !important; }

/* === FOOTER === */
html.dark footer.bg-slate-50 { background-color: var(--dk-surface) !important; border-top: 1px solid var(--dk-border); }
html.dark footer .text-slate-600 { color: var(--dk-muted) !important; }
html.dark footer .text-slate-500 { color: #6e7681 !important; }
html.dark footer .text-slate-900 { color: var(--dk-text) !important; }

/* Sayfa (page.php) kart arka planı */
html.dark article.max-w-4xl .bg-white { background-color: var(--dk-surface) !important; border-color: var(--dk-border) !important; }
html.dark article.max-w-4xl h1 { color: var(--dk-text) !important; }
html.dark .page-content-card { background-color: var(--dk-surface) !important; border-color: var(--dk-border) !important; }
html.dark .page-author-card { background-color: var(--dk-surface) !important; border-color: var(--dk-border) !important; }
html.dark .page-author-card .text-slate-900 { color: var(--dk-text) !important; }
html.dark .page-author-card .text-slate-600 { color: var(--dk-muted) !important; }

/* === SAYFA (page.php) === */
html.dark [itemprop="description"] { color: #adbac7 !important; }
html.dark [itemprop="description"] h1, html.dark [itemprop="description"] h2, html.dark [itemprop="description"] h3,
html.dark [itemprop="description"] h4, html.dark [itemprop="description"] h5, html.dark [itemprop="description"] h6 { color: var(--dk-text) !important; }
html.dark [itemprop="description"] a { color: var(--color-primary, #1160e8) !important; }
html.dark [itemprop="description"] strong { color: #e2e8f0 !important; }
html.dark [itemprop="description"] blockquote { border-color: var(--color-primary, #1160e8); color: var(--dk-muted); }
html.dark [itemprop="description"] th { background: #1f2937 !important; }
html.dark [itemprop="description"] th, html.dark [itemprop="description"] td { border-color: var(--dk-border) !important; }
html.dark [itemprop="description"] code { background: #1f2937 !important; color: #e2e8f0 !important; }
html.dark [itemprop="description"] pre { background: var(--dk-bg) !important; border: 1px solid var(--dk-border); }
html.dark [itemprop="description"] li { color: #adbac7 !important; }

/* prose genel dark mode */
html.dark .prose { color: #cdd9e5 !important; }
html.dark .prose h1, html.dark .prose h2, html.dark .prose h3,
html.dark .prose h4, html.dark .prose h5, html.dark .prose h6 { color: var(--dk-text) !important; }
html.dark .prose p, html.dark .prose li { color: #cdd9e5 !important; }
html.dark .prose a { color: var(--color-primary, #1160e8) !important; }
html.dark .prose strong { color: var(--color-primary,#1160e8) !important; }
html.dark .prose blockquote { border-color: var(--color-primary, #1160e8) !important; color: var(--dk-muted) !important; }
html.dark .prose code { background: #1f2937 !important; color: #e2e8f0 !important; }
html.dark .prose pre { background: var(--dk-bg) !important; border: 1px solid var(--dk-border) !important; }
html.dark .prose th { background: #1f2937 !important; color: var(--dk-text) !important; }
html.dark .prose td { color: #adbac7 !important; border-color: var(--dk-border) !important; }
html.dark .prose th { border-color: var(--dk-border) !important; }
html.dark [itemprop="articleBody"] { color: #cdd9e5 !important; }
html.dark [itemprop="articleBody"] h1, html.dark [itemprop="articleBody"] h2, html.dark [itemprop="articleBody"] h3,
html.dark [itemprop="articleBody"] h4, html.dark [itemprop="articleBody"] h5, html.dark [itemprop="articleBody"] h6 { color: var(--dk-text) !important; }
html.dark [itemprop="articleBody"] a { color: var(--color-primary, #1160e8) !important; }
html.dark [itemprop="articleBody"] blockquote { border-color: var(--color-primary, #1160e8); color: var(--dk-muted); }
html.dark [itemprop="articleBody"] th { background: #1f2937 !important; }
html.dark [itemprop="articleBody"] th, html.dark [itemprop="articleBody"] td { border-color: var(--dk-border) !important; }
html.dark [itemprop="articleBody"] code { background: #1f2937 !important; color: #e2e8f0 !important; }
html.dark [itemprop="articleBody"] pre { background: var(--dk-bg) !important; border: 1px solid var(--dk-border); }
html.dark [itemprop="articleBody"] strong,html.dark [itemprop="articleBody"] b{color:var(--color-primary,#1160e8) !important}

/* Breadcrumb */
html.dark .breadcrumb-nav { opacity: .9; }

/* === FORMLAR === */
html.dark input[type="text"], html.dark input[type="email"], html.dark input[type="search"],
html.dark input[type="url"], html.dark input[type="number"], html.dark textarea, html.dark select {
  background-color: var(--dk-surface2) !important;
  border-color: var(--dk-border) !important;
  color: var(--dk-text) !important;
}
html.dark input::placeholder, html.dark textarea::placeholder { color: var(--dk-subtle) !important; }
html.dark input:focus, html.dark textarea:focus, html.dark select:focus {
  border-color: var(--color-primary, #1160e8) !important;
  box-shadow: 0 0 0 3px rgba(17,96,232,.2) !important;
}
html.dark #search-overlay input[type="search"] { background: var(--dk-surface) !important; color: var(--dk-text) !important; box-shadow: 0 25px 50px rgba(0,0,0,.6) !important; }

/* Yorum formu */
html.dark .comment-form input, html.dark .comment-form textarea { background: var(--dk-surface2) !important; border-color: var(--dk-border) !important; color: var(--dk-text) !important; }
html.dark .comment-list .comment-body { background: var(--dk-surface) !important; border-color: var(--dk-border) !important; }

/* === LOAD MORE BUTONU === */
html.dark button.bg-white { background: var(--dk-surface) !important; border-color: var(--dk-border) !important; color: #adbac7 !important; }
html.dark button.bg-white:hover { background: var(--dk-surface2) !important; }

/* === SHADOW === */
html.dark .shadow-sm { box-shadow: 0 1px 3px rgba(0,0,0,.5) !important; }
html.dark .shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,.5) !important; }
html.dark .shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,.5) !important; }

/* === KORUNANLAR (gradient / primary renkler değişmemeli) === */
html.dark .bg-gradient-to-r.from-primary { opacity: 1; }
html.dark .bg-gradient-to-r.from-primary, html.dark span.bg-gradient-to-r.from-primary {
  background-image: linear-gradient(to right, var(--color-primary, #1160e8), var(--color-secondary, #2563eb)) !important;
  color: #fff !important;
}
html.dark .bg-gradient-to-r.from-primary *, html.dark span.bg-gradient-to-r.from-primary * { color: #fff !important; }
html.dark .bg-primary { background-color: var(--color-primary, #1160e8) !important; }
html.dark .text-white { color: #fff !important; }
html.dark .text-primary { color: var(--color-primary, #1160e8) !important; }

/* === SINGLE SAYFA === */
html.dark .bg-white.rounded-xl.border { background-color: var(--dk-surface) !important; border-color: var(--dk-border) !important; }
html.dark .bg-white.rounded-xl.border .border-b,
html.dark .bg-white.rounded-xl.border .border-t,
html.dark .bg-white.rounded-xl.border .border-slate-200 { border-color: var(--dk-border) !important; }
html.dark .bg-white.rounded-xl.border h1 { color: var(--dk-text) !important; }
html.dark .bg-white.rounded-xl.border .text-slate-900 { color: var(--dk-text) !important; }
html.dark .bg-white.rounded-xl.border .text-slate-700 { color: #adbac7 !important; }
html.dark .bg-white.rounded-xl.border .text-slate-600 { color: var(--dk-muted) !important; }
html.dark .bg-white.rounded-xl.border .text-slate-500 { color: #6e7681 !important; }
html.dark .bg-white.rounded-xl.border .bg-slate-100 { background-color: #1f2937 !important; }
html.dark .bg-white.rounded-xl.border .bg-slate-200 { background-color: #273344 !important; }

/* Etiketler */
html.dark .bg-slate-100.px-3 { background-color: #1f2937 !important; color: var(--dk-muted) !important; }
html.dark .bg-slate-100.px-3:hover { background-color: var(--color-primary, #1160e8) !important; color: #fff !important; }

/* Paylaşım butonları */
html.dark .bg-slate-100.rounded-lg.text-slate-600 { background-color: #1f2937 !important; color: var(--dk-muted) !important; }
html.dark .bg-slate-100.rounded-lg.text-slate-600:hover { color: #fff !important; }

/* Yazar kutusu */
html.dark .bg-white.rounded-xl.border.shadow-sm.p-6 { background-color: var(--dk-surface) !important; border-color: var(--dk-border) !important; }

/* Yorum alanı */
html.dark #comments { color: #adbac7; }
html.dark #comments h2, html.dark #comments h3 { color: var(--dk-text) !important; }
html.dark .comment-list .comment { border-color: var(--dk-border) !important; }
html.dark .comment-list .comment-meta { color: #6e7681 !important; }
html.dark .comment-list .comment-content p { color: #adbac7 !important; }
html.dark .comment-respond { background: var(--dk-surface) !important; border-color: var(--dk-border) !important; }
html.dark .comment-form label { color: var(--dk-muted) !important; }
html.dark .submit { background: var(--color-primary, #1160e8) !important; color: #fff !important; border: none !important; }

/* Reaksiyon butonları */
html.dark .reaction-btn { background: var(--dk-surface2) !important; }
html.dark .reaction-btn:hover { background: #273344 !important; }

/* Archive / Category sayfaları */
html.dark .bg-white.rounded-xl.shadow-sm { background-color: var(--dk-surface) !important; border-color: var(--dk-border) !important; }

/* News ticker */
html.dark .bg-primary.text-white { background-color: var(--color-primary, #1160e8) !important; }

/* Hover genel */
html.dark .hover\:bg-slate-100:hover { background-color: #1f2937 !important; }
html.dark .hover\:bg-slate-50:hover { background-color: var(--dk-surface2) !important; }
html.dark .hover\:shadow-md:hover { box-shadow: 0 4px 20px rgba(0,0,0,.5) !important; }
html.dark .hover\:shadow-lg:hover { box-shadow: 0 10px 30px rgba(0,0,0,.5) !important; }

/* Header center nav — logo ortada, menü altta */
.header-center-nav ul.header-nav-list{display:flex!important;align-items:center;justify-content:center;flex-wrap:nowrap;list-style:none;margin:0;padding:0;gap:0}
.header-center-nav ul>li>a{display:flex;align-items:center;gap:.3rem;white-space:nowrap;padding:.6rem .9rem;font-size:.82rem;font-weight:800;font-family:'Work Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#334155;border-radius:0;transition:color .15s}
.header-center-nav ul>li>a:hover{color:var(--color-primary,#1160e8);background:transparent}
html.dark .header-center-nav ul>li>a{color:#adbac7}
html.dark .header-center-nav ul>li>a:hover{color:var(--color-primary,#1160e8)}
/* Absolute ortalama için z-index */
nav.header-center-nav.absolute{z-index:10;pointer-events:auto}
/* Üst menü — tüm öğeler */
.header-desktop-nav a {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
}
.header-desktop-nav .nav-cat-icon {
    font-size: 16px !important;
    line-height: 1;
    flex-shrink: 0;
}
/* Dropdown alt menü */
.header-desktop-nav .sub-menu a {
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 0.4rem 1rem;
}
.header-desktop-nav .sub-menu .nav-cat-icon {
    font-size: 16px !important;
    flex-shrink: 0;
}
/* Mobil menü */
#mobile-nav a {
    display: flex !important;
    align-items: center;
    gap: 8px;
}
#mobile-nav .nav-cat-icon {
    font-size: 18px !important;
    flex-shrink: 0;
}
/* Dark mode */
html.dark .header-desktop-nav .nav-cat-icon,
html.dark #mobile-nav .nav-cat-icon {
    color: inherit !important;
}

/* ============================================================
   SHORTCODE STİLLERİ
   ============================================================ */

/* --- [infobox] --- */
.sc-infobox {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    border-left: 4px solid;
    border-radius: .5rem;
    padding: .875rem 1rem;
    margin: 1.25rem 0;
    font-size: .95rem;
    line-height: 1.6;
}
.sc-infobox-icon { font-size: 20px !important; flex-shrink: 0; margin-top: 1px; }
.sc-infobox-content { flex: 1; }
.sc-infobox-content p { margin: 0 !important; }

/* --- [alert] --- */
.sc-alert {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    border-left: 4px solid;
    border-radius: .5rem;
    padding: .875rem 1rem;
    margin: 1.25rem 0;
    font-size: .95rem;
    line-height: 1.6;
}
.sc-alert-icon { font-size: 20px !important; flex-shrink: 0; margin-top: 1px; }
.sc-alert-content { flex: 1; }
.sc-alert-content p { margin: 0 !important; }

/* --- [spoiler] --- */
.sc-spoiler {
    border: 1px solid #e2e8f0;
    border-radius: .5rem;
    margin: 1.25rem 0;
    overflow: hidden;
}
.sc-spoiler-btn {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .75rem 1rem;
    background: #f8fafc;
    border: none;
    cursor: pointer;
    font-size: .95rem;
    font-weight: 600;
    color: #334155;
    text-align: left;
    transition: background .15s;
}
.sc-spoiler-btn:hover { background: #f1f5f9; }
.sc-spoiler-arrow { transition: transform .2s; font-size: 20px !important; }
.sc-spoiler.open .sc-spoiler-arrow { transform: rotate(180deg); }
.sc-spoiler-body {
    display: none;
    padding: 1rem;
    border-top: 1px solid #e2e8f0;
    font-size: .95rem;
    line-height: 1.7;
    color: #374151;
}
.sc-spoiler.open .sc-spoiler-body { display: block; }

/* --- [button] --- */
.sc-button {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    border-radius: .5rem;
    color: #fff !important;
    font-weight: 600;
    text-decoration: none !important;
    transition: opacity .15s, transform .1s;
    cursor: pointer;
    border: none;
    margin: .25rem 0;
}
.sc-button:hover { opacity: .88; transform: translateY(-1px); }

/* --- [rating] --- */
.sc-rating {
    border: 1px solid #e2e8f0;
    border-radius: .75rem;
    padding: 1rem 1.25rem;
    margin: 1.25rem 0;
    background: #f8fafc;
}
.sc-rating-title {
    font-size: 1rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: .625rem;
}
.sc-rating-body {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.sc-rating-bar-wrap {
    flex: 1;
    height: 10px;
    background: #e2e8f0;
    border-radius: 99px;
    overflow: hidden;
}
.sc-rating-bar {
    height: 100%;
    border-radius: 99px;
    transition: width .6s ease;
}
.sc-rating-score { display: flex; align-items: baseline; gap: 2px; }
.sc-rating-num { font-size: 1.5rem; font-weight: 800; line-height: 1; }
.sc-rating-max { font-size: .85rem; color: #94a3b8; }
.sc-rating-label { font-size: .75rem; color: #94a3b8; margin-top: .375rem; text-transform: uppercase; letter-spacing: .05em; }

/* --- [pros_cons] --- */
.sc-pros-cons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin: 1.25rem 0;
}
@media (max-width: 600px) { .sc-pros-cons { grid-template-columns: 1fr; } }
.sc-pros, .sc-cons {
    border-radius: .625rem;
    overflow: hidden;
    border: 1px solid #e2e8f0;
}
.sc-pros-cons-header {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .625rem 1rem;
    font-weight: 700;
    font-size: .9rem;
    color: #fff;
}
.sc-pros-header { background: #16a34a; }
.sc-cons-header { background: #dc2626; }
.sc-pros-cons-header .material-symbols-outlined { font-size: 18px !important; }
.sc-pros ul, .sc-cons ul {
    list-style: none;
    margin: 0;
    padding: .5rem 0;
}
.sc-pros ul li, .sc-cons ul li {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    padding: .375rem 1rem;
    font-size: .9rem;
    color: #374151;
    border-bottom: 1px solid #f1f5f9;
}
.sc-pros ul li:last-child, .sc-cons ul li:last-child { border-bottom: none; }
.sc-pros ul li .material-symbols-outlined { color: #16a34a; font-size: 16px !important; flex-shrink: 0; margin-top: 2px; }
.sc-cons ul li .material-symbols-outlined { color: #dc2626; font-size: 16px !important; flex-shrink: 0; margin-top: 2px; }

/* ============================================================
   SHORTCODE — DARK MODE
   ============================================================ */
html.dark .sc-infobox,
html.dark .sc-alert { background: var(--dk-surface2) !important; }

html.dark .sc-spoiler { border-color: var(--dk-border) !important; }
html.dark .sc-spoiler-btn { background: var(--dk-surface2) !important; color: var(--dk-text) !important; }
html.dark .sc-spoiler-btn:hover { background: #273344 !important; }
html.dark .sc-spoiler-body { background: var(--dk-surface) !important; border-color: var(--dk-border) !important; color: #cdd9e5 !important; }

html.dark .sc-rating { background: var(--dk-surface2) !important; border-color: var(--dk-border) !important; }
html.dark .sc-rating-title { color: var(--dk-text) !important; }
html.dark .sc-rating-bar-wrap { background: var(--dk-border) !important; }

html.dark .sc-pros, html.dark .sc-cons { border-color: var(--dk-border) !important; }
html.dark .sc-pros ul li, html.dark .sc-cons ul li { color: #cdd9e5 !important; border-color: var(--dk-border2) !important; background: var(--dk-surface) !important; }

/* ============================================================
   İÇERİK BAŞLIKLARI (article body h1-h6)
   [itemprop="articleBody"] ve .prose içindeki başlıklar
   ============================================================ */

/* H1 — Büyük başlık, gradient sol çizgi */
[itemprop="articleBody"] h1,
.prose.prose-slate h1 {
    font-size: 1.875rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.2;
    margin: 2rem 0 1rem;
    padding-left: 1rem;
    border-left: 5px solid var(--color-primary, #1160e8);
    letter-spacing: -.02em;
}

/* H2 — Bölüm başlığı, alt çizgili gradient */
[itemprop="articleBody"] h2,
.prose.prose-slate h2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.3;
    margin: 1.875rem 0 .875rem;
    padding-bottom: .5rem;
    border-bottom: 2px solid;
    border-image: linear-gradient(to right, var(--color-primary, #1160e8), transparent) 1;
    letter-spacing: -.01em;
}

/* H3 — Alt bölüm, sol nokta + renk */
[itemprop="articleBody"] h3,
.prose.prose-slate h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.4;
    margin: 1.5rem 0 .75rem;
    display: flex;
    align-items: center;
    gap: .5rem;
}
[itemprop="articleBody"] h3::before,
.prose.prose-slate h3::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color-primary, #1160e8);
    flex-shrink: 0;
}

/* H4 — Küçük başlık, hafif vurgu */
[itemprop="articleBody"] h4,
.prose.prose-slate h4 {
    font-size: 1.1rem;
    font-weight: 700;
    color: #334155;
    line-height: 1.4;
    margin: 1.25rem 0 .625rem;
    padding: .375rem .75rem;
    background: #f1f5f9;
    border-radius: .375rem;
    border-left: 3px solid var(--color-primary, #1160e8);
}

/* H5 */
[itemprop="articleBody"] h5,
.prose.prose-slate h5 {
    font-size: 1rem;
    font-weight: 700;
    color: #475569;
    margin: 1rem 0 .5rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: .875rem;
}

/* H6 */
[itemprop="articleBody"] h6,
.prose.prose-slate h6 {
    font-size: .875rem;
    font-weight: 600;
    color: #64748b;
    margin: .875rem 0 .5rem;
    font-style: italic;
}

/* ============================================================
   BAŞLIKLAR — DARK MODE
   ============================================================ */
html.dark [itemprop="articleBody"] h1,
html.dark .prose.prose-slate h1 {
    color: var(--dk-text) !important;
    border-left-color: var(--color-primary, #1160e8) !important;
}

html.dark [itemprop="articleBody"] h2,
html.dark .prose.prose-slate h2 {
    color: var(--dk-text) !important;
    border-image: linear-gradient(to right, var(--color-primary, #1160e8), transparent) 1 !important;
}

html.dark [itemprop="articleBody"] h3,
html.dark .prose.prose-slate h3 {
    color: #cdd9e5 !important;
}
html.dark [itemprop="articleBody"] h3::before,
html.dark .prose.prose-slate h3::before {
    background: var(--color-primary, #1160e8) !important;
}

html.dark [itemprop="articleBody"] h4,
html.dark .prose.prose-slate h4 {
    color: #cdd9e5 !important;
    background: var(--dk-surface2) !important;
    border-left-color: var(--color-primary, #1160e8) !important;
}

html.dark [itemprop="articleBody"] h5,
html.dark .prose.prose-slate h5 {
    color: var(--dk-muted) !important;
}

html.dark [itemprop="articleBody"] h6,
html.dark .prose.prose-slate h6 {
    color: var(--dk-subtle) !important;
}

/* Shortcode buton — dark mode override */
html.dark .sc-button,
html.dark .sc-button:hover,
html.dark .sc-button span,
html.dark a.sc-button { color: #fff !important; }

/* --- [site_info] --- */
.sc-siteinfo { border: 1px solid #e2e8f0; border-radius: .75rem; overflow: hidden; margin: 1.5rem 0; }
.sc-siteinfo-header { display: flex; align-items: center; gap: .5rem; padding: .875rem 1.25rem; color: #fff; font-weight: 700; font-size: 1rem; }
.sc-siteinfo-header .material-symbols-outlined { font-size: 20px !important; }
.sc-siteinfo-body { padding: .5rem 0; }
.sc-siteinfo-row { display: flex; align-items: center; gap: .75rem; padding: .625rem 1.25rem; border-bottom: 1px solid #f1f5f9; }
.sc-siteinfo-row:last-child { border-bottom: none; }
.sc-siteinfo-icon { font-size: 18px !important; flex-shrink: 0; }
.sc-siteinfo-label { font-size: .85rem; font-weight: 600; color: #64748b; min-width: 130px; flex-shrink: 0; }
.sc-siteinfo-value { font-size: .9rem; color: #1e293b; font-weight: 500; }
.sc-siteinfo-value a { color: var(--color-primary, #1160e8) !important; text-decoration: underline; }
.sc-siteinfo-desc { display: flex; align-items: flex-start; gap: .75rem; padding: 1rem 1.25rem; background: #f8fafc; border-top: 1px solid #e2e8f0; }
.sc-siteinfo-desc .material-symbols-outlined { font-size: 20px !important; flex-shrink: 0; margin-top: 2px; }
.sc-siteinfo-desc p { margin: 0 !important; font-size: .9rem; color: #374151; line-height: 1.6; }

html.dark .sc-siteinfo { border-color: var(--dk-border) !important; }
html.dark .sc-siteinfo-row { border-color: var(--dk-border2) !important; }
html.dark .sc-siteinfo-label { color: var(--dk-muted) !important; }
html.dark .sc-siteinfo-value { color: #cdd9e5 !important; }
html.dark .sc-siteinfo-desc { background: var(--dk-surface2) !important; border-color: var(--dk-border) !important; }
html.dark .sc-siteinfo-desc p { color: #adbac7 !important; }

/* Inline style color override — eski içerikler için */
html.dark [itemprop="articleBody"] span[style*="color"],
html.dark [itemprop="articleBody"] p[style*="color"],
html.dark .prose span[style*="color"],
html.dark .prose p[style*="color"] {
    color: #cdd9e5 !important;
}
html.dark [itemprop="articleBody"] strong,
html.dark .prose strong {
    color: var(--color-primary, #1160e8) !important;
}

/* Eski içerik düzeltmeleri — kötü HTML yapısı için */
[itemprop="articleBody"] h3,
.prose h3 { display: block !important; } /* h3 içinde iframe varsa */
[itemprop="articleBody"] h3 iframe,
.prose h3 iframe {
    display: block !important;
    margin-top: 1rem !important;
}
[itemprop="articleBody"] strong,
.prose strong { display: inline !important; }
/* Paragraf arası boşluk — <br> veya boş satır yoksa */
[itemprop="articleBody"] > *,
.prose > * { margin-bottom: 1em !important; }
[itemprop="articleBody"] ul,
.prose ul { margin: .75em 0 .75em 1.5em !important; padding-left: 1em !important; }
[itemprop="articleBody"] ul li,
.prose ul li { margin-bottom: .375em !important; list-style-type: disc !important; }

/* === DARK MODE TOGGLE SWITCH === */
.dark-toggle-switch{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;outline:none;box-shadow:none}.dark-toggle-switch:focus,.dark-toggle-switch:focus-visible{outline:none;box-shadow:none}.dark-toggle-switch:hover,.dark-toggle-switch:focus,.dark-toggle-switch:active{background:none!important;box-shadow:none!important;outline:none!important}
.dark-toggle-track{display:flex;align-items:center;width:52px;height:28px;background:#e2e8f0;border-radius:999px;position:relative;transition:background .3s;border:1px solid #cbd5e1}
.dark-toggle-thumb{position:absolute;left:2px;width:22px;height:22px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s,background .3s;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.dark-toggle-thumb .material-symbols-outlined{font-size:14px;color:#f59e0b;transition:opacity .2s}
#dark-icon{opacity:1}
#light-icon{opacity:0;position:absolute}
html.dark .dark-toggle-track{background:#1e3a5f;border-color:#2d5a8e}
html.dark .dark-toggle-thumb{transform:translateX(22px);background:#1160e8}
html.dark .dark-toggle-thumb .material-symbols-outlined{color:#fff}
html.dark .dark-toggle-switch:hover,html.dark .dark-toggle-switch:focus,html.dark .dark-toggle-switch:active{background:none!important;box-shadow:none!important;outline:none!important}
html.dark #dark-icon{opacity:1;position:relative}
html.dark #light-icon{opacity:0;position:absolute}

/* WordPress Admin Bar — sticky header ile çakışmayı önle */
html.admin-bar header.sticky,
html.admin-bar header[class*="sticky"],
body.admin-bar header.sticky,
body.admin-bar header[class*="sticky"] {
    top: 32px !important;
}
@media screen and (max-width: 782px) {
    html.admin-bar header.sticky,
    html.admin-bar header[class*="sticky"],
    body.admin-bar header.sticky,
    body.admin-bar header[class*="sticky"] {
        top: 46px !important;
    }
}