/* Avayra — WooCommerce CSS v1.3.0 — Todo flexbox */

/* ── Single Product ─────────────────────────────────────────────────────── */
.woocommerce div.product {
    display:        flex;
    flex-wrap:      wrap;
    gap:            0;
    max-width:      1280px;
    margin:         60px auto;
    padding:        0 40px;
    box-sizing:     border-box;
    align-items:    flex-start;
}

/* Galería 50% */
.woocommerce div.product div.images {
    flex:       0 0 50%;
    width:      50%;
    max-width:  50%;
    padding:    0 32px 0 0;
    box-sizing: border-box;
    position:   relative;
    top:        auto;
}

/* Summary 50% */
.woocommerce div.product div.summary {
    flex:       0 0 50%;
    width:      50%;
    max-width:  50%;
    padding:    0 0 0 32px;
    box-sizing: border-box;
    float:      none;
}

/* Tabs — fila completa */
.woocommerce div.product .woocommerce-tabs {
    flex:       0 0 100%;
    width:      100%;
    margin-top: 56px;
    padding-top: 48px;
    border-top: 1px solid rgba(107,97,96,0.12);
}

/* Breadcrumb — fila completa */
.woocommerce .woocommerce-breadcrumb {
    flex:           0 0 100%;
    width:          100%;
    font-family:    Jost, sans-serif;
    font-size:      0.75rem;
    color:          #9B8B88;
}
.woocommerce .woocommerce-breadcrumb a { color: #9B8B88; }
.woocommerce .woocommerce-breadcrumb a:hover { color: #2B3BA8; }

/* Imagen principal */
.woocommerce div.product div.images .woocommerce-product-gallery__image img {
    width:          100%;
    aspect-ratio:   1 / 1;
    object-fit:     cover;
    border-radius:  4px;
}

/* Thumbnails */
.woocommerce div.product div.images .flex-control-thumbs {
    display:    flex;
    flex-wrap:  nowrap;
    gap:        8px;
    margin-top: 12px;
    padding:    0;
    list-style: none;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    flex:       1 1 0;
    min-width:  0;
    aspect-ratio: 1 / 1;
    overflow:   hidden;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
    width:          100%;
    height:         100%;
    object-fit:     cover;
    border-radius:  4px;
    border:         2px solid transparent;
    cursor:         pointer;
    transition:     border-color 0.3s;
    display:        block;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
    border-color: #2B3BA8;
}

/* Eyebrow categoría */
.woocommerce div.product .posted_in {
    font-family:    Jost, sans-serif;
    font-size:      0.68rem;
    font-weight:    500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color:          #C9A96E;
    display:        block;
    margin-bottom:  14px;
}
.woocommerce div.product .posted_in a { color: #C9A96E; }

/* Título */
.woocommerce div.product .product_title {
    font-family:    'Cormorant Garamond', Georgia, serif;
    font-weight:    400;
    font-style:     italic;
    font-size:      clamp(1.8rem, 3.5vw, 2.8rem);
    line-height:    1.15;
    color:          #131212;
    margin-bottom:  16px;
}

/* Precio */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    font-family:    Jost, sans-serif;
    font-size:      1.5rem;
    font-weight:    500;
    color:          #2B3BA8;
    display:        block;
    margin-bottom:  4px;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
    color:          #9B8B88;
    font-size:      1rem;
    font-weight:    300;
    margin-right:   8px;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins { text-decoration: none; }

/* Descripción corta */
.woocommerce div.product .woocommerce-product-details__short-description {
    font-family:    Jost, sans-serif;
    font-weight:    300;
    font-size:      0.95rem;
    line-height:    1.8;
    color:          #4A3F3E;
    border-top:     1px solid rgba(107,97,96,0.15);
    border-bottom:  1px solid rgba(107,97,96,0.15);
    padding:        20px 0;
    margin-bottom:  24px;
}

/* Variaciones */
.woocommerce div.product form.cart .variations {
    width:          100%;
    margin-bottom:  16px;
    border-collapse: separate;
    border-spacing: 0 8px;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
    padding:        4px 0;
    border:         none;
    vertical-align: middle;
}
.woocommerce div.product form.cart .variations label {
    font-family:    Jost, sans-serif;
    font-size:      0.68rem;
    font-weight:    600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color:          #6B6160;
    white-space:    nowrap;
    padding-right:  16px;
}
.woocommerce div.product form.cart .variations select {
    width:              100%;
    height:             48px;
    padding:            0 40px 0 16px;
    border:             1.5px solid rgba(107,97,96,0.3);
    border-radius:      4px;
    background-color:   #FDFCFB;
    background-image:   url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B6160' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat:  no-repeat;
    background-position: right 14px center;
    -webkit-appearance: none;
    appearance:         none;
    font-family:        Jost, sans-serif;
    font-size:          0.9rem;
    font-weight:        300;
    color:              #131212;
    cursor:             pointer;
    transition:         border-color 0.3s;
}
.woocommerce div.product form.cart .variations select:focus {
    outline:     none;
    border-color: #2B3BA8;
    box-shadow:  0 0 0 3px rgba(43,59,168,0.08);
}
.woocommerce div.product form.cart .reset_variations {
    font-family: Jost, sans-serif;
    font-size:   0.7rem;
    color:       #9B8B88;
    text-decoration: none;
    display:     inline-block;
    margin-top:  4px;
}
.woocommerce div.product form.cart .reset_variations:hover { color: #2B3BA8; }

/* ATC */
.woocommerce div.product form.cart {
    display:     flex;
    gap:         12px;
    align-items: center;
    flex-wrap:   wrap;
    margin-bottom: 20px;
}
.woocommerce div.product form.cart .quantity input.qty {
    width:       68px;
    height:      48px;
    border:      1px solid rgba(107,97,96,0.3);
    border-radius: 4px;
    text-align:  center;
    font-family: Jost, sans-serif;
}
.woocommerce div.product form.cart .single_add_to_cart_button {
    flex:           1;
    height:         48px;
    padding:        0 32px;
    background-color: #2B3BA8;
    color:          #fff;
    font-family:    Jost, sans-serif;
    font-size:      0.78rem;
    font-weight:    500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    border:         2px solid #2B3BA8;
    border-radius:  4px;
    cursor:         pointer;
    transition:     all 0.35s;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover {
    background-color: transparent;
    color: #2B3BA8;
}

/* Meta */
.woocommerce div.product .product_meta {
    font-family: Jost, sans-serif;
    font-size:   0.8rem;
    color:       #9B8B88;
    line-height: 2;
}
.woocommerce div.product .product_meta a { color: #2B3BA8; }

/* Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display:        flex;
    padding:        0;
    margin:         0 0 32px;
    border-bottom:  1px solid rgba(107,97,96,0.15);
    list-style:     none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    padding:    0;
    margin:     0;
    background: none;
    border:     none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display:        block;
    padding:        12px 24px;
    font-family:    Jost, sans-serif;
    font-size:      0.75rem;
    font-weight:    500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color:          #9B8B88;
    border-bottom:  2px solid transparent;
    transition:     all 0.3s;
    text-decoration: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color:              #2B3BA8;
    border-bottom-color: #2B3BA8;
}
.woocommerce div.product .woocommerce-tabs .panel {
    font-family: Jost, sans-serif;
    font-weight: 300;
    line-height: 1.8;
    color:       #4A3F3E;
    max-width:   720px;
}

/* Relacionados */
.woocommerce .related.products {
    flex:           0 0 100%;
    width:          100%;
    margin-top:     72px;
    padding-top:    56px;
    border-top:     1px solid rgba(107,97,96,0.12);
}
.woocommerce .related.products > h2 {
    font-family:    'Cormorant Garamond', Georgia, serif;
    font-weight:    400;
    font-style:     italic;
    font-size:      2rem;
    color:          #131212;
    margin-bottom:  36px;
    text-align:     center;
}
.woocommerce .related ul.products {
    display:    flex;
    flex-wrap:  nowrap;
    gap:        24px;
    list-style: none;
    padding:    0;
    margin:     0;
    float:      none;
    width:      100%;
    box-sizing: border-box;
}
.woocommerce .related ul.products li.product {
    flex:           1 1 0;
    min-width:      0;
    float:          none;
    margin:         0;
    display:        flex;
    flex-direction: column;
    box-sizing:     border-box;
}
.woocommerce .related ul.products li.product img {
    width:          100%;
    aspect-ratio:   4 / 3;
    object-fit:     cover;
    display:        block;
    background:     #F5F2F1;
}
.woocommerce .related ul.products li.product .woocommerce-loop-product__title {
    font-family:    'Cormorant Garamond', Georgia, serif;
    font-style:     italic;
    font-size:      1rem;
    font-weight:    400;
    color:          #131212;
    padding:        10px 0 4px;
    margin:         0;
}
.woocommerce .related ul.products li.product .price {
    font-family:    Jost, sans-serif;
    font-size:      0.85rem;
    font-weight:    500;
    color:          #2B3BA8;
    margin-bottom:  10px;
}
.woocommerce .related ul.products li.product a.button {
    display:        block;
    margin-top:     auto;
    padding:        10px;
    background:     transparent;
    border:         1.5px solid #2B3BA8;
    color:          #2B3BA8;
    font-family:    Jost, sans-serif;
    font-size:      0.72rem;
    font-weight:    500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-align:     center;
    border-radius:  4px;
    text-decoration: none;
    transition:     background 0.3s, color 0.3s;
}
.woocommerce .related ul.products li.product a.button:hover {
    background: #2B3BA8;
    color:      #fff;
}

/* ── Carrito ────────────────────────────────────────────────────────────── */
.woocommerce-cart .woocommerce {
    max-width:  1280px;
    margin:     60px auto;
    padding:    0 40px;
    box-sizing: border-box;
}
.woocommerce-cart h1.entry-title {
    font-family:    'Cormorant Garamond', Georgia, serif;
    font-weight:    400;
    font-style:     italic;
    font-size:      2.4rem;
    color:          #131212;
    margin-bottom:  40px;
}
.woocommerce-cart table.shop_table {
    border-collapse: collapse;
    width:      100%;
    font-family: Jost, sans-serif;
    border:     none;
}
.woocommerce-cart table.shop_table thead th {
    font-size:      0.68rem;
    font-weight:    600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color:          #9B8B88;
    padding:        12px 16px;
    border-bottom:  1px solid rgba(107,97,96,0.15);
    background:     transparent;
}
.woocommerce-cart table.shop_table tbody td {
    padding:        20px 16px;
    border-bottom:  1px solid rgba(107,97,96,0.08);
    vertical-align: middle;
}
.woocommerce-cart table.shop_table .product-thumbnail img {
    width:          80px;
    height:         80px;
    object-fit:     cover;
    border-radius:  4px;
}
.woocommerce-cart table.shop_table .product-name a {
    font-family:    'Cormorant Garamond', Georgia, serif;
    font-weight:    400;
    font-size:      1.1rem;
    color:          #131212;
}
.woocommerce-cart table.shop_table .product-name a:hover { color: #2B3BA8; }
.woocommerce-cart table.shop_table .product-price,
.woocommerce-cart table.shop_table .product-subtotal {
    font-family:    Jost, sans-serif;
    font-weight:    500;
    color:          #2B3BA8;
}
.woocommerce-cart table.shop_table .product-remove a {
    color:      #9B8B88;
    font-size:  1.2rem;
    transition: color 0.3s;
}
.woocommerce-cart table.shop_table .product-remove a:hover { color: #c0392b; }
.woocommerce-cart .cart_totals {
    float:          none;
    width:          420px;
    max-width:      100%;
    margin-left:    auto;
    background:     #F5F2F1;
    border-radius:  8px;
    padding:        32px;
}
.woocommerce-cart .cart_totals h2 {
    font-family:    'Cormorant Garamond', Georgia, serif;
    font-weight:    400;
    font-size:      1.5rem;
    color:          #131212;
    margin-bottom:  24px;
}
.woocommerce-cart .cart_totals table { width: 100%; border: none; }
.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td {
    padding:        10px 0;
    font-family:    Jost, sans-serif;
    font-size:      0.88rem;
    border-bottom:  1px solid rgba(107,97,96,0.1);
}
.woocommerce-cart .cart_totals table th { color: #6B6160; font-weight: 400; width: 40%; }
.woocommerce-cart .cart_totals table .order-total th,
.woocommerce-cart .cart_totals table .order-total td {
    font-weight: 600; font-size: 1rem; color: #131212;
    border-bottom: none; padding-top: 16px;
}
.woocommerce-cart .cart_totals table .order-total .woocommerce-Price-amount { color: #2B3BA8; }
.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
    display:        block;
    width:          100%;
    padding:        16px;
    background:     #2B3BA8;
    color:          #fff;
    font-family:    Jost, sans-serif;
    font-size:      0.82rem;
    font-weight:    500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-align:     center;
    border:         2px solid #2B3BA8;
    border-radius:  4px;
    cursor:         pointer;
    transition:     all 0.35s;
    margin-top:     20px;
    text-decoration: none;
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
    background: transparent;
    color: #2B3BA8;
}

/* ── Checkout ───────────────────────────────────────────────────────────── */
.woocommerce-checkout .woocommerce {
    max-width:  1280px;
    margin:     60px auto;
    padding:    0 40px;
    box-sizing: border-box;
}
.woocommerce-checkout h1.entry-title {
    font-family:    'Cormorant Garamond', Georgia, serif;
    font-weight:    400;
    font-style:     italic;
    font-size:      2.4rem;
    color:          #131212;
    margin-bottom:  40px;
}
.woocommerce-checkout form.checkout {
    display:    flex;
    flex-wrap:  wrap;
    gap:        48px;
    align-items: flex-start;
}
.woocommerce-checkout form.checkout .col-1 {
    flex:       1 1 0;
    min-width:  0;
    float:      none;
    width:      auto;
}
.woocommerce-checkout form.checkout .col-2 {
    flex:       0 0 420px;
    width:      420px;
    float:      none;
}
.woocommerce-checkout h3 {
    font-family:    'Cormorant Garamond', Georgia, serif;
    font-weight:    400;
    font-size:      1.5rem;
    color:          #131212;
    margin-bottom:  24px;
    padding-bottom: 12px;
    border-bottom:  1px solid rgba(107,97,96,0.15);
}
.woocommerce-checkout .woocommerce-input-wrapper input,
.woocommerce-checkout .woocommerce-input-wrapper select,
.woocommerce-checkout .woocommerce-input-wrapper textarea {
    width:          100%;
    height:         48px;
    border:         1px solid rgba(107,97,96,0.3);
    border-radius:  4px;
    padding:        0 14px;
    font-family:    Jost, sans-serif;
    font-size:      0.9rem;
    font-weight:    300;
    color:          #131212;
    background:     #FDFCFB;
    transition:     border-color 0.3s, box-shadow 0.3s;
}
.woocommerce-checkout .woocommerce-input-wrapper textarea { height: 110px; padding: 12px 14px; resize: vertical; }
.woocommerce-checkout .woocommerce-input-wrapper input:focus,
.woocommerce-checkout .woocommerce-input-wrapper select:focus,
.woocommerce-checkout .woocommerce-input-wrapper textarea:focus {
    outline:    none;
    border-color: #2B3BA8;
    box-shadow: 0 0 0 3px rgba(43,59,168,0.08);
}
.woocommerce-checkout .form-row label {
    font-family:    Jost, sans-serif;
    font-size:      0.72rem;
    font-weight:    500;
    letter-spacing: 0.05em;
    color:          #6B6160;
    margin-bottom:  6px;
    display:        block;
}
.woocommerce-checkout #order_review {
    background:     #F5F2F1;
    border-radius:  8px;
    padding:        32px;
    position:       sticky;
    top:            100px;
}
.woocommerce-checkout #order_review_heading {
    font-family:    'Cormorant Garamond', Georgia, serif;
    font-weight:    400;
    font-size:      1.5rem;
    color:          #131212;
    margin-bottom:  24px;
}
.woocommerce-checkout #payment {
    background:     #fff;
    border-radius:  8px;
    border:         1px solid rgba(107,97,96,0.15);
    overflow:       hidden;
    margin-top:     20px;
}
.woocommerce-checkout #payment .wc_payment_methods {
    padding:        20px;
    list-style:     none;
    border-bottom:  1px solid rgba(107,97,96,0.1);
}
.woocommerce-checkout #payment #place_order {
    display:        block;
    width:          calc(100% - 40px);
    margin:         20px;
    padding:        17px;
    background:     #2B3BA8;
    color:          #fff;
    font-family:    Jost, sans-serif;
    font-size:      0.82rem;
    font-weight:    600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    text-align:     center;
    border:         2px solid #2B3BA8;
    border-radius:  4px;
    cursor:         pointer;
    transition:     all 0.35s;
}
.woocommerce-checkout #payment #place_order:hover { background: transparent; color: #2B3BA8; }

/* ── Mensajes ───────────────────────────────────────────────────────────── */
.woocommerce .woocommerce-error {
    background:     #FCEBEB;
    border-left:    4px solid #c0392b;
    border-radius:  4px;
    padding:        14px 18px;
    list-style:     none;
    margin-bottom:  24px;
    font-family:    Jost, sans-serif;
    font-size:      0.88rem;
    color:          #8e2222;
}
.woocommerce .woocommerce-message {
    background:     #EAF3DE;
    border-left:    4px solid #639922;
    border-radius:  4px;
    padding:        14px 18px;
    list-style:     none;
    margin-bottom:  24px;
    font-family:    Jost, sans-serif;
    font-size:      0.88rem;
    color:          #3B6D11;
}

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
    .woocommerce div.product { padding: 0 24px; }
    .woocommerce div.product div.images,
    .woocommerce div.product div.summary {
        flex:       0 0 100%;
        width:      100%;
        max-width:  100%;
        padding:    0;
    }
    .woocommerce div.product div.summary { padding-top: 24px; }
    .woocommerce .related ul.products {
        flex-wrap: wrap !important;
        gap: 16px;
    }
    .woocommerce .related ul.products li.product {
        flex:      0 0 calc(50% - 8px) !important;
        width:     calc(50% - 8px) !important;
        min-width: 0;
    }
    .woocommerce-checkout form.checkout .col-2 { flex: 0 0 100%; width: 100%; }
    .woocommerce-checkout #order_review { position: static; }
}
@media (max-width: 600px) {
    .woocommerce div.product,
    .woocommerce-cart .woocommerce,
    .woocommerce-checkout .woocommerce { padding: 0 16px; }
    .woocommerce-cart .cart_totals { width: 100%; }
    .woocommerce .related ul.products {
        flex-wrap: wrap !important;
        gap: 12px;
    }
    .woocommerce .related ul.products li.product {
        flex:      0 0 calc(50% - 6px) !important;
        width:     calc(50% - 6px) !important;
        min-width: 0;
    }
}