/* INY SKY BLUE ACCENT PASS
   White remains the dominant canvas. Sky blue is used in small, calm layers
   throughout every page so the INY palette feels lighter and more connected.
   Visual-only CSS: no content, database, cart or JavaScript behaviour changes.
*/
:root{
  --iny-sky:#bfeff5;
  --iny-sky-soft:#f1fbfc;
  --iny-sky-pale:#f7fdfe;
  --iny-sky-mid:#72d8e3;
  --iny-sky-deep:#359eab;
  --iny-blue:#315e73;
  --iny-pink:#e98289;
}

/* Shared navigation: sky-blue active and hover detail */
body .iny-shared-nav a:hover{color:var(--iny-sky-deep)!important;opacity:1!important}
body .iny-shared-nav a[data-nav].active::after,
body .nav a:after,
body .desktop-nav a:after{background:var(--iny-sky-mid)!important}
body .iny-shared-toggle span{background:var(--iny-sky-deep)!important}
body .iny-shared-cart-count{background:var(--iny-pink)!important}

/* Quiet sky-blue page atmosphere */
body .hero,
body .shop-hero,
body .contact-hero,
body .cart-hero{
  background:linear-gradient(135deg,#fff 0%,#fff 62%,var(--iny-sky-pale) 100%)!important;
}
body .hero{border-bottom-color:#dceff2!important}

/* Hero accents */
body .hero-actions .secondary-btn,
body .hero-actions .outline,
body .hero-actions .view-btn{
  border-color:var(--iny-sky-mid)!important;
  color:var(--iny-sky-deep)!important;
}
body .hero-actions .secondary-btn:hover,
body .hero-actions .outline:hover,
body .hero-actions .view-btn:hover{
  background:var(--iny-sky)!important;
  border-color:var(--iny-sky-mid)!important;
  color:var(--iny-blue)!important;
}
body .hero .orbit-dot,
body .hero .dot,
body .hero .spark{background:var(--iny-sky-mid)!important;color:var(--iny-sky-deep)!important}
body .hero .orbit-ring,
body .hero .orbit,
body .hero .ring{border-color:rgba(114,216,227,.32)!important}

/* Main sections get very light sky-blue surfaces */
body .category-section,
body .products-section,
body .client-size,
body .faq,
body .help-banner,
body .contact-grid,
body .closing,
body .related-section,
body .items-panel{
  background:linear-gradient(180deg,#fff 0%,var(--iny-sky-pale) 100%)!important;
}

/* Collection/category cards */
body .category .round-img,
body .category-card,
body .collection-card,
body .arrival,
body .product-card,
body .product-item,
body .related-card{
  border-color:#d9eef1!important;
}
body .category .round-img,
body .product-card .image,
body .product-card .product-image,
body .product-item .image,
body .related-card .image{
  background:linear-gradient(180deg,#fff,var(--iny-sky-pale))!important;
}
body .category b:hover,
body .collection-card h3:hover,
body .arrival h3:hover,
body .product-card h3:hover,
body .product-item h3:hover,
body .related-card h3:hover{
  color:var(--iny-sky-deep)!important;
}

/* New-arrivals heading underline / separators */
body .arrivals .section-heading,
body .new-arrivals-home .section-heading{
  border-bottom-color:#d8eef1!important;
}
body .arrivals .section-heading::after,
body .new-arrivals-home .section-heading::after{
  background:var(--iny-sky-mid)!important;
}

/* Product cards: tiny sky-blue label, hover edge and action */
body .product-card:hover,
body .product-item:hover,
body .related-card:hover{
  border-color:var(--iny-sky-mid)!important;
  box-shadow:0 14px 32px rgba(53,158,171,.08)!important;
}
body .product-card .badge,
body .product-item .badge,
body .new-badge,
body .featured-badge{
  background:var(--iny-sky-soft)!important;
  color:var(--iny-sky-deep)!important;
  border-color:#c9edf1!important;
}

/* Buttons: retain pink primary, use sky blue secondary actions */
body .secondary-btn,
body .outline,
body .view-btn,
body .back-category,
body .clear,
body #buyWhatsApp{
  border-color:var(--iny-sky-mid)!important;
  color:var(--iny-sky-deep)!important;
}
body .secondary-btn:hover,
body .outline:hover,
body .view-btn:hover,
body .back-category:hover,
body .clear:hover,
body #buyWhatsApp:hover{
  background:var(--iny-sky)!important;
  border-color:var(--iny-sky-mid)!important;
  color:var(--iny-blue)!important;
}
body .primary-btn:hover,
body .primary:hover,
body .wa-btn:hover,
body .whatsapp:hover,
body #addToCart:hover{
  background:var(--iny-sky)!important;
  border-color:var(--iny-sky-mid)!important;
  color:var(--iny-blue)!important;
}

/* Product details: size controls + information areas */
body .product-size-block,
body .size-grid,
body .size-label-group{
  border-color:#d9eef1!important;
}
body .size-btn:hover{
  border-color:var(--iny-sky-mid)!important;
  color:var(--iny-sky-deep)!important;
  background:var(--iny-sky-soft)!important;
}
body .size-btn.active{
  background:var(--iny-sky-mid)!important;
  border-color:var(--iny-sky-mid)!important;
  color:var(--iny-blue)!important;
}
body .size-chart-trigger{
  color:var(--iny-sky-deep)!important;
  border-bottom-color:var(--iny-sky-mid)!important;
}
body .size-chart-trigger:hover{background:var(--iny-sky-soft)!important}
body .size-chart-dialog{border-color:#d7eef1!important;box-shadow:0 24px 80px rgba(53,158,171,.12)!important}
body .size-chart-header{border-bottom-color:var(--iny-sky-mid)!important}
body .size-chart-table th{background:var(--iny-sky-soft)!important;color:var(--iny-sky-deep)!important;border-color:#d7eef1!important}
body .size-chart-table td{border-color:#e2f1f3!important}
body .size-chart-table tbody tr:hover{background:#f5fcfd!important}

/* FAQ: a quiet sky-blue strip and hover */
body .faq-grid details,
body .faq-grid summary{
  border-color:#dceff2!important;
}
body .faq-grid details:hover,
body .faq-grid summary:hover{
  background:var(--iny-sky-pale)!important;
}
body .faq-grid summary::marker{color:var(--iny-sky-deep)!important}

/* Founder horizontal story */
body .iny-founder-story,
body .founder-story{background:#fff!important}
body .founder-image-frame,
body .founder-sticky-image,
body .founder-image-column{background:var(--iny-sky-soft)!important}
body .founder-scroll-story{
  scrollbar-color:var(--iny-sky-mid) #eef8fa;
}
body .founder-scroll-story::-webkit-scrollbar-thumb{background:var(--iny-sky-mid)}
body .founder-scroll-story::-webkit-scrollbar-track{background:#eef8fa}
body .story-card,
body .founder-chapter{
  border-color:#dceff2!important;
  background:linear-gradient(180deg,#fff,var(--iny-sky-pale))!important;
}
body .story-card:hover,
body .founder-chapter:hover{border-color:var(--iny-sky-mid)!important}
body .founder-chapter-no{color:var(--iny-sky-deep)!important}

/* Contact page */
body .contact-grid{border-color:#dceff2!important}
body .contact-info,
body .contact-links,
body .contact-details{
  background:linear-gradient(180deg,var(--iny-sky-soft),#fff)!important;
  border-color:#d8eef1!important;
}
body .contact-links a:hover,
body .details a:hover{
  background:var(--iny-sky-soft)!important;
  border-color:var(--iny-sky-mid)!important;
}
body .contact-grid input:focus,
body .contact-grid textarea:focus,
body .contact-grid select:focus{
  border-color:var(--iny-sky-mid)!important;
  box-shadow:0 0 0 3px rgba(114,216,227,.14)!important;
}

/* Cart */
body .cart-layout{border-color:#dceff2!important}
body .cart-image{background:var(--iny-sky-soft)!important}
body .items-panel .panel-head{border-bottom-color:#dceff2!important}
body .summary{
  background:linear-gradient(180deg,#fff,var(--iny-sky-pale))!important;
  border-color:#d8eef1!important;
}
body .summary .line{border-bottom-color:#dceff2!important}
body .controls button:hover{background:var(--iny-sky-soft)!important;color:var(--iny-sky-deep)!important}
body .empty-symbol{background:var(--iny-sky-soft)!important;color:var(--iny-sky-deep)!important}

/* Footer: keep deep brand background, add a sky-blue hairline/detail */
body .site-footer,
body footer{border-top:2px solid var(--iny-sky-mid)!important}
body .site-footer a:hover,
body footer a:hover{color:var(--iny-sky)!important}
body .site-footer span,
body footer span{color:var(--iny-sky)!important}

/* Small visual markers shared across pages */
body .section-heading::after,
body .center-heading::after,
body .panel-head::after,
body .collection-heading::after{
  background:var(--iny-sky-mid)!important;
}
body .section-rule,
body .section-divider,
body .divider{background:var(--iny-sky-mid)!important}
