/*
Theme Name: Zummo Child
Theme URI: https://effethemes.com/themes/zummo-wordpress-theme/
Template: zummo
Author: Effe Themes
Author URI: https://effethemes.com/
Description: Zummo is a dark and modern multipurpose theme, perfect for creative agencies, designers, and businesses looking to make a bold impression. With full site editing (FSE) capabilities, Zummo offers complete design flexibility, allowing you to customize every detail of your website to match your vision. Its sleek, contemporary aesthetic is ideal for showcasing creative portfolios and building a unique online presence that stands out. Elevate your agency's brand with Zummo's innovative design and seamless user experience.
Tags: blog,portfolio,block-styles,e-commerce,full-site-editing,two-columns,full-width-template,custom-logo,custom-menu,custom-background,editor-style,block-patterns,custom-header,translation-ready,template-editing
Version: 1.0.1.1752030580
Updated: 2025-07-09 03:09:40

*/
@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap);
.main-content {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.mi-checkout-wrapper {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.woocommerce {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 1rem !important;
}

@media (min-width: 768px) {
    .main-content > .woocommerce {
        display: grid !important;
        grid-template-columns: 300px 1fr !important;
        gap: 1rem !important;
        padding: 1rem !important;
    }
}

.woocommerce-MyAccount-navigation {
    background-color: #fdfdfd !important;
    padding: 1rem;
    border-radius: 12px;
    margin-bottom: 1.25rem;
}

.woocommerce-MyAccount-navigation > ul {
    max-width: 300%;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

.woocommerce-MyAccount-navigation > ul > .woocommerce-MyAccount-navigation-link {
    background-color: #f6f6f6 !important;
    border-radius: 8px !important;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.woocommerce-MyAccount-navigation > ul > .woocommerce-MyAccount-navigation-link > a {
    width: 100%;
    height: 100%;
    block-size: 100%;
    display: block;
    padding: 0.75rem;
}

.woocommerce-MyAccount-navigation > ul > .woocommerce-MyAccount-navigation-link.is-active {
    font-weight: bold !important;
    background-color: #22BFAC !important;
    color: #FFFFFF !important;
}

.woocommerce > .woocommerce-MyAccount-content > .woocommerce-Addresses a {
    width: max-content !important;
    padding: 0.6rem 1.2rem !important;
    background: #22BFAC !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0.25rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color .2s ease-in-out !important;
    margin: 1.25rem 0rem;
    display: block;
}

.woocommerce-Button,
.woocommerce > .woocommerce-MyAccount-content > a.button,
.button.wc-forward {
    width: max-content !important;
    padding: 0.6rem 1.2rem !important;
    background: #22BFAC !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0.25rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color .2s ease-in-out !important;
}

.woocommerce-Button:hover,
.woocommerce > .woocommerce-MyAccount-content > a.button,
.button.wc-forward{
    background: #1ca897 !important;
}

.woocommerce-MyAccount-content > p {
    margin-bottom: 0.75rem !important;
}

.woocommerce-MyAccount-content > p > a {
    color: #22BFAC !important;
    text-decoration: underline !important;
    font-weight: bold !important;
}

/* --- Tabla pedidos: estilo moderno --- */
.woocommerce-checkout-review-order-table {
    width: 100% !important;
    border-collapse: separate;
    border-spacing: 0 0.5rem;
    font-family: "Plus Jakarta Sans", sans-serif;
    margin: 2rem 0;
}

/* Cabecera */
.woocommerce-checkout-review-order-table thead th {
    background-color: #fafafa;
    color: #333;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 1rem;
    text-align: left;
    border-bottom: none;
}

/* Filas del cuerpo con “cards” separadas */
.woocommerce-checkout-review-order-table tbody tr {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    border-radius: 0.5rem;
}
.woocommerce-checkout-review-order-tablee tbody td,
.woocommerce-checkout-review-order-table tbody th {
    padding: 1rem;
    vertical-align: middle;
    font-size: 0.9rem;
    border: none;
}

/* Filas alternadas (leve variación) */
.woocommerce-checkout-review-order-table tbody tr:nth-child(odd) {
    transform: translateY(2px);
}
.woocommerce-checkout-review-order-table tbody tr:nth-child(even) {
    transform: translateY(-2px);
}

/* Efecto hover */
.woocommerce-checkout-review-order-table tbody tr:hover {
    box-shadow: 0 4px 6px rgba(0,0,0,0.12);
    transform: translateY(0);
}

/* Enlaces */
.woocommerce-orders-table a {
    color: #22BFAC;
    text-decoration: none;
    font-weight: 600;
}
.woocommerce-orders-table a:hover {
    text-decoration: underline;
}

/**
Para la pagina de thackyou
 */
/* --- Tabla pedidos: estilo moderno --- */
.woocommerce-table--order-details {
    width: 100% !important;
    border-collapse: separate;
    border-spacing: 0 0.5rem;
    font-family: "Plus Jakarta Sans", sans-serif;
    margin: 2rem 0;
}

/* Cabecera */
.woocommerce-table--order-details thead th {
    background-color: #fafafa;
    color: #333;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 1rem;
    text-align: left;
    border-bottom: none;
}

/* Filas del cuerpo con “cards” separadas */
.woocommerce-table--order-details tbody tr {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    border-radius: 0.5rem;
}
.woocommerce-table--order-details tbody td,
.woocommerce-table--order-details tbody th {
    padding: 1rem;
    vertical-align: middle;
    font-size: 0.9rem;
    border: none;
}

/* Filas alternadas (leve variación) */
.woocommerce-table--order-details tbody tr:nth-child(odd) {
    transform: translateY(2px);
}
.woocommerce-table--order-details tbody tr:nth-child(even) {
    transform: translateY(-2px);
}

/* Efecto hover */
.woocommerce-table--order-details tbody tr:hover {
    box-shadow: 0 4px 6px rgba(0,0,0,0.12);
    transform: translateY(0);
}

/* Enlaces */
.woocommerce-table--order-details a {
    color: #22BFAC;
    text-decoration: none;
    font-weight: 600;
}
.woocommerce-table--order-details a:hover {
    text-decoration: underline;
}

/* --- Botones estilo flat moderno --- */
.woocommerce-orders-table .button.view {
    width: max-content !important;
    padding: 0.6rem 1.2rem !important;
    background: #22BFAC !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0.25rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color .2s ease-in-out !important;
}
.woocommerce-orders-table .button.view:hover {
    background: #1ca897 !important;
}

/* Bordes de estado en la izquierda */
.woocommerce-orders-table__row--status-processing {
    border-left: 4px solid #ffba00;
}
.woocommerce-orders-table__row--status-completed {
    border-left: 4px solid #46b450;
}
.woocommerce-orders-table__row--status-cancelled {
    border-left: 4px solid #dc3232;
}

/* Responsive: versiones “card” en móvil */
@media (max-width: 768px) {
    .woocommerce-orders-table thead {
        display: none;
    }
    .woocommerce-orders-table tbody tr {
        display: block;
        margin-bottom: 1rem;
    }
    .woocommerce-orders-table tbody td,
    .woocommerce-orders-table tbody th {
        display: flex;
        justify-content: space-between;
        padding: 0.75rem;
    }
    .woocommerce-orders-table tbody td::before {
        content: attr(data-title);
        font-weight: 600;
        flex: 1;
    }
    .woocommerce-orders-table tbody td {
        flex: 2;
    }
}

.p-LinkAutofillPrompt {
    display: none !important;
}

.mi-shipping > .woocommerce-additional-fields {
    width: 100%;
    display: flex;
    flex-direction: column;
    font-family: "Plus Jakarta Sans", sans-serif;
}

.mi-shipping > .woocommerce-additional-fields > h3 {
    font-size: 1.25rem;
    margin-bottom: 8px;
}

.mi-shipping > .woocommerce-additional-fields .form-row {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.mi-shipping .form-row > label {
    font-size: 14px;
    margin-bottom: 4px;
}

.mi-shipping .input-text {
    width: 100%;
    max-height: 300px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgb(0 0 0 / .09);
    resize: none;
    padding: 1rem;
}

.mi-billing > .woocommerce-billing-fields {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.mi-billing .form-row > label {
    font-size: 14px;
    margin-bottom: 4px;
}

.mi-billing input {
    width: 100%;
    padding: .5rem 1rem;
    border-radius: 4px;
    box-shadow: 0 0 10px rgb(0 0 0 / .09);
    color: black !important;
    background-color: transparent !important;
}

.mi-order-review > .woocommerce-checkout-payment {
    background-color: transparent !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
}

.mi-order-review > .woocommerce-checkout-payment > ul.wc_payment_methods > li.payment_method_stripe > .payment_box,
.mi-order-review > .woocommerce-checkout-payment > ul.wc_payment_methods > li.payment_method_stripe > .payment_box::before {
    background-color: transparent !important;
    border-color: transparent !important;
}

.mi-order-review > .woocommerce-checkout-payment > ul.wc_payment_methods > li.payment_method_stripe > .payment_box {
    display: flex !important;
    flex-direction: column !important;
    gap: 1em !important;
    padding: 0px !important;
}

.mi-order-review > .woocommerce-checkout-payment > .place-order > .woocommerce-terms-and-conditions-wrapper {
    margin: 1rem 0rem !important;
}

.mi-order-review > .woocommerce-checkout-payment > .place-order > button[type="submit"] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: #22BFAC;
    color: #fff;
    text-align: center;
    padding: .5rem 1.5rem;
    border-radius: .25rem;
}