/*
Theme Name: Hello Elementor BaliOding
Theme URI: https://balioding.com
Description: Tema turunan resmi Hello Elementor dengan token desain BaliOding Store (Terracotta, Prada Gold, Sanur Sand), font Cormorant Garamond, Lucide icons, Swiper.js, dan Alpine.js.
Author: BaliOding Store
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-balioding
*/

[x-cloak] { display: none !important; }

body {
  background-color: #FCFAF7;
  color: #231F20;
}

.custom-scrollbar::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: #F5F1EB;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #DEC4A6;
  border-radius: 9999px;
}

/* Footer Brand Logo */
footer img[src*="Logo-600x253"],
footer .brand-logo-img,
footer .header-brand-logo,
.elementor-location-footer img[src*="Logo-600x253"],
.elementor-location-footer .brand-logo-img {
  height: 40px !important;
  max-height: 40px !important;
  width: auto !important;
  max-width: 150px !important;
  object-fit: contain !important;
  display: inline-block !important;
}

/* Header Navbar Main Brand Logo - High Specificity */
header .header-brand-logo,
header .brand-logo-img,
header img[src*="Logo-600x253"],
header img[alt="BaliOding Store"],
.elementor header .brand-logo-img,
.elementor header .header-brand-logo,
.elementor header img[src*="Logo-600x253"],
.elementor-location-header img,
.header-brand-logo,
img.header-brand-logo {
  height: 48px !important;
  max-height: 48px !important;
  width: auto !important;
  max-width: 190px !important;
  object-fit: contain !important;
  display: inline-block !important;
}

@media (min-width: 640px) {
  header .header-brand-logo,
  header .brand-logo-img,
  header img[src*="Logo-600x253"],
  header img[alt="BaliOding Store"],
  .elementor header .brand-logo-img,
  .elementor header .header-brand-logo,
  .elementor header img[src*="Logo-600x253"],
  .elementor-location-header img,
  .header-brand-logo,
  img.header-brand-logo {
    height: 56px !important;
    max-height: 56px !important;
    max-width: 220px !important;
  }
}

@media (min-width: 1024px) {
  header .header-brand-logo,
  header .brand-logo-img,
  header img[src*="Logo-600x253"],
  header img[alt="BaliOding Store"],
  .elementor header .brand-logo-img,
  .elementor header .header-brand-logo,
  .elementor header img[src*="Logo-600x253"],
  .elementor-location-header img,
  .header-brand-logo,
  img.header-brand-logo {
    height: 68px !important;
    max-height: 68px !important;
    max-width: 270px !important;
  }
}

@media (min-width: 1280px) {
  header .header-brand-logo,
  header .brand-logo-img,
  header img[src*="Logo-600x253"],
  header img[alt="BaliOding Store"],
  .elementor header .brand-logo-img,
  .elementor header .header-brand-logo,
  .elementor header img[src*="Logo-600x253"],
  .elementor-location-header img,
  .header-brand-logo,
  img.header-brand-logo {
    height: 74px !important;
    max-height: 74px !important;
    max-width: 290px !important;
  }
}

/* Navbar Heritage Lockup (Est. 1999 · Sanur Bali) */
.navbar-heritage-lockup {
  display: none;
  align-items: center;
  padding-left: 0.875rem;
  margin-left: 0.875rem;
  border-left: 1px solid rgba(222, 196, 166, 0.85);
  line-height: 1;
}

@media (min-width: 640px) {
  .navbar-heritage-lockup {
    display: inline-flex !important;
  }
}

.navbar-heritage-est {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  color: #67331F !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
}

.navbar-heritage-origin {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  color: #7A726E !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  margin-top: 3px !important;
  line-height: 1 !important;
}


/* Ensure all product card and detail product images are 100% full bleed without letterbox or empty spaces */
.aspect-\[4\/5\] {
  position: relative !important;
  overflow: hidden !important;
}

.aspect-\[4\/5\] > a,
.aspect-\[4\/5\] > a > img,
.aspect-\[4\/5\] > img,
.product-card-img-wrap a,
.product-card-img-wrap img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

.detail-main-img-box {
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
}

.detail-main-img-box img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Global Search Input & Cancel Button Fixes */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: none !important;
}

.balioding-search-input,
.balioding-search-bar input {
  padding-left: 2.75rem !important;
  padding-right: 2.75rem !important;
  border-radius: 9999px !important;
}

/* Neutralize Hello Elementor parent theme pink (#c36 / #cc3366) defaults */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  border: none;
  background-color: transparent;
  color: inherit;
}

button:hover,
button:focus,
button:active,
[type="button"]:hover,
[type="button"]:focus,
[type="button"]:active,
[type="submit"]:hover,
[type="submit"]:focus,
[type="submit"]:active {
  background-color: transparent;
  border-color: transparent;
  color: inherit;
  outline: none;
  box-shadow: none;
}

/* Specific FAQ Accordion Styling */
.elementor-widget-balioding_faq_widget button {
  border: none !important;
  background-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

.elementor-widget-balioding_faq_widget button:hover,
.elementor-widget-balioding_faq_widget button:focus,
.elementor-widget-balioding_faq_widget button:active {
  background-color: transparent !important;
  border: none !important;
  color: #7B3F27 !important; /* warm terracotta hover */
}