/* HANALAB v2.0.0 — precise fixes verified against staging Lumiera Elementor markup.
 * Staging only. CSS presentation; no WooCommerce/Elementor data, prices, hrefs, or Amelia changes.
 */

/* 1 — Product cards. Restore a subtle warm ivory fill like Hanalab's package panels;
 * v1.9 already removed the extraneous Swiper border, retaining one outline. */
body.home .elementor-35 .elementor-element-2121f3e .swiper-slide > .hanalab-shop-equal-card,
body.home .elementor-35 .elementor-element-2121f3e .swiper-slide > :first-child {
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  border:1px solid #e2d9ce !important;
  border-radius:17px !important;
  box-shadow:none !important;
}

/* 2 — REAL footer layout. Lumiera renders <div class="footer_area" id="footer_contents">,
 * NOT <footer> nor .footer-area. V1.8/v1.9 JS didn't find this element.
 * Keep original link nodes, prevent duplicate Company group, preserve contact/socials. */
@media(max-width:767px){
  body .footer_area .elementor-284 .elementor-element-c12f5b4 {
    --display:grid !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:start !important;
    justify-content:stretch !important;
    column-gap:18px !important;
    row-gap:0 !important;
    width:100% !important;
    min-width:0 !important;
    padding:26px 4px 25px !important;
    --padding-top:26px !important;
    --padding-bottom:25px !important;
    --padding-left:4px !important;
    --padding-right:4px !important;
  }
  body .footer_area .elementor-284 .elementor-element-c12f5b4 > .elementor-element-007a419 {
    display:none !important; /* Company repeats Explore links */
  }
  body .footer_area .elementor-284 .elementor-element-c12f5b4 > :is(.elementor-element-973f8fb,.elementor-element-a3e386a) {
    --display:flex !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }
  body .footer_area .elementor-284 :is(.elementor-element-6da3625,.elementor-element-46fddbe) {
    margin:0 0 11px !important;
    width:100% !important;
  }
  body .footer_area .elementor-284 :is(.elementor-element-6da3625,.elementor-element-46fddbe) .common_title {
    font-size:17px !important;
    line-height:1.35 !important;
    margin:0 !important;
  }
  body .footer_area .elementor-284 :is(.elementor-element-85d619d,.elementor-element-1a5f000) .lumierar-list-items {
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:11px !important;
    margin:0 !important;
    padding:0 !important;
  }
  body .footer_area .elementor-284 :is(.elementor-element-85d619d,.elementor-element-1a5f000) .lumierar-list-item {
    margin:0 !important;
    padding:0 !important;
    min-height:0 !important;
    line-height:1.4 !important;
    font-size:14px !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
  }
  body .footer_area .elementor-284 :is(.elementor-element-85d619d,.elementor-element-1a5f000) .lumierar-list-item-text {
    line-height:1.4 !important;
    font-size:14px !important;
  }
  /* Remove redundant custom nav if generated by an earlier JS attempt. */
  body .footer_area :is(.hanalab-v18-footer-nav,.hanalab-v19-footer-nav) {display:none !important;}
}
@media(max-width:375px){
  body .footer_area .elementor-284 .elementor-element-c12f5b4 {column-gap:12px !important;}
  body .footer_area .elementor-284 :is(.elementor-element-85d619d,.elementor-element-1a5f000) .lumierar-list-item-text {font-size:13px !important;}
}

/* 3 — Mobile header: top dead space originates in mobile Elementor template #18.
 * Reduce inner vertical padding, logo widget spacing and rounded header overall size.
 * Do not hide the burger, search, basket or change their click targets. */
@media(max-width:767px){
  body .header_area .elementor-18 .elementor-element-bcb1f9d {
    top:0 !important;
    --padding-top:0px !important;
    --padding-bottom:0px !important;
  }
  body .header_area .elementor-18 .elementor-element-6f5998d {
    --margin-top:4px !important;
    margin-top:4px !important;
    --padding-top:0px !important;
    --padding-bottom:0px !important;
    min-height:68px !important;
  }
  body .header_area .elementor-18 .elementor-element-16e1a0e {
    --padding-top:4px !important;
    --padding-bottom:4px !important;
    padding-top:4px !important;
    padding-bottom:4px !important;
    min-height:65px !important;
    box-sizing:border-box !important;
  }
  body .header_area .elementor-18 .elementor-element-cc4e7d8 {
    padding:3px 6px !important;
    margin:0 !important;
  }
  body .header_area .elementor-18 .elementor-element-cc4e7d8 img {
    width:clamp(125px,33vw,180px) !important;
    max-height:52px !important;
    height:auto !important;
    object-fit:contain !important;
  }
  body .header_area .elementor-18 .elementor-element-570d566 {
    padding-top:0 !important;
    padding-bottom:0 !important;
    align-items:center !important;
  }
}

/* 4 — Homepage hero eyebrow and descriptive line, including slides within
 * Lumiera's homepage slider template. Intentionally keep images and booking CTA. */
body.home .elementor-29 .title_all_box .sub_title,
body.home .elementor-29 .title_all_box p.description,
body.home .elementor-29 .title_all_box .description,
body.home .elementor-967 .title_all_box .sub_title,
body.home .elementor-967 .title_all_box p.description {
  display:none !important;
  visibility:hidden !important;
  margin:0 !important;
  padding:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
}

/* 5 — Align service-list prices in a fixed right-hand column. The original
 * flex row lets the decorative divider and long headings displace prices. */
body.home .elementor-35 .spa_pkg_item .spa_pkg_info {min-width:0 !important;flex:1 1 0 !important;}
body.home .elementor-35 .spa_pkg_item .title_price {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) max-content !important;
  align-items:start !important;
  column-gap:10px !important;
  width:100% !important;
  min-width:0 !important;
  flex-wrap:nowrap !important;
}
body.home .elementor-35 .spa_pkg_item .spa_pkg_title {
  min-width:0 !important;
  max-width:100% !important;
  width:auto !important;
  margin:0 !important;
  overflow-wrap:normal !important;
}
body.home .elementor-35 .spa_pkg_item .spa_pkg_line {display:none !important;}
body.home .elementor-35 .spa_pkg_item .spa_pkg_price {
  position:static !important;
  display:block !important;
  float:none !important;
  grid-column:2 !important;
  justify-self:end !important;
  align-self:start !important;
  flex:none !important;
  min-width:max-content !important;
  width:max-content !important;
  margin:0 !important;
  padding:0 !important;
  white-space:nowrap !important;
  text-align:right !important;
}
@media(max-width:767px){
  body.home .elementor-35 .spa_pkg_item {
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:11px !important;
  }
  body.home .elementor-35 .spa_pkg_item .spa_pkg_img_wrap {
    flex:0 0 clamp(68px,20vw,110px) !important;
    width:clamp(68px,20vw,110px) !important;
    min-width:0 !important;
  }
  body.home .elementor-35 .spa_pkg_item .spa_pkg_info {
    flex:1 1 0 !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  body.home .elementor-35 .spa_pkg_item .title_price {column-gap:8px !important;}
}