/* ==========================================================
   LAS FLORES DE LA REINA
   CARRITO LATERAL / CART DRAWER
   ========================================================== */


/* ==========================================================
   VARIABLES
   ========================================================== */

:root {
    --fdr-cart-bg: #fff1f0;
    --fdr-cart-bg-soft: #fff7f6;

    --fdr-cart-text: #2c2c2c;
    --fdr-cart-muted: rgba(44, 44, 44, 0.55);

    --fdr-cart-rose: #a7546a;
    --fdr-cart-rose-dark: #91485c;

    --fdr-cart-border: rgba(167, 84, 106, 0.14);

    --fdr-cart-overlay: rgba(28, 24, 25, 0.56);
}


/* ==========================================================
   BLOQUEAR SCROLL CUANDO EL CARRITO ESTÁ ABIERTO
   ========================================================== */

body.fdr-cart-open {
    overflow: hidden !important;
}


/* ==========================================================
   CONTENEDOR GENERAL
   ========================================================== */

.fdr-cart-drawer {
    position: fixed;
    inset: 0;

    z-index: 999999;

    display: block;

    visibility: hidden;
    pointer-events: none;
}


/* Carrito abierto */

.fdr-cart-drawer.is-open {
    visibility: visible;
    pointer-events: auto;
}


/* ==========================================================
   OVERLAY
   ========================================================== */

.fdr-cart-overlay {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    border: 0;

    background:
        var(--fdr-cart-overlay);

    opacity: 0;

    cursor: pointer;

    transition:
        opacity 0.28s ease;
}


.fdr-cart-drawer.is-open
.fdr-cart-overlay {
    opacity: 1;
}


/* ==========================================================
   PANEL
   ========================================================== */

.fdr-cart-panel {
    position: absolute;

    top: 0;
    right: 0;

    display: flex;
    flex-direction: column;

    width: min(500px, 100%);
    height: 100dvh;

    margin: 0;
    padding: 0;

    background:
        var(--fdr-cart-bg);

    box-shadow:
        -12px 0 38px rgba(0, 0, 0, 0.11);

    transform:
        translateX(100%);

    transition:
        transform 0.32s cubic-bezier(
            0.22,
            1,
            0.36,
            1
        );

    overflow: hidden;
}


.fdr-cart-drawer.is-open
.fdr-cart-panel {
    transform:
        translateX(0);
}


/* ==========================================================
   HEADER
   ========================================================== */

.fdr-cart-header {
    display: flex;

    align-items: center;
    justify-content: space-between;

    flex: 0 0 auto;

    min-height: 92px;

    padding:
        0
        36px;

    border-bottom:
        1px solid
        var(--fdr-cart-border);

    background:
        var(--fdr-cart-bg);
}


.fdr-cart-header h2 {
    display: flex;

    align-items: center;

    gap: 8px;

    margin: 0 !important;

    font-family:
        "Lora",
        serif;

    font-size:
        1.45rem;

    font-weight:
        700;

    line-height:
        1.1;

    color:
        var(--fdr-cart-text);
}


.fdr-cart-header h2 span {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    font-size:
        1.05rem;

    line-height:
        1;
}


/* ==========================================================
   BOTÓN CERRAR
   ========================================================== */

.fdr-cart-close {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    margin: 0;
    padding: 0;

    border: 0;

    background:
        transparent;

    box-shadow:
        none;

    color:
        var(--fdr-cart-text);

    cursor: pointer;

    transition:
        transform 0.2s ease,
        color 0.2s ease;
}


.fdr-cart-close span {
    display: block;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        2rem;

    font-weight:
        300;

    line-height:
        1;
}


.fdr-cart-close:hover,
.fdr-cart-close:focus {
    color:
        var(--fdr-cart-rose);

    transform:
        rotate(90deg);

    outline:
        none;
}


/* ==========================================================
   CONTENIDO GENERAL
   ========================================================== */

.fdr-cart-drawer__content {
    display: flex;

    flex: 1 1 auto;
    flex-direction: column;

    min-height: 0;

    overflow: hidden;

    background:
        var(--fdr-cart-bg);
}


/* ==========================================================
   CUERPO
   ========================================================== */

.fdr-cart-drawer__body {
    position: relative;

    flex:
        1 1 auto;

    min-height: 0;

    overflow-y: auto;
    overflow-x: hidden;

    padding:
        28px
        36px
        32px;

    scrollbar-width:
        thin;

    scrollbar-color:
        rgba(167,84,106,0.28)
        transparent;
}


.fdr-cart-drawer__body::-webkit-scrollbar {
    width: 6px;
}


.fdr-cart-drawer__body::-webkit-scrollbar-track {
    background:
        transparent;
}


.fdr-cart-drawer__body::-webkit-scrollbar-thumb {
    border-radius:
        999px;

    background:
        rgba(167,84,106,0.26);
}


/* ==========================================================
   CARRITO VACÍO
   ========================================================== */

.fdr-cart-empty {
    display: flex;

    align-items: flex-start;
    justify-content: center;

    min-height:
        100%;

    padding:
        55px
        0
        0;

    text-align:
        center;
}


.fdr-cart-empty p {
    margin: 0;

    font-family:
        "Lora",
        serif;

    font-size:
        1.06rem;

    font-style:
        italic;

    font-weight:
        400;

    line-height:
        1.5;

    color:
        rgba(167,84,106,0.62);
}


/* ==========================================================
   LISTADO DE PRODUCTOS
   ========================================================== */

.fdr-cart-items {
    display: flex;

    flex-direction: column;

    width: 100%;
}


/* ==========================================================
   PRODUCTO
   ========================================================== */

.fdr-cart-item {
    display: grid;

    grid-template-columns:
        78px
        minmax(0, 1fr);

    gap:
        18px;

    width: 100%;

    padding:
        18px
        0;

    border-bottom:
        1px solid
        var(--fdr-cart-border);
}


.fdr-cart-item:first-child {
    padding-top:
        4px;
}


/* ==========================================================
   IMAGEN
   ========================================================== */

.fdr-cart-item__media {
    width:
        78px;

    height:
        78px;

    overflow:
        hidden;

    border:
        1px solid
        rgba(167,84,106,0.10);

    border-radius:
        5px;

    background:
        #fff;
}


.fdr-cart-item__media a {
    display:
        block;

    width:
        100%;

    height:
        100%;
}


.fdr-cart-item__image {
    display:
        block !important;

    width:
        100% !important;

    height:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    object-fit:
        cover;

    object-position:
        center;

    background:
        #fff;
}


/* ==========================================================
   INFORMACIÓN DEL PRODUCTO
   ========================================================== */

.fdr-cart-item__info {
    display: flex;

    flex-direction: column;

    min-width: 0;

    padding-top:
        1px;
}


/* Nombre */

.fdr-cart-item__name {
    display:
        block;

    max-width:
        100%;

    margin:
        0
        0
        6px;

    font-family:
        "Lora",
        serif;

    font-size:
        1rem;

    font-weight:
        700;

    line-height:
        1.3;

    text-decoration:
        none !important;

    color:
        var(--fdr-cart-text) !important;

    overflow-wrap:
        anywhere;

    transition:
        color 0.2s ease;
}


a.fdr-cart-item__name:hover {
    color:
        var(--fdr-cart-rose) !important;
}


/* ==========================================================
   PRECIO PRODUCTO
   ========================================================== */

.fdr-cart-item__price {
    margin:
        0
        0
        10px;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        0.98rem;

    font-weight:
        600;

    line-height:
        1.25;

    color:
        var(--fdr-cart-rose);
}


.fdr-cart-item__price
.woocommerce-Price-amount,
.fdr-cart-item__price
.woocommerce-Price-currencySymbol {
    color:
        inherit !important;
}


/* ==========================================================
   CONTROLES DE CANTIDAD
   ========================================================== */

.fdr-cart-item__controls {
    display:
        flex;

    align-items:
        center;

    gap:
        11px;

    width:
        100%;
}


.fdr-cart-qty {
    display:
        inline-flex;

    align-items:
        center;
    justify-content:
        center;

    flex:
        0 0 auto;

    width:
        30px;

    height:
        30px;

    margin:
        0;

    padding:
        0;

    border:
        1px solid
        var(--fdr-cart-rose);

    border-radius:
        50%;

    background:
        transparent;

    box-shadow:
        none;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        1rem;

    font-weight:
        400;

    line-height:
        1;

    color:
        var(--fdr-cart-rose);

    cursor:
        pointer;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}


.fdr-cart-qty:hover,
.fdr-cart-qty:focus {
    background:
        var(--fdr-cart-rose);

    color:
        #fff;

    transform:
        translateY(-1px);

    outline:
        none;
}


/* Cantidad */

.fdr-cart-item__quantity {
    display:
        inline-flex;

    align-items:
        center;
    justify-content:
        center;

    min-width:
        18px;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        0.92rem;

    font-weight:
        500;

    line-height:
        1;

    color:
        var(--fdr-cart-text);
}


/* ==========================================================
   ELIMINAR
   ========================================================== */

/*
 * Lo ocultamos visualmente porque la referencia
 * usa solamente - / cantidad / +.
 *
 * El JS podrá eliminar cuando la cantidad llegue
 * al mínimo correspondiente o usando la acción remove.
 */

.fdr-cart-item__remove {
    display:
        none !important;
}


/* ==========================================================
   FOOTER
   ========================================================== */

.fdr-cart-drawer__footer {
    flex:
        0 0 auto;

    width:
        100%;

    padding:
        25px
        36px
        28px;

    border-top:
        1px solid
        var(--fdr-cart-border);

    background:
        var(--fdr-cart-bg);
}


/* ==========================================================
   TOTAL
   ========================================================== */

.fdr-cart-total {
    display:
        flex;

    align-items:
        center;
    justify-content:
        space-between;

    width:
        100%;

    margin:
        0
        0
        22px;
}


.fdr-cart-total > span {
    font-family:
        "Lora",
        serif;

    font-size:
        1rem;

    font-weight:
        500;

    line-height:
        1.2;

    color:
        var(--fdr-cart-text);
}


.fdr-cart-total > strong {
    font-family:
        "Lora",
        serif;

    font-size:
        1.55rem;

    font-weight:
        700;

    line-height:
        1;

    color:
        var(--fdr-cart-rose);
}


.fdr-cart-total
.woocommerce-Price-amount,
.fdr-cart-total
.woocommerce-Price-currencySymbol {
    color:
        inherit !important;
}


/* ==========================================================
   BOTÓN CHECKOUT
   ========================================================== */

.fdr-cart-checkout {
    display:
        flex !important;

    align-items:
        center;
    justify-content:
        center;

    gap:
        9px;

    width:
        100%;

    min-height:
        58px;

    margin:
        0 !important;

    padding:
        0.9rem
        1.4rem;

    border:
        1px solid
        var(--fdr-cart-rose);

    border-radius:
        2px;

    background:
        var(--fdr-cart-rose);

    box-shadow:
        none;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        0.8rem;

    font-weight:
        700;

    line-height:
        1;

    letter-spacing:
        0.11em;

    text-transform:
        uppercase;

    text-decoration:
        none !important;

    color:
        #fff !important;

    cursor:
        pointer;

    transition:
        background-color 0.22s ease,
        border-color 0.22s ease,
        transform 0.22s ease;
}


.fdr-cart-checkout:hover,
.fdr-cart-checkout:focus {
    border-color:
        var(--fdr-cart-rose-dark);

    background:
        var(--fdr-cart-rose-dark);

    color:
        #fff !important;

    transform:
        translateY(-1px);

    outline:
        none;
}


.fdr-cart-checkout span {
    display:
        inline-block;

    font-size:
        1rem;

    line-height:
        1;

    transition:
        transform 0.2s ease;
}


.fdr-cart-checkout:hover span {
    transform:
        translateX(3px);
}


/* ==========================================================
   CHECKOUT DESACTIVADO — CARRITO VACÍO
   ========================================================== */

.fdr-cart-checkout.is-disabled {
    pointer-events:
        none;

    opacity:
        1;

    cursor:
        default;
}


/* ==========================================================
   ESTADO DE CARGA
   ========================================================== */

.fdr-cart-drawer.is-loading
.fdr-cart-drawer__body,
.fdr-cart-drawer.is-loading
.fdr-cart-drawer__footer {
    opacity:
        0.56;

    pointer-events:
        none;
}


.fdr-cart-drawer.is-loading
.fdr-cart-panel {
    cursor:
        progress;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media
(min-width: 701px)
and
(max-width: 1100px) {

    .fdr-cart-panel {
        width:
            min(
                470px,
                46vw
            );
    }

}


/* ==========================================================
   MÓVIL
   ========================================================== */

@media
(max-width: 700px) {

    .fdr-cart-panel {
        width:
            100%;

        max-width:
            none;
    }


    /* Header */

    .fdr-cart-header {
        min-height:
            78px;

        padding:
            0
            20px;
    }


    .fdr-cart-header h2 {
        font-size:
            1.35rem;
    }


    .fdr-cart-close {
        width:
            38px;

        height:
            38px;
    }


    .fdr-cart-close span {
        font-size:
            1.8rem;
    }


    /* Body */

    .fdr-cart-drawer__body {
        padding:
            24px
            20px
            28px;
    }


    /* Vacío */

    .fdr-cart-empty {
        padding-top:
            50px;
    }


    .fdr-cart-empty p {
        font-size:
            1rem;
    }


    /* Producto */

    .fdr-cart-item {
        grid-template-columns:
            72px
            minmax(0, 1fr);

        gap:
            14px;

        padding:
            16px
            0;
    }


    .fdr-cart-item__media {
        width:
            72px;

        height:
            72px;
    }


    .fdr-cart-item__name {
        font-size:
            0.96rem;
    }


    .fdr-cart-item__price {
        font-size:
            0.92rem;
    }


    .fdr-cart-qty {
        width:
            30px;

        height:
            30px;
    }


    /* Footer */

    .fdr-cart-drawer__footer {
        padding:
            22px
            20px
            max(
                22px,
                env(safe-area-inset-bottom)
            );
    }


    .fdr-cart-total {
        margin-bottom:
            18px;
    }


    .fdr-cart-total > strong {
        font-size:
            1.45rem;
    }


    .fdr-cart-checkout {
        min-height:
            56px;
    }

}


/* ==========================================================
   MÓVIL PEQUEÑO
   ========================================================== */

@media
(max-width: 390px) {

    .fdr-cart-header {
        padding:
            0
            16px;
    }


    .fdr-cart-drawer__body {
        padding:
            20px
            16px
            24px;
    }


    .fdr-cart-item {
        grid-template-columns:
            66px
            minmax(0, 1fr);

        gap:
            12px;
    }


    .fdr-cart-item__media {
        width:
            66px;

        height:
            66px;
    }


    .fdr-cart-drawer__footer {
        padding-left:
            16px;

        padding-right:
            16px;
    }

}


/* ==========================================================
   ACCESIBILIDAD — REDUCIR MOVIMIENTO
   ========================================================== */

@media
(prefers-reduced-motion: reduce) {

    .fdr-cart-panel,
    .fdr-cart-overlay,
    .fdr-cart-close,
    .fdr-cart-qty,
    .fdr-cart-checkout,
    .fdr-cart-checkout span {
        transition:
            none !important;
    }

}
/* ==========================================================
   FIX — OVERLAY DEL CARRITO
   Evita estilos globales de botones / Astra
   ========================================================== */

body .fdr-cart-drawer .fdr-cart-overlay,
body .fdr-cart-drawer .fdr-cart-overlay:hover,
body .fdr-cart-drawer .fdr-cart-overlay:focus,
body .fdr-cart-drawer .fdr-cart-overlay:active {
    position: absolute !important;
    inset: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: rgba(28, 24, 25, 0.56) !important;
    background-color: rgba(28, 24, 25, 0.56) !important;
    background-image: none !important;

    box-shadow: none !important;

    opacity: 0;

    transform: none !important;

    cursor: pointer;

    appearance: none !important;
    -webkit-appearance: none !important;

    transition: opacity 0.28s ease !important;
}

body .fdr-cart-drawer.is-open .fdr-cart-overlay {
    opacity: 1 !important;
}
/* ==========================================================
   CARRITO — BOTÓN CERRAR
   Mantener animación, eliminar fondo morado
   ========================================================== */

.fdr-cart-drawer .fdr-cart-close,
.fdr-cart-drawer .fdr-cart-close:hover,
.fdr-cart-drawer .fdr-cart-close:focus,
.fdr-cart-drawer .fdr-cart-close:active {
    appearance: none !important;
    -webkit-appearance: none !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 52px !important;
    height: 52px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    box-shadow: none !important;
    outline: none !important;

    color: #1f2430 !important;
    font-size: 34px !important;
    line-height: 1 !important;
    text-decoration: none !important;

    cursor: pointer !important;
}

/* Estado base */
.fdr-cart-drawer .fdr-cart-close {
    transition:
        transform 0.18s ease,
        color 0.18s ease,
        opacity 0.18s ease !important;
}

/* Hover: solo movimiento + cambio de color */
.fdr-cart-drawer .fdr-cart-close:hover,
.fdr-cart-drawer .fdr-cart-close:focus {
    transform: rotate(90deg) scale(1.06) !important;
    color: #a7546a !important;
}

/* Active: un pequeño toque al hacer click */
.fdr-cart-drawer .fdr-cart-close:active {
    transform: rotate(90deg) scale(0.96) !important;
}
/* ==========================================================
   FIX — EVITAR DOBLE CARRITO
   Oculta el minicart nativo de Astra,
   pero mantiene visible el icono del carrito.
   ========================================================== */

.ast-site-header-cart .ast-site-header-cart-data,
.ast-site-header-cart .widget_shopping_cart,
.ast-site-header-cart .widget_shopping_cart_content,
.ast-header-woo-cart .ast-site-header-cart-data,
#ast-site-header-cart .ast-site-header-cart-data {
    display: none !important;
}


/* ==========================================================
   FIX — DRAWER DEBAJO DE LA BARRA DE WORDPRESS
   ========================================================== */

.fdr-cart-drawer {
    z-index: 99990 !important;
}


/*
 * El panel ocupa la altura disponible
 * dentro del drawer.
 */
.fdr-cart-panel {
    height: 100% !important;
}


/* ==========================================================
   WORDPRESS ADMIN BAR — ESCRITORIO
   ========================================================== */

body.admin-bar .fdr-cart-drawer {
    top: 32px !important;
    bottom: 0 !important;
    height: auto !important;
}


/* ==========================================================
   WORDPRESS ADMIN BAR — MÓVIL / TABLET
   ========================================================== */

@media (max-width: 782px) {

    body.admin-bar .fdr-cart-drawer {
        top: 46px !important;
        bottom: 0 !important;
        height: auto !important;
    }

}
/* ==========================================================
   FIX FUERTE — OCULTAR CARRITO NATIVO DE ASTRA
   Mantiene visible el icono del header.
   ========================================================== */

/* Drawer moderno de Astra */
body .astra-cart-drawer,
body .astra-cart-drawer-wrapper,
body .astra-cart-drawer-overlay,

/* Minicart clásico */
body .ast-site-header-cart .ast-site-header-cart-data,
body .ast-site-header-cart .widget_shopping_cart,
body .ast-site-header-cart .widget_shopping_cart_content,

/* Variantes Astra / WooCommerce */
body .ast-header-woo-cart .ast-site-header-cart-data,
body #ast-site-header-cart .ast-site-header-cart-data {
    display: none !important;

    visibility: hidden !important;
    opacity: 0 !important;

    pointer-events: none !important;

    width: 0 !important;
    height: 0 !important;

    overflow: hidden !important;

    transform: none !important;
}
/* ==========================================================
   ELIMINAR PRODUCTO — X EN ESQUINA
   ========================================================== */

.fdr-cart-item {
    position: relative;
}


/* Mostrar la X */
.fdr-cart-drawer .fdr-cart-item__remove,
.fdr-cart-drawer .fdr-cart-item__remove:hover,
.fdr-cart-drawer .fdr-cart-item__remove:focus,
.fdr-cart-drawer .fdr-cart-item__remove:active {
    appearance: none !important;
    -webkit-appearance: none !important;

    position: absolute !important;

    top: 10px !important;
    right: 4px !important;

    z-index: 5 !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 28px !important;
    height: 28px !important;

    min-width: 28px !important;
    min-height: 28px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    box-shadow: none !important;
    outline: none !important;

    color: rgba(44, 44, 44, 0.48) !important;

    font-family: "Lato", sans-serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    cursor: pointer !important;

    opacity: 1 !important;
    visibility: visible !important;

    transition:
        color 0.18s ease,
        transform 0.18s ease,
        opacity 0.18s ease !important;
}


/* Hover elegante */
.fdr-cart-drawer .fdr-cart-item__remove:hover,
.fdr-cart-drawer .fdr-cart-item__remove:focus {
    color: #a7546a !important;

    transform:
        rotate(90deg)
        scale(1.06) !important;
}


/* Click */
.fdr-cart-drawer .fdr-cart-item__remove:active {
    color: #91485c !important;

    transform:
        rotate(90deg)
        scale(0.94) !important;
}


/* Dejar espacio para que la X no tape el título */
.fdr-cart-item__info {
    padding-right: 32px;
}
/* ==========================================================
   LAS FLORES DE LA REINA
   CART TOAST
   VERSIÓN LIMPIA
   ========================================================== */


/* ==========================================================
   CONTENEDOR
   ========================================================== */

body .woocommerce-message.fdr-cart-toast {
    position: fixed !important;

    left: 50% !important;

    bottom:
        calc(
            24px +
            env(safe-area-inset-bottom, 0px)
        ) !important;

    z-index: 999999 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: max-content !important;

    max-width:
        min(
            760px,
            calc(100vw - 40px)
        ) !important;

    min-height: 58px !important;

    margin: 0 !important;

    padding:
        14px
        20px !important;

    border:
        1px solid
        rgba(255,255,255,0.10) !important;

    border-radius:
        12px !important;

    background:
        rgba(39,37,37,0.97) !important;

    background-color:
        rgba(39,37,37,0.97) !important;

    background-image:
        none !important;

    box-shadow:
        0 14px 38px
        rgba(0,0,0,0.24) !important;

    color:
        #fff !important;

    opacity:
        0 !important;

    visibility:
        hidden !important;

    transform:
        translate(
            -50%,
            18px
        ) !important;

    pointer-events:
        none !important;

    transition:
        opacity 0.28s ease,
        transform 0.32s cubic-bezier(0.16,1,0.3,1),
        visibility 0.28s ease !important;
}


/* ==========================================================
   VISIBLE
   ========================================================== */

body .woocommerce-message.fdr-cart-toast.is-visible {
    opacity:
        1 !important;

    visibility:
        visible !important;

    transform:
        translate(
            -50%,
            0
        ) !important;
}


/* ==========================================================
   QUITAR ESTILOS NATIVOS WOOCOMMERCE
   ========================================================== */

body .woocommerce-message.fdr-cart-toast::before,
body .woocommerce-message.fdr-cart-toast::after {
    display:
        none !important;

    content:
        none !important;
}


body .woocommerce-message.fdr-cart-toast
.button,

body .woocommerce-message.fdr-cart-toast
.wc-forward {
    display:
        none !important;
}


/* ==========================================================
   INTERIOR
   ========================================================== */

.fdr-cart-toast__inner {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    width: 100%;

    margin: 0;
    padding: 0;
}


/* ==========================================================
   DESTELLO
   ========================================================== */

.fdr-cart-toast__icon {
    flex:
        0
        0
        auto;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    margin: 0;

    color:
        rgba(255,255,255,0.86);

    font-size:
        0.78rem;

    line-height:
        1;
}


/* ==========================================================
   FLOR
   ========================================================== */

.fdr-cart-toast__flower {
    flex:
        0
        0
        auto;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    margin:
        0 !important;

    color:
        #d77f97;

    font-size:
        0.82rem;

    line-height:
        1;
}


/* ==========================================================
   MENSAJE COMPLETO
   ========================================================== */

.fdr-cart-toast__message {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        4px
        7px;

    min-width: 0;

    margin: 0;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        0.82rem;

    font-weight:
        400;

    line-height:
        1.4;

    text-align:
        center;

    color:
        rgba(255,255,255,0.92);
}


/* ==========================================================
   PRODUCTO
   ========================================================== */

.fdr-cart-toast__product {
    display:
        inline;

    margin: 0;

    color:
        #d77f97 !important;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        inherit;

    font-weight:
        700 !important;

    line-height:
        inherit;
}


/* ==========================================================
   SEPARADOR
   ========================================================== */

.fdr-cart-toast__separator {
    display:
        inline;

    margin: 0;

    color:
        rgba(255,255,255,0.42);

    font-weight:
        400;

    line-height:
        inherit;
}


/* ==========================================================
   "SE AÑADIÓ A TU CARRITO"
   ========================================================== */

.fdr-cart-toast__text {
    display:
        inline;

    margin: 0;

    color:
        rgba(255,255,255,0.92) !important;

    font-family:
        "Poppins",
        sans-serif !important;

    font-size:
        inherit !important;

    font-weight:
        400 !important;

    line-height:
        inherit !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 600px) {

    body .woocommerce-message.fdr-cart-toast {
        bottom:
            calc(
                18px +
                env(
                    safe-area-inset-bottom,
                    0px
                )
            ) !important;

        width:
            calc(
                100vw - 28px
            ) !important;

        max-width:
            calc(
                100vw - 28px
            ) !important;

        min-height:
            58px !important;

        padding:
            13px
            15px !important;

        border-radius:
            10px !important;
    }


    .fdr-cart-toast__inner {
        gap:
            6px;
    }


    .fdr-cart-toast__message {
        gap:
            2px
            5px;

        font-size:
            0.74rem;

        line-height:
            1.45;
    }


    .fdr-cart-toast__icon {
        font-size:
            0.72rem;
    }


    .fdr-cart-toast__flower {
        font-size:
            0.76rem;
    }

}


/* ==========================================================
   REDUCIR MOVIMIENTO
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    body .woocommerce-message.fdr-cart-toast {
        transition-duration:
            0.01ms !important;
    }

}
/* ==========================================================
   EVITAR FLASH DEL MENSAJE ANTIGUO
   ========================================================== */

/*
 * Si el mensaje ya contiene nuestro contenido FDR,
 * se mantiene oculto desde el primer instante,
 * incluso antes de que el JS agregue .fdr-cart-toast.
 */

body .woocommerce-message:has(
    [data-fdr-cart-toast-content]
) {
    opacity: 0 !important;
    visibility: hidden !important;

    transform:
        translate(
            -50%,
            18px
        ) !important;

    pointer-events: none !important;
}


/*
 * Cuando el JS termina de prepararlo,
 * aparece normalmente.
 */

body .woocommerce-message.fdr-cart-toast.is-visible:has(
    [data-fdr-cart-toast-content]
) {
    opacity: 1 !important;
    visibility: visible !important;

    transform:
        translate(
            -50%,
            0
        ) !important;
}