/* HikaShop Checkout - Black/White Button Theme */

/* Action buttons - always black */
button.hikabtn_checkout_login_form,
button.hikabtn_checkout_login_register,
#hikashop_register_form_button,
.hikabtn.hikabtn-success,
.btn-success {
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

button.hikabtn_checkout_login_form:hover,
button.hikabtn_checkout_login_register:hover,
#hikashop_register_form_button:hover,
.hikabtn.hikabtn-success:hover,
.btn-success:hover {
    background: #333 !important;
}

/* Toggle buttons - white inactive, black active */
.hikaradios .hikaradio-label {
    background: #fff !important;
    color: #000 !important;
    border-color: #000 !important;
}

.hikaradios .hikaradio-label.active {
    background: #000 !important;
    color: #fff !important;
}

.hikaradios .hikaradio-label:hover {
    background: #333 !important;
    color: #fff !important;
}

/* Reset address display - override aaron.css conflicts */
.hikashop_checkout_address .hika_address_display,
.hikashop_checkout_billing_address_block .hika_address_display,
.hikashop_checkout_shipping_address_block .hika_address_display {
    display: block !important;
    float: none !important;
    width: 100% !important;
}

.hikashop_checkout_address .hika_address_field,
.hikashop_checkout_billing_address_block,
.hikashop_checkout_shipping_address_block {
    display: block !important;
    float: none !important;
    width: 100% !important;
}

/* Fix checkout layout - content below step header */
.hikashop_checkout_page {
    display: block !important;
}

.hikashop_checkout_page > div {
    float: none !important;
    width: 100% !important;
    display: block !important;
}

.hikashop_checkout_step_content {
    float: none !important;
    width: 100% !important;
    clear: both !important;
}

/* Override aaron.css grid layouts and hidden elements */
body.view-checkout .hikashop_checkout_billing_address_block,
.view-checkout .hikashop_checkout_billing_address_block {
    display: block !important;
    grid-template-columns: unset !important;
    align-items: unset !important;
}

body.view-checkout .hikashop_checkout_shipping_address_block,
.view-checkout .hikashop_checkout_shipping_address_block {
    display: block !important;
    grid-template-columns: unset !important;
    align-items: unset !important;
}

/* Reset checkout page layout */
.view-checkout .hikashop_checkout_page > div {
    float: none !important;
    width: 100% !important;
}

/* Override aaron.css global .hk-row-fluid flex layout for checkout */
.view-checkout .hk-row-fluid {
    display: block !important;
    justify-content: initial !important;
    gap: 0 !important;
}

/* Hide empty hk-row-fluid containers */
.view-checkout .hk-row-fluid:empty {
    display: none !important;
}

/* Hide empty first div in checkout step (grey oval) - loading elements */
.hikashop_checkout_page > .hikashop_checkout_loading_elem,
.hikashop_checkout_page > .hikashop_checkout_loading_spinner {
    display: none !important;
}

/* Hide empty first div wrapper (grey oval) */
.hikashop_checkout_page.hikashop_checkout_page_step1 > div:nth-of-type(1) {
    display: none !important;
}

/* Address blocks should display inline/side by side */
.view-checkout .hikashop_checkout_address {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
    max-width: 650px !important;
}

.view-checkout .hkc-md-12 {
    width: 100% !important;
    max-width: 100% !important;
}

/* Force single-column checkout layout */
.view-checkout #hikashop_checkout {
    display: block !important;
    grid-template-columns: unset !important;
}

.view-checkout .hikashop_checkout_page {
    display: block !important;
}

.view-checkout .hikashop_checkout_page > div {
    display: block !important;
    width: 100% !important;
}

/* Match container widths for all checkout steps */
.view-checkout .hikashop_checkout_page_step1,
.view-checkout .hikashop_checkout_page_step2,
.view-checkout .hikashop_checkout_page_step3 {
    max-width: 650px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Constrain billing/shipping address blocks to fit container */
.view-checkout .hikashop_checkout_billing_address_block,
.view-checkout .hikashop_checkout_shipping_address_block {
    max-width: 300px !important;
    box-sizing: border-box !important;
    padding: 1rem !important;
}

/* Consistent header styling for address blocks */
.view-checkout .hikashop_checkout_billing_address_block h3,
.view-checkout .hikashop_checkout_shipping_address_block h3 {
    margin-top: 0 !important;
    margin-bottom: 0.5rem !important;
}

/* Make address selector dropdowns fit their container */
.view-checkout .hika_address_field select {
    max-width: 100% !important;
    width: 100% !important;
}

/* Accordion step header styling - inactive steps grey */
.view-checkout .hikashop_accordion_default_before > div,
.view-checkout .hikashop_accordion_default_after > div {
    background: #999 !important;
    color: #fff !important;
    padding: 0.75rem 1rem !important;
    border-radius: 5px !important;
    margin: 0 0 0.5rem 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

/* Current/active step - red */
.view-checkout .hikashop_accordion_default_before > div.hikashop_cart_step_current,
.view-checkout .hikashop_accordion_default_after > div.hikashop_cart_step_current {
    background: #dd1c1f !important;
}

/* Step number badges - visible with white background, dark text */
.view-checkout .hikashop_accordion_default_before .hkbadge,
.view-checkout .hikashop_accordion_default_after .hkbadge {
    background: #fff !important;
    color: #333 !important;
    padding: 0.25rem 0.5rem !important;
    border-radius: 50% !important;
    font-weight: bold !important;
    min-width: 1.5rem !important;
    text-align: center !important;
    display: inline-block !important;
}

/* Step name text white */
.view-checkout .hikashop_accordion_default_before .hikashop_checkout_step_name,
.view-checkout .hikashop_accordion_default_after .hikashop_checkout_step_name {
    color: #fff !important;
}

.view-checkout .hikashop_accordion_default_before a,
.view-checkout .hikashop_accordion_default_after a {
    color: #fff !important;
}

/* Cart notification popup buttons - vex dialog theme */
.vex.vex-theme-default .vex-dialog-button,
.vex.vex-theme-default .vex-dialog-button.vex-dialog-button-primary,
.vex.vex-theme-default .vex-dialog-button.vex-dialog-button-secondary,
.vex.vex-theme-default .vex-dialog-button.vex-first {
    background: #999 !important;
    color: #fff !important;
    border-color: #999 !important;
}

.vex.vex-theme-default .vex-dialog-button:hover,
.vex.vex-theme-default .vex-dialog-button.vex-dialog-button-primary:hover,
.vex.vex-theme-default .vex-dialog-button.vex-dialog-button-secondary:hover,
.vex.vex-theme-default .vex-dialog-button.vex-first:hover {
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}

/* === Homepage Category Grid === */
.homePage .hikashop_subcategories .hk-row-fluid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}
.homePage .hikashop_subcategories .hk-row-fluid .hkc-md-3 {
  width: 23%;
  min-width: 200px;
  max-width: 280px;
}
@media only screen and (max-width: 1379px) {
  .homePage .hikashop_subcategories .hk-row-fluid .hkc-md-3 {
    width: 31%;
  }
}
@media only screen and (max-width: 991px) {
  .homePage .hikashop_subcategories .hk-row-fluid .hkc-md-3 {
    width: 48%;
  }
}
@media only screen and (max-width: 767px) {
  .homePage .hikashop_subcategories .hk-row-fluid .hkc-md-3 {
    width: 100%;
    max-width: 320px;
  }
}

/* === Product Listing Grid === */
.hikashop_products_listing .hk-row-fluid {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr) !important;
  gap: 1rem;
}
.hikashop_products_listing .hk-row-fluid > .hkc-md-3 {
  max-width: none !important;
}

/* === Subcategory Listing Grid === */
.hikashop_subcategories .hk-row-fluid {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr) !important;
  gap: 1rem;
}
.hikashop_subcategories .hk-row-fluid > [class*="hkc-md-"] {
  max-width: none !important;
}

/* === Add to Cart button SEO fix ===
 * HikaShop config "action_button_type" set to "button" to prevent crawlers
 * from following updatecart action URLs. Overrides the default green
 * .hikacart{background:#5cb85c} from frontend_default.css.
 * Only targets listing/category pages — product detail page red buttons
 * are styled separately via xprime.css (.hikashop_product_right_part a.hikacart) */
.hikashop_product .hikashop_subcontainer button.hikacart,
.hikashop_product .hikashop_subcontainer a.hikacart,
.hikashop_products button.hikacart,
.hikashop_products a.hikacart,
button.hikabtn.hikacart,
a.hikabtn.hikacart {
  background-color: rgba(0, 0, 0, 0.7) !important;
  color: #fff !important;
  border: 0 !important;
  border-color: rgba(0, 0, 0, 0.7) !important;
  cursor: pointer;
  font-family: Nunito, sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  border-radius: 0;
  height: 44px;
  line-height: 44px;
  padding: 0 10px;
  margin-top: 10px;
  width: 100%;
  display: block;
  -webkit-appearance: none;
  appearance: none;
}

.hikashop_product .hikashop_subcontainer button.hikacart:hover,
.hikashop_product .hikashop_subcontainer a.hikacart:hover,
.hikashop_products button.hikacart:hover,
.hikashop_products a.hikacart:hover,
button.hikabtn.hikacart:hover,
a.hikabtn.hikacart:hover {
  background-color: #111 !important;
  color: #fff !important;
  border-color: #111 !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.hikashop_product .hikashop_subcontainer button.hikacart span,
.hikashop_product .hikashop_subcontainer a.hikacart span,
.hikashop_products button.hikacart span,
.hikashop_products a.hikacart span,
button.hikabtn.hikacart span,
a.hikabtn.hikacart span {
  color: #fff !important;
  font-size: 1rem;
}

/* Product detail page — preserve red style for button type */
.hikashop_product_right_part button.hikacart {
  background: #dd1c1f !important;
  border: 2px solid #dd1c1f !important;
  color: #fff !important;
  font-size: 14px;
  padding: 14px 30px;
  border-radius: 2px;
  height: auto;
  line-height: normal;
  width: auto;
  display: inline-block;
}

.hikashop_product_right_part button.hikacart:hover {
  background: #252525 !important;
  border: 2px solid #252525 !important;
}