/* Ponçik V40 | Live İstanbul Clock & Automatic Day/Night Palette
   Intentionally uses component backgrounds instead of a full-screen dim overlay;
   this leaves the banner photos and 360-degree spotlight untouched. */

/* Top-bar clock works on desktop and narrow phones without enlarging the header. */
.notice{justify-content:space-between;gap:clamp(8px,2vw,22px);letter-spacing:.07em}
.notice>[data-i18n="notice"]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notice #rate-status{margin-left:auto}
.poncik-live-clock{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:25px;padding:4px 10px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.10);color:#fff;font:700 11px/1.15 "DM Sans",Arial,sans-serif;letter-spacing:.035em;white-space:nowrap;font-variant-numeric:tabular-nums}
.poncik-clock-symbol{font-size:15px;line-height:1;color:#ffd883}
.poncik-clock-city{font-size:9px;letter-spacing:.1em;opacity:.78}
.poncik-clock-digits{font-size:12px;letter-spacing:.075em;min-width:61px;font-variant-numeric:tabular-nums}
.poncik-clock-mode{font-size:9px;opacity:.82}
@media(max-width:800px){.notice{gap:7px;padding-inline:12px}.poncik-live-clock{gap:5px;padding:3px 7px}.poncik-clock-city{display:none}.poncik-clock-mode{display:none}}
@media(max-width:390px){.notice>[data-i18n="notice"]{font-size:7px}.poncik-live-clock{font-size:10px}.poncik-clock-digits{font-size:11px;min-width:57px}}

/* Daily palette: keep daylight presentation exactly as it was. */
html[data-poncik-theme="day"]{color-scheme:light}

/* Night mode applies only to page UI; never globally darken product photography. */
html[data-poncik-theme="night"]{
  color-scheme:dark;
  --paper:#101322;
  --soft:#25283b;
  --ink:#f3f2f7;
  --muted:#b4b3c6;
  --line:#3a3d50;
  --shadow:0 18px 50px rgba(0,0,0,.25);
}
html[data-poncik-theme="night"] body{background:#101322;color:#f3f2f7}
html[data-poncik-theme="night"] .notice{background:#14132d}
html[data-poncik-theme="night"] .poncik-live-clock{border-color:rgba(255,255,255,.23);background:linear-gradient(130deg,rgba(237,6,120,.18),rgba(108,84,179,.13))}
html[data-poncik-theme="night"] .poncik-clock-symbol{color:#d6c0ff}
html[data-poncik-theme="night"] .site-header{background:rgba(23,25,43,.96);border-color:#37344c;box-shadow:0 4px 22px rgba(0,0,0,.12);color:#f3f2f7}
html[data-poncik-theme="night"] .site-header .logo{padding:5px 7px;background:rgba(255,255,255,.96);border-radius:7px}
html[data-poncik-theme="night"] .site-header .main-nav a,html[data-poncik-theme="night"] .site-header .social-nav-toggle{color:#f1effa}
html[data-poncik-theme="night"] .site-header .header-select{border-color:#494660;background:#292a43;color:#f3f2fa}
html[data-poncik-theme="night"] .site-header .header-select span{color:#bcb6cc}
html[data-poncik-theme="night"] .site-header .header-select select{color:#f3f2fa;background:transparent}
html[data-poncik-theme="night"] .site-header .header-select option{color:#221b44;background:#fff}
html[data-poncik-theme="night"] .site-header .member-trigger{background:#39305c;color:#fff}
html[data-poncik-theme="night"] .site-header .collections-header button{background:#302a4c;border-color:#554b73;color:#fff}
html[data-poncik-theme="night"] .site-header .menu-toggle{color:#fff}
html[data-poncik-theme="night"] .site-header .main-nav.open{background:#1b1c33;color:#fff}
html[data-poncik-theme="night"] .social-menu{background:#22233b;color:#fff;border-color:#45425e}
html[data-poncik-theme="night"] .social-menu a{color:#f3f2fa}

/* Standard content: backgrounds only. Hero photography remains unchanged. */
html[data-poncik-theme="night"] .benefits{background:#1c2034;border-color:#393b53}
html[data-poncik-theme="night"] .benefits>div{border-color:#393b53}
html[data-poncik-theme="night"] .new-arrivals-feature{background:#181a2d}
html[data-poncik-theme="night"] .section-head h2,html[data-poncik-theme="night"] .section h2,html[data-poncik-theme="night"] .page-hero h1{color:#f4f1fa}
html[data-poncik-theme="night"] .search{background:#24263b;border-color:#49445a;color:#eee}
html[data-poncik-theme="night"] .search input{color:#f3f2fa}
html[data-poncik-theme="night"] input::placeholder{color:#aba7bd}
html[data-poncik-theme="night"] .filters button{background:#25273b;border-color:#4c4961;color:#e8e4f2}
html[data-poncik-theme="night"] .filters button.active{background:#ed0678;color:#fff;border-color:#ed0678}
html[data-poncik-theme="night"] .catalog-filter-toolbar{background:#1c1d30;border-color:#3f4054}
html[data-poncik-theme="night"] .catalog-filter-field{color:#e6e2f2}
html[data-poncik-theme="night"] .catalog-filter-field select,html[data-poncik-theme="night"] .catalog-filter-new{background:#28293e;border-color:#4d4860;color:#f4f2f9}
html[data-poncik-theme="night"] .catalog-filter-field select option{color:#221b44;background:#fff}
html[data-poncik-theme="night"] .catalog-filter-new:has(input:checked){background:#442544;border-color:#ed0678}
html[data-poncik-theme="night"] .product-meta h3{color:#f3f2f9}
html[data-poncik-theme="night"] .sku,html[data-poncik-theme="night"] .card-size-run span,html[data-poncik-theme="night"] .card-colour-count{color:#bbb6cc}
html[data-poncik-theme="night"] .card-pack-count{background:#2f2541;color:#f4f1fa}
html[data-poncik-theme="night"] .card-size-run{color:#ede8f6}
html[data-poncik-theme="night"] .product-list-add{background:transparent;border:1px solid #7b6b9a;color:#f8f5ff}
html[data-poncik-theme="night"] .product-list-add:hover{background:#ed0678;border-color:#ed0678;color:#fff}
html[data-poncik-theme="night"] .swatch{border-color:#29283e}
html[data-poncik-theme="night"] .product-card .product-card-video-bar .product-video-cta{box-shadow:0 8px 18px rgba(0,0,0,.27)}
html[data-poncik-theme="night"] .about p,html[data-poncik-theme="night"] .page-hero p{color:#b5b3c4}
html[data-poncik-theme="night"] .retail-card{background:linear-gradient(145deg,#30243c,#2b2334);color:#f3f1f8}
html[data-poncik-theme="night"] .retail-card p{color:#d3c5d1}

/* Product detail and store cards. */
html[data-poncik-theme="night"] .detail-copy h1,html[data-poncik-theme="night"] .detail-copy h2,html[data-poncik-theme="night"] .not-found h1{color:#f6f1fb}
html[data-poncik-theme="night"] .detail-fact-row>div,html[data-poncik-theme="night"] .detail-pack-section,html[data-poncik-theme="night"] .detail-inline-video{background:#202237;border-color:#49445e;color:#f3f0fa}
html[data-poncik-theme="night"] .detail-fact-row strong,html[data-poncik-theme="night"] .detail-pack-heading h2,html[data-poncik-theme="night"] .pack-size-legacy,html[data-poncik-theme="night"] .detail-video-caption{color:#f6f2fa}
html[data-poncik-theme="night"] .detail-fact-row span,html[data-poncik-theme="night"] .detail-fact-row small,html[data-poncik-theme="night"] .detail-video-caption small{color:#bfb7ca}
html[data-poncik-theme="night"] .pack-size-chip,html[data-poncik-theme="night"] .color-choice{background:#2b2a41;border-color:#514a62;color:#f3eff8}
html[data-poncik-theme="night"] .pack-size-chip span{color:#d4ccdf}
html[data-poncik-theme="night"] .color-choice.active{background:#ed0678;border-color:#ed0678;color:#fff}
html[data-poncik-theme="night"] .store-card{background:#202239;border-color:#44445b;color:#f4f0fa}
html[data-poncik-theme="night"] .store-map{background:#2b2c3e}
html[data-poncik-theme="night"] .store-actions a:last-child{background:#353149;color:#f3eff9}

/* Drawers and interactive forms stay readable after opening. */
html[data-poncik-theme="night"] .order-list-drawer{background:#181a2d;color:#f3f2fa}
html[data-poncik-theme="night"] .order-list-drawer>header,html[data-poncik-theme="night"] .order-list-drawer>footer,html[data-poncik-theme="night"] .order-list-item{background:#202239;border-color:#45435b}
html[data-poncik-theme="night"] .order-list-drawer>header h2,html[data-poncik-theme="night"] .order-list-empty h3,html[data-poncik-theme="night"] .order-list-item-copy h3,html[data-poncik-theme="night"] .order-list-total strong{color:#fff}
html[data-poncik-theme="night"] .order-list-drawer>header button,html[data-poncik-theme="night"] .order-list-qty button,html[data-poncik-theme="night"] .order-list-item-copy select,html[data-poncik-theme="night"] .order-list-secondary{background:#2e2d46;border-color:#59546c;color:#f4effa}
html[data-poncik-theme="night"] .order-list-item-price,html[data-poncik-theme="night"] .order-list-grand{background:#2d2942;color:#f1eefa}
html[data-poncik-theme="night"] .order-list-item-price strong{border-color:#514760}
html[data-poncik-theme="night"] .collections-panel,html[data-poncik-theme="night"] .collections-panel>footer{background:#1d1f33;color:#f4f1fa}
html[data-poncik-theme="night"] .collections-item{border-color:#424155}
html[data-poncik-theme="night"] .collections-item-info small,html[data-poncik-theme="night"] .collections-panel>footer p,html[data-poncik-theme="night"] .collections-empty{color:#bab4c6}
html[data-poncik-theme="night"] .collections-color-label select,html[data-poncik-theme="night"] .collections-panel>footer button{background:#302e47;border-color:#57516d;color:#f4f2f9}
html[data-poncik-theme="night"] .collections-row-actions .collections-remove{background:#332943;color:#f2d4e7}
html[data-poncik-theme="night"] .auth-modal{background:#202239;color:#f5f1fa}
html[data-poncik-theme="night"] .auth-modal h2,html[data-poncik-theme="night"] .auth-close{color:#f5f1fa}
html[data-poncik-theme="night"] .auth-close,html[data-poncik-theme="night"] .auth-modal input{background:#2b2b43;border-color:#57526c;color:#fff}

/* Chat and its status messages retain contrast in both themes. */
html[data-poncik-theme="night"] .poncik-ai-panel{background:#1c1d30;border-color:#454059;color:#f4f1fa}
html[data-poncik-theme="night"] .poncik-ai-messages{background:#1a1c2e}
html[data-poncik-theme="night"] .poncik-ai-message:not(.user){background:#303149;color:#f4f1fa}
html[data-poncik-theme="night"] .poncik-ai-typing-label{color:#e6ddf1}
html[data-poncik-theme="night"] .poncik-ai-suggestions,html[data-poncik-theme="night"] .poncik-ai-form,html[data-poncik-theme="night"] .poncik-ai-bottom{background:#222339;border-color:#4b455c}
html[data-poncik-theme="night"] .poncik-ai-suggestions button,html[data-poncik-theme="night"] .poncik-ai-form textarea,html[data-poncik-theme="night"] .poncik-ai-products a,html[data-poncik-theme="night"] .poncik-ai-store-choices button,html[data-poncik-theme="night"] .poncik-ai-store-card{background:#2e2d46;border-color:#554d66;color:#f4f1fa!important}
html[data-poncik-theme="night"] .poncik-ai-products a{color:#f9d4e8}
html[data-poncik-theme="night"] .poncik-ai-store-card small{color:#c4bdce}
html[data-poncik-theme="night"] .poncik-ai-wa{color:#f6d6eb}

/* Day and night both preserve the explicit V39 stage and its own spotlight. */
html[data-poncik-theme="night"] .lookbook:not(.in-view){background:#151727;color:#f5f2fc}
html[data-poncik-theme="night"] .lookbook:not(.in-view) .lookbook-heading h2{color:#f5f2fc}
html[data-poncik-theme="night"] .lookbook:not(.in-view) .lookbook-heading p{color:#c0bbc9}
html[data-poncik-theme="night"] .lookbook:not(.in-view) .lookbook-details{background:#25253b;border-color:#46435b}
html[data-poncik-theme="night"] .lookbook:not(.in-view) .lookbook-details h3{color:#f8f2fb}
html[data-poncik-theme="night"] .lookbook:not(.in-view) .lookbook-details p{color:#c2baca}

/* Respect reduced motion for palette transitions. */
@media(prefers-reduced-motion:no-preference){
  body,.site-header,.benefits,.new-arrivals-feature,.store-card,.auth-modal,.catalog-filter-toolbar{
    transition:background-color .5s ease,color .4s ease,border-color .4s ease;
  }
}
