/*
 * DALMIA COMPUTERS — DC DARK PREMIUM MEDIA v1
 * Brand: Dalmia Computers | +91 9734290001
 * Purpose: consistent premium presentation for first-party generated images,
 * mascot art and video without altering product/business logic or third-party logos.
 */
:root{
  --dc-media-ice:#FDFEFF;
  --dc-media-cyan:#00CFE8;
  --dc-media-indigo:#3F51B5;
  --dc-media-night:#050C22;
  --dc-media-night-2:#0A1C4E;
  --dc-media-glow:0 24px 70px rgba(0,207,232,.18),0 12px 36px rgba(63,81,181,.22);
}

/* First-party generated media only. Official vendor logos retain their artwork. */
.dc-slide-media:has(>img[src^="/assets/generated/"]),
.dc-video-frame{
  position:relative;
  isolation:isolate;
}

img[data-dc-media-premium="true"]{
  image-rendering:auto;
  filter:drop-shadow(0 22px 42px rgba(0,0,0,.30));
  transform:translateZ(0);
  backface-visibility:hidden;
}

.dc-slide-media{
  overflow:hidden;
  border-radius:22px;
  background:
    radial-gradient(circle at 78% 18%,rgba(0,207,232,.15),transparent 34%),
    linear-gradient(145deg,rgba(8,22,61,.98),rgba(4,10,31,.98));
  border:1px solid rgba(143,190,255,.24);
  box-shadow:var(--dc-media-glow);
}
.dc-slide-media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 88%);
}
.dc-slide-media::after{
  content:"DALMIA COMPUTERS  •  +91 9734290001";
  position:absolute;
  z-index:3;
  right:16px;
  bottom:13px;
  max-width:calc(100% - 32px);
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(0,207,232,.26);
  background:rgba(3,13,43,.58);
  color:rgba(253,254,255,.84);
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  backdrop-filter:blur(10px);
  pointer-events:none;
}

.dc-slide-media>img,
.dc-video-frame>video{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  min-height:260px;
  object-fit:contain;
  background:transparent;
}

.dc-video-frame{
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(0,207,232,.30);
  background:linear-gradient(145deg,#061431,#0c2864);
  box-shadow:var(--dc-media-glow);
}
.dc-video-frame::before{
  content:"DC DARK • PREMIUM VIDEO";
  position:absolute;
  left:14px;
  top:14px;
  z-index:4;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(3,13,43,.62);
  border:1px solid rgba(0,207,232,.28);
  color:var(--dc-media-ice);
  font-size:9px;
  font-weight:850;
  letter-spacing:.08em;
  pointer-events:none;
}
.dc-video-actions{
  z-index:5!important;
}
.dc-video-actions button{
  border:1px solid rgba(0,207,232,.42)!important;
  background:rgba(5,12,34,.76)!important;
  color:var(--dc-media-ice)!important;
  backdrop-filter:blur(12px);
}
.dc-video-actions button:hover{
  border-color:var(--dc-media-cyan)!important;
  box-shadow:0 0 0 3px rgba(0,207,232,.12)!important;
}

/* Care robot gets a recognizable cyan/indigo premium halo, not a logo redesign. */
img[src*="dalmia-care-robot"],
.dp-robot img{
  filter:
    drop-shadow(0 0 24px rgba(0,207,232,.26))
    drop-shadow(0 32px 44px rgba(0,0,0,.30));
}
.dp-robot{
  position:relative;
  isolation:isolate;
}
.dp-robot::before{
  content:"";
  position:absolute;
  inset:8% 4%;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,207,232,.22),rgba(63,81,181,.10) 48%,transparent 72%);
  filter:blur(24px);
}

/* Premium motion: subtle, transform-only, GPU-friendly. */
@keyframes dcMediaPremiumFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-7px,0)}
}
@keyframes dcMediaPremiumSheen{
  0%{transform:translate3d(-130%,0,0) skewX(-18deg);opacity:0}
  16%{opacity:.22}
  36%{transform:translate3d(250%,0,0) skewX(-18deg);opacity:0}
  100%{transform:translate3d(250%,0,0) skewX(-18deg);opacity:0}
}
[data-dc-premium-motion="true"] img[data-dc-media-premium="true"]{
  animation:dcMediaPremiumFloat 7s ease-in-out infinite;
}
[data-dc-premium-motion="true"].dc-slide-media::before{
  animation:dcMediaPremiumSheen 10s ease-in-out infinite;
}

/* Explicit accessibility / battery safety. */
@media (prefers-reduced-motion:reduce){
  [data-dc-premium-motion="true"] img[data-dc-media-premium="true"],
  [data-dc-premium-motion="true"].dc-slide-media::before{
    animation:none!important;
    transform:none!important;
  }
}

@media (max-width:900px){
  .dc-slide-media,
  .dc-video-frame{border-radius:16px}
  .dc-slide-media>img,
  .dc-video-frame>video{min-height:210px}
  .dc-slide-media::after{font-size:8px;right:10px;bottom:9px}
}

/* Never decorate official third-party logos as if they were Dalmia artwork. */
img[src^="/assets/brands/"]{
  animation:none!important;
  filter:none!important;
}

/*
 * DALMIA COMPUTERS — RELEASE 100 EXPERIENCE CONTRACT v2
 * This file is loaded last. These scoped rules close the remaining cascade,
 * contrast, tap-target and mobile-overlay gaps left by historical page styles.
 */
html:has(body[data-dalmia-prime="true"]),
body[data-dalmia-prime="true"]{
  max-width:100%;
  overflow-x:clip!important;
}

body[data-dalmia-prime="true"] :focus-visible{
  outline:3px solid #7cefff!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 6px rgba(0,207,232,.18)!important;
}

html body[data-dalmia-prime="true"]>footer.dp-footer,
html body[data-dalmia-prime="true"] footer.dc-footer,
html body[data-dalmia-prime="true"] footer.dc-home-footer{
  background:
    radial-gradient(circle at 12% 0,rgba(0,207,232,.1),transparent 30rem),
    linear-gradient(180deg,#07101f,#03060d 72%)!important;
  color:#fdfeff!important;
  border-top:1px solid rgba(0,207,232,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
html body[data-dalmia-prime="true"] .dp-footer :is(h2,h3,strong),
html body[data-dalmia-prime="true"] .dc-footer :is(h2,h3,strong){
  color:#fdfeff!important;
}
html body[data-dalmia-prime="true"] .dp-footer :is(p,small,span),
html body[data-dalmia-prime="true"] .dc-footer :is(p,small,span){
  color:#b8c7da!important;
}
html body[data-dalmia-prime="true"] .dp-footer a,
html body[data-dalmia-prime="true"] .dc-footer a{
  color:#dce9ff!important;
  text-decoration-color:rgba(0,207,232,.55)!important;
  text-underline-offset:4px;
}
html body[data-dalmia-prime="true"] .dp-footer a:hover,
html body[data-dalmia-prime="true"] .dc-footer a:hover{
  color:#7cefff!important;
}

body[data-dalmia-prime="true"] :is(.dp-smart-form,.dc-smart-form){
  width:100%;
  max-width:100%;
  min-width:0;
  border:1px solid rgba(0,207,232,.2)!important;
  background:
    radial-gradient(circle at 100% 0,rgba(0,207,232,.08),transparent 25rem),
    linear-gradient(155deg,rgba(16,24,39,.98),rgba(5,12,28,.98))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28)!important;
}
body[data-dalmia-prime="true"] :is(.dp-smart-form,.dc-smart-form) :is(input,select,textarea){
  max-width:100%;
  min-height:48px;
  color:#fdfeff!important;
  background:rgba(3,9,23,.82)!important;
  border-color:rgba(184,199,218,.28)!important;
}
body[data-dalmia-prime="true"] :is(.dp-smart-form,.dc-smart-form) :is(input,textarea)::placeholder{
  color:#91a6c2!important;
  opacity:1;
}
body[data-dalmia-prime="true"] :is(.dp-form-note,.dc-form-status){
  color:#b8c7da!important;
}
body[data-dalmia-prime="true"] .dc-kicker{color:#7cefff!important}
body[data-dalmia-prime="true"] .dc-floating-whatsapp{background-color:#21d18a!important}

/* Preserve the authored premium homepage; the legacy injected showcase is fallback only. */
body[data-dc-prime-experience="native-v2"] .dp-home-hero[data-home-slider="hero"]{
  display:block;
}

/* The visible dot lives inside a full WCAG-sized button. */
body[data-dalmia-prime="true"] .dc-slider-dots button{
  position:relative;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body[data-dalmia-prime="true"] .dc-slider-dots button::before{
  content:"";
  position:absolute;
  inset:18px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.42);
  transition:inset .2s ease,background .2s ease,box-shadow .2s ease;
}
body[data-dalmia-prime="true"] .dc-slider-dots button.is-active::before,
body[data-dalmia-prime="true"] .dc-slider-dots button[aria-current="true"]::before{
  inset-inline:3px;
  background:#00cfe8;
  box-shadow:0 0 18px rgba(0,207,232,.6);
}
body[data-dalmia-prime="true"] :is(.dc-slider-arrow,.dc-slider-pause,.dc-section-actions button,.dc-video-actions button,[data-video-play]){
  min-width:44px!important;
  min-height:44px!important;
}

@media (hover:hover){
  body[data-dalmia-prime="true"] :is(.dp-card,.dc-category-card,.dc-offer-card,.dc-video-guide,.dc-care-card){
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
  }
  body[data-dalmia-prime="true"] :is(.dp-card,.dc-category-card,.dc-offer-card,.dc-video-guide,.dc-care-card):hover{
    transform:translateY(-5px)!important;
    border-color:rgba(0,207,232,.42)!important;
    box-shadow:0 26px 68px rgba(0,0,0,.32),0 0 0 1px rgba(0,207,232,.08)!important;
  }
}

@media (max-width:1080px){
  body[data-dalmia-prime="true"].dp-menu-open{overflow:hidden!important}
  html body[data-dalmia-prime="true"] .dp-header{position:sticky!important;isolation:isolate}
  html body[data-dalmia-prime="true"] .dp-header .dp-nav{
    position:absolute!important;
    z-index:1200!important;
    top:calc(100% + 8px)!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-height:calc(100vh - 112px)!important;
    padding:12px!important;
    overflow:auto!important;
    border:1px solid rgba(0,207,232,.3)!important;
    border-radius:18px!important;
    background:rgba(5,8,22,.99)!important;
    box-shadow:0 28px 80px rgba(0,0,0,.58)!important;
  }
  html body[data-dalmia-prime="true"] .dp-header .dp-nav a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:48px!important;
    padding:10px 12px!important;
    border-radius:11px!important;
    color:#fdfeff!important;
  }
  html body[data-dalmia-prime="true"] .dp-header .dp-nav a:hover,
  html body[data-dalmia-prime="true"] .dp-header .dp-nav a:focus-visible{
    background:rgba(0,207,232,.11)!important;
  }
  html body[data-dalmia-prime="true"] .dp-menu{
    min-width:64px!important;
    min-height:46px!important;
  }
}

@media (max-width:900px){
  html body[data-dalmia-prime="true"] .dp-topbar a,
  html body[data-dalmia-prime="true"] .dp-category-ribbon a{
    display:inline-flex!important;
    align-items:center!important;
    min-height:44px!important;
  }
  body[data-dalmia-prime="true"] .dc-home-hero,
  body[data-dalmia-prime="true"] .dc-hero-shell{
    min-height:720px!important;
  }
  body[data-dalmia-prime="true"] .dc-hero-track{min-height:620px!important}
  html body[data-dalmia-prime="true"] .dc-floating-whatsapp{
    display:none!important;
  }
  html body[data-dalmia-prime="true"] #dp-back-to-top{
    right:14px!important;
    bottom:88px!important;
    width:44px!important;
    height:44px!important;
    color:#04101a!important;
    background:#7cefff!important;
    border-color:#fdfeff!important;
  }
  html body[data-dalmia-prime="true"] .dp-mobile-cta{
    z-index:1100!important;
  }
  html body[data-dalmia-prime="true"] .dp-mobile-cta a:last-child{
    color:#fdfeff!important;
    background:linear-gradient(135deg,#08733d,#07582f)!important;
  }
  html body[data-dalmia-prime="true"] .dp-footer a{
    display:flex;
    align-items:center;
    min-height:44px;
  }
}

@media (max-width:480px){
  html body[data-dalmia-prime="true"] .dc-topbar-links a:not(:first-child){display:none!important}
  html body[data-dalmia-prime="true"] .dc-topbar-links a:first-child{white-space:nowrap!important}
  body[data-dalmia-prime="true"] .dc-home-hero,
  body[data-dalmia-prime="true"] .dc-hero-shell{min-height:690px!important}
  body[data-dalmia-prime="true"] .dc-hero-track{min-height:590px!important}
  body[data-dalmia-prime="true"] .dc-slider-toolbar{
    gap:2px!important;
    padding-inline:4px!important;
  }
  body[data-dalmia-prime="true"] .dc-slider-pause{display:inline-flex!important}
  body[data-dalmia-prime="true"] :is(.dp-smart-form,.dc-smart-form){padding-inline:16px!important}
}

@media (max-width:360px){
  html body[data-dalmia-prime="true"] .dp-header .dp-brand{
    min-width:0!important;
    max-width:calc(100% - 74px)!important;
  }
  html body[data-dalmia-prime="true"] .dp-header .dp-brand span{min-width:0!important}
  html body[data-dalmia-prime="true"] .dp-header .dp-brand strong{
    font-size:.78rem!important;
    white-space:nowrap!important;
  }
  html body[data-dalmia-prime="true"] .dp-header .dp-brand small{display:none!important}
}