/* STILL · Copyright 2026 DeltyWeb Ltd. All rights reserved.
   Black Glass surfaces for the concept dialog and navigation trigger. */

:is(#info-dialog:has(.still-concept)){
  --glass-text:#f3f4f6;
  --glass-copy:#cdd0d5;
  --glass-muted:#a9aeb6;
  --glass-line:rgba(232,236,244,.13);
  --glass-edge:rgba(232,236,244,.24);
  --demo-gold:#c6ccd5;
  --demo-copy:var(--glass-text);
  --demo-muted:var(--glass-muted);
  --concept-paper:var(--glass-text);
  --concept-copy:var(--glass-copy);
  --concept-muted:var(--glass-muted);
  color-scheme:dark;
  color:var(--glass-text);
  background-color:rgba(9,9,11,.84);
  background-image:radial-gradient(ellipse at 0% 0%,rgba(225,231,244,.065),transparent 54%),
    linear-gradient(133deg,rgba(255,255,255,.035) 0%,transparent 29%,transparent 67%,rgba(232,236,244,.022) 100%);
  -webkit-backdrop-filter:blur(28px) saturate(0) brightness(.76);
  backdrop-filter:blur(28px) saturate(0) brightness(.76);
  border:1px solid var(--glass-edge);
  border-bottom-color:rgba(232,236,244,.15);
  border-radius:12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),
    inset 1px 0 0 rgba(255,255,255,.035),
    inset 0 -1px 0 rgba(0,0,0,.8),
    0 0 0 1px rgba(0,0,0,.45),
    0 12px 28px rgba(0,0,0,.30),
    0 36px 100px rgba(0,0,0,.52);
  scrollbar-color:#55585f #131416;
  scrollbar-width:thin;
}

:is(#info-dialog:has(.still-concept))::backdrop{
  background:rgba(5,5,7,.43);
  -webkit-backdrop-filter:blur(7px) saturate(.25);
  backdrop-filter:blur(7px) saturate(.25);
}

:is(#info-dialog:has(.still-concept)) button:focus-visible{
  outline:2px solid #d6dce6;
  outline-offset:4px;
}

.still-theme .demo-nav-button{
  background:linear-gradient(150deg,rgba(171,182,200,.105),rgba(11,12,15,.26));
  border-color:rgba(224,230,241,.26);
  color:#edf0f5;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 2px 8px rgba(0,0,0,.12);
}

.still-theme .demo-nav-button:hover,
.still-theme .demo-nav-button[aria-expanded="true"]{
  background:linear-gradient(150deg,rgba(183,195,213,.18),rgba(18,20,25,.40));
  border-color:rgba(230,237,249,.44);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 4px 16px rgba(0,0,0,.17);
}

.still-theme .demo-nav-button .demo-cube-icon,
.still-theme .demo-nav-button .demo-nav-chevron{
  color:#c5ccd7;
}

.still-theme .demo-nav-tag{
  color:#d3d8df;
  border-color:rgba(230,235,244,.20);
  background:rgba(219,227,240,.075);
}

.still-theme .site-header.demo-nav-is-open{
  background:rgba(12,12,14,.94);
  border-bottom-color:rgba(228,233,242,.15);
}

#info-dialog:has(.still-concept) .dialog-close{
  border-color:rgba(231,236,247,.21);
  color:#c8cdd5;
  background:linear-gradient(155deg,rgba(187,198,219,.085),rgba(0,0,0,.20));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 2px 7px rgba(0,0,0,.13);
}

#info-dialog:has(.still-concept) .dialog-close:hover{
  color:#fff;
  background:rgba(213,224,242,.115);
  border-color:rgba(232,238,250,.43);
  transform:none;
}

#info-dialog .still-concept-action--primary{
  color:#f5f7fa;
  background:linear-gradient(180deg,rgba(99,104,115,.46),rgba(44,48,56,.64));
  border:1px solid rgba(229,235,248,.30);
  border-radius:5px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.18),0 4px 10px rgba(0,0,0,.18);
  text-shadow:0 1px 1px rgba(0,0,0,.35);
}

#info-dialog .still-concept-action--primary:not(:disabled):hover{
  color:#fff;
  background:linear-gradient(180deg,rgba(124,132,146,.51),rgba(63,69,82,.68));
  border-color:rgba(235,241,254,.52);
}

#info-dialog:has(.still-concept) .panel-heading .eyebrow{
  color:#bfc7d3;
}

#info-dialog:has(.still-concept) #info-heading{
  color:var(--glass-text);
  text-shadow:0 1px 2px rgba(0,0,0,.22);
}

#info-dialog .still-concept-copy p{
  color:var(--glass-copy);
}

#info-dialog .still-concept-copy p.still-concept-intro{
  color:#e4e7ec;
}

#info-dialog .still-concept-copy p.still-concept-byline{
  color:#bbc2cd;
}

#info-dialog .still-concept-byline strong{
  color:#e9edf5;
}

#info-dialog .still-concept-copy p.still-concept-support{
  color:#c3cbd8;
}

#info-dialog .still-concept-action:not(.still-concept-action--primary){
  color:#d7dde6;
  background:linear-gradient(145deg,rgba(154,170,192,.065),rgba(4,5,7,.23));
  border-color:rgba(226,235,248,.23);
  border-radius:5px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 3px 9px rgba(0,0,0,.10);
}

#info-dialog .still-concept-action:not(.still-concept-action--primary):not(:disabled):hover{
  color:#fff;
  background:rgba(192,208,232,.11);
  border-color:rgba(231,239,253,.43);
}

#info-dialog .still-concept-poster{
  background:linear-gradient(135deg,rgba(30,33,39,.35),rgba(3,5,8,.36));
  border-color:rgba(230,238,251,.17);
  border-radius:8px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 24px rgba(0,0,0,.17);
}

#info-dialog .still-concept-poster-top{
  color:#cad3e1;
  background:rgba(156,176,208,.025);
}

#info-dialog .still-concept-poster-top span:last-child{
  color:#adb7c5;
}

#info-dialog .still-concept-screen{
  background:#050505;
  border-top:1px solid rgba(231,238,251,.05);
}

#info-dialog .still-concept-poster figcaption{
  border-top-color:var(--glass-line);
}

#info-dialog .still-concept-poster-label{
  color:#acb8c9;
}

#info-dialog .still-concept-poster strong{
  color:#e8edf5;
}

#info-dialog .still-concept-poster-meta{
  color:#b2bdcd;
}

#info-dialog .still-concept-foot{
  border-top-color:var(--glass-line);
}

#info-dialog .still-concept-foot>span{
  color:#bdc8d9;
}

#info-dialog .still-concept-foot p{
  color:var(--glass-muted);
}

@media(max-width:780px){
#info-dialog:has(.still-concept) .panel-heading{
  top:-20px;
  margin-inline:-24px;
  padding:10px 24px;
  min-height:64px;
  background:rgba(16,17,20,.94);
  box-shadow:0 1px 0 rgba(229,237,251,.12);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
}

@media(max-width:430px){
#info-dialog:has(.still-concept) .panel-heading{
  top:-17px;
  margin-inline:-18px;
  padding:8px 18px;
  min-height:60px;
}
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
:is(#info-dialog:has(.still-concept)){
  background-color:#131417;
}
}

@media(prefers-reduced-transparency:reduce){
:is(#info-dialog:has(.still-concept)){
  background-color:#131417;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}

#info-dialog:has(.still-concept) .panel-heading{
  background-color:#18191c;
}
}

@media(prefers-contrast:more){
:is(#info-dialog:has(.still-concept)){
  --glass-copy:#e3e6eb;
  --glass-muted:#c6cdd8;
  --glass-line:rgba(235,241,251,.35);
  background-color:#101113;
}
}

@media(forced-colors:active){
:is(#info-dialog:has(.still-concept)){
  background:Canvas;
  color:CanvasText;
  border:1px solid CanvasText;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:none;
}

#info-dialog .still-concept-action,
#info-dialog:has(.still-concept) .dialog-close{
  border:1px solid ButtonText;
  box-shadow:none;
}
}