/**
 * Shared Cart / Checkout page hero — equal spacing, distinct backgrounds.
 */

body.woocommerce-cart .entry-header,
body.woocommerce-checkout .entry-header {
  display: none !important;
}

body.woocommerce-cart #content.site-content,
body.woocommerce-cart #content.site-content.py-5,
body.woocommerce-cart #content.site-content.mt-5,
body.woocommerce-checkout #content.site-content,
body.woocommerce-checkout #content.site-content.py-5,
body.woocommerce-checkout #content.site-content.mt-5 {
  padding-top: 1.25rem !important;
  margin-top: 0 !important;
}

@media (max-width: 767.98px) {
  body.woocommerce-cart #content.site-content,
  body.woocommerce-cart #content.site-content.py-5,
  body.woocommerce-checkout #content.site-content,
  body.woocommerce-checkout #content.site-content.py-5 {
    padding-top: 0.85rem !important;
    padding-left: max(0.65rem, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(0.65rem, env(safe-area-inset-right, 0px)) !important;
  }
}

.isarva-wc-hero,
body.woocommerce-checkout .checkout-banner.isarva-wc-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 1.5rem 1.75rem !important;
  margin: 0 0 1.5rem !important;
  border-radius: 16px !important;
  border: 1px solid transparent;
  text-align: left !important;
}

.isarva-wc-hero__inner,
body.woocommerce-checkout .checkout-banner.isarva-wc-hero .checkout-banner-inner,
body.woocommerce-checkout .checkout-banner.isarva-wc-hero .isarva-wc-hero__inner {
  position: relative;
  z-index: 1;
  max-width: none !important;
  margin: 0 !important;
}

.isarva-wc-hero__title,
body.woocommerce-checkout .checkout-banner.isarva-wc-hero .page-title,
body.woocommerce-checkout .checkout-banner.isarva-wc-hero .isarva-wc-hero__title {
  margin: 0 0 0.35rem !important;
  color: #14241b !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em;
  text-align: left !important;
}

.isarva-wc-hero__crumb,
.isarva-wc-hero .woocommerce-breadcrumb-wrapper,
.isarva-wc-hero nav.woocommerce-breadcrumb,
.isarva-wc-hero nav.wc-breadcrumb {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

.isarva-wc-hero .breadcrumb,
.isarva-wc-hero .woocommerce-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.15rem;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  font-size: 0.88rem;
  line-height: 1.4;
}

.isarva-wc-hero .breadcrumb-item a,
.isarva-wc-hero .woocommerce-breadcrumb a {
  color: #006c34 !important;
  font-weight: 600;
  text-decoration: none;
}

.isarva-wc-hero .breadcrumb-item.active,
.isarva-wc-hero .woocommerce-breadcrumb {
  color: #3d5248;
}

/* Cart — warm parchment + sage botanical */
.isarva-wc-hero--cart {
  border-color: rgba(166, 124, 58, 0.18) !important;
  background-color: #f3eee4 !important;
  background-image:
    radial-gradient(900px 240px at 100% -10%, rgba(198, 154, 86, 0.28), transparent 58%),
    radial-gradient(700px 220px at -8% 120%, rgba(47, 111, 78, 0.14), transparent 52%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%232f6f4e' stroke-width='1.2' opacity='0.09'%3E%3Cpath d='M28 118c18-8 32-28 28-50 12 6 22 20 22 36-16 2-34 8-50 14z'/%3E%3Cpath d='M108 36c14 10 22 28 18 46-14-4-28-16-34-30 4-8 10-14 16-16z'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(135deg, #f7f1e6 0%, #e7efe6 48%, #f4ead8 100%) !important;
  background-repeat: no-repeat, no-repeat, repeat, no-repeat !important;
  background-size: auto, auto, 160px 160px, cover !important;
  box-shadow: 0 10px 28px rgba(90, 62, 28, 0.06);
}

/* Checkout — cool mint + forest wash */
.isarva-wc-hero--checkout,
body.woocommerce-checkout .checkout-banner.isarva-wc-hero--checkout {
  border-color: rgba(0, 108, 52, 0.14) !important;
  background-color: #cfe9d9 !important;
  background-image:
    radial-gradient(820px 240px at 0% -20%, rgba(0, 108, 52, 0.22), transparent 56%),
    radial-gradient(720px 200px at 110% 130%, rgba(90, 168, 132, 0.28), transparent 54%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23006c34' stroke-width='1.2' opacity='0.1'%3E%3Cpath d='M40 30c8 22 6 40-8 58 22-4 40-18 48-36-14-6-28-14-40-22z'/%3E%3Cpath d='M118 98c-6 16-20 28-38 32 8-18 8-36 2-52 14 4 28 10 36 20z'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(135deg, #d8f0e3 0%, #bfe6d0 46%, #e7f6ee 100%) !important;
  background-repeat: no-repeat, no-repeat, repeat, no-repeat !important;
  background-size: auto, auto, 160px 160px, cover !important;
  box-shadow: 0 10px 28px rgba(17, 49, 35, 0.07);
}

/* About / Information / Contact — same spacing as cart & checkout */
body.page-id-14003 #content.site-content,
body.page-id-14003 #content.site-content.py-5,
body.page-id-14003 #content.site-content.mt-5,
body.page-id-14022 #content.site-content,
body.page-id-14022 #content.site-content.py-5,
body.page-id-14022 #content.site-content.mt-5,
body.page-id-43770 #content.site-content,
body.page-id-43770 #content.site-content.py-5,
body.page-id-43770 #content.site-content.mt-5 {
  padding-top: 1.25rem !important;
  margin-top: 0 !important;
}

body.page-id-14003 .entry-header.isarva-hero-header,
body.page-id-14022 .entry-header.isarva-hero-header,
body.page-id-43770 .entry-header.isarva-hero-header {
  text-align: left !important;
  margin: 0 !important;
}

body.page-id-14003 .isarva-wc-hero,
body.page-id-14022 .isarva-wc-hero,
body.page-id-43770 .isarva-wc-hero {
  text-align: left !important;
}

/* About Us — terracotta cream + heritage olive */
.isarva-wc-hero--about {
  border-color: rgba(140, 78, 42, 0.16) !important;
  background-color: #f3e6d6 !important;
  background-image:
    radial-gradient(880px 240px at 100% -8%, rgba(176, 96, 52, 0.22), transparent 56%),
    radial-gradient(640px 200px at -6% 120%, rgba(74, 98, 62, 0.16), transparent 52%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23724c2a' stroke-width='1.2' opacity='0.1'%3E%3Cpath d='M36 42c16 18 18 40 8 62-18-8-30-24-34-42 8-8 18-16 26-20z'/%3E%3Cpath d='M122 108c-10 14-28 24-48 22 10-16 14-34 10-50 16 6 30 16 38 28z'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(135deg, #f8eadc 0%, #ead3b8 46%, #f4eee6 100%) !important;
  background-repeat: no-repeat, no-repeat, repeat, no-repeat !important;
  background-size: auto, auto, 160px 160px, cover !important;
  box-shadow: 0 10px 28px rgba(92, 48, 22, 0.06);
}

/* Information — cool stone + sage (clarity) */
.isarva-wc-hero--info {
  border-color: rgba(70, 98, 108, 0.16) !important;
  background-color: #e4ecec !important;
  background-image:
    radial-gradient(860px 230px at 0% -16%, rgba(70, 112, 118, 0.18), transparent 56%),
    radial-gradient(700px 210px at 108% 124%, rgba(90, 130, 108, 0.16), transparent 52%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%2348666c' stroke-width='1.2' opacity='0.1'%3E%3Cpath d='M44 28c4 24-4 44-20 60 24-2 44-16 52-36-10-8-22-16-32-24z'/%3E%3Cpath d='M126 92c-8 18-24 32-44 36 6-18 4-38-4-54 18 2 36 8 48 18z'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(135deg, #eaf1f2 0%, #d7e4e2 48%, #eef3f0 100%) !important;
  background-repeat: no-repeat, no-repeat, repeat, no-repeat !important;
  background-size: auto, auto, 160px 160px, cover !important;
  box-shadow: 0 10px 28px rgba(40, 62, 68, 0.06);
}

/* Contact — saffron gold + pale green (reach out) */
.isarva-wc-hero--contact {
  border-color: rgba(184, 132, 48, 0.2) !important;
  background-color: #f3e7c8 !important;
  background-image:
    radial-gradient(900px 240px at 100% -12%, rgba(214, 154, 48, 0.28), transparent 58%),
    radial-gradient(680px 200px at -10% 120%, rgba(80, 128, 72, 0.14), transparent 52%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23b07a20' stroke-width='1.2' opacity='0.12'%3E%3Cpath d='M30 96c20-6 36-24 34-48 14 8 24 24 24 42-18 2-38 6-58 6z'/%3E%3Cpath d='M112 40c12 12 18 30 14 48-12-4-24-16-30-30 4-8 10-14 16-18z'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(135deg, #f8edd4 0%, #ead59a 44%, #e7f0d8 100%) !important;
  background-repeat: no-repeat, no-repeat, repeat, no-repeat !important;
  background-size: auto, auto, 160px 160px, cover !important;
  box-shadow: 0 10px 28px rgba(120, 82, 18, 0.07);
}

@media (max-width: 767.98px) {
  .isarva-wc-hero,
  body.woocommerce-checkout .checkout-banner.isarva-wc-hero {
    padding: 1.15rem 1.15rem !important;
    margin-bottom: 1.15rem !important;
    border-radius: 14px !important;
  }

  .isarva-wc-hero__title,
  body.woocommerce-checkout .checkout-banner.isarva-wc-hero .page-title {
    font-size: 1.45rem !important;
    margin-bottom: 0.25rem !important;
  }

  body.page-id-14003 #content.site-content,
  body.page-id-14022 #content.site-content,
  body.page-id-43770 #content.site-content {
    padding-top: 0.85rem !important;
    padding-left: max(0.65rem, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(0.65rem, env(safe-area-inset-right, 0px)) !important;
  }
}
