.elementor-909 .elementor-element.elementor-element-35137cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-909 .elementor-element.elementor-element-116fe4d #payment #place_order{background-color:var( --e-global-color-blocksy_palette_1 );}.elementor-909 .elementor-element.elementor-element-116fe4d #payment #place_order:hover{background-color:var( --e-global-color-secondary );}.elementor-909 .elementor-element.elementor-element-116fe4d > .elementor-widget-container{border-style:none;}.elementor-909 .elementor-element.elementor-element-116fe4d{--billing-details-title-alignment:start;--additional-information-display:block;--order-review-title-alignment:start;--coupon-title-alignment:start;--sections-border-type:none;--sections-border-radius:20px 20px 20px 20px;--sections-padding:50px 50px 50px 50px;--sections-margin:30px 0px 0px 0px;--sections-title-color:var( --e-global-color-blocksy_palette_1 );--forms-columns-gap-padding:calc( 0px/2 );--forms-columns-gap-margin:calc( -0px/2 );--forms-rows-gap:30px;--forms-labels-color:var( --e-global-color-text );--forms-label-spacing:10px;--forms-fields-border-radius:10px 10px 10px 10px;--forms-buttons-border-radius:30px 30px 30px 30px;--order-summary-rows-gap-top:calc( 40px/2 );--order-summary-rows-gap-bottom:calc( 40px/2 );--order-summary-items-color:var( --e-global-color-blocksy_palette_3 );--order-summary-items-divider-color:#BAC2C3;--order-summary-items-divider-weight:1px;--order-summary-totals-divider-color:#BAC2C3;--order-summary-totals-divider-weight:1px;--purchase-button-normal-text-color:var( --e-global-color-blocksy_palette_8 );--purchase-button-border-radius:30px 30px 30px 30px;}.elementor-909 .elementor-element.elementor-element-116fe4d .coupon-container-grid{--coupon-button-alignment:start;}.elementor-909 .elementor-element.elementor-element-116fe4d .woocommerce-shipping-fields{--shipping-heading-padding-start:50px;}.elementor-909 .elementor-element.elementor-element-116fe4d h3#order_review_heading, .elementor-909 .elementor-element.elementor-element-116fe4d .woocommerce-billing-fields h3, .elementor-909 .elementor-element.elementor-element-116fe4d .woocommerce-additional-fields h3{font-size:18px;font-weight:500;text-transform:uppercase;letter-spacing:1.2px;}.elementor-909 .elementor-element.elementor-element-116fe4d .woocommerce #customer_details .form-row .input-text, .elementor-909 .elementor-element.elementor-element-116fe4d  .woocommerce #customer_details .form-row textarea, .elementor-909 .elementor-element.elementor-element-116fe4d .woocommerce form #customer_details select, .elementor-909 .elementor-element.elementor-element-116fe4d .woocommerce .e-woocommerce-login-anchor .form-row .input-text, .elementor-909 .elementor-element.elementor-element-116fe4d #coupon_code, .elementor-909 .elementor-element.elementor-element-116fe4d .select2-container--default .select2-selection--single{border-style:none;}.elementor-909 .elementor-element.elementor-element-116fe4d .woocommerce-checkout-review-order-table .cart_item td{font-size:14px;}.elementor-909 .elementor-element.elementor-element-116fe4d .woocommerce-checkout-review-order-table thead tr th, .elementor-909 .elementor-element.elementor-element-116fe4d .woocommerce-checkout-review-order-table tfoot tr th, .elementor-909 .elementor-element.elementor-element-116fe4d .woocommerce-checkout-review-order-table tfoot tr td{font-size:15px;text-transform:uppercase;letter-spacing:1.3px;}body.elementor-page-909:not(.elementor-motion-effects-element-type-background), body.elementor-page-909 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2AB19F;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-909 .elementor-element.elementor-element-116fe4d{--sections-padding:30px 30px 30px 30px;}.elementor-909 .elementor-element.elementor-element-116fe4d .woocommerce-shipping-fields{--shipping-heading-padding-start:30px;}}/* Start custom CSS */.cart-subtotal, .product-total {
text-align: right!important;
}
.woocommerce-Price-amount .amount {
text-align: right!important;
}
.order-loyalty-points .program-title {
    display: flex;
    gap: 0.5rem;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.2;
    color: #2ab19f;
    background-color: #eee;
    padding: 30px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    min-height: 140px;
    align-items: center;
}


.points-earn {
padding: 20px;
background-color: #eee;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
border-left: 1px solid #999;
min-height: 140px;
}

th, td {
padding: 20px 0 !important;
}
.order-loyalty-points .program-title {
margin: 0px !important;
}
.ct-media-container {
    border-radius: 20px!important;
}
.woocommerce-Price-amount, .amount {
text-align: right !important;
}
.entry-header, .ct-container-narrow {
    display: none!important;
}
#apply_gift_card_btn, #remove_gift_card_btn {
    padding: 10px 25px !important;
    cursor: pointer;
    background-color: #2ab19f;
    border-color: #111111;
    border-width: 0;
    color: white;
    font-family: inherit;
    font-size: 0.9rem;
    letter-spacing: 0.07em;
    font-style: normal;
    font-weight: 500;
    line-height: inherit;
    padding: .78rem 1.1rem;
    text-decoration: none;
    border-radius: 30px;
    text-transform: uppercase;
    width: 100%;
}



/* ==========================================================================
   1. OCULTACIÓ ABSOLUTA DEL CODI PER DEFECTE DE SQUARESYNC
   ========================================================================== */
.woocommerce-checkout-review-order-table .order-loyalty-points,
.woocommerce-checkout-review-order-table .gift-card-legacy-container {
    display: none !important;
}

/* Estil gran per al preu total de la comanda */
.woocommerce-checkout-review-order-table .order-total .amount {
    font-size: 38px !important;
    color: #2bbbb2 !important;
    font-weight: 700 !important;
    float: right;
}

/* ==========================================================================
   2. DISSENY INTEGRAL DE LES DUES CAIXES CREADES DE ZERO
   ========================================================================== */
.fila-inferior-maqueta {
    display: flex !important;
    gap: 20px !important;
    width: 100% !important;
    clear: both !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
    box-sizing: border-box !important;
}

.caixa-maqueta-custom {
flex: 1 !important;
border-radius: 16px !important;
padding: 50px !important;
box-sizing: border-box !important;
color: #ffffff !important;
}

.caixa-maqueta-custom h3 {
margin-top: 0 !important;
margin-bottom: 30px !important;
font-size: 18px !important;
font-weight: 500 !important;
display: flex !important;
align-items: center !important;
color: #ffffff !important;
letter-spacing: 0.1em;
gap: 15px;
}

/* --- CONFIGURACIÓ DE LES ICONES SVG EN ELS TÍTOLS --- */
.caixa-maqueta-custom h3::before {
    content: "" !important;
    display: inline-block !important;
    width: 44px !important;  /* Pots canviar l'amplada de la icona aquí */
    height: 44px !important; /* Pots canviar l'alçada de la icona aquí */
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* ENGANXA AQUÍ LA URL DE LA ICONA DE FIDELITZACIÓ */
#caixa-fidelitat-maqueta h3::before {
    background-image: url('https://mendemic.com/wp-content/uploads/2026/10/icoextres_0502.svg') !important;
}

/* ENGANXA AQUÍ LA URL DE LA ICONA DE TARGETA REGAL */
#caixa-giftcard-maqueta h3::before {
    background-image: url('https://mendemic.com/wp-content/uploads/2026/10/icoextres_0402.svg') !important;
}
#order_review_heading::before {
background-image: url('https://mendemic.com/wp-content/uploads/2026/10/icoextres_0502.svg') !important;
}

.caixa-maqueta-custom p {
font-size: 16px !important;
color: #ffffff !important;
margin-bottom: 15px !important;
opacity: 0.75 !important;
width: 60%;
}

/* --- CAIXA FIDELITZACIÓ (Esquerra) --- */
#caixa-fidelitat-maqueta {
    background-color: #108b85 !important; /* El teu color fons turquesa */
}

/* Quadrat Blanc de Punts */
#caixa-fidelitat-maqueta .quadrat-blanc-punts {
background: #ffffff !important;
color: #2bbbb2 !important;
border-radius: 15px !important;
padding: 10px 15px !important;
text-align: center !important;
float: right !important;
min-width: 30% !important;
height: 100%;
min-height: 120px;
line-height: 1.1 !important;
display: grid;
align-items: center;
}

#caixa-fidelitat-maqueta .num-punts-dinamic {
font-size: 80px !important;
font-weight: 800 !important;
display: block !important;
}

#caixa-fidelitat-maqueta .label-punts {
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: 0.5px !important;
margin-bottom: 10px;
}

/* --- CAIXA TARGETA REGAL (Dreta) --- */
#caixa-giftcard-maqueta {
    background-color: #3a4750 !important; /* El teu color fons gris fosc */
}

/* Input de text (Camp de codi escrit) */
#caixa-giftcard-maqueta .input-giftcard-nou {
    border-radius: 30px !important;
    border: none !important;
    padding: 12px 20px !important;
    width: 60% !important;
    display: inline-block !important;
    background-color: #ffffff !important;
    color: #333333 !important;
    margin-right: 10px !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Botó "Aplicar" */
#caixa-giftcard-maqueta .boto-giftcard-nou {
    background-color: #2bbbb2 !important; /* Color fons del botó aplicar */
    color: #ffffff !important;
    border-radius: 30px !important;
    border: none !important;
    padding: 12px 25px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: background 0.3s ease !important;
    display: inline-block !important;
}

#caixa-giftcard-maqueta .boto-giftcard-nou:hover {
background-color: #22968f !important; /* Color quan passes el ratolí per sobre */
}
/* 1. Eliminem el text antic de Square ("Gift Card" i "Enter Gift Card Code:") */
#caixa-giftcard-maqueta .formulari-real-allotjat-square th,
#caixa-giftcard-maqueta .formulari-real-allotjat-square label,
#caixa-giftcard-maqueta .formulari-real-allotjat-square br {
    display: none !important;
}

/* 2. Treiem la vora blanca, l'ombra i el fons residual que envolta el formulari */
#caixa-giftcard-maqueta .gift-card-legacy-container,
#caixa-giftcard-maqueta .formulari-real-allotjat-square tr,
#caixa-giftcard-maqueta .formulari-real-allotjat-square td {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
}
/* Control responsive per a mòbils */
@media (max-width: 768px) {
[data-vertical-spacing*=top] {
padding-top: 20px !important;
}
.fila-inferior-maqueta {
display: flex !important;
gap: 20px !important;
width: var(--theme-container-width);
max-width: var(--theme-block-max-width);
margin-top: 25px !important;
margin-bottom: 25px !important;
box-sizing: border-box !important;
flex-direction: column;
}
.caixa-maqueta-custom {
width: var(--theme-container-width);
max-width: var(--theme-block-max-width);
}
#customer_details {
width: var(--theme-container-width);
max-width: var(--theme-block-max-width);
}
.woocommerce-additional-fields {
width: var(--theme-container-width);
max-width: var(--theme-block-max-width);
}
.e-checkout__column-inner, .e-sticky-right-column {
width: var(--theme-container-width);
max-width: var(--theme-block-max-width);
}
.woocommerce-checkout-payment {
width: var(--theme-container-width);
max-width: var(--theme-block-max-width);
}
/* 1. Forcem que la caixa de fidelitat es comporti com una columna vertical */
#caixa-fidelitat-maqueta {
display: flex !important;
flex-direction: column !important;
}

/* 2. Establim l'ordre visual correcte de dalt a baix */
#caixa-fidelitat-maqueta h3 {
order: 1 !important; /* 1r: El títol amb la icona */
margin-bottom: 12px !important;
}
#caixa-fidelitat-maqueta .text-fidelitat-dinamic {
order: 2 !important; /* 2n: La frase explicativa dinàmica */
width: 100% !important;
float: none !important;
margin-bottom: 15px !important;
    }
#caixa-fidelitat-maqueta .quadrat-blanc-punts {
order: 3 !important; /* 3r: El quadrat blanc de punts a baix de tot */
float: none !important;
display: inline-block !important;
align-self: flex-start !important; /* S'alinea netament a l'esquerra */
margin-top: 0 !important;
width: 100%;
    }
.caixa-maqueta-custom p {
width: 100%;
}
#apply_gift_card_btn, #remove_gift_card_btn {
margin-top: 10px;
}
}
@media (min-width: 769px) {
#caixa-giftcard-maqueta .formulari-real-allotjat-square td {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 12px !important;
width: 100% !important;
align-items: flex-end;
}
#caixa-giftcard-maqueta input[type="text"] {
flex: 1 !important; /* L'input s'estira de manera intel·ligent */
width: auto !important;
margin-right: 0 !important;
height: 40px!important;
}
#caixa-giftcard-maqueta button,
    #caixa-giftcard-maqueta .button,
    #caixa-giftcard-maqueta #apply_gift_card_btn {
flex-shrink: 0 !important;
width: auto !important;
}
}







/* ==========================================================================
   2. ADDONS CHECKOUT
   ========================================================= */
#f1d745b_field {
margin: 50px 0 10px;
padding: 60px;
background-color: #fff;
border-radius: 20px;
}
#f77b48c_field  {
margin: 50px 0 10px;
padding: 60px;
background-color: #fff;
border-radius: 20px;
}/* End custom CSS */