/* Azka Garden V11 — preserve the original homepage and plant imagery */

:root{
  --azka-original-bg:#0d1f16;
  --azka-original-deep:#07170f;
  --azka-original-green:#52b788;
  --azka-original-mint:#95d5b2;
  --azka-original-cream:#fefae0;
}

/* The original React app remains the visible application. */
html,
body{
  min-height:100%;
  background:var(--azka-original-bg)!important;
}

body{
  overflow-x:hidden;
}

body.azka-webtext-home-v10{
  color:inherit!important;
  background:var(--azka-original-bg)!important;
  font-family:inherit!important;
}

body.azka-webtext-home-v10 > #root,
body > #root{
  display:block!important;
  min-height:100vh;
}

/* Remove a cached/legacy WEBTEXT replacement if an older browser cache
   briefly injects it before V11 cleanup runs. */
#azkaWebtextHomeV10,
.azka-wt-screen{
  display:none!important;
}

/* Keep all original plant imagery natural: no teletext darkening,
   hue shifts, grayscale, artificial blend modes, or pixelated output. */
#root img{
  max-width:100%;
  image-rendering:auto!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  color-rendering:auto;
  transform-style:flat;
  backface-visibility:hidden;
}

/* Original hero plant must remain completely visible rather than being
   stretched or aggressively cropped. */
#root img[src*="/assets/hero-plant.png"]{
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:none!important;
}

/* Original photographic plant sources are shown with their natural
   color and aspect ratio. Existing component dimensions remain intact. */
#root img[src*="images.pexels.com"],
#root img[src*="/assets/products-bg.png"],
#root img[src*="/assets/blog-bg.png"],
#root img[src*="/assets/cart-bg.png"],
#root img[src="/image.png"],
#root img[src="/image copy.png"],
#root img[src="/image copy copy.png"],
#root img[src="/image copy copy copy.png"],
#root img[src*="files_6599401-1754849602761-image.png"]{
  object-fit:cover;
  object-position:center;
  filter:none!important;
  opacity:1!important;
}

/* Prevent transparent overlays from making plant photos look synthetic. */
#root [data-azka-original-photo-v11]{
  isolation:isolate;
}

#root [data-azka-original-photo-v11]::before,
#root [data-azka-original-photo-v11]::after{
  pointer-events:none;
}

/* Natural, subtle hover only. It does not recolor the photo. */
#root a:has(> img),
#root div:has(> img){
  --azka-photo-scale:1;
}

@media (hover:hover) and (pointer:fine){
  #root [data-azka-original-image-v11]{
    transition:transform .45s cubic-bezier(.2,.8,.2,1);
  }

  #root [data-azka-original-photo-v11]:hover [data-azka-original-image-v11]{
    transform:scale(1.018);
  }
}

/* Preserve the original full-width dark-green sections shown in the
   supplied references without changing component structure. */
#root main,
#root section{
  max-width:100%;
}

/* Mobile keeps the same original photos without distortion. */
@media (max-width:768px){
  #root img[src*="/assets/hero-plant.png"]{
    object-position:center bottom!important;
    max-height:72vh;
  }

  #root img[src*="images.pexels.com"]{
    object-position:center!important;
  }
}

/* Respect reduced-motion while keeping all images visible. */
@media (prefers-reduced-motion:reduce){
  #root [data-azka-original-image-v11]{
    transition:none!important;
    animation:none!important;
  }
}