/* Generated from wp_get_custom_css(). */
.serka-bluf {
  background: #f0f4f8;
  border-left: 4px solid #1a365d;
  padding: 1.2em 1.5em;
  margin: 0 0 2em;
  font-size: 0.95em;
  line-height: 1.7;
  color: #2d3748;
}
.serka-bluf p { margin: 0; }

/* SERKA ANON CSS FIX START 2026-03-30 */

/* === GLOBAL CSS VARIABLES === */
:root {
  --bg:#0c0a08;--fg:#e8e4dc;--card:#141210;--muted:#8a8580;--border:#2a2420;
  --input:#181412;--gold:#c29a56;--gold-light:#d4b178;--gold-dim:#8a6d3b;
  --navy:#1a1614;--signal:#3A76F0;--signal-h:#2A66E0;
}
/* Elementor container overrides - force visible & full width */
.elementor-location-header{display:block!important;width:100%!important}
.elementor-location-header .e-con,.elementor-location-header .e-con-inner,.elementor-location-header .elementor-widget-html{width:100%!important;max-width:100%!important;padding:0!important}
.elementor-location-footer{display:block!important;width:100%!important}
.elementor-location-footer .e-con,.elementor-location-footer .e-con-inner,.elementor-location-footer .elementor-widget-html{width:100%!important;max-width:100%!important;padding:0!important}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
.serka-root.light{--bg:#f5f3f0;--fg:#1a1714;--card:#ffffff;--muted:#6b6560;--border:#d4d0cc;--input:#f0ece8;--gold:#9a7a3c;--gold-light:#b8934a;--gold-dim:#7a6030;--navy:#f0ece8;--signal:#3A76F0;--signal-h:#2A66E0}
.serka-root{font-family:'Inter',sans-serif;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:'Playfair Display',serif}
a{color:inherit;text-decoration:none}
::selection{background:var(--gold);color:var(--bg)}
img{max-width:100%;display:block}

/* === GLOBAL ANIMATIONS === */
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes ping{75%,100%{transform:scale(2);opacity:0}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes progress{from{width:0}to{width:100%}}
@keyframes goldText{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes goldShimmer{0%{background-position:200% center}100%{background-position:-200% center}}

.anim-up{animation:fadeUp .7s ease-out forwards}
.anim-up-d1{animation:fadeUp .7s ease-out .1s forwards;opacity:0}
.anim-up-d2{animation:fadeUp .7s ease-out .2s forwards;opacity:0}
.anim-up-d3{animation:fadeUp .7s ease-out .3s forwards;opacity:0}
.anim-right{animation:fadeUp .7s ease-out .3s forwards;opacity:0}
.text-shimmer{background:linear-gradient(90deg,var(--gold) 0%,var(--gold-light) 20%,#fff 40%,var(--gold-light) 60%,var(--gold) 80%,var(--gold-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 5s linear infinite;background-size:200% 100%}
.text-grad{background:linear-gradient(135deg,var(--gold),var(--gold-light),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.glass{background:rgba(8,12,20,.7);backdrop-filter:blur(20px);border:1px solid rgba(194,154,86,.1)}
.hlift{transition:transform .3s,box-shadow .3s}.hlift:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.3)}
.mx-c{position:relative;z-index:10;max-width:1280px;margin:0 auto;padding:0 1.5rem}
.sec-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.dot-grid{position:absolute;inset:0;opacity:.03;background-image:radial-gradient(circle,var(--gold) 1px,transparent 1px);background-size:30px 30px}
.accent-line{position:absolute;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(194,154,86,.1),transparent)}.accent-line.top{top:0}.accent-line.bot{bottom:0}
.sec-div{height:1px;background:linear-gradient(to right,transparent,rgba(194,154,86,.2),transparent);margin:0 auto;max-width:800px}

/* === NAV === */
.nav{position:fixed;top:0;left:0;right:0;z-index:50}
.nav-top{background:var(--bg);border-bottom:1px solid rgba(194,154,86,.1);min-height:36px;padding:.2rem 0;display:flex;align-items:center}
.nav-top .mx{max-width:1280px;margin:0 auto;padding:0 1rem;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:.875rem}
.nav-main{background:var(--bg);border-bottom:1px solid rgba(194,154,86,.1);transition:all .3s}
.nav-main.scrolled{background:rgba(12,10,8,.98);backdrop-filter:blur(20px);box-shadow:0 10px 30px rgba(0,0,0,.5)}
.nav-main .mx{max-width:1280px;margin:0 auto;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between}
.nlogo{display:flex;align-items:center;gap:.75rem}
.nlogo-img{width:56px;height:56px;border-radius:12px;overflow:hidden;border:2px solid rgba(194,154,86,.3);flex-shrink:0}
.nlogo-img img{width:100%;height:100%;object-fit:cover}
.nlogo-text span:first-child{font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:700;letter-spacing:.18em;display:block;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 25%,#fff 50%,var(--gold-light) 75%,var(--gold) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldText 4s ease infinite;text-transform:uppercase}
.nlogo-text span:last-child{font-size:9px;letter-spacing:.3em;color:var(--gold-dim);text-transform:uppercase;font-weight:400}
.nlinks{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}
.nlinks-m{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap}
.nlinks-m a{padding:.4rem .6rem;font-size:.8rem;font-weight:500;color:rgba(232,228,220,.8);transition:color .2s;white-space:nowrap}
.nlinks-m a:hover{color:var(--fg)}.nlinks-m a.hl{color:var(--gold)}
.nlinks-s{display:flex;gap:1rem;font-size:.75rem}
.nlinks-s a{color:rgba(232,228,220,.6);text-transform:uppercase;letter-spacing:.05em;transition:color .2s}
.nlinks-s a:hover{color:var(--fg)}
.sig-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:999px;background:rgba(58,118,240,.2);border:1px solid rgba(58,118,240,.4);font-size:.75rem;font-weight:500;color:var(--signal)}

/* === LANGUAGE SWITCHER === */
.lang-sw{display:flex;gap:.15rem;align-items:center;flex-wrap:wrap}
.lang-sw a{display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .3rem;border-radius:4px;font-size:.6rem;font-weight:600;letter-spacing:.03em;color:var(--muted);border:1px solid transparent;transition:all .2s;white-space:nowrap}
.lang-sw a:hover{color:var(--fg);border-color:rgba(194,154,86,.2)}
.lang-sw .lang-active{color:var(--gold);border-color:rgba(194,154,86,.3);background:rgba(194,154,86,.08)}
.lang-flag{width:14px;height:10px;border-radius:2px;object-fit:cover;vertical-align:middle;box-shadow:0 0 0 .5px rgba(255,255,255,.15)}
/* WPML default "This post is also available in" mesajini gizle */
.wpml-ls-statics-post_translations{display:none!important}
#wpml-post-translations{display:none!important}

.nav-sp{height:110px}
.nav-dd{position:relative;display:inline-block}
.nav-dd-menu{display:none;position:absolute;top:100%;right:0;min-width:300px;padding-top:.6rem;z-index:99}
.nav-dd-menu::before{content:'';position:absolute;top:0;left:0;right:0;height:.6rem}
.nav-dd:hover .nav-dd-menu{display:block}
.nav-dd-menu a{display:block;padding:.55rem 1rem;font-size:.8rem;color:rgba(232,228,220,.8);background:rgba(20,18,16,.97);border:1px solid rgba(194,154,86,.08);border-bottom:none;transition:all .2s;white-space:nowrap}
.nav-dd-menu a:first-child{border-radius:8px 8px 0 0}
.nav-dd-menu a:last-child{border-radius:0 0 8px 8px;border-bottom:1px solid rgba(194,154,86,.08)}
.nav-dd-menu a:hover{background:rgba(194,154,86,.08);color:var(--gold)}

/* HAMBURGER MOBILE */
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:10001}
.hamburger span{display:block;width:24px;height:2px;background:var(--gold);border-radius:2px;transition:all .3s}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
/* Overlay */
.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:9998;opacity:0;transition:opacity .3s}
.mobile-overlay.open{display:block;opacity:1}
/* Slide-in panel */
.mobile-menu{position:fixed;top:0;right:-320px;width:300px;max-width:85vw;height:100%;height:100dvh;background:rgba(12,10,8,.99);z-index:9999;display:flex;flex-direction:column;overflow:hidden;transition:right .35s cubic-bezier(.4,0,.2,1);border-left:1px solid rgba(194,154,86,.12);box-shadow:-8px 0 40px rgba(0,0,0,.4)}
.mobile-menu.open{right:0}
/* Close button */
.mobile-close{position:absolute;top:.75rem;right:.75rem;background:none;border:1px solid rgba(194,154,86,.2);border-radius:8px;color:var(--gold);font-size:1.2rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10000;transition:all .3s}
.mobile-close:hover{background:rgba(194,154,86,.1);border-color:var(--gold)}
/* Language bar — TOP */
.mobile-lang{display:flex;gap:.35rem;padding:.75rem 1rem;flex-wrap:wrap;justify-content:center;border-bottom:1px solid rgba(194,154,86,.1);background:rgba(194,154,86,.03);max-height:120px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.mobile-lang a{padding:.3rem .6rem;border-radius:6px;font-size:.72rem;font-weight:600;color:var(--muted);border:1px solid rgba(194,154,86,.12);transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:.3rem}.mobile-lang .lang-flag{width:14px;height:10px;border-radius:2px;object-fit:cover;vertical-align:middle;box-shadow:0 0 0 .5px rgba(255,255,255,.15)}
.mobile-lang a:hover{color:var(--gold);border-color:rgba(194,154,86,.3)}
.mobile-lang a.lang-active{color:var(--gold);border-color:rgba(194,154,86,.35);background:rgba(194,154,86,.1)}
/* Menu links — scrollable area */
.mobile-menu .mob-links{flex:1;min-height:0;padding:.5rem 0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.mobile-menu .mob-links a{padding:.65rem 1.25rem;font-size:.9rem;color:var(--fg);border-bottom:1px solid rgba(194,154,86,.06);display:flex;align-items:center;gap:.5rem;transition:all .2s;text-decoration:none}
.mobile-menu .mob-links a:hover,.mobile-menu .mob-links a:active{color:var(--gold);background:rgba(194,154,86,.04)}
.mobile-menu .mob-links .mob-section{padding:.4rem 1.25rem;font-size:.65rem;font-weight:700;color:var(--gold-dim);text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem}
/* CTA button */
.mobile-menu .mob-cta{padding:.75rem 1rem;border-top:1px solid rgba(194,154,86,.1)}
.mobile-menu .mob-cta a{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.25rem;border-radius:10px;background:var(--gold);color:var(--bg);font-weight:600;font-size:.85rem;text-decoration:none;transition:all .3s}
.mobile-menu .mob-cta a:hover{background:var(--gold-light);box-shadow:0 4px 16px rgba(194,154,86,.3)}

/* LIGHT MODE NAV */
.serka-root.light .glass{background:rgba(255,255,255,.85);border-color:rgba(154,122,60,.15)}
.serka-root.light .nav-main{background:var(--bg);border-bottom-color:rgba(154,122,60,.15)}
.serka-root.light .nav-main.scrolled{background:rgba(245,243,240,.98);box-shadow:0 10px 30px rgba(0,0,0,.08)}
.serka-root.light .nav-top{background:var(--bg);border-bottom-color:rgba(154,122,60,.15)}
.serka-root.light .nlogo-text span:first-child{background:linear-gradient(135deg,var(--gold-dim) 0%,var(--gold) 25%,var(--gold-light) 50%,var(--gold) 75%,var(--gold-dim) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldText 4s ease infinite}
.serka-root.light .nav-dd-menu a{background:rgba(255,255,255,.97);border-color:rgba(154,122,60,.1);color:var(--fg)}
.serka-root.light .nav-dd-menu a:hover{background:rgba(154,122,60,.06);color:var(--gold)}
.serka-root.light .nlinks-m a{color:rgba(26,23,20,.7)}
.serka-root.light .nlinks-m a:hover{color:var(--gold)}
.serka-root.light .nlinks-m a.hl{color:var(--gold)}
.serka-root.light .nlinks-s a{color:rgba(26,23,20,.5)}
.serka-root.light .nlinks-s a:hover{color:var(--gold)}
.serka-root.light .nav-top a,.serka-root.light .nav-top span{color:rgba(26,23,20,.6)!important}
.serka-root.light .nav-top a:hover{color:var(--gold)!important}
.serka-root.light .hamburger span{background:var(--gold)}
.serka-root.light .mobile-overlay{background:rgba(0,0,0,.3)}
.serka-root.light .mobile-menu{background:rgba(245,243,240,.99);border-left-color:rgba(154,122,60,.15)}
.serka-root.light .mobile-close{color:var(--gold);border-color:rgba(154,122,60,.2)}
.serka-root.light .mobile-close:hover{background:rgba(154,122,60,.08)}
.serka-root.light .mobile-lang{background:rgba(154,122,60,.04);border-bottom-color:rgba(154,122,60,.1)}
.serka-root.light .mobile-lang a{color:var(--muted);border-color:rgba(154,122,60,.12)}
.serka-root.light .mobile-lang a:hover{color:var(--gold)}
.serka-root.light .mobile-lang a.lang-active{color:var(--gold);background:rgba(154,122,60,.08)}
.serka-root.light .mob-links a{color:var(--fg);border-bottom-color:rgba(154,122,60,.06)}
.serka-root.light .mob-links a:hover{color:var(--gold);background:rgba(154,122,60,.04)}
.serka-root.light .mob-links .mob-section{color:var(--gold-dim)}
/* Light mode lang-sw */
.serka-root.light .lang-sw a{color:var(--muted)}
.serka-root.light .lang-sw a:hover{color:var(--gold)}
.serka-root.light .lang-sw .lang-active{color:var(--gold)}

/* WP ADMIN BAR FIX */
body.admin-bar .nav{top:32px}
@media(max-width:782px){body.admin-bar .nav{top:46px}}

.nav-top a{white-space:nowrap}
/* RESPONSIVE NAV */
@media(max-width:1024px){
  .nav-top{display:none}
  .nav-sp{height:76px}
  .nlinks{display:none}
  .hamburger{display:flex}
}
@media(max-width:768px){
  .nav-sp{height:68px}
  .nlogo-img{width:48px;height:48px}
  .nlogo-text span:first-child{font-size:1.1rem;letter-spacing:.15em}
  .nlogo-text span:last-child{font-size:.5rem}
  .nav-main .mx{padding:.5rem .75rem}
}
@media(max-width:480px){
  .nav-sp{height:60px}
  .nlogo-img{width:40px;height:40px}
  .nlogo-text span:first-child{font-size:.95rem;letter-spacing:.1em}
  .nlogo-text span:last-child{display:none}
  .mobile-menu{width:280px}
}




/* === HEADER ALIGNMENT FIX === */

/* Nav-top: all items vertically centered on single line */

.nav-top{display:flex!important;align-items:center!important;min-height:36px}

.nav-top .mx{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important}

.nav-top .mx>*{display:flex!important;align-items:center!important}

.nav-top a,.nav-top span{display:inline-flex!important;align-items:center!important;line-height:1!important;vertical-align:middle!important}

.nav-top svg{display:inline-block!important;vertical-align:middle!important}

/* Nav-main: logo + menu perfectly centered */

.nav-main .mx{display:flex!important;align-items:center!important;justify-content:space-between!important}

.nlogo{display:flex!important;align-items:center!important}

@media(min-width:1025px){.nlinks{display:flex!important;align-items:flex-end!important}}

.nlinks-m{display:flex!important;align-items:center!important;flex-wrap:nowrap!important}

.nlinks-m a,.nlinks-m .nav-dd>a{display:inline-flex!important;align-items:center!important;line-height:1.2!important;height:auto!important}

/* Language switcher alignment */

.lang-sw{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:.15rem!important;line-height:1!important}

.lang-sw a{display:inline-flex!important;align-items:center!important;line-height:1!important;vertical-align:middle!important}

.lang-flag{vertical-align:middle!important;display:inline-block!important}

/* Menu dot bullets alignment */

.nlinks-m a::before{vertical-align:middle!important}
/* SERKA mobile header cleanup */
@media(max-width:1024px){
  .nav-top{display:none!important}
  #serkaLangBar,.sig-badge,#topBarSlogan{display:none!important}
  .nav-main .mx{padding:.55rem .75rem!important;gap:.75rem!important}
  .nlogo{min-width:0;gap:.55rem!important;flex:1 1 auto}
  .nlogo-text{min-width:0}
  .nlogo-text span:first-child{font-size:.92rem!important;letter-spacing:.08em!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .nlogo-text span:last-child{display:none!important}
}
@media(max-width:768px){
  .nav-sp{height:62px!important}
  .nav-main .mx{min-height:62px;padding:.45rem .7rem!important}
  .nlogo-img{width:38px!important;height:38px!important}
  .nlogo-text span:first-child{font-size:.82rem!important;letter-spacing:.06em!important}
  .hamburger{padding:6px!important}
  .hamburger span{width:22px!important}
  .theme-toggle{width:38px!important;height:38px!important}
}
@media(max-width:480px){
  .nav-sp{height:58px!important}
  .nav-main .mx{min-height:58px!important}
  .nlogo-text span:first-child{font-size:.76rem!important;letter-spacing:.05em!important}
}
@media(max-width:782px){
  body.admin-bar .nav.serka-nav-scrolled{top:0!important}
}

.fn-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:99999;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:1;transition:opacity .3s}
.fn-modal{background:var(--card,#141210);border:1px solid rgba(194,154,86,.25);border-radius:12px;max-width:560px;width:100%;padding:1.5rem;position:relative;max-height:90vh;overflow-y:auto}
.fn-modal h3{color:var(--gold);font-size:1.1rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-family:'Playfair Display',serif}
.fn-modal h3 svg{width:22px;height:22px;stroke:var(--gold);flex-shrink:0}
.fn-modal p{font-size:.85rem;line-height:1.6;color:var(--fg,#e8e4dc);margin-bottom:.75rem}
.fn-modal strong{color:var(--gold)}
.fn-modal .fn-firms{display:flex;gap:.75rem;margin:1rem 0;flex-wrap:wrap}
.fn-modal .fn-firm{padding:.5rem .75rem;border-radius:8px;border:1px solid rgba(194,154,86,.2);background:rgba(194,154,86,.04);font-size:.8rem;color:var(--gold)}
.fn-modal .fn-firm span{display:block;font-size:.7rem;color:var(--muted)}
.fn-modal .fn-ok{display:block;width:100%;padding:.6rem;border-radius:8px;border:1px solid rgba(194,154,86,.3);background:rgba(194,154,86,.1);color:var(--gold);font-weight:600;cursor:pointer;font-size:.85rem;transition:all .2s;margin-top:.5rem}
.fn-modal .fn-ok:hover{background:rgba(194,154,86,.18)}
body.light .fn-modal{background:#fff;border-color:rgba(154,122,60,.2)}
body.light .fn-modal p{color:#1a1714}
@media(max-width:768px){.fn-modal{padding:1rem;max-width:95%}}
/* === COMPACT FOOTER === */
.footer{background:var(--bg,#0c0a08);padding:1.5rem 0 0;border-top:1px solid rgba(194,154,86,.15);color:var(--fg,#e8e4dc)}
.ft-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding-bottom:1rem;max-width:1280px;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}
.ft-brand{display:flex;align-items:center;gap:.5rem}
.ft-logo{width:32px;height:32px;border-radius:6px;overflow:hidden;border:1px solid rgba(194,154,86,.3);flex-shrink:0}.ft-logo img{width:100%;height:100%;object-fit:cover}
.ft-bt span:first-child{font-family:'Playfair Display',serif;font-size:.8rem;font-weight:700;display:block;color:var(--gold);letter-spacing:.1em}
.ft-bt span:last-child{font-size:.55rem;letter-spacing:.15em;color:var(--gold-dim);text-transform:uppercase}
.ft-links{display:flex;gap:.75rem;flex-wrap:wrap}
.ft-links a{font-size:.75rem;color:var(--muted);transition:color .2s}.ft-links a:hover{color:var(--gold)}
.ft-contact{display:flex;gap:.75rem;align-items:center}
.ft-contact a{font-size:.75rem;color:var(--muted);transition:color .2s}.ft-contact a:hover{color:var(--fg)}
.ft-bot{padding:.75rem 1.5rem;border-top:1px solid rgba(194,154,86,.1);font-size:.7rem;color:var(--muted);text-align:center;max-width:1280px;margin:0 auto}
/* FLOATING BUTTONS */
.floating-btns{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:40}
.floating-btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:all .3s;position:relative}
.floating-btn:hover{transform:scale(1.1)}
.floating-btn svg{width:22px;height:22px}
.floating-btn.whatsapp{background:#25D366}
.floating-btn.signal{background:var(--signal)}
.floating-btn .tooltip{position:absolute;right:calc(100% + .5rem);top:50%;transform:translateY(-50%);white-space:nowrap;padding:.3rem .6rem;border-radius:6px;background:rgba(12,10,8,.95);border:1px solid rgba(194,154,86,.15);font-size:.7rem;color:var(--fg);opacity:0;pointer-events:none;transition:opacity .3s}
.floating-btn:hover .tooltip{opacity:1}

/* LIGHT MODE FOOTER */
.serka-root.light .footer{background:var(--card);border-top-color:rgba(154,122,60,.15)}
.serka-root.light .ft-bot{border-top-color:rgba(154,122,60,.1)}
.serka-root.light .floating-btn{box-shadow:0 4px 12px rgba(0,0,0,.1)}
.serka-root.light .floating-btn .tooltip{background:rgba(255,255,255,.95);color:var(--fg);border-color:rgba(154,122,60,.15)}
/* body.light scope (for when footer is outside .serka-root in Elementor DOM) */
body.light .footer{background:var(--card);border-top-color:rgba(154,122,60,.15)}
body.light .ft-bot{border-top-color:rgba(154,122,60,.1)}
body.light .floating-btn{box-shadow:0 4px 12px rgba(0,0,0,.1)}
body.light .floating-btn .tooltip{background:rgba(255,255,255,.95);color:var(--fg);border-color:rgba(154,122,60,.15)}

/* RESPONSIVE FOOTER */
@media(max-width:768px){
  .ft-row{flex-direction:column;align-items:flex-start;gap:.75rem}
  .ft-contact{flex-wrap:wrap;gap:.5rem}
  .floating-btns{bottom:1rem;right:1rem}
  .floating-btn{width:44px;height:44px}
}
@media(max-width:480px){
  .ft-row{padding-left:1rem;padding-right:1rem;gap:.5rem}
  .ft-links{gap:.5rem}
  .ft-links a{font-size:.7rem}
  .ft-contact a{font-size:.7rem}
  .ft-bot{padding:.5rem 1rem;font-size:.65rem}
  .floating-btn{width:40px;height:40px}
  .floating-btn svg{width:18px;height:18px}
}
/* SERKA sticky footer CTA */
.sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:999;background:rgba(12,10,8,.95);backdrop-filter:blur(12px);border-top:1px solid rgba(194,154,86,.2);padding:.625rem 1rem;display:flex;gap:.625rem}
.sticky-cta a{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem;border-radius:10px;font-weight:700;font-size:.8125rem;text-align:center;transition:all .2s}
.sticky-cta .cta-wa{background:#25D366;color:#fff}
.sticky-cta .cta-sig{background:var(--signal);color:#fff}
.sticky-cta .cta-mail{background:transparent;border:1px solid rgba(194,154,86,.28);color:var(--fg)}
.floating-btns,.floating-btn{display:none!important}
@media(min-width:768px){.sticky-cta{left:50%;right:auto;transform:translateX(-50%);width:min(calc(100vw - 2rem),980px);bottom:1rem;border:1px solid rgba(194,154,86,.22);border-radius:16px;padding:.75rem 1rem}}


/* ============================================================
   SERKA LAW FIRM — SINGLE PAGE TEMPLATE CSS
   Warm Black (#0c0a08) + Golden Amber (#c29a56)
   ============================================================ */

/* === PAGE HERO (Featured Image) === */
.pg-hero{position:relative;width:100%;max-height:520px;overflow:hidden}
.pg-hero img{width:100%;height:auto;object-fit:contain;display:block;max-height:520px}
.pg-hero-ov{position:absolute;inset:0;background:none 0%,rgba(12,10,8,.3) 15%,transparent 40%);z-index:2}
.pg-hero-ov::after{display:none}

/* No-image hero (sayfa görseli yoksa) — compact */
.pg-hero-text{position:relative;padding:1rem 0 .5rem;text-align:center;overflow:hidden}
.pg-hero-text::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(194,154,86,.04) 0%,transparent 70%);pointer-events:none}
.pg-hero-text::after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,rgba(194,154,86,.1),transparent)}

/* === BREADCRUMBS === */
.pg-bread{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;font-size:.8rem;margin-bottom:1.25rem}
.pg-bread a{color:var(--gold-dim);transition:color .2s;text-decoration:none}
.pg-bread a:hover{color:var(--gold)}
.pg-bread .sep{color:var(--muted);font-size:.65rem;opacity:.5}
.pg-bread .current{color:var(--muted);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* === PAGE TITLE === */
.pg-title{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--fg) 0%,var(--gold-light) 50%,var(--fg) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldShimmer 4s ease infinite}
.pg-hero-line{width:60px;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-light));margin:1.5rem auto 0;border-radius:2px}

/* === MAIN CONTENT WRAPPER === */
.pg-wrap{max-width:860px;margin:0 auto;padding:0 1.5rem}

/* === CONTENT TYPOGRAPHY === */
.pg-content{color:var(--fg);opacity:.85;font-size:1rem;line-height:1.85;font-family:'Inter',sans-serif;padding:2.5rem 0 3rem;text-align:justify}
.pg-content p{margin-bottom:1.25rem}
.pg-content h2{font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:700;color:var(--fg);margin:2.5rem 0 1rem;padding-top:1rem;border-top:1px solid rgba(194,154,86,.1)}
.pg-content h3{font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:600;color:var(--gold);margin:2rem 0 .75rem}
.pg-content h4{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:600;color:var(--fg);margin:1.5rem 0 .75rem}
.pg-content h5,.pg-content h6{font-family:'Inter',sans-serif;font-weight:600;color:var(--fg);margin:1.25rem 0 .5rem}
.pg-content h5{font-size:.95rem}
.pg-content h6{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gold-dim)}

/* LINKS */
.pg-content a{color:var(--gold);text-decoration:underline;text-decoration-color:rgba(194,154,86,.3);text-underline-offset:3px;transition:all .2s}
.pg-content a:hover{color:var(--gold-light);text-decoration-color:var(--gold)}

/* BLOCKQUOTE */
.pg-content blockquote{position:relative;border-left:3px solid var(--gold);background:rgba(194,154,86,.04);padding:1.25rem 1.75rem;margin:1.5rem 0;border-radius:0 12px 12px 0;color:var(--fg);opacity:.85;font-style:italic;line-height:1.8}
.pg-content blockquote::before{content:'201C';position:absolute;top:.5rem;left:.75rem;font-family:'Playfair Display',serif;font-size:2.5rem;color:rgba(194,154,86,.2);line-height:1}
.pg-content blockquote p:last-child{margin-bottom:0}

/* LISTS */
.pg-content ul,.pg-content ol{padding-left:1.5rem;margin-bottom:1.25rem}
.pg-content li{color:var(--fg);opacity:.85;line-height:1.85;margin-bottom:.5rem;font-size:1rem}
.pg-content ul li::marker{color:var(--gold)}
.pg-content ol li::marker{color:var(--gold);font-weight:600}

/* CODE */
.pg-content code{background:rgba(194,154,86,.08);border:1px solid rgba(194,154,86,.12);padding:.15rem .45rem;border-radius:4px;font-size:.88em;font-family:'JetBrains Mono','Fira Code',monospace;color:var(--gold-light)}
.pg-content pre{background:var(--card);border:1px solid rgba(194,154,86,.12);border-radius:12px;padding:1.5rem;margin:2rem 0;overflow-x:auto;font-size:.88rem;line-height:1.7}
.pg-content pre code{background:none;border:none;padding:0;font-size:.88rem;color:var(--fg)}

/* TABLE */
.pg-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9rem}
.pg-content th{background:rgba(194,154,86,.08);color:var(--gold);font-weight:600;text-align:left;padding:.75rem 1rem;border:1px solid var(--border);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}
.pg-content td{padding:.75rem 1rem;border:1px solid var(--border);color:var(--fg);opacity:.8}
.pg-content tr:hover td{background:rgba(194,154,86,.03)}

/* IMAGES */
.pg-content img{border-radius:12px;margin:1.5rem 0;border:1px solid rgba(194,154,86,.08);max-width:100%;height:auto}
.pg-content figure{margin:2rem 0}
.pg-content figcaption{text-align:center;font-size:.82rem;color:var(--muted);margin-top:.5rem;font-style:italic}

/* HR */
.pg-content hr{border:none;height:1px;background:linear-gradient(to right,transparent,rgba(194,154,86,.2),transparent);margin:2.5rem 0}

/* ELEMENTOR CONTENT (WP editörden gelen içerik) */
.pg-content .wp-block-image{margin:2rem 0}
.pg-content .wp-block-image img{border-radius:12px;border:1px solid rgba(194,154,86,.08)}
.pg-content .wp-block-table table{width:100%;border-collapse:collapse}
.pg-content .aligncenter{text-align:center;margin-left:auto;margin-right:auto}
.pg-content .alignleft{float:left;margin-right:1.5rem;margin-bottom:1rem}
.pg-content .alignright{float:right;margin-left:1.5rem;margin-bottom:1rem}
.pg-content::after{content:'';display:table;clear:both}
/* Elementor content — preserve native layout, only fix overflow and colors */
.pg-content .elementor-section{max-width:100%}
.pg-content .elementor-section.elementor-section-stretched{max-width:100%!important;left:0!important}
.pg-content .elementor-widget-text-editor{color:var(--fg)!important}
.pg-content{overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}
.pg-content .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0}
.pg-content table{min-width:500px}
/* Kill Elementor inline background colors that clash with dark theme */
.pg-content .elementor-column-wrap,.pg-content .elementor-widget-wrap,.pg-content .e-con,.pg-content .elementor-element[style*="background"]{background-color:transparent!important;background-image:none!important}
.pg-content [style*="background-color"]{background-color:transparent!important}
.pg-content [style*="color:"]{color:var(--fg)!important}

/* ELEMENTOR TOGGLE / ACCORDION / FAQ WIDGETS */
.pg-content .elementor-toggle,.pg-content .elementor-accordion{margin:1.5rem 0}
.pg-content .elementor-toggle-item,.pg-content .elementor-accordion-item{border:1px solid rgba(194,154,86,.12);border-radius:10px;margin-bottom:.5rem;overflow:hidden}
.pg-content .elementor-tab-title{display:flex!important;align-items:center;gap:.75rem;padding:.85rem 1.25rem;cursor:pointer;background:rgba(194,154,86,.04);transition:background .2s;font-size:.95rem;font-weight:600;color:var(--fg);font-family:'Playfair Display',serif}
.pg-content .elementor-tab-title:hover{background:rgba(194,154,86,.08)}
.pg-content .elementor-tab-title .elementor-toggle-icon,.pg-content .elementor-tab-title .elementor-accordion-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--gold);order:-1}
.pg-content .elementor-tab-title .elementor-toggle-icon svg,.pg-content .elementor-tab-title .elementor-accordion-icon svg{width:16px!important;height:16px!important}
.pg-content .elementor-tab-title .elementor-toggle-icon i,.pg-content .elementor-tab-title .elementor-accordion-icon i{font-size:14px!important}
.pg-content .elementor-tab-title a{color:inherit;text-decoration:none;flex:1}
.pg-content .elementor-tab-content{display:block!important;padding:1rem 1.25rem;color:var(--fg);opacity:.85;font-size:.9rem;line-height:1.8;border-top:1px solid rgba(194,154,86,.08)}
.pg-content .elementor-tab-content.serka-closed{display:none!important}
.pg-content .elementor-tab-content p{margin-bottom:.75rem}
.pg-content .elementor-tab-content p:last-child{margin-bottom:0}

/* ELEMENTOR BUTTON WIDGET */
.pg-content .elementor-button-wrapper{margin:1rem 0}
.pg-content .elementor-button{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:10px;font-size:.9rem;font-weight:600;transition:all .3s;text-decoration:none}
.pg-content .elementor-button-wrapper .elementor-button{max-width:100%;box-sizing:border-box}
.pg-content .elementor-button-icon svg{width:16px!important;height:16px!important}
.pg-content .elementor-button-icon i{font-size:14px!important}
/* Global SVG safety */
.pg-content svg{max-width:100%;max-height:200px}
.pg-content .elementor-icon svg{width:24px!important;height:24px!important}
.pg-content .elementor-icon{display:inline-flex!important;width:auto!important;height:auto!important}

/* ELEMENTOR ICON LIST */
.pg-content .elementor-icon-list-items{list-style:none;padding:0;margin:1rem 0}
.pg-content .elementor-icon-list-item{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}
.pg-content .elementor-icon-list-icon{flex-shrink:0;width:20px;color:var(--gold)}
.pg-content .elementor-icon-list-icon svg{width:16px;height:16px}
.pg-content .elementor-icon-list-icon i{font-size:14px}
.pg-content .elementor-icon-list-text{color:var(--fg);opacity:.85;font-size:.95rem;line-height:1.7}

/* === CTA BANNER === */
.pg-cta{margin:2rem 0 3rem;padding:2.5rem;border-radius:20px;background:linear-gradient(135deg,rgba(194,154,86,.08) 0%,rgba(194,154,86,.02) 100%);border:1px solid rgba(194,154,86,.15);text-align:center;position:relative;overflow:hidden}
.pg-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(194,154,86,.05),transparent);pointer-events:none}
.pg-cta h3{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:700;color:var(--fg);margin-bottom:.5rem;position:relative}
.pg-cta p{color:var(--muted);font-size:.95rem;margin-bottom:1.5rem;line-height:1.6;max-width:540px;margin-left:auto;margin-right:auto;position:relative}
.pg-cta-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;background:var(--gold);color:var(--bg);font-weight:600;font-size:.95rem;border-radius:12px;transition:all .3s;text-decoration:none;position:relative}
.pg-cta-btn:hover{background:var(--gold-light);box-shadow:0 10px 30px rgba(194,154,86,.3);transform:translateY(-2px)}

/* === SECTION DIVIDERS === */
.pg-divider{height:1px;background:linear-gradient(to right,transparent,rgba(194,154,86,.15),transparent);max-width:600px;margin:0 auto}

/* === LOADING STATE === */
.pg-loading{text-align:center;padding:4rem 0;color:var(--muted);font-size:.9rem}
.pg-loading-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gold);margin:0 3px;animation:pulse 1.4s infinite}
.pg-loading-dot:nth-child(2){animation-delay:.2s}
.pg-loading-dot:nth-child(3){animation-delay:.4s}

/* ============================================================
   LIGHT MODE — .serka-root.light SCOPE
   ============================================================ */
.serka-root.light .pg-hero-ov{background:none 0%,rgba(245,243,240,.3) 15%,transparent 40%)}
.serka-root.light .pg-hero-ov::after{display:none}
.serka-root.light .pg-hero-text::before{background:radial-gradient(ellipse at 50% 0%,rgba(154,122,60,.06) 0%,transparent 70%)}
.serka-root.light .pg-title{background:linear-gradient(135deg,var(--fg) 0%,var(--gold) 50%,var(--fg) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.serka-root.light .pg-content{color:var(--fg);opacity:.85}
.serka-root.light .pg-content h2{color:var(--fg);border-top-color:rgba(154,122,60,.1)}
.serka-root.light .pg-content h3{color:var(--gold)}
.serka-root.light .pg-content li{color:var(--fg);opacity:.85}
.serka-root.light .pg-content blockquote{background:rgba(154,122,60,.04);color:var(--fg);border-left-color:var(--gold)}
.serka-root.light .pg-content code{background:rgba(154,122,60,.08);border-color:rgba(154,122,60,.12);color:var(--gold)}
.serka-root.light .pg-content pre{background:var(--card);border-color:rgba(154,122,60,.12)}
.serka-root.light .pg-content pre code{color:var(--fg)}
.serka-root.light .pg-content th{background:rgba(154,122,60,.08);border-color:var(--border);color:var(--gold)}
.serka-root.light .pg-content td{border-color:var(--border);color:var(--fg);opacity:.8}
.serka-root.light .pg-content img{border-color:rgba(154,122,60,.1)}
.serka-root.light .pg-content hr{background:linear-gradient(to right,transparent,rgba(154,122,60,.15),transparent)}
.serka-root.light .pg-cta{background:linear-gradient(135deg,rgba(154,122,60,.06) 0%,rgba(154,122,60,.02) 100%);border-color:rgba(154,122,60,.15)}
.serka-root.light .pg-bread a{color:var(--gold)}
.serka-root.light .pg-bread .current{color:var(--fg)}

/* ============================================================
   LIGHT MODE — body.light SCOPE
   ============================================================ */
body.light .pg-hero-ov{background:none 0%,rgba(245,243,240,.3) 15%,transparent 40%)}
body.light .pg-hero-ov::after{display:none}
body.light .pg-hero-text::before{background:radial-gradient(ellipse at 50% 0%,rgba(154,122,60,.06) 0%,transparent 70%)}
body.light .pg-title{background:linear-gradient(135deg,var(--fg) 0%,var(--gold) 50%,var(--fg) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
body.light .pg-content{color:rgba(26,23,20,.78)}
body.light .pg-content h2{color:var(--fg);border-top-color:rgba(154,122,60,.1)}
body.light .pg-content h3{color:var(--gold)}
body.light .pg-content li{color:rgba(26,23,20,.72)}
body.light .pg-content blockquote{background:rgba(154,122,60,.04);color:rgba(26,23,20,.7);border-left-color:var(--gold)}
body.light .pg-content code{background:rgba(154,122,60,.08);border-color:rgba(154,122,60,.12);color:var(--gold)}
body.light .pg-content pre{background:var(--card);border-color:rgba(154,122,60,.12)}
body.light .pg-content pre code{color:rgba(26,23,20,.8)}
body.light .pg-content th{background:rgba(154,122,60,.08);border-color:var(--border);color:var(--gold)}
body.light .pg-content td{border-color:var(--border);color:rgba(26,23,20,.7)}
body.light .pg-content img{border-color:rgba(154,122,60,.1)}
body.light .pg-content hr{background:linear-gradient(to right,transparent,rgba(154,122,60,.15),transparent)}
body.light .pg-cta{background:linear-gradient(135deg,rgba(154,122,60,.06) 0%,rgba(154,122,60,.02) 100%);border-color:rgba(154,122,60,.15)}
body.light .pg-bread a{color:var(--gold)}
body.light .pg-bread .current{color:var(--fg)}

/* ============================================================
   WPML RTL (AR, FA)
   ============================================================ */
[dir="rtl"] .pg-bread{direction:rtl;text-align:right}
[dir="rtl"] .pg-bread .sep{transform:scaleX(-1)}
[dir="rtl"] .pg-content blockquote{border-left:none;border-right:3px solid var(--gold);border-radius:12px 0 0 12px}
[dir="rtl"] .pg-content blockquote::before{left:auto;right:.75rem}
[dir="rtl"] .pg-content ul,[dir="rtl"] .pg-content ol{padding-left:0;padding-right:1.5rem}
[dir="rtl"] .pg-hero-text{text-align:right}

/* Chinese font override */
html[lang^="zh"] .pg-content,html[lang^="zh"] .pg-content p{font-family:'Noto Sans SC','Inter',sans-serif}
html[lang^="zh"] .pg-title,html[lang^="zh"] .pg-content h2,html[lang^="zh"] .pg-content h3{font-family:'Noto Serif SC','Playfair Display',serif}
/* Arabic & Farsi */
html[lang="ar"] .pg-content,html[lang="fa"] .pg-content{font-family:'Noto Sans Arabic','Inter',sans-serif}
html[lang="ar"] .pg-title,html[lang="ar"] .pg-content h2,html[lang="fa"] .pg-title,html[lang="fa"] .pg-content h2{font-family:'Noto Serif Arabic','Playfair Display',serif}
/* Russian */
html[lang="ru"] .pg-content{font-family:'Inter','Noto Sans',sans-serif}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1024px){
  .pg-hero{min-height:220px;max-height:380px}
  .pg-hero img{max-height:380px;height:auto}
  .pg-wrap{padding:0 1.25rem}
  .pg-content{padding:2.5rem 0 3rem}
  .pg-content img{max-width:100%;height:auto}
  .pg-content .alignleft,.pg-content .alignright{float:none;margin:1.5rem auto;display:block}
  .pg-cta{padding:2rem}
  /* Service grid on /service/ page */
  .svc-grid{gap:1.5rem}
  .svc-card-body{padding:1rem 1.25rem 1.25rem}
}
@media(max-width:768px){
  .pg-hero{min-height:240px;max-height:360px}
  .pg-hero img{max-height:360px;height:auto}
  .pg-hero-text{padding:2rem 0 1.5rem}
  .pg-title{font-size:clamp(1.6rem,5vw,2.2rem)}
  .pg-content{font-size:.95rem;padding:2rem 0 2.5rem}
  .pg-content h2{font-size:1.35rem}
  .pg-content h3{font-size:1.1rem}
  .pg-content blockquote{padding:1rem 1.25rem}
  .pg-content pre{padding:1rem;font-size:.82rem}
  .pg-cta{padding:1.75rem}
  .pg-wrap{padding:0 1rem}
}
@media(max-width:480px){
  .pg-hero{min-height:180px;max-height:280px}
  .pg-hero img{max-height:280px;height:auto}
  .pg-title{font-size:1.4rem}
  .pg-cta{padding:1.25rem}
  .pg-cta h3{font-size:1.2rem}
}

/* ============================================================
   SERVICE GRID — /service/ page card layout (blog archive benzeri)
   ============================================================ */
.svc-grid-wrap{max-width:1100px;margin:0 auto;padding:0 1.5rem}
.svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding:1.5rem 0 2rem}
.svc-card{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(194,154,86,.1);background:var(--card);transition:all .35s ease;display:flex;flex-direction:column}
.svc-card:hover{border-color:rgba(194,154,86,.25);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.25)}
.svc-card-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:rgba(194,154,86,.03)}
.svc-card-img img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}
.svc-card:hover .svc-card-img img{transform:none}
.svc-card-img::after{display:none}
.svc-card-noimg{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(194,154,86,.04),rgba(194,154,86,.01));color:var(--gold-dim);font-size:2rem;opacity:.3}
.svc-card-body{padding:1.25rem 1.5rem 1.5rem;flex:1;display:flex;flex-direction:column}
.svc-card-body h2{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:700;line-height:1.4;margin-bottom:.6rem}
.svc-card-body h2 a{color:var(--fg);transition:color .2s;text-decoration:none!important}
.svc-card-body h2 a:hover{color:var(--gold)}
.svc-card-excerpt{color:var(--muted);font-size:.875rem;line-height:1.7;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.svc-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.svc-read-more{font-size:.8rem;font-weight:600;color:var(--gold);display:inline-flex;align-items:center;gap:.35rem;transition:gap .2s;text-decoration:none}
.svc-read-more:hover{gap:.6rem}
/* Pagination */
.svc-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:2rem 0 3rem}
.svc-pagination a,.svc-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 .75rem;border-radius:10px;font-size:.875rem;font-weight:500;transition:all .25s;border:1px solid rgba(194,154,86,.15);color:var(--muted);background:transparent;cursor:pointer;text-decoration:none}
.svc-pagination a:hover{border-color:rgba(194,154,86,.35);color:var(--gold);background:rgba(194,154,86,.05)}
.svc-pagination .current{background:var(--gold);color:var(--bg);border-color:var(--gold);font-weight:700;cursor:default}
.svc-pagination .show-all{background:rgba(194,154,86,.1);border-color:rgba(194,154,86,.3);color:var(--gold);font-weight:600;padding:0 1.25rem;gap:.4rem}
.svc-pagination .show-all:hover{background:var(--gold);color:var(--bg);border-color:var(--gold)}
/* List view */
.svc-list{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 0 2rem}
.svc-list-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(194,154,86,.08);background:var(--card);transition:all .25s;text-decoration:none!important}
.svc-list-item:hover{border-color:rgba(194,154,86,.2);background:rgba(194,154,86,.03);transform:translateX(4px)}
.svc-list-thumb{width:80px;height:56px;border-radius:8px;overflow:hidden;flex-shrink:0;background:rgba(194,154,86,.03)}
.svc-list-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;margin:0!important;border:none!important}
.svc-list-thumb-empty{width:80px;height:56px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(194,154,86,.04);color:var(--gold-dim);font-size:1.2rem;opacity:.4;flex-shrink:0}
.svc-list-info{flex:1;min-width:0}
.svc-list-title{font-family:'Playfair Display',serif;font-size:.95rem;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svc-list-item:hover .svc-list-title{color:var(--gold)}
.svc-list-arrow{color:var(--gold-dim);opacity:.4;transition:opacity .2s;flex-shrink:0}
.svc-list-item:hover .svc-list-arrow{opacity:1}
@media(max-width:768px){.svc-grid{grid-template-columns:1fr;gap:1.25rem}}
@media(max-width:480px){.svc-list-thumb,.svc-list-thumb-empty{width:60px;height:42px}.svc-list-title{font-size:.85rem}}

/* PRINT */
@media print{
  .pg-cta,.floating-btns,.nav,.nav-sp{display:none!important}
  .pg-hero{max-height:250px;min-height:180px}
  .pg-content{color:#000!important;font-size:11pt}
  .pg-content a{color:#000!important;text-decoration:underline}
  .pg-content h2,.pg-content h3,.pg-content h4{color:#333!important;-webkit-text-fill-color:#333!important;background:none!important}
  .pg-title{-webkit-text-fill-color:#000!important;background:none!important}
}

/* === ELEMENTOR NATIVE WIDGET COMPAT (added for SSR migration) === */

/* pg-title: _css_classes goes on elementor-element wrapper, not h1 directly
   gradient text must cascade to the actual heading element */
.pg-title .elementor-heading-title,
.pg-title .elementor-widget-container h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--fg) 0%,var(--gold-light) 50%,var(--fg) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldShimmer 4s ease infinite}
.pg-title .elementor-widget-container{margin:0;padding:0}
.pg-title{margin-bottom:0}

/* pg-wrap: Container widget has e-con class with its own width rules */
.pg-wrap.e-con,.pg-wrap.e-con>.e-con-inner{max-width:860px!important;margin:0 auto;padding:0 1.5rem}

/* pg-bread: Rank Math breadcrumb renders <p> with links inside wrapper */
.pg-bread .elementor-widget-container{padding-top:1.5rem;margin-bottom:1.25rem}
.pg-bread .rank-math-breadcrumb,.pg-bread .rank-math-breadcrumb p{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;font-size:.8rem;margin:0}
.pg-bread .rank-math-breadcrumb a{color:var(--gold-dim);transition:color .2s;text-decoration:none}
.pg-bread .rank-math-breadcrumb a:hover{color:var(--gold)}
.pg-bread .rank-math-breadcrumb .separator{color:var(--muted);font-size:.65rem;opacity:.5}

/* pg-content: Post Content widget renders page layout inside wrapper */
.pg-content>.elementor-widget-container{color:var(--fg);opacity:.85;font-size:1rem;line-height:1.85;font-family:'Inter',sans-serif;padding:2.5rem 0 3rem;text-align:justify}

/* pg-hero: Featured Image widget renders img inside wrapper */
.pg-hero .elementor-widget-container{position:relative;width:100%;max-height:520px;overflow:hidden}
.pg-hero .elementor-widget-container img{width:100%;height:auto;object-fit:contain;display:block;max-height:520px}

/* Hide pg-loading dots (no longer needed - content is SSR) */
.pg-loading{display:none!important}





/* === RESPONSIVE AUTO-FIT GRID === */

/* Kill Elementor wrapper grid that halves the container */

.arc-grid[class*="elementor-grid-"],.svc-grid[class*="elementor-grid-"]{display:block!important}

/* Full width auto-fit columns */

.arc-grid .elementor-posts-container,.svc-grid .elementor-posts-container{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:1.25rem!important;width:100%!important}

.arc-grid .elementor-posts-container .elementor-post,.svc-grid .elementor-posts-container .elementor-post{width:100%!important;margin:0!important}

@media(max-width:767px){.arc-grid .elementor-posts-container,.svc-grid .elementor-posts-container{grid-template-columns:1fr!important;gap:1rem!important}}

/* Reduce archive header spacing */

.arc-wrap .elementor-widget-theme-archive-title{margin-bottom:0.75rem!important}

.arc-wrap .elementor-widget-breadcrumbs{margin-bottom:0.5rem!important}


:root{--bg:#0c0a08;--fg:#e8e4dc;--card:#141210;--muted:#8a8580;--border:#2a2420;--input:#181412;--gold:#c29a56;--gold-light:#d4b178;--gold-dim:#8a6d3b;--navy:#1a1614;--signal:#3A76F0;--signal-h:#2A66E0}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
.serka-root{font-family:'Inter',sans-serif;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:'Playfair Display',serif}
a{color:inherit;text-decoration:none}
::selection{background:var(--gold);color:var(--bg)}
img{max-width:100%;display:block}

/* ── HERO ── */
.hero{position:relative;min-height:85vh;display:flex;align-items:center;overflow:hidden;padding:6rem 0 3rem}
.hero-bg{position:absolute;inset:0;background:#0c0a08}
.hero-bg img{width:100%;height:100%;object-fit:cover}
.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(12,10,8,.82) 0%,rgba(12,10,8,.62) 40%,rgba(12,10,8,.45) 70%,rgba(12,10,8,.58) 100%);z-index:1}
.mx{max-width:1100px;margin:0 auto;padding:0 1.25rem;width:100%}
.hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;gap:1.5rem}
.hero h1{font-size:1.75rem;font-weight:700;line-height:1.2;color:#fff;text-shadow:0 0 30px rgba(194,154,86,.4)}
.hero .sub{color:var(--gold);font-size:.875rem;font-weight:500;letter-spacing:.05em}
.hero .desc{font-size:.9375rem;color:rgba(255,255,255,.75);line-height:1.65;max-width:600px}
.trust{display:flex;flex-wrap:wrap;gap:1rem;margin:.25rem 0}
.trust-i{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:rgba(255,255,255,.8)}
.trust-i svg{width:16px;height:16px;color:var(--gold);flex-shrink:0}
.trust-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;flex-shrink:0}
.hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem}
.btn-g{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:var(--gold);color:var(--bg);font-weight:600;border-radius:10px;font-size:.9375rem;transition:all .3s;border:none;cursor:pointer}
.btn-g:hover{background:var(--gold-light);box-shadow:0 8px 24px rgba(194,154,86,.3)}
.btn-o{display:inline-flex;align-items:center;gap:.4rem;padding:.875rem 1.25rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:none;color:#fff;font-size:.875rem;cursor:pointer;transition:all .3s}
.btn-o:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.05)}

/* Attorney card — desktop only */
.hero-card{display:none}

@media(min-width:768px){
  .hero{min-height:80vh;padding:8rem 0 4rem}
  .hero-bg::after{background:linear-gradient(135deg,rgba(12,10,8,.82) 0%,rgba(12,10,8,.62) 40%,rgba(12,10,8,.45) 70%,rgba(12,10,8,.58) 100%)}
  .hero-inner{max-width:55%}
  .hero h1{font-size:2.75rem}
  .hero .desc{font-size:1.0625rem}
  .hero-card{display:block;position:absolute;right:5%;top:50%;transform:translateY(-50%);z-index:2;max-width:280px}
  .hero-mc{border-radius:16px;overflow:hidden;border:1px solid rgba(194,154,86,.2);box-shadow:0 25px 50px rgba(0,0,0,.5);background:var(--navy)}
  .hero-mc-img{aspect-ratio:3/4;max-height:360px;position:relative;overflow:hidden}
  .hero-mc-img img{width:100%;height:100%;object-fit:cover}
  .hero-mc-img .ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,10,8,.85),rgba(12,10,8,.2))}
  .hero-mc-info{position:absolute;bottom:0;left:0;right:0;padding:1.25rem;z-index:5}
  .hero-mc-info .st{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem}
  .hero-mc-info .st-d{width:7px;height:7px;border-radius:50%;background:#22c55e}
  .hero-mc-info .st span{font-size:.7rem;color:#4ade80;text-transform:uppercase;letter-spacing:.08em;font-weight:500}
  .hero-mc-info h3{font-size:1.25rem;font-weight:700;color:#fff}.hero-mc-info p{color:rgba(255,255,255,.6);font-size:.8rem}
}

/* ── SERVICES ── */
.svcs{padding:3rem 0;background:var(--bg)}
.shdr{text-align:center;margin-bottom:2rem}
.shdr .badge{display:inline-block;padding:.35rem .75rem;border-radius:999px;background:rgba(194,154,86,.08);border:1px solid rgba(194,154,86,.2);font-size:.75rem;font-weight:500;color:var(--gold);margin-bottom:1rem}
.shdr h2{font-size:1.75rem;font-weight:700;margin-bottom:.75rem}
.shdr p{font-size:.9375rem;color:var(--muted);line-height:1.6;max-width:560px;margin:0 auto}
.svcs-grid{display:grid;grid-template-columns:1fr;gap:.75rem}
.svc{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;border:1px solid var(--border);background:rgba(20,18,16,.5);transition:all .25s;text-decoration:none;color:inherit}
.svc:hover,.svc:active{border-color:rgba(194,154,86,.4);background:rgba(194,154,86,.06)}
.svc-ic{width:44px;height:44px;border-radius:10px;background:rgba(194,154,86,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--gold)}
.svc-txt h3{font-size:.9375rem;font-weight:600;font-family:'Inter',sans-serif;margin-bottom:.15rem}
.svc-txt span{font-size:.75rem;color:var(--muted)}
.svc-arr{margin-left:auto;color:var(--muted);font-size:1rem;flex-shrink:0;transition:color .25s}
.svc:hover .svc-arr{color:var(--gold)}

@media(min-width:640px){.svcs-grid{grid-template-columns:1fr 1fr}}
@media(min-width:768px){
  .shdr h2{font-size:2.5rem}
  .svcs{padding:4rem 0}
}

/* ── GLOBAL REACH — compact ── */
.reach{padding:3rem 0;background:var(--bg);border-top:1px solid var(--border)}
.reach-inner{text-align:center}
.reach-stats{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem;flex-wrap:wrap}
.reach-stat .n{font-family:'Playfair Display',serif;font-size:2rem;font-weight:700;color:var(--gold)}
.reach-stat .l{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.reach-countries{margin-top:1.25rem;font-size:.8rem;color:var(--muted);line-height:1.8;max-width:600px;margin-left:auto;margin-right:auto}

/* ── CONTACT ── */
.contact{padding:3rem 0;background:var(--bg);border-top:1px solid var(--border)}
.ct-grid{display:flex;flex-direction:column;gap:2rem}
.ct-channels{display:flex;flex-direction:column;gap:.75rem}
.ct-ch{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:12px;border:1px solid var(--border);background:rgba(20,18,16,.5);transition:all .25s;text-decoration:none;color:inherit}
.ct-ch:hover{border-color:rgba(194,154,86,.3)}
.ct-ch-ic{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ct-ch-ic.sig{background:rgba(58,118,240,.15)}
.ct-ch-ic.wa{background:rgba(37,211,102,.15)}
.ct-ch-ic.mail{background:rgba(194,154,86,.1)}
.ct-ch-ic.phone{background:rgba(194,154,86,.1)}
.ct-ch-ic.loc{background:rgba(194,154,86,.1)}
.ct-ch-txt .lb{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.ct-ch-txt .vl{font-weight:600;font-size:.9rem;display:block;margin:2px 0}
.ct-ch-txt .sd{font-size:.7rem;color:var(--muted)}
.ct-form{padding:1.5rem;border-radius:16px;border:1px solid var(--border);background:rgba(20,18,16,.3)}
.ct-form h3{font-size:1.25rem;font-weight:700;margin-bottom:1.25rem}
.fgrp{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}
.fgrp label{font-size:.8rem;font-weight:500}
.fgrp .rq{color:var(--gold)}
.fgrp input,.fgrp select,.fgrp textarea{width:100%;padding:.75rem .875rem;border-radius:10px;border:1px solid var(--border);background:var(--input);color:var(--fg);font-family:'Inter',sans-serif;font-size:.875rem;outline:none;transition:border-color .2s}
.fgrp input::placeholder,.fgrp textarea::placeholder{color:var(--muted)}
.fgrp input:focus,.fgrp select:focus,.fgrp textarea:focus{border-color:rgba(194,154,86,.5)}
.fgrp textarea{resize:none;min-height:100px}
.fgrp select{appearance:none;cursor:pointer}
.frow{display:grid;grid-template-columns:1fr;gap:1rem}
.btn-sub{width:100%;padding:.875rem;background:var(--gold);color:var(--bg);font-weight:600;border-radius:10px;border:none;font-size:.9375rem;cursor:pointer;transition:all .3s}
.btn-sub:hover{background:var(--gold-light)}
.fdiscl{text-align:center;font-size:.7rem;color:var(--muted);margin-top:.75rem}
.fdiscl a{color:var(--gold)}
#scfStatus{display:none;text-align:center;margin-top:.75rem;font-size:.85rem;font-weight:500}

@media(min-width:768px){
  .ct-grid{display:grid;grid-template-columns:5fr 7fr;gap:2.5rem}
  .frow{grid-template-columns:1fr 1fr}
  .contact{padding:4rem 0}
  .ct-form{padding:2rem}
}

/* ── STICKY CTA BAR (mobile) ── */
.sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:999;background:rgba(12,10,8,.95);backdrop-filter:blur(12px);border-top:1px solid rgba(194,154,86,.2);padding:.625rem 1rem;display:flex;gap:.625rem}
.sticky-cta a{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem;border-radius:10px;font-weight:600;font-size:.8125rem;text-align:center;transition:all .2s}
.sticky-cta .cta-call{background:var(--gold);color:var(--bg)}
.sticky-cta .cta-wa{background:#25D366;color:#fff}
.sticky-cta .cta-sig{background:var(--signal);color:#fff}
.sticky-cta svg{width:18px;height:18px;flex-shrink:0}

@media(min-width:768px){.sticky-cta{display:none}}

/* ── FLOATING BUTTONS (desktop) ── */
.floating-btns{position:fixed;bottom:24px;right:24px;display:none;flex-direction:column;gap:12px;z-index:999}
.floating-btn{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.3);transition:all .25s;text-decoration:none;border:none}
.floating-btn:hover{transform:scale(1.08)}
.floating-btn.whatsapp{background:#25D366}
.floating-btn.signal{background:var(--signal)}
.floating-btn svg{width:24px;height:24px}
@media(min-width:768px){.floating-btns{display:flex}}

/* ── LIGHT MODE ── */
body.light /* overlay enabled */
body.light .hero h1{color:#fff!important;text-shadow:0 0 20px rgba(194,154,86,.6),0 2px 4px rgba(0,0,0,.5)}
body.light .hero .desc{color:rgba(255,255,255,.8)}
body.light .hero .sub{color:var(--gold-light)}
body.light .trust-i{color:rgba(255,255,255,.75)}
body.light .btn-o{border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.85)}
body.light .hero-mc{border-color:rgba(194,154,86,.3);background:rgba(26,22,20,.9)}
body.light .hero-mc-img .ov{background:linear-gradient(to top,rgba(26,23,20,.7),rgba(26,23,20,.15))}

.serka-root.light{--bg:#f8f6f2;--fg:#1a1714;--card:#ffffff;--muted:#6b6560;--border:rgba(0,0,0,.1);--input:#f0ece6;--gold:#9a7a3c;--gold-light:#7a6030;--gold-dim:#b8985a;--navy:#1a1614}
.serka-root.light .svcs{background:var(--bg)}
.serka-root.light .svc{border-color:var(--border);background:var(--card)}
.serka-root.light .svc:hover{border-color:rgba(154,122,60,.3);background:rgba(154,122,60,.04)}
.serka-root.light .reach{background:var(--bg);border-color:var(--border)}
.serka-root.light .contact{background:var(--bg);border-color:var(--border)}
.serka-root.light .ct-ch{border-color:var(--border);background:var(--card)}
.serka-root.light .ct-form{border-color:var(--border);background:var(--card)}
.serka-root.light .ct-form input,.serka-root.light .ct-form select,.serka-root.light .ct-form textarea{background:var(--bg);border-color:var(--border);color:var(--fg)}
.serka-root.light .sticky-cta{background:rgba(248,246,242,.95);border-color:rgba(0,0,0,.1)}

/* ── SECTION DIVIDER ── */
.sec-div{height:1px;position:relative;overflow:visible}
.sec-div::before{content:'';position:absolute;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(194,154,86,.2),rgba(194,154,86,.4),rgba(194,154,86,.2),transparent)}

/* Spacer for sticky CTA on mobile */
.cta-spacer{height:64px}
@media(min-width:768px){.cta-spacer{display:none}}

:root{--bg:#0c0a08;--fg:#e8e4dc;--card:#141210;--muted:#8a8580;--border:#2a2420;--input:#181412;--gold:#c29a56;--gold-light:#d4b178;--gold-dim:#8a6d3b;--navy:#1a1614;--signal:#3A76F0;--signal-h:#2A66E0}

*{margin:0;padding:0;box-sizing:border-box}

html{scroll-behavior:smooth}

.serka-root{font-family:'Inter',sans-serif;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;overflow-x:hidden}

h1,h2,h3,h4{font-family:'Playfair Display',serif}

a{color:inherit;text-decoration:none}

::selection{background:var(--gold);color:var(--bg)}

img{max-width:100%;display:block}



/* ── HERO ── */

.hero{position:relative;min-height:85vh;display:flex;align-items:center;overflow:hidden;padding:6rem 0 3rem}

.hero-bg{position:absolute;inset:0}

.hero-bg img{width:100%;height:100%;object-fit:cover}

.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(12,10,8,.85) 0%,rgba(12,10,8,.6) 40%,rgba(12,10,8,.9) 100%)}

.mx{max-width:1100px;margin:0 auto;padding:0 1.25rem;width:100%}

.hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;gap:1.5rem}

.hero h1{font-size:1.75rem;font-weight:700;line-height:1.2;color:#fff;text-shadow:0 0 30px rgba(194,154,86,.4)}

.hero .sub{color:var(--gold);font-size:.875rem;font-weight:500;letter-spacing:.05em}

.hero .desc{font-size:.9375rem;color:rgba(255,255,255,.75);line-height:1.65;max-width:600px}

.trust{display:flex;flex-wrap:wrap;gap:1rem;margin:.25rem 0}

.trust-i{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:rgba(255,255,255,.8)}

.trust-i svg{width:16px;height:16px;color:var(--gold);flex-shrink:0}

.trust-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;flex-shrink:0}

.hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem}

.btn-g{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:var(--gold);color:var(--bg);font-weight:600;border-radius:10px;font-size:.9375rem;transition:all .3s;border:none;cursor:pointer}

.btn-g:hover{background:var(--gold-light);box-shadow:0 8px 24px rgba(194,154,86,.3)}

.btn-o{display:inline-flex;align-items:center;gap:.4rem;padding:.875rem 1.25rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:none;color:#fff;font-size:.875rem;cursor:pointer;transition:all .3s}

.btn-o:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.05)}



/* Attorney card — desktop only */

.hero-card{display:none}



@media(min-width:768px){

  .hero{min-height:80vh;padding:8rem 0 4rem}

  .hero-bg::after{background:linear-gradient(to right,rgba(12,10,8,.92) 0%,rgba(12,10,8,.6) 50%,rgba(12,10,8,.2) 100%)}

  .hero-inner{max-width:55%}

  .hero h1{font-size:2.75rem}

  .hero .desc{font-size:1.0625rem}

  .hero-card{display:block;position:absolute;right:5%;top:50%;transform:translateY(-50%);z-index:2;max-width:280px}

  .hero-mc{border-radius:16px;overflow:hidden;border:1px solid rgba(194,154,86,.2);box-shadow:0 25px 50px rgba(0,0,0,.5);background:var(--navy)}

  .hero-mc-img{aspect-ratio:3/4;max-height:360px;position:relative;overflow:hidden}

  .hero-mc-img img{width:100%;height:100%;object-fit:cover}

  .hero-mc-img .ov{position:absolute;inset:0;background:linear-gradient(to top,var(--navy),rgba(20,26,34,.3),transparent)}

  .hero-mc-info{position:absolute;bottom:0;left:0;right:0;padding:1.25rem;z-index:5}

  .hero-mc-info .st{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem}

  .hero-mc-info .st-d{width:7px;height:7px;border-radius:50%;background:#22c55e}

  .hero-mc-info .st span{font-size:.7rem;color:#4ade80;text-transform:uppercase;letter-spacing:.08em;font-weight:500}

  .hero-mc-info h3{font-size:1.25rem;font-weight:700;color:#fff}.hero-mc-info p{color:rgba(255,255,255,.6);font-size:.8rem}

}



/* ── SERVICES ── */

.svcs{padding:3rem 0;background:var(--bg)}

.shdr{text-align:center;margin-bottom:2rem}

.shdr .badge{display:inline-block;padding:.35rem .75rem;border-radius:999px;background:rgba(194,154,86,.08);border:1px solid rgba(194,154,86,.2);font-size:.75rem;font-weight:500;color:var(--gold);margin-bottom:1rem}

.shdr h2{font-size:1.75rem;font-weight:700;margin-bottom:.75rem}

.shdr p{font-size:.9375rem;color:var(--muted);line-height:1.6;max-width:560px;margin:0 auto}

.svcs-grid{display:grid;grid-template-columns:1fr;gap:.75rem}

.svc{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;border:1px solid var(--border);background:rgba(20,18,16,.5);transition:all .25s;text-decoration:none;color:inherit}

.svc:hover,.svc:active{border-color:rgba(194,154,86,.4);background:rgba(194,154,86,.06)}

.svc-ic{width:44px;height:44px;border-radius:10px;background:rgba(194,154,86,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--gold)}

.svc-txt h3{font-size:.9375rem;font-weight:600;font-family:'Inter',sans-serif;margin-bottom:.15rem}

.svc-txt span{font-size:.75rem;color:var(--muted)}

.svc-arr{margin-left:auto;color:var(--muted);font-size:1rem;flex-shrink:0;transition:color .25s}

.svc:hover .svc-arr{color:var(--gold)}



@media(min-width:640px){.svcs-grid{grid-template-columns:1fr 1fr}}

@media(min-width:768px){

  .shdr h2{font-size:2.5rem}

  .svcs{padding:4rem 0}

}



/* ── GLOBAL REACH — compact ── */

.reach{padding:3rem 0;background:var(--bg);border-top:1px solid var(--border)}

.reach-inner{text-align:center}

.reach-stats{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem;flex-wrap:wrap}

.reach-stat .n{font-family:'Playfair Display',serif;font-size:2rem;font-weight:700;color:var(--gold)}

.reach-stat .l{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}

.reach-countries{margin-top:1.25rem;font-size:.8rem;color:var(--muted);line-height:1.8;max-width:600px;margin-left:auto;margin-right:auto}



/* ── CONTACT ── */

.contact{padding:3rem 0;background:var(--bg);border-top:1px solid var(--border)}

.ct-grid{display:flex;flex-direction:column;gap:2rem}

.ct-channels{display:flex;flex-direction:column;gap:.75rem}

.ct-ch{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:12px;border:1px solid var(--border);background:rgba(20,18,16,.5);transition:all .25s;text-decoration:none;color:inherit}

.ct-ch:hover{border-color:rgba(194,154,86,.3)}

.ct-ch-ic{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}

.ct-ch-ic.sig{background:rgba(58,118,240,.15)}

.ct-ch-ic.wa{background:rgba(37,211,102,.15)}

.ct-ch-ic.mail{background:rgba(194,154,86,.1)}

.ct-ch-ic.phone{background:rgba(194,154,86,.1)}

.ct-ch-ic.loc{background:rgba(194,154,86,.1)}

.ct-ch-txt .lb{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}

.ct-ch-txt .vl{font-weight:600;font-size:.9rem;display:block;margin:2px 0}

.ct-ch-txt .sd{font-size:.7rem;color:var(--muted)}

.ct-form{padding:1.5rem;border-radius:16px;border:1px solid var(--border);background:rgba(20,18,16,.3)}

.ct-form h3{font-size:1.25rem;font-weight:700;margin-bottom:1.25rem}

.fgrp{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}

.fgrp label{font-size:.8rem;font-weight:500}

.fgrp .rq{color:var(--gold)}

.fgrp input,.fgrp select,.fgrp textarea{width:100%;padding:.75rem .875rem;border-radius:10px;border:1px solid var(--border);background:var(--input);color:var(--fg);font-family:'Inter',sans-serif;font-size:.875rem;outline:none;transition:border-color .2s}

.fgrp input::placeholder,.fgrp textarea::placeholder{color:var(--muted)}

.fgrp input:focus,.fgrp select:focus,.fgrp textarea:focus{border-color:rgba(194,154,86,.5)}

.fgrp textarea{resize:none;min-height:100px}

.fgrp select{appearance:none;cursor:pointer}

.frow{display:grid;grid-template-columns:1fr;gap:1rem}

.btn-sub{width:100%;padding:.875rem;background:var(--gold);color:var(--bg);font-weight:600;border-radius:10px;border:none;font-size:.9375rem;cursor:pointer;transition:all .3s}

.btn-sub:hover{background:var(--gold-light)}

.fdiscl{text-align:center;font-size:.7rem;color:var(--muted);margin-top:.75rem}

.fdiscl a{color:var(--gold)}

#scfStatus{display:none;text-align:center;margin-top:.75rem;font-size:.85rem;font-weight:500}



@media(min-width:768px){

  .ct-grid{display:grid;grid-template-columns:5fr 7fr;gap:2.5rem}

  .frow{grid-template-columns:1fr 1fr}

  .contact{padding:4rem 0}

  .ct-form{padding:2rem}

}



/* ── STICKY CTA BAR (mobile) ── */

.sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:999;background:rgba(12,10,8,.95);backdrop-filter:blur(12px);border-top:1px solid rgba(194,154,86,.2);padding:.625rem 1rem;display:flex;gap:.625rem}

.sticky-cta a{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem;border-radius:10px;font-weight:600;font-size:.8125rem;text-align:center;transition:all .2s}

.sticky-cta .cta-mail{background:transparent;border:1px solid rgba(194,154,86,.25);color:var(--fg)}

.sticky-cta .cta-wa{background:#25D366;color:#fff}

.sticky-cta .cta-sig{background:var(--signal);color:#fff}

.sticky-cta svg{width:18px;height:18px;flex-shrink:0}



@media(min-width:768px){.sticky-cta{display:flex;left:50%;right:auto;transform:translateX(-50%);width:min(calc(100vw - 2rem),980px)}}



/* ── FLOATING BUTTONS (desktop) ── */

.floating-btns{position:fixed;bottom:24px;right:24px;display:none;flex-direction:column;gap:12px;z-index:999}

.floating-btn{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.3);transition:all .25s;text-decoration:none;border:none}

.floating-btn:hover{transform:scale(1.08)}

.floating-btn.whatsapp{background:#25D366}

.floating-btn.signal{background:var(--signal)}

.floating-btn svg{width:24px;height:24px}

@media(min-width:768px){.floating-btns{display:flex}}



/* ── LIGHT MODE ── */

body.light .hero-bg::after{background:linear-gradient(135deg,rgba(12,10,8,.82) 0%,rgba(12,10,8,.62) 40%,rgba(12,10,8,.45) 70%,rgba(12,10,8,.58) 100%)!important}

body.light .hero h1{color:#fff!important;text-shadow:0 0 20px rgba(194,154,86,.6),0 2px 4px rgba(0,0,0,.5)}

body.light .hero .desc{color:rgba(255,255,255,.8)}

body.light .hero .sub{color:var(--gold-light)}

body.light .trust-i{color:rgba(255,255,255,.75)}

body.light .btn-o{border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.85)}

body.light .hero-mc{border-color:rgba(194,154,86,.3);background:rgba(26,22,20,.9)}

body.light .hero-mc-img .ov{background:linear-gradient(to top,rgba(26,22,20,.9),rgba(26,22,20,.3),transparent)}



.serka-root.light{--bg:#f8f6f2;--fg:#1a1714;--card:#ffffff;--muted:#6b6560;--border:rgba(0,0,0,.1);--input:#f0ece6;--gold:#9a7a3c;--gold-light:#7a6030;--gold-dim:#b8985a;--navy:#1a1614}

.serka-root.light .svcs{background:var(--bg)}

.serka-root.light .svc{border-color:var(--border);background:var(--card)}

.serka-root.light .svc:hover{border-color:rgba(154,122,60,.3);background:rgba(154,122,60,.04)}

.serka-root.light .reach{background:var(--bg);border-color:var(--border)}

.serka-root.light .contact{background:var(--bg);border-color:var(--border)}

.serka-root.light .ct-ch{border-color:var(--border);background:var(--card)}

.serka-root.light .ct-form{border-color:var(--border);background:var(--card)}

.serka-root.light .ct-form input,.serka-root.light .ct-form select,.serka-root.light .ct-form textarea{background:var(--bg);border-color:var(--border);color:var(--fg)}

.serka-root.light .sticky-cta{background:rgba(248,246,242,.95);border-color:rgba(0,0,0,.1)}



/* ── SECTION DIVIDER ── */

.sec-div{height:1px;position:relative;overflow:visible}

.sec-div::before{content:'';position:absolute;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(194,154,86,.2),rgba(194,154,86,.4),rgba(194,154,86,.2),transparent)}



/* Spacer for sticky CTA on mobile */

.cta-spacer{height:64px}

@media(min-width:768px){.cta-spacer{display:none}}

.floating-btns,.floating-btn{display:none!important}


.sk-page { max-width: 980px; margin: 0 auto; padding: 8px 0; }

    .sk-page a { overflow-wrap: anywhere; word-break: break-word; }

    .sk-h1 { font-size: 34px; line-height: 1.15; margin: 0 0 14px; letter-spacing: -0.02em; }

    .sk-lead { font-size: 18px; line-height: 1.65; margin: 0 0 16px; }

    .sk-p { font-size: 16px; line-height: 1.75; margin: 0 0 14px; }

    .sk-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; align-items: start; margin-top: 10px; }

    @media (max-width: 860px) { .sk-grid { grid-template-columns: 1fr; } }

    .sk-card { border: 1px solid var(--border,rgba(0,0,0,.10)); border-radius: 14px; padding: 16px; background: #141210; }
    .dark .sk-card { background: #141210; color: #e8e4dc; }
    .light .sk-card { background: #ffffff; color: #1a1a1a; }

    .sk-h2 { font-size: 22px; line-height: 1.25; margin: 22px 0 10px; }

    .sk-h3 { font-size: 18px; line-height: 1.35; margin: 0 0 10px; }

    .sk-ul { margin: 0; padding-left: 18px; }

    .sk-ul li { margin: 0 0 8px; }

    .sk-muted { opacity: .85; }

    .sk-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }

    .sk-badge { font-size: 13px; line-height: 1; padding: 8px 10px; border-radius: 999px; border: 1px solid var(--border,rgba(0,0,0,.12)); }
    .dark .sk-badge { background: rgba(255,255,255,.06); color: #e8e4dc; }
    .light .sk-badge { background: rgba(0,0,0,.05); color: #1a1a1a; }

    .sk-cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }

    .sk-btn { display: inline-block; text-decoration: none; padding: 10px 14px; border-radius: 12px; border: 1px solid var(--border,rgba(0,0,0,.14)); }

    .sk-btn--primary { background: #c29a56; color: #0c0a08 !important; border-color: #c29a56; }

    .sk-btn--ghost { background: transparent; border-color: var(--border,rgba(0,0,0,.14)); }
    .dark .sk-btn--ghost { color: #e8e4dc; }
    .light .sk-btn--ghost { color: #1a1a1a; }
    .sk-card a:not(.sk-btn) { color: #c29a56; }

    .sk-note { font-size: 14px; line-height: 1.6; margin: 10px 0 0; }


/* ── Contact Page CSS (inspired by homepage) ── */

:root{--ct-bg:#0c0a08;--ct-fg:#e8e4dc;--ct-muted:#8a8580;--ct-border:#2a2420;--ct-input:#181412;--ct-gold:#c29a56;--ct-card:#141210}

.ct-page{max-width:1100px;margin:0 auto;padding:2rem 1.25rem 3rem}

.ct-page *{box-sizing:border-box}

.ct-page h1,.ct-page h2,.ct-page h3{font-family:'Playfair Display',serif}



/* Header */

.ct-hdr{text-align:center;margin-bottom:2.5rem}

.ct-badge{display:inline-block;padding:.35rem .85rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;background:rgba(194,154,86,.12);color:var(--ct-gold);border:1px solid rgba(194,154,86,.15);margin-bottom:1rem}

.ct-hdr h1{font-size:1.75rem;font-weight:700;margin:0 0 .75rem;line-height:1.3}

.ct-hdr p{color:var(--ct-muted);font-size:.95rem;max-width:600px;margin:0 auto;line-height:1.6}



/* Grid: channels left, form right */

.ct-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2.5rem}

@media(max-width:767px){.ct-layout{grid-template-columns:1fr;gap:1.5rem}}



/* Channels */

.ct-channels{display:flex;flex-direction:column;gap:.75rem}

.ct-ch{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:12px;border:1px solid var(--ct-border);background:rgba(20,18,16,.5);transition:all .25s;text-decoration:none;color:inherit}

.ct-ch:hover{border-color:rgba(194,154,86,.3);transform:translateY(-1px)}

.ct-ch-ic{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}

.ct-ch-ic.sig{background:rgba(58,118,240,.15)}

.ct-ch-ic.wa{background:rgba(37,211,102,.15)}

.ct-ch-ic.mail{background:rgba(194,154,86,.1)}

.ct-ch-ic.phone{background:rgba(194,154,86,.1)}

.ct-ch-ic.loc{background:rgba(194,154,86,.1)}

.ct-ch-ic.hours{background:rgba(194,154,86,.1)}

.ct-ch-txt .lb{font-size:.7rem;color:var(--ct-muted);text-transform:uppercase;letter-spacing:.04em}

.ct-ch-txt .vl{font-weight:600;font-size:.9rem;display:block;margin:2px 0}

.ct-ch-txt .sd{font-size:.7rem;color:var(--ct-muted)}



/* Form */

.ct-form{padding:1.5rem;border-radius:16px;border:1px solid var(--ct-border);background:rgba(20,18,16,.3)}

.ct-form h3{font-size:1.25rem;font-weight:700;margin-bottom:1.25rem}

.frow{display:grid;grid-template-columns:1fr 1fr;gap:1rem}

@media(max-width:767px){.frow{grid-template-columns:1fr}}

.fgrp{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}

.fgrp label{font-size:.8rem;font-weight:500}

.fgrp .rq{color:var(--ct-gold)}

.fgrp input,.fgrp select,.fgrp textarea{width:100%;padding:.75rem .875rem;border-radius:10px;border:1px solid var(--ct-border);background:var(--ct-input);color:var(--ct-fg);font-family:'Inter',sans-serif;font-size:.875rem;outline:none;transition:border-color .2s}

.fgrp input::placeholder,.fgrp textarea::placeholder{color:var(--ct-muted)}

.fgrp input:focus,.fgrp select:focus,.fgrp textarea:focus{border-color:rgba(194,154,86,.5)}

.fgrp textarea{resize:none;min-height:120px}

.fgrp select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238a8580' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center}

.btn-sub{width:100%;padding:.875rem;border:none;border-radius:12px;background:var(--ct-gold);color:#0c0a08;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .25s;letter-spacing:.02em}

.btn-sub:hover{background:var(--ct-gold);filter:brightness(1.1);transform:translateY(-1px)}

.btn-sub:disabled{opacity:.6;cursor:not-allowed;transform:none}

#scfStatus{margin-top:.75rem;font-size:.85rem;text-align:center}

.fdiscl{margin-top:1rem;font-size:.7rem;color:var(--ct-muted);text-align:center;line-height:1.5}

.fdiscl a{color:var(--ct-gold);text-decoration:underline}



/* Map section */

.ct-map{border-radius:16px;overflow:hidden;border:1px solid var(--ct-border);height:350px}

.ct-map iframe{width:100%;height:100%;border:0}



/* Legal disclaimer */

.ct-legal{margin-top:2rem;padding:1.25rem;border-radius:12px;border:1px solid var(--ct-border);background:rgba(20,18,16,.3)}

.ct-legal h4{font-size:.85rem;font-weight:600;margin-bottom:.5rem;color:var(--ct-gold)}

.ct-legal p{font-size:.8rem;color:var(--ct-muted);line-height:1.6;margin:0}



/* pg-content override */

.pg-content .ct-page,.pg-content .ct-page *{text-align:left!important}

.pg-content .ct-hdr,.pg-content .ct-hdr *{text-align:center!important}


/* ============================================================
   SERKA LAW FIRM — ARCHIVE TEMPLATE CSS
   Warm Black (#0c0a08) + Golden Amber (#c29a56)
   ============================================================ */

/* === ARCHIVE HEADER === */
.arc-header{position:relative;padding:3rem 0 2.5rem;text-align:center;overflow:hidden;border-bottom:1px solid rgba(194,154,86,.08)}
.arc-header::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(194,154,86,.06) 0%,transparent 70%);pointer-events:none}
.arc-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:999px;background:rgba(194,154,86,.06);border:1px solid rgba(194,154,86,.2);font-size:.75rem;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}
.arc-title{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;line-height:1.2;margin-bottom:.75rem;background:linear-gradient(135deg,var(--fg) 0%,var(--gold-light) 50%,var(--fg) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldShimmer 4s ease infinite}
.arc-desc{color:var(--muted);font-size:.95rem;max-width:600px;margin:0 auto;line-height:1.7}
.arc-count{display:inline-block;margin-top:.75rem;font-size:.8rem;color:var(--gold-dim);font-weight:500}

/* === BREADCRUMBS === */
.arc-bread{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem;padding:1rem 0;font-size:.8rem}
.arc-bread a{color:var(--gold-dim);transition:color .2s;text-decoration:none}
.arc-bread a:hover{color:var(--gold)}
.arc-bread .sep{color:var(--muted);font-size:.65rem;opacity:.5}
.arc-bread .current{color:var(--muted)}

/* === MAIN WRAPPER === */
.arc-wrap{max-width:1100px;margin:0 auto;padding:0 1.5rem}

/* === POST GRID === */
.arc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding:2.5rem 0 2rem}

/* === POST CARD === */
.arc-card{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(194,154,86,.1);background:var(--card);transition:all .35s ease;display:flex;flex-direction:column}
.arc-card:hover{border-color:rgba(194,154,86,.25);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.25)}

/* Card Image */
.arc-card-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:rgba(194,154,86,.03)}
.arc-card-img img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}
.arc-card:hover .arc-card-img img{transform:none}
.arc-card-img .arc-cat{position:absolute;top:.75rem;left:.75rem;padding:.25rem .65rem;border-radius:6px;background:rgba(12,10,8,.75);backdrop-filter:blur(8px);border:1px solid rgba(194,154,86,.2);font-size:.7rem;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.05em;z-index:2;text-decoration:none}
.arc-card-img::after{display:none}

/* No-image placeholder */
.arc-card-noimg{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(194,154,86,.04),rgba(194,154,86,.01));color:var(--gold-dim);font-size:2rem;opacity:.3}

/* Card Body */
.arc-card-body{padding:1.25rem 1.5rem 1.5rem;flex:1;display:flex;flex-direction:column}
.arc-card-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem;font-size:.75rem;color:var(--muted)}
.arc-card-meta time{color:var(--gold-dim)}
.arc-card-meta .arc-dot{width:3px;height:3px;border-radius:50%;background:var(--border);flex-shrink:0}
.arc-card-body h2{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:700;line-height:1.4;margin-bottom:.6rem}
.arc-card-body h2 a{color:var(--fg);transition:color .2s;text-decoration:none}
.arc-card-body h2 a:hover{color:var(--gold)}
.arc-card-excerpt{color:var(--muted);font-size:.875rem;line-height:1.7;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.arc-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.arc-read-more{font-size:.8rem;font-weight:600;color:var(--gold);display:inline-flex;align-items:center;gap:.35rem;transition:gap .2s;text-decoration:none}
.arc-read-more:hover{gap:.6rem}

/* === PAGINATION === */
.arc-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:2rem 0 3rem}
.arc-pagination a,
.arc-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 .75rem;border-radius:10px;font-size:.875rem;font-weight:500;transition:all .25s;border:1px solid rgba(194,154,86,.15);color:var(--muted);background:transparent;text-decoration:none;cursor:pointer}
.arc-pagination a:hover{border-color:rgba(194,154,86,.35);color:var(--gold);background:rgba(194,154,86,.05)}
.arc-pagination .current{background:var(--gold);color:var(--bg);border-color:var(--gold);font-weight:700;cursor:default}
.arc-pagination .dots{border:none;color:var(--muted);cursor:default}
.arc-pagination .show-all{background:rgba(194,154,86,.1);border-color:rgba(194,154,86,.3);color:var(--gold);font-weight:600;padding:0 1.25rem;gap:.4rem}
.arc-pagination .show-all:hover{background:var(--gold);color:var(--bg);border-color:var(--gold)}

/* === SHOW ALL LIST VIEW === */
.arc-list{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 0 2rem}
.arc-list-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(194,154,86,.08);background:var(--card);transition:all .25s;text-decoration:none}
.arc-list-item:hover{border-color:rgba(194,154,86,.2);background:rgba(194,154,86,.03);transform:translateX(4px)}
.arc-list-thumb{width:64px;height:64px;border-radius:8px;overflow:hidden;flex-shrink:0;background:rgba(194,154,86,.03)}
.arc-list-thumb img{width:100%;height:100%;object-fit:contain}
.arc-list-thumb-empty{width:64px;height:64px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(194,154,86,.04);color:var(--gold-dim);font-size:1.2rem;opacity:.4;flex-shrink:0}
.arc-list-info{flex:1;min-width:0}
.arc-list-title{font-family:'Playfair Display',serif;font-size:.95rem;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arc-list-item:hover .arc-list-title{color:var(--gold)}
.arc-list-meta{font-size:.75rem;color:var(--muted);margin-top:.2rem}
.arc-list-arrow{color:var(--gold-dim);opacity:.4;transition:opacity .2s;flex-shrink:0}
.arc-list-item:hover .arc-list-arrow{opacity:1}
@media(max-width:480px){.arc-list-thumb,.arc-list-thumb-empty{width:48px;height:48px}.arc-list-title{font-size:.85rem}}

/* === NO POSTS STATE === */
.arc-empty{text-align:center;padding:5rem 2rem}
.arc-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.3}
.arc-empty h3{font-family:'Playfair Display',serif;font-size:1.4rem;color:var(--fg);margin-bottom:.75rem}
.arc-empty p{color:var(--muted);font-size:.95rem;max-width:400px;margin:0 auto 1.5rem;line-height:1.7}
.arc-empty a{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:10px;background:var(--gold);color:var(--bg);font-size:.85rem;font-weight:600;transition:all .3s;text-decoration:none}
.arc-empty a:hover{background:var(--gold-light);box-shadow:0 8px 20px rgba(194,154,86,.3)}

/* === LOADING STATE === */
.arc-loading{text-align:center;padding:5rem 0;color:var(--muted)}
.arc-loading-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gold);margin:0 3px;animation:pulse 1.4s infinite}
.arc-loading-dot:nth-child(2){animation-delay:.2s}
.arc-loading-dot:nth-child(3){animation-delay:.4s}

/* ============================================================
   LIGHT MODE — .serka-root.light SCOPE
   ============================================================ */
.serka-root.light .arc-header::before{background:radial-gradient(ellipse at 50% 0%,rgba(154,122,60,.06) 0%,transparent 70%)}
.serka-root.light .arc-badge{background:rgba(154,122,60,.06);border-color:rgba(154,122,60,.2)}
.serka-root.light .arc-card{border-color:rgba(154,122,60,.1);background:var(--card)}
.serka-root.light .arc-card:hover{border-color:rgba(154,122,60,.25);box-shadow:0 16px 40px rgba(0,0,0,.08)}
.serka-root.light .arc-card-img .arc-cat{background:rgba(255,255,255,.85);border-color:rgba(154,122,60,.2)}
.serka-root.light .arc-card-body h2 a{color:var(--fg)}
.serka-root.light .arc-card-body h2 a:hover{color:var(--gold)}
.serka-root.light .arc-card-excerpt{color:var(--muted)}
.serka-root.light .arc-card-noimg{background:linear-gradient(135deg,rgba(154,122,60,.04),rgba(154,122,60,.01))}
.serka-root.light .arc-pagination a,.serka-root.light .arc-pagination span{border-color:rgba(154,122,60,.15)}
.serka-root.light .arc-pagination a:hover{border-color:rgba(154,122,60,.35);background:rgba(154,122,60,.05)}
.serka-root.light .arc-pagination .current{background:var(--gold);color:#fff;border-color:var(--gold)}

/* ============================================================
   LIGHT MODE — body.light SCOPE
   ============================================================ */
body.light .arc-header::before{background:radial-gradient(ellipse at 50% 0%,rgba(154,122,60,.06) 0%,transparent 70%)}
body.light .arc-badge{background:rgba(154,122,60,.06);border-color:rgba(154,122,60,.2)}
body.light .arc-card{border-color:rgba(154,122,60,.1);background:var(--card)}
body.light .arc-card:hover{border-color:rgba(154,122,60,.25);box-shadow:0 16px 40px rgba(0,0,0,.08)}
body.light .arc-card-img .arc-cat{background:rgba(255,255,255,.85);border-color:rgba(154,122,60,.2)}
body.light .arc-card-body h2 a{color:var(--fg)}
body.light .arc-card-body h2 a:hover{color:var(--gold)}
body.light .arc-card-excerpt{color:var(--muted)}
body.light .arc-card-noimg{background:linear-gradient(135deg,rgba(154,122,60,.04),rgba(154,122,60,.01))}
body.light .arc-pagination a,body.light .arc-pagination span{border-color:rgba(154,122,60,.15)}
body.light .arc-pagination a:hover{border-color:rgba(154,122,60,.35);background:rgba(154,122,60,.05)}
body.light .arc-pagination .current{background:var(--gold);color:#fff;border-color:var(--gold)}

/* ============================================================
   WPML RTL (AR, FA)
   ============================================================ */
[dir="rtl"] .arc-bread{direction:rtl}
[dir="rtl"] .arc-bread .sep{transform:scaleX(-1)}
[dir="rtl"] .arc-card-img .arc-cat{left:auto;right:.75rem}
[dir="rtl"] .arc-read-more{flex-direction:row-reverse}
[dir="rtl"] .arc-read-more svg{transform:scaleX(-1)}
[dir="rtl"] .arc-card-footer{flex-direction:row-reverse}
[dir="rtl"] .arc-card-meta{flex-direction:row-reverse}

/* Chinese font override */
html[lang^="zh"] .arc-card-body h2{font-family:'Noto Serif SC','Playfair Display',serif}
html[lang^="zh"] .arc-card-excerpt{font-family:'Noto Sans SC','Inter',sans-serif}
html[lang^="zh"] .arc-title{font-family:'Noto Serif SC','Playfair Display',serif}
/* Arabic & Farsi */
html[lang="ar"] .arc-card-body h2,html[lang="fa"] .arc-card-body h2{font-family:'Noto Serif Arabic','Playfair Display',serif}
html[lang="ar"] .arc-title,html[lang="fa"] .arc-title{font-family:'Noto Serif Arabic','Playfair Display',serif}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1024px){
  .arc-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}
}
@media(max-width:768px){
  .arc-header{padding:2rem 0 1.5rem}
  .arc-title{font-size:clamp(1.5rem,5vw,2rem)}
  .arc-grid{grid-template-columns:1fr;gap:1.25rem;padding:1.5rem 0 1.5rem}
  .arc-card-body{padding:1rem 1.25rem 1.25rem}
  .arc-card-body h2{font-size:1.05rem}
  .arc-pagination{padding:1.5rem 0 2rem}
  .arc-pagination a,.arc-pagination span{min-width:36px;height:36px;font-size:.8rem}
  .arc-wrap{padding:0 1rem}
}
@media(max-width:480px){
  .arc-card-img{aspect-ratio:3/2}
  .arc-card-noimg{aspect-ratio:3/2}
}

/* PRINT */
@media print{
  .arc-pagination,.floating-btns,.nav,.nav-sp{display:none!important}
  .arc-card{break-inside:avoid;box-shadow:none!important;border-color:#ddd!important}
  .arc-card-body h2 a{color:#000!important}
  .arc-title{-webkit-text-fill-color:#000!important;background:none!important}
}

/* === ELEMENTOR NATIVE WIDGET COMPAT — SSR Migration === */
/* Mobile-first responsive design, matches original arc-* styling */

/* arc-wrap: Container widget width */
.arc-wrap.e-con,.arc-wrap.e-con>.e-con-inner{max-width:1100px!important;margin:0 auto;padding:0 1rem}
@media(min-width:768px){.arc-wrap.e-con,.arc-wrap.e-con>.e-con-inner{padding:0 1.5rem}}

/* arc-bread: Rank Math breadcrumb */
.arc-bread .elementor-widget-container{padding-top:1rem;margin-bottom:1rem}
.arc-bread .rank-math-breadcrumb,.arc-bread .rank-math-breadcrumb p{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;font-size:.75rem;margin:0}
.arc-bread .rank-math-breadcrumb a{color:var(--gold-dim);transition:color .2s;text-decoration:none}
.arc-bread .rank-math-breadcrumb a:hover{color:var(--gold)}
.arc-bread .rank-math-breadcrumb .separator{color:var(--muted);font-size:.6rem;opacity:.5}
@media(min-width:768px){.arc-bread .elementor-widget-container{padding-top:1.5rem;margin-bottom:1.25rem}.arc-bread .rank-math-breadcrumb,.arc-bread .rank-math-breadcrumb p{font-size:.8rem}}

/* arc-header: Archive Title widget — gold shimmer gradient text */
.arc-header .elementor-widget-container{margin:0;padding:2rem 0 1.5rem;text-align:center;border-bottom:1px solid rgba(194,154,86,.08)}
.arc-header .elementor-heading-title,
.arc-header .elementor-widget-container h1{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;line-height:1.2;margin:0;background:linear-gradient(135deg,var(--fg) 0%,var(--gold-light) 50%,var(--fg) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldShimmer 4s ease infinite}

/* arc-grid: Archive Posts widget — card grid layout */
.arc-grid .elementor-posts-container{display:grid!important;grid-template-columns:1fr;gap:1.5rem;padding:2rem 0}
@media(min-width:768px){.arc-grid .elementor-posts-container{grid-template-columns:repeat(2,1fr);gap:2rem;padding:2.5rem 0}}

/* arc-grid: Post cards — dark theme card style matching original .arc-card */
.arc-grid .elementor-post{background:var(--card,rgba(255,255,255,.03));border:1px solid rgba(194,154,86,.1);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:all .35s cubic-bezier(.4,0,.2,1)}
.arc-grid .elementor-post:hover{border-color:rgba(194,154,86,.25);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.25)}

/* arc-grid: Thumbnail — aspect ratio container */
.arc-grid .elementor-post__thumbnail{aspect-ratio:16/9;overflow:hidden;background:rgba(194,154,86,.03)}
.arc-grid .elementor-post__thumbnail img{width:100%;height:100%;object-fit:contain;transition:transform .4s}
.arc-grid .elementor-post:hover .elementor-post__thumbnail img{transform:scale(1.04)}
@media(max-width:479px){.arc-grid .elementor-post__thumbnail{aspect-ratio:3/2}}

/* arc-grid: Post text body */
.arc-grid .elementor-post__text{padding:1rem 1.25rem 1.25rem;flex:1;display:flex;flex-direction:column}
@media(min-width:768px){.arc-grid .elementor-post__text{padding:1.25rem 1.5rem 1.5rem}}

/* arc-grid: Post meta (date, category) */
.arc-grid .elementor-post__meta-data{font-size:.75rem;color:var(--muted,#a09888);margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}
.arc-grid .elementor-post__meta-data span{display:inline-flex;align-items:center}

/* arc-grid: Post title */
.arc-grid .elementor-post__title{margin:0 0 .5rem}
.arc-grid .elementor-post__title,.arc-grid .elementor-post__title a{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;color:var(--fg,#e8e4dc);text-decoration:none;line-height:1.35}
.arc-grid .elementor-post__title a:hover{color:var(--gold,#c29a56)}
@media(min-width:768px){.arc-grid .elementor-post__title,.arc-grid .elementor-post__title a{font-size:1.15rem}}

/* arc-grid: Post excerpt — clamp to 3 lines */
.arc-grid .elementor-post__excerpt{color:var(--muted,#a09888);font-size:.85rem;line-height:1.7;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:.25rem}
@media(min-width:768px){.arc-grid .elementor-post__excerpt{font-size:.875rem}}

/* arc-grid: Read more link — gold with arrow animation */
.arc-grid .elementor-post__read-more{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;color:var(--gold,#c29a56);text-decoration:none;margin-top:auto;padding-top:.75rem;transition:gap .3s}
.arc-grid .elementor-post__read-more:hover{gap:.6rem}

/* arc-grid: Pagination — pill style matching original */
.arc-grid~.elementor-pagination,.arc-grid .elementor-pagination,.elementor-widget-archive-posts .elementor-pagination{display:flex;justify-content:center;gap:.5rem;padding:2rem 0 3rem}
.arc-grid~.elementor-pagination a,.arc-grid~.elementor-pagination span,
.arc-grid .elementor-pagination a,.arc-grid .elementor-pagination span,
.elementor-widget-archive-posts .elementor-pagination a,
.elementor-widget-archive-posts .elementor-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:10px;border:1px solid rgba(194,154,86,.15);color:var(--fg,#e8e4dc);font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s}
.arc-grid~.elementor-pagination a:hover,.arc-grid .elementor-pagination a:hover,
.elementor-widget-archive-posts .elementor-pagination a:hover{background:rgba(194,154,86,.08);border-color:rgba(194,154,86,.3)}
.arc-grid~.elementor-pagination .current,.arc-grid .elementor-pagination .current,
.elementor-widget-archive-posts .elementor-pagination .current{background:var(--gold,#c29a56);color:var(--bg,#0c0a08);font-weight:700;border-color:var(--gold,#c29a56)}

/* Light mode overrides */
.serka-root.light .arc-grid .elementor-post,body.light .arc-grid .elementor-post{background:rgba(255,255,255,.85);border-color:rgba(194,154,86,.12);box-shadow:0 2px 12px rgba(0,0,0,.04)}
.serka-root.light .arc-grid .elementor-post:hover,body.light .arc-grid .elementor-post:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);border-color:rgba(194,154,86,.2)}
.serka-root.light .arc-grid .elementor-post__title a,body.light .arc-grid .elementor-post__title a{color:#1a1a1a}

/* Hide original JS loading dots */
.arc-loading{display:none!important}





/* === NO-THUMBNAIL CARD ENHANCEMENT === */

.arc-grid .elementor-post:not(:has(.elementor-post__thumbnail)){border-top:3px solid rgba(194,154,86,.25)}

.arc-grid .elementor-post:not(:has(.elementor-post__thumbnail)):hover{border-top-color:rgba(194,154,86,.5)}

.arc-grid .elementor-post:not(:has(.elementor-post__thumbnail)) .elementor-post__text{padding-top:1.75rem}

.arc-grid .elementor-post:not(:has(.elementor-post__thumbnail)) .elementor-post__title,.arc-grid .elementor-post:not(:has(.elementor-post__thumbnail)) .elementor-post__title a{font-size:1.25rem}

@media(min-width:768px){.arc-grid .elementor-post:not(:has(.elementor-post__thumbnail)) .elementor-post__title,.arc-grid .elementor-post:not(:has(.elementor-post__thumbnail)) .elementor-post__title a{font-size:1.35rem}}

.arc-grid .elementor-post:not(:has(.elementor-post__thumbnail)) .elementor-post__excerpt{-webkit-line-clamp:4;line-clamp:4}



/* === SVC-GRID NO-THUMBNAIL (service listing pages) === */

.svc-grid .elementor-post:not(:has(.elementor-post__thumbnail)){border-top:3px solid rgba(194,154,86,.25)}

.svc-grid .elementor-post:not(:has(.elementor-post__thumbnail)):hover{border-top-color:rgba(194,154,86,.5)}

.svc-grid .elementor-post:not(:has(.elementor-post__thumbnail)) .elementor-post__text{padding-top:1.75rem}

.svc-grid .elementor-post:not(:has(.elementor-post__thumbnail)) .elementor-post__title,.svc-grid .elementor-post:not(:has(.elementor-post__thumbnail)) .elementor-post__title a{font-size:1.2rem}





/* === RESPONSIVE AUTO-FIT GRID === */

/* Kill Elementor wrapper grid that halves the container */

.arc-grid[class*="elementor-grid-"],.svc-grid[class*="elementor-grid-"]{display:block!important}

/* Full width auto-fit columns */

.arc-grid .elementor-posts-container,.svc-grid .elementor-posts-container{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:1.25rem!important;width:100%!important}

.arc-grid .elementor-posts-container .elementor-post,.svc-grid .elementor-posts-container .elementor-post{width:100%!important;margin:0!important}

@media(max-width:767px){.arc-grid .elementor-posts-container,.svc-grid .elementor-posts-container{grid-template-columns:1fr!important;gap:1rem!important}}

/* Reduce archive header spacing */

.arc-wrap .elementor-widget-theme-archive-title{margin-bottom:0.75rem!important}

.arc-wrap .elementor-widget-breadcrumbs{margin-bottom:0.5rem!important}


/* SERKA ANON CSS FIX END 2026-03-30 */

/* SERKA THEME MISMATCH FIX START 2026-03-30 */
body.dark.postid-32491,
body.dark.postid-32494 {
  --text: #e8e4dc !important;
  --muted: #8a8580 !important;
  --border: #2a2420 !important;
  --bg: #0c0a08 !important;
  --soft: #141210 !important;
  --soft-2: #191613 !important;
  --link: #d0b17a !important;
  --accent: #c29a56 !important;
}

body.dark.postid-32491 .nav-top,
body.dark.postid-32491 .nav-main,
body.dark.postid-32491 .footer,
body.dark.postid-32491 .ft-bot,
body.dark.postid-32494 .nav-top,
body.dark.postid-32494 .nav-main,
body.dark.postid-32494 .footer,
body.dark.postid-32494 .ft-bot {
  background: #0c0a08 !important;
}

body.dark.postid-32491 .pg-content,
body.dark.postid-32494 .pg-content {
  color: #e8e4dc !important;
}

body.dark.postid-32491 .pg-content h1,
body.dark.postid-32491 .pg-content h2,
body.dark.postid-32491 .pg-content h3,
body.dark.postid-32494 .pg-content h1,
body.dark.postid-32494 .pg-content h2,
body.dark.postid-32494 .pg-content h3 {
  color: #e8e4dc !important;
}

body.dark.postid-32491 .pg-content .meta,
body.dark.postid-32491 .pg-content .note,
body.dark.postid-32494 .pg-content .meta,
body.dark.postid-32494 .pg-content .note {
  color: #8a8580 !important;
}

body.dark.postid-32491 .pg-content .box,
body.dark.postid-32491 .pg-content .box.toc,
body.dark.postid-32491 .pg-content .table-wrap,
body.dark.postid-32491 .pg-content blockquote.serka-bluf,
body.dark.postid-32491 .pg-content [style*="background:#f8f9fa"],
body.dark.postid-32491 .pg-content [style*="background:#f0f4f8"],
body.dark.postid-32494 .pg-content .box,
body.dark.postid-32494 .pg-content .box.toc,
body.dark.postid-32494 .pg-content .table-wrap,
body.dark.postid-32494 .pg-content blockquote.serka-bluf,
body.dark.postid-32494 .pg-content [style*="background:#f8f9fa"],
body.dark.postid-32494 .pg-content [style*="background:#f0f4f8"] {
  background: #141210 !important;
  color: #e8e4dc !important;
  border-color: #2a2420 !important;
}

body.dark.postid-32491 .pg-content table,
body.dark.postid-32491 .pg-content th,
body.dark.postid-32491 .pg-content td,
body.dark.postid-32494 .pg-content table,
body.dark.postid-32494 .pg-content th,
body.dark.postid-32494 .pg-content td {
  border-color: #2a2420 !important;
  color: #e8e4dc !important;
}

body.dark.postid-32491 .pg-content thead th,
body.dark.postid-32494 .pg-content thead th {
  background: #191613 !important;
}

body.dark.postid-32491 .pg-content a,
body.dark.postid-32491 .pg-content [style*="color:#1a3a5c"],
body.dark.postid-32491 .pg-content [style*="color:#0b1f33"],
body.dark.postid-32494 .pg-content a,
body.dark.postid-32494 .pg-content [style*="color:#0d2136"],
body.dark.postid-32494 .pg-content [style*="color:#0f4b73"] {
  color: #d0b17a !important;
}

body.dark.postid-32491 .pg-content .tag,
body.dark.postid-32494 .pg-content .tag {
  background: #221c18 !important;
  color: #d0b17a !important;
}

body.dark.postid-32492 .e2g {
  color: #e8e4dc !important;
}

body.dark.postid-32492 .e2g h2,
body.dark.postid-32492 .e2g h3,
body.dark.postid-32492 .e2g a {
  color: #d0b17a !important;
}

body.dark.postid-32492 .e2g table,
body.dark.postid-32492 .e2g th,
body.dark.postid-32492 .e2g td {
  border-color: #2a2420 !important;
  color: #e8e4dc !important;
}

body.dark.postid-32492 .e2g th,
body.dark.postid-32492 .e2g .insight,
body.dark.postid-32492 .e2g .cta,
body.dark.postid-32492 .e2g blockquote.serka-bluf,
body.dark.postid-32492 .e2g [style*="background:#f8f9fa"],
body.dark.postid-32492 .e2g [style*="background:#f5f5f5"],
body.dark.postid-32492 .e2g [style*="background:#f0f4f8"] {
  background: #141210 !important;
  color: #e8e4dc !important;
  border-color: #2a2420 !important;
}

body.dark.postid-32492 .e2g blockquote.serka-bluf,
body.dark.postid-32492 .e2g [style*="color:#333"],
body.dark.postid-32492 .e2g [style*="color:#111"] {
  color: #e8e4dc !important;
}

body.dark.page-id-32499 .fw-page,
body.dark.page-id-32499 .fw-page p,
body.dark.page-id-32499 .fw-page li,
body.dark.page-id-32499 .fw-page .item {
  color: #e8e4dc !important;
}

body.dark.page-id-32499 .fw-page .en-box,
body.dark.page-id-32499 .fw-page .warning,
body.dark.page-id-32499 .fw-page .fight,
body.dark.page-id-32499 .fw-page .site-card {
  background: #141210 !important;
  border-color: #2a2420 !important;
}

body.dark.page-id-32499 .fw-page .site-card a {
  color: #d0b17a !important;
}

body.dark.page-id-32499 .fw-page .site-card span {
  color: #8a8580 !important;
}

body.dark.page-id-32499 .fw-page .bad {
  color: #ff7a7a !important;
}

body.dark.page-id-32499 .fw-page .good,
body.dark.page-id-32499 .fw-page .official-num {
  color: #70c18a !important;
}

body.dark.page-id-32798 .pg-content,
body.dark.page-id-32798 .pg-content p,
body.dark.page-id-32798 .pg-content li {
  color: #e8e4dc !important;
}

body.dark.page-id-32798 .pg-content [style*="background:#faf8f5"] {
  background: #141210 !important;
  border-color: #2a2420 !important;
}

body.dark.page-id-32798 .pg-content [style*="color:#333"] {
  color: #e8e4dc !important;
}

body.dark.page-id-32798 .pg-content [style*="color:#888"] {
  color: #8a8580 !important;
}

body.dark.page-id-32798 .pg-content a {
  color: #d0b17a !important;
}
body.light.postid-32492 .pg-content div[style*="background:#141210"][style*="border-radius:8px"][style*="color:#e8e4dc"] {
  background: #f8f9fa !important;
  color: var(--fg) !important;
  border: 1px solid rgba(154,122,60,.18) !important;
}

body.light.postid-32492 .pg-content div[style*="background:#141210"][style*="border-radius:8px"][style*="color:#e8e4dc"] h3,
body.light.postid-32492 .pg-content div[style*="background:#141210"][style*="border-radius:8px"][style*="color:#e8e4dc"] a {
  color: #1a3a5c !important;
}
/* SERKA THEME MISMATCH FIX END 2026-03-30 */

/* BEGIN SERKALAW HEADER FIX 20260330 */
:root{
  --serka-admin-bar-offset:0px;
  --serka-nav-spacer-desktop:110px;
  --serka-nav-spacer-tablet:76px;
  --serka-nav-spacer-mobile:68px;
  --serka-nav-spacer-small:60px;
}
body.admin-bar{--serka-admin-bar-offset:32px}
@media(max-width:782px){body.admin-bar{--serka-admin-bar-offset:46px}}
body .nav{top:var(--serka-admin-bar-offset)!important}
body .nav-sp{height:calc(var(--serka-nav-spacer-desktop) + var(--serka-admin-bar-offset))!important}
body .nav-top{display:flex!important;align-items:center!important;min-height:36px!important}
body .nav-top .mx{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:1rem!important}
body .nav-top .mx>*{display:flex!important;align-items:center!important;min-width:0!important}
body .nav-top a,body .nav-top span{display:inline-flex!important;align-items:center!important;line-height:1!important;vertical-align:middle!important}
body .nav-top svg,body .lang-flag{display:inline-block!important;vertical-align:middle!important}
body .lang-sw{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:.15rem!important;line-height:1!important}
body .lang-sw a{display:inline-flex!important;align-items:center!important;gap:.3rem!important;line-height:1!important}
body .nav-main .mx{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important}
body .nlogo{display:flex!important;align-items:center!important;min-width:0!important}
body .nlogo-text{min-width:0!important}
body .nlinks{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:.35rem!important;flex:1 1 auto!important;min-width:0!important}
body #navMainLinks{justify-content:flex-end!important}
body .nav-dd{display:inline-flex!important;align-items:center!important}
body .nlinks-m{display:flex!important;align-items:center!important;gap:.75rem!important;flex-wrap:nowrap!important}
body .nlinks-m a,body .nlinks-m .nav-dd>a{display:inline-flex!important;align-items:center!important;min-height:32px!important;line-height:1.15!important;padding:.4rem .55rem!important;white-space:nowrap!important}
body .nav-dd-menu a{line-height:1.35!important}
body #themeToggle,body .hamburger{align-self:center!important;flex-shrink:0!important}
@media(max-width:1024px){
  body .nav-top{display:none!important}
  body .nav-sp{height:calc(var(--serka-nav-spacer-tablet) + var(--serka-admin-bar-offset))!important}
  body .nlinks{display:none!important}
  body .hamburger{display:flex!important}
  body .nav-main .mx{gap:.75rem!important}
}
@media(max-width:768px){
  body .nav-sp{height:calc(var(--serka-nav-spacer-mobile) + var(--serka-admin-bar-offset))!important}
  body .nav-main .mx{padding:.5rem .75rem!important}
}
@media(max-width:480px){
  body .nav-sp{height:calc(var(--serka-nav-spacer-small) + var(--serka-admin-bar-offset))!important}
}
/* END SERKALAW HEADER FIX 20260330 */