/* Shared language controls and the single anthracite site identity. */
.header-preferences{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:4px}
.language-switch{display:flex;align-items:center;gap:0;font:600 11px/1 Montserrat,Arial,sans-serif;letter-spacing:.03em}
.language-switch a{display:grid;place-items:center;min-width:34px;min-height:44px;color:inherit;opacity:.66}
.language-switch a[aria-current=page]{opacity:1;text-decoration:underline;text-decoration-color:var(--action,#cca875);text-underline-offset:7px;text-decoration-thickness:2px}
.language-switch a:hover{opacity:1}
.suba-header{gap:18px}.suba-header .desktop-nav{gap:clamp(14px,1.7vw,28px)}
@media(min-width:1001px) and (max-width:1250px){.suba-header .header-call{display:none}}
@media(max-width:1000px){.header-preferences{margin-left:auto;gap:7px}.suba-header{gap:12px}.suba-header .mobile-nav{margin-left:0}}
@media(max-width:400px){.suba-header{gap:8px}.header-preferences{gap:2px}.language-switch a{min-width:29px}.suba-header .suba-brand img{width:70px}.suba-header .mobile-nav summary{padding-left:2px;gap:6px}}
.language-switch a:focus-visible{outline:2px solid var(--action,#cca875);outline-offset:3px}
.language-switch a{opacity:1}.language-switch a:not([aria-current]){color:var(--text-secondary,inherit)}
/* Shared corporate navigation: logo left, links and controls grouped right. */
.suba-header .desktop-nav{margin-left:auto;gap:clamp(14px,1.35vw,23px);white-space:nowrap;font-size:12px;}
.suba-header .header-call{display:none;}
.suba-header .header-preferences{margin-left:6px;}
.corporate-nav{position:relative;}
.corporate-nav>summary{display:flex;gap:8px;align-items:center;min-height:44px;list-style:none;cursor:pointer;}
.corporate-nav>summary::-webkit-details-marker{display:none;}
.corporate-nav>summary::after{content:'';width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);}
.corporate-nav[open]>summary::after{transform:translateY(2px) rotate(225deg);}
.corporate-nav.is-current>summary,.corporate-nav[open]>summary{color:var(--action);}
.corporate-links{position:absolute;top:calc(100% + 8px);right:0;z-index:30;display:grid;min-width:210px;padding:10px;border:1px solid #d2af7940;border-radius:12px;background:#12171c;box-shadow:0 16px 36px #0005;color:#f5f2ed;}
.suba-header .corporate-links a{display:block;padding:13px 15px;border-radius:6px;font-size:12px;}
.suba-header .corporate-links a:hover{background:#d2af7918;}
.suba-header .mobile-nav[open] nav{max-height:calc(100dvh - 116px);overflow-y:auto;overscroll-behavior:contain;border-radius:12px;}
@media(min-width:1440px){.suba-header .desktop-nav{font-size:13px;gap:26px;}}
@media(max-width:1000px){.suba-header .header-preferences{margin-left:auto;}}

/* One continuous, static canvas: 135deg / 1px lines / 18px pitch.
   Sections reveal the body canvas, so its texture never restarts at a boundary.
   UI surfaces reuse the same palette; photographic overlays keep their contrast. */
@media screen{
 :root{
  color-scheme:dark;background:#181b1e;
  --canvas-base:#181b1e;--canvas-edge:#151719;--canvas-center:#22262a;
  --canvas-lines:repeating-linear-gradient(135deg,#ffffff03 0 1px,transparent 1px 18px);
  --canvas:var(--canvas-lines),linear-gradient(90deg,var(--canvas-edge),var(--canvas-center) 50%,var(--canvas-edge));
  --ground:var(--canvas-base);--surface:#22262a;--surface-raised:#22262a;
  --night-900:#181b1e;--night-800:#22262a;--night-700:#22262a;
  --text-primary:#eef3f8;--text-secondary:#c2cbd6;--text-muted:#a5afb9;
  --action:#cca875;--line:#ffffff26;--line-soft:#ffffff12;
 }
 html body,html body[class]{
  --ground:#181b1e;--home-ground-rgb:24,27,30;
  min-height:100svh;background:var(--canvas);background-color:var(--canvas-base);
 }
 html body :is(main,section,footer,.page-header),
 html body[class] :is(main,section,footer,.page-header){background:transparent;}
 html body.home-page>header.cover{background:transparent;}
 html body.home-page :is(.lift-scene,.lift-3d-stage){background:transparent;}
 html body :is(.home-visit-card,.knowledge-grid article,.editorial-note,.visit-note,.reading-contents,.contact-card,.contact-location,.request-dialog,.request-close-bar,.request-preview pre,.service-dialog,.service-dialog-head,.corporate-links,.service-jump,.wave),
 html body.home-page #service-guide .service-faq details,
 html body .suba-header .mobile-nav[open] nav,
 html body .has-service-menu #service-menu-links{background:var(--canvas);background-color:var(--canvas-base);}
 html body :is(.request-dialog input,.request-dialog select,.request-dialog textarea,.contact-copy-fallback textarea),
 html body #home-message-form :is(input,select,textarea){background:var(--canvas-base);color:var(--text-primary);}
 html body .lift-controls.lift-route button{background:var(--canvas);}
 html body .lift-controls.lift-route button[aria-pressed=true]{background:linear-gradient(#cca87512,#cca87512),var(--canvas);}
 html body .lift-controls.lift-route button:hover{background:linear-gradient(#ffffff05,#ffffff05),var(--canvas);}
 html body .lift-3d-point>div,html body .lift-3d-stage .lift-reset{background:var(--canvas);}
 html body:not([class]) header{flex-wrap:wrap;gap:12px;}
 /* Photographs dissolve into the same horizontal tones and diagonal texture. */
 html body.home-page .cover::after{
  background:var(--canvas);
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000);mask-image:linear-gradient(to bottom,transparent,#000);
 }
 html body.home-page :is(.face__sticky,.mtn__stage)::after{
  background:var(--canvas);background-size:100vw auto;background-position:center;
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent var(--section-fade),transparent calc(100% - var(--section-fade)),#000);
  mask-image:linear-gradient(to bottom,#000,transparent var(--section-fade),transparent calc(100% - var(--section-fade)),#000);
 }
}

/* Full-width bronze threshold makes the footer a distinct closing section. */
@media screen{
 html body[class] footer.site-footer{
  position:relative;isolation:isolate;border-top:0;scroll-margin-top:40px;
  background:linear-gradient(180deg,#cca87512,transparent 150px);
 }
 html body[class] footer.site-footer::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;pointer-events:none;
  background:linear-gradient(90deg,#946c40,#c7a16d 24%,#edd4ac 50%,#c7a16d 76%,#946c40);
  box-shadow:0 5px 22px #cca87526;
 }
}

/* Hours share the brand column, so they remain visible without adding a new
   footer band or pushing the contact links farther down the page. */
.site-footer .footer-hours{display:flex;flex-wrap:wrap;gap:1px 9px;margin-top:12px;color:var(--text-secondary);font:500 11px/1.55 Montserrat,Arial,sans-serif}
.site-footer .footer-hours-label{flex-basis:100%;color:var(--action);font-size:10px;font-weight:650;letter-spacing:.07em;text-transform:uppercase}
.site-footer .footer-hours span:not(.footer-hours-label){white-space:nowrap}
.about-page .about-content{padding-bottom:clamp(42px,5vw,72px)}
body:not([class])>footer{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 18px}
body:not([class])>footer .footer-hours{margin:0}
body:not([class])>footer .footer-hours-label{flex-basis:auto}
@media(max-width:760px){
 .site-footer .footer-brand{display:grid;grid-template-columns:108px minmax(0,1fr);column-gap:16px;align-items:start}
 .site-footer .footer-brand>a{grid-column:1;grid-row:1/5}
 .site-footer .footer-brand img{width:108px;height:48px;margin:0}
 .site-footer .footer-brand>strong{grid-column:2;grid-row:1}
 .site-footer .footer-brand>p{grid-column:2;grid-row:2;margin:3px 0;font-size:clamp(13px,3.6vw,16px);white-space:normal}
 .site-footer .footer-brand>span{grid-column:2;grid-row:3}
 .site-footer .footer-brand>.footer-hours{grid-column:2;grid-row:4;margin-top:7px}
 .site-footer .footer-hours span:not(.footer-hours-label){white-space:normal;overflow-wrap:anywhere}
 body>footer.site-footer{padding-top:34px;padding-bottom:max(42px,calc(20px + env(safe-area-inset-bottom)))}
 .site-footer .footer-main{grid-template-columns:minmax(0,1fr);gap:18px}
 .site-footer .footer-brand{padding-bottom:18px}
 .site-footer .footer-main>nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
 .site-footer .footer-main>nav[aria-label="Footer site bağlantıları"]{grid-template-columns:repeat(3,minmax(0,1fr))}
 .site-footer .footer-main>nav h2{grid-column:1/-1;margin-bottom:7px}
 .site-footer .footer-main>nav a{min-width:0;min-height:44px;align-items:center;padding:4px 0;font-size:11px;line-height:1.35}
 .site-footer .footer-contact{grid-column:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
 .site-footer .footer-contact h2,.site-footer .footer-contact address{grid-column:1/-1}
 .site-footer .footer-contact h2{margin-bottom:7px}
 .site-footer .footer-contact>a{min-width:0;min-height:44px;align-items:center;padding:4px 0;font-size:11px;line-height:1.35;overflow-wrap:anywhere}
 .site-footer .footer-contact>a[href^="mailto:"]{grid-column:1/-1;font-size:12px}
 .site-footer .footer-contact address{margin-top:8px;line-height:1.6}
 .site-footer .footer-bottom{margin-top:20px}
 .site-footer .footer-disclosure{margin-top:12px}
}

/* Publication contact entries: native links, no trackers or external widgets. */
.launch-action:focus-visible{outline:3px solid #fff;outline-offset:4px;}
body>footer{padding-bottom:max(90px,calc(76px + env(safe-area-inset-bottom)));}
.launch-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:28px auto;}
.launch-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border:1px solid #cca875;border-radius:6px;background:#cca875;color:#181b1e;font:600 12px/1.5 Montserrat,Arial,sans-serif;text-decoration:none;transition:background .2s ease,color .2s ease;}
.launch-action:hover{background:#dfbe90;color:#181b1e;}.launch-action-secondary{background:transparent;color:#dec39d;border-color:#cca87575;}
.launch-thanks{max-width:850px;margin:auto;text-align:center;padding:72px 24px 88px;}.launch-thanks h1{font-size:clamp(30px,4.5vw,52px);line-height:1.18;letter-spacing:-.045em;font-weight:550;margin:20px 0;}.launch-thanks>p{max-width:55ch;margin:18px auto;color:#bec3c7;font-size:16px;line-height:1.8;}.launch-check{display:grid;place-items:center;margin:0 auto 26px;width:64px;height:64px;border:1px solid #cca87580;border-radius:50%;font-size:30px;color:#cca875;}.launch-next{padding:28px;margin:32px auto;max-width:640px;border:1px solid #cca87535;border-radius:12px;background:#22262a70;}.launch-next h2{font-size:21px;font-weight:550;margin:0 0 16px;}.launch-next p{font-size:14px;line-height:1.8;color:#c2cbd0;}.launch-next p:last-child{font-size:12px;margin-bottom:0;}.launch-return,#home-message-next,.request-next-steps a{color:#dfc29b;text-underline-offset:5px;}.request-next-steps{margin-top:16px!important;}
@media(max-width:600px){.launch-actions{gap:10px;margin:24px auto;}.launch-action{padding:12px 14px;font-size:11px;}.launch-thanks{padding:44px 24px 64px;}.launch-next{padding:22px 18px;}}
@media(prefers-reduced-motion:reduce){.launch-action{transition:none;}}
@media print{.launch-actions-top{display:none!important;}}
/* Mobile contact actions live in the page, without duplicate floating shortcuts. */
@media screen and (max-width:760px),screen and (max-width:1000px) and (max-height:500px){.whatsapp-float{display:none!important;}}

/* Compact inner-page entry: two direct actions and a quiet location link. */
.launch-label-mobile,.launch-location{display:none;}
.mobile-page-details>summary{display:none;}
.about-copy>.mobile-page-details{margin-top:14px;}
@media screen and (max-width:760px),screen and (max-width:1000px) and (max-height:500px){
 .launch-actions-top{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:430px;margin:20px auto 0;}
 .launch-actions-top .launch-action{min-width:0;min-height:48px;padding:12px 6px;font-size:11px;letter-spacing:0;}
 .launch-actions-top .launch-label-desktop{display:none;}
 .launch-actions-top .launch-label-mobile{display:inline;font-size:12px;white-space:nowrap;}
 .launch-location{display:flex;align-items:center;justify-content:center;width:fit-content;min-height:44px;margin:3px auto 0;padding:8px;font:500 11px/1.6 Montserrat,Arial,sans-serif;color:var(--action);}
 .launch-location:focus-visible,.mobile-page-details>summary:focus-visible{outline:2px solid var(--action);outline-offset:4px;}
 .mobile-page-details{border:1px solid #cca87540;border-radius:8px;margin:0 0 16px;text-align:center;}
 .mobile-page-details>summary{display:flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 16px;list-style:none;cursor:pointer;font:550 13px/1.6 Montserrat,Arial,sans-serif;color:var(--text-primary);}
 .mobile-page-details>summary::-webkit-details-marker{display:none;}
 .mobile-page-details>summary::after{content:'+';font-size:20px;line-height:1;color:var(--action);font-weight:400;}
 .mobile-page-details[open]>summary::after{content:'−';}
 .mobile-page-details>p{padding:0 16px 16px;}
 .mobile-page-details>dl{padding:0 12px 12px;}
 .about-page .about-copy>.mobile-page-details{margin:14px 0 0;}
 .about-page .about-copy>.mobile-page-details>p{font-size:13px;line-height:1.75;}
 .contact-page .launch-actions-top{display:none;}
}
@media print{.launch-location{display:none!important;}.mobile-page-details>summary{display:block;}}
/* Confirmed public opening hours: compact, readable beside the address. */
.business-hours{display:grid;gap:4px;margin:20px 0 24px;padding-top:16px;border-top:1px solid rgba(210,175,121,.28);font-size:15px;line-height:1.65;color:#d3d8dc}
.business-hours strong{font-size:13px;font-weight:600;letter-spacing:.03em;color:#d2af79;margin-bottom:2px}
.about-contact .business-hours{max-width:360px;margin-inline:auto}
.guide-more{margin:22px 0 0;text-align:center;font-size:14px}
@media(max-width:760px){.business-hours{text-align:center;font-size:14px}.guide-more{font-size:13px}}

/* Light refresh, 24 September 2026: bronze light sweeps, hover shine and a pointer glow.
   Layout, colours and the header structure are unchanged; nothing shakes or follows the cursor. */
:root{--shine-light:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.42) 48%,transparent 66%);--shine-bronze:linear-gradient(105deg,transparent 30%,rgba(210,175,121,.34) 48%,transparent 66%);--shine-ease:cubic-bezier(.32,.72,0,1)}

/* Buttons: one light sweep on hover or keyboard focus, and a soft bronze halo. */
:is(.hero-cta,.btn,.launch-action,.request-open,.visit-request,.header-contact-wa){position:relative}
:is(.hero-cta,.btn,.launch-action,.request-open,.visit-request,.header-contact-wa,.whatsapp-float){isolation:isolate;overflow:hidden}
:is(.hero-cta,.btn,.launch-action,.request-open,.visit-request,.header-contact-wa,.whatsapp-float)::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:var(--shine-light);transform:translateX(-130%);transition:transform 1.1s cubic-bezier(.45,.05,.25,1)}
:is(.hero-cta-secondary,.launch-action-secondary,.btn:not(.btn--go))::after{background:var(--shine-bronze)}
:is(.hero-cta,.btn,.launch-action,.request-open,.visit-request,.header-contact-wa,.whatsapp-float):is(:hover,:focus-visible)::after{transform:translateX(130%)}
:is(.hero-cta-primary,.btn--go,.header-contact-wa,.whatsapp-float){transition:box-shadow .45s var(--shine-ease),background .2s,border-color .2s,transform .2s}
:is(.hero-cta-primary,.btn--go,.header-contact-wa,.whatsapp-float):is(:hover,:focus-visible){box-shadow:0 14px 38px -14px rgba(210,175,121,.7),0 0 0 1px rgba(210,175,121,.35)}
:is(.hero-cta-secondary,.launch-action-secondary):is(:hover,:focus-visible){box-shadow:0 0 26px -10px rgba(210,175,121,.55)}
/* The main hero action catches the light once after the page settles. */
.home-page .hero-cta-primary::after{animation:subaShine 1.5s cubic-bezier(.45,.05,.25,1) 2.6s 1}
@keyframes subaShine{from{transform:translateX(-130%)}to{transform:translateX(130%)}}

/* Home hero: a bronze light passes over the photograph once when the page opens. */
.home-page .cover__plate::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(112deg,transparent 43%,rgba(210,175,121,.3) 48%,rgba(255,232,190,.46) 50%,rgba(210,175,121,.28) 52%,transparent 57%) no-repeat;
  background-size:240% 100%;background-position:120% 0;mix-blend-mode:screen;opacity:0;animation:subaHeroSweep 2.8s cubic-bezier(.45,.05,.25,1) .5s 1 both}
@keyframes subaHeroSweep{0%{opacity:0;background-position:120% 0}12%{opacity:1}82%{opacity:1}100%{opacity:0;background-position:-20% 0}}

/* Cards: a bronze glow follows the pointer (glow.js sets --glow-x/--glow-y). */
:is(.blog-card,.related-card,.area-card,.home-visit-card,.editorial-cta,.editorial-note,.about-values li,.service-faq details){position:relative}
:is(.fan-card,.blog-card,.related-card,.area-card,.home-visit-card,.editorial-cta,.editorial-note,.visit-note,.about-values li,.service-faq details)::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .5s var(--shine-ease);
  background:radial-gradient(380px circle at var(--glow-x,50%) var(--glow-y,50%),rgba(210,175,121,.19),transparent 62%)}
:is(.fan-card,.blog-card,.related-card,.area-card,.home-visit-card,.editorial-cta,.editorial-note,.visit-note,.about-values li,.service-faq details):hover::before{opacity:1}

/* Header, far right: direct call and WhatsApp (desktop only; the mobile menu already carries the phone). */
.header-contact{display:none;align-items:center;gap:8px;flex-shrink:0;margin-left:8px}
.header-contact svg{width:17px;height:17px}
.header-contact-call{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(210,175,121,.4);border-radius:50%;color:#fffaf2;transition:background .35s var(--shine-ease),border-color .35s var(--shine-ease),box-shadow .35s var(--shine-ease)}
.header-contact-call:is(:hover,:focus-visible){background:rgba(210,175,121,.14);border-color:#d2af79;box-shadow:0 0 24px -8px rgba(210,175,121,.8)}
.header-contact-wa{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 16px 0 18px;border-radius:999px;background:linear-gradient(115deg,#d6b887,#b58c59);color:#12100d;font:650 12.5px/1 Montserrat,Arial,sans-serif;white-space:nowrap}
.header-contact :focus-visible{outline:2px solid #d2af79;outline-offset:3px}
@media (min-width:1001px){.header-contact{display:flex}}
@media (min-width:1001px) and (max-width:1240px){.header-contact-wa{width:42px;padding:0;justify-content:center}.header-contact-wa span{display:none}}

/* Keyboard focus gets the same bronze light. */
:is(a,button,summary):focus-visible{box-shadow:0 0 0 4px rgba(210,175,121,.16)}

@media (prefers-reduced-motion:reduce){
  :is(.hero-cta,.btn,.launch-action,.request-open,.visit-request,.header-contact-wa,.whatsapp-float)::after{display:none}
  .home-page .cover__plate::before{display:none}
}
@media print{.header-contact,.home-page .cover__plate::before{display:none!important}}
