/*
Theme Name: Asklepios Bothika
Theme URI: https://asklepiosbothika.com
Author: Asklepios Bothika & Web Specialist
Description: Tema de Lujo Personalizado para Asklepios Bothika — Skin Care Científico Natural con Integración Total de WooCommerce.
Version: 1.0.0
Text Domain: asklepios-bothika
Requires WooCommerce: 5.0
*/

@import url('assets/css/main.css');

/* WooCommerce Custom Overrides for Asklepios Bothika Style */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit {
  background: var(--green) !important;
  color: var(--white) !important;
  border-radius: 0px !important;
  font-family: var(--sans) !important;
  font-size: 0.72rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  padding: 0.8rem 1.8rem !important;
  transition: all 0.3s ease !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  background: var(--green-deep) !important;
}
.woocommerce-checkout #customer_details input, .woocommerce-checkout #customer_details select, .woocommerce-checkout #customer_details textarea {
  background: var(--green-mist) !important;
  border: 1px solid rgba(58,95,42,0.2) !important;
  padding: 0.8rem 1rem !important;
  font-family: var(--sans) !important;
  font-size: 0.85rem !important;
  color: var(--charcoal) !important;
  width: 100% !important;
}
.woocommerce-checkout #customer_details input:focus {
  border-color: var(--green) !important;
  outline: none !important;
}
.woocommerce-cart table.cart, .woocommerce-checkout #order_review {
  background: var(--white) !important;
  border: 1px solid rgba(58,95,42,0.12) !important;
  border-radius: 0px !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--serif) !important;
  font-size: 1.4rem !important;
  color: var(--charcoal) !important;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: var(--green) !important;
  font-family: var(--serif) !important;
  font-size: 1.8rem !important;
}


/* ==========================================================================
   WOOCOMMERCE INTEGRATION STYLES (ASKLEPIOS BOTHIKA)
   ========================================================================== */

/* Buttons */
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
    background-color: var(--green, #3a5f2a) !important;
    color: var(--white, #ffffff) !important;
    font-family: var(--sans, 'Jost', sans-serif) !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    padding: 0.9rem 1.8rem !important;
    border: none !important;
    border-radius: 0 !important;
    transition: all 0.3s ease !important;
}

.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
    background-color: var(--green-deep, #2b4a1e) !important;
    color: var(--white, #ffffff) !important;
}

/* Form inputs & select boxes */
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea,
.woocommerce select,
.select2-container--default .select2-selection--single {
    border: 1px solid rgba(58, 95, 42, 0.2) !important;
    padding: 0.75rem 1rem !important;
    font-family: var(--sans, 'Jost', sans-serif) !important;
    font-size: 0.85rem !important;
    background: #fafafa !important;
    border-radius: 0 !important;
}

.woocommerce form .form-row input.input-text:focus, 
.woocommerce form .form-row textarea:focus,
.woocommerce select:focus {
    border-color: var(--green, #3a5f2a) !important;
    outline: none !important;
    background: #ffffff !important;
}

/* Headings */
.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4 {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-weight: 400 !important;
    color: var(--charcoal, #1c1c1c) !important;
}

/* Notices & Banners */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
    border-top-color: var(--green, #3a5f2a) !important;
    background-color: var(--green-mist, #f4f7f2) !important;
    font-family: var(--sans, 'Jost', sans-serif) !important;
    font-size: 0.85rem !important;
}
.woocommerce-message::before, .woocommerce-info::before {
    color: var(--green, #3a5f2a) !important;
}