/*
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;
}

/* Strict Brand Logo Sizing */
.brand-logo-img,
header img[src*="Logo-600x253"],
footer img[src*="Logo-600x253"],
.elementor img[src*="Logo-600x253"],
img[alt="BaliOding Store"] {
  height: 38px !important;
  max-height: 38px !important;
  width: auto !important;
  max-width: 140px !important;
  object-fit: contain !important;
  display: inline-block !important;
}

@media (min-width: 640px) {
  .brand-logo-img,
  header img[src*="Logo-600x253"],
  .elementor img[src*="Logo-600x253"],
  img[alt="BaliOding Store"] {
    height: 42px !important;
    max-height: 42px !important;
    max-width: 155px !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 */
}