/**
 * custom.css — personalizzazioni stile per-sito
 *
 * Caricato su TUTTE le pagine frontend (default.xml, order 200).
 * Usalo per: form recesso, link footer CMS, conflitti col tema, ecc.
 *
 * Non modificare withdrawal.css né footer-cta.css: sono fogli comuni del pacchetto.
 * Su pagine recesso/ordini, withdrawal.css si aggiunge ai layout specifici.
 *
 * Selettori utili:
 *   .dexanet-withdrawal-page, .dxw-*  — form recesso
 *   .page-footer .dxw-footer-cta*     — link automatico footer (se abilitato)
 *   .page-footer a[href*="recesso"]     — link footer CMS manuale (esempio)
 *
 * Colori/radius form: Stores → Configuration → Recesso consumatori → Aspetto
 *
 * Dopo ogni modifica (production):
 *   php bin/magento setup:static-content:deploy -f <locale>
 *   php bin/magento cache:flush
 */

/* Aggiungi le regole personalizzate qui sotto */

/* Bottone a fondo pagina */
a.dexanet--withdrawal-link {
    background-color: #fff;
    color: #292929 !important;
    padding: 6px 10px;
    transition: all .3s ease;
    border-radius: 40px;
    display: inline-block;
    margin-top: 15px;
}

a.dexanet--withdrawal-link:hover, a.dexanet--withdrawal-link:focus, a.dexanet--withdrawal-link:active {
    background-color: #bbb;
}

a.dexanet--withdrawal-link:active, a.dexanet--withdrawal-link:visited {
    color: #292929 !important;
}


/* ============================================================
   Farmacia Ferrari — link footer recesso
   ============================================================ */
.page-footer a.dexanet--withdrawal-link,
.footer-content a.dexanet--withdrawal-link {
    color: inherit !important;
    text-decoration: none !important;
}

.page-footer a.dexanet--withdrawal-link:hover,
.footer-content a.dexanet--withdrawal-link:hover {
    text-decoration: underline !important;
}

/* ============================================================
   Farmacia Ferrari — recesso come form Contatti (.form_contatti)
   ============================================================ */

body.dexanet-withdrawal-page,
body.dexanet-withdrawal-cms-page {
    --dxw-font-scale: 1 !important;
    --dxw-color-primary: #69aa27 !important;
    --dxw-color-primary-hover: #69aa27 !important;
    --dxw-color-primary-contrast: #ffffff !important;
    --dxw-color-link: #006bb4 !important;
    --dxw-color-text: #333333 !important;
    --dxw-color-muted: #666666 !important;
    --dxw-color-border: #c2c2c2 !important;
    --dxw-color-surface: #ffffff !important;
    --dxw-color-canvas: #ffffff !important;
    --dxw-radius: 1px !important;
}

body.dexanet-withdrawal-page .page-main,
body.dexanet-withdrawal-page .columns,
body.dexanet-withdrawal-page .column.main {
    background-color: #fff !important;
}

/* Contenitore centrato come colonna form contatti */
body.dexanet-withdrawal-page .dxw-page {
    max-width: 600px !important;
    margin: 0 auto !important;
    padding: 2rem 1rem 3rem !important;
    box-sizing: border-box !important;
    font-family: "Lato", sans-serif !important;
    color: #333 !important;
}

/* Header pagina */
body.dexanet-withdrawal-page .dxw-header {
    margin: 0 0 1.5rem !important;
    padding: 0 !important;
}

body.dexanet-withdrawal-page .dxw-breadcrumb {
    font-size: 1.4rem !important;
    color: #666 !important;
    margin-bottom: 0.75rem !important;
}

body.dexanet-withdrawal-page .dxw-breadcrumb a {
    color: #006bb4 !important;
    text-decoration: none !important;
}

body.dexanet-withdrawal-page .dxw-breadcrumb a:hover {
    text-decoration: underline !important;
}

body.dexanet-withdrawal-page .dxw-breadcrumb__current {
    color: #333 !important;
    font-weight: 600 !important;
}

body.dexanet-withdrawal-page .dxw-title {
    margin: 0 0 0.75rem !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 2.6rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    color: #333 !important;
    text-transform: none !important;
}

body.dexanet-withdrawal-page .dxw-subtitle,
body.dexanet-withdrawal-page .dxw-step,
body.dexanet-withdrawal-page .dxw-required-notice {
    font-size: 1.4rem !important;
    line-height: 1.5 !important;
    color: #333 !important;
}

body.dexanet-withdrawal-page .dxw-subtitle {
    margin-bottom: 0.5rem !important;
}

body.dexanet-withdrawal-page .dxw-step {
    font-weight: 600 !important;
    margin-bottom: 0.5rem !important;
}

body.dexanet-withdrawal-page .dxw-required-notice {
    margin-bottom: 1rem !important;
}

body.dexanet-withdrawal-page .dxw-hint,
body.dexanet-withdrawal-page .note {
    font-size: 1.2rem !important;
    color: #666 !important;
}

/* Box form — come .form_contatti */
body.dexanet-withdrawal-page .dxw-content {
    background: transparent !important;
    padding: 0 !important;
}

body.dexanet-withdrawal-page .dxw-card {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 10px !important;
    background: #fff !important;
    border: 1px solid #eee !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.dexanet-withdrawal-page .dxw-form,
body.dexanet-withdrawal-page #withdrawal-form-body {
    width: 100% !important;
}

/* Fieldset / legend — come form.contact */
body.dexanet-withdrawal-page .fieldset,
body.dexanet-withdrawal-page .dxw-fieldset {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.dexanet-withdrawal-page .legend,
body.dexanet-withdrawal-page .dxw-legend {
    display: block !important;
    position: static !important;
    clip: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 20px !important;
    padding: 0 0 10px !important;
    border: 0 !important;
    border-bottom: 1px solid #c5c5c5 !important;
    overflow: visible !important;
    float: left !important;
    box-sizing: border-box !important;
}

body.dexanet-withdrawal-page .legend + br {
    display: none !important;
}

body.dexanet-withdrawal-page .legend span,
body.dexanet-withdrawal-page .dxw-legend span {
    font-family: "Lato", sans-serif !important;
    font-size: 1.8rem !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
    color: #333 !important;
    text-transform: none !important;
}

/* Campi */
body.dexanet-withdrawal-page .field {
    clear: both !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    width: 100% !important;
}

body.dexanet-withdrawal-page .field .label,
body.dexanet-withdrawal-page .field label.label,
body.dexanet-withdrawal-page .field > .label {
    display: inline-block !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    width: auto !important;
    float: none !important;
    font-family: "Lato", sans-serif !important;
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    color: #333 !important;
    line-height: 1.4 !important;
}

body.dexanet-withdrawal-page .field.required > .label:after,
body.dexanet-withdrawal-page .field._required > .label:after {
    content: "*" !important;
    color: #e02b27 !important;
    font-size: 1.2rem !important;
    margin: 0 0 0 5px !important;
}

body.dexanet-withdrawal-page .field .control {
    width: 100% !important;
    max-width: 100% !important;
}

/* Input / select / textarea — stile Magento contatti */
body.dexanet-withdrawal-page .field .control input.input-text,
body.dexanet-withdrawal-page .field .control input[type="text"],
body.dexanet-withdrawal-page .field .control input[type="email"],
body.dexanet-withdrawal-page .field .control input[type="tel"],
body.dexanet-withdrawal-page .field .control input[type="number"],
body.dexanet-withdrawal-page .field .control select,
body.dexanet-withdrawal-page .field .control select.dxw-select,
body.dexanet-withdrawal-page .field .control textarea,
body.dexanet-withdrawal-page .dxw-card select#order_increment_id,
body.dexanet-withdrawal-page .dxw-partial-lines__qty {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 32px !important;
    padding: 0 9px !important;
    font-family: "Lato", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #333 !important;
    background: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #c2c2c2 !important;
    border-radius: 1px !important;
    box-shadow: none !important;
}

body.dexanet-withdrawal-page .field .control textarea {
    min-height: 120px !important;
    padding: 10px 9px !important;
    resize: vertical !important;
}

body.dexanet-withdrawal-page .field .control select,
body.dexanet-withdrawal-page .field .control select.dxw-select,
body.dexanet-withdrawal-page .dxw-card select#order_increment_id {
    height: 32px !important;
    padding-right: 2rem !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    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' fill='none' stroke='%23333333' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 12px 8px !important;
}

body.dexanet-withdrawal-page .field .control input:focus,
body.dexanet-withdrawal-page .field .control select:focus,
body.dexanet-withdrawal-page .field .control textarea:focus {
    outline: none !important;
    border-color: #00699d !important;
    box-shadow: 0 0 3px 1px #00699d !important;
}

body.dexanet-withdrawal-page div.mage-error {
    font-size: 1.2rem !important;
    color: #e02b27 !important;
    margin-top: 3px !important;
}

/* Radio */
body.dexanet-withdrawal-page .field[role="radiogroup"] > .label {
    margin-bottom: 8px !important;
}

body.dexanet-withdrawal-page .field[role="radiogroup"] > .control {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1.5rem !important;
}

body.dexanet-withdrawal-page .field[role="radiogroup"] .field.choice {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin: 0 !important;
    width: auto !important;
}

body.dexanet-withdrawal-page .field[role="radiogroup"] input[type="radio"].dxw-radio {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    accent-color: #69aa27 !important;
}

body.dexanet-withdrawal-page .field[role="radiogroup"] .field.choice > .label {
    font-weight: 400 !important;
    margin: 0 !important;
    cursor: pointer !important;
}

/* Checkbox privacy — come .privacy-container contatti */
body.dexanet-withdrawal-page .field.choice:has(input.dxw-checkbox) {
    display: block !important;
    margin-top: 0.5rem !important;
    margin-bottom: 1rem !important;
    overflow: hidden !important;
}

body.dexanet-withdrawal-page .field.choice input.dxw-checkbox {
    float: left !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    margin: 3px 8px 0 0 !important;
    padding: 0 !important;
    position: relative !important;
    top: 0 !important;
    accent-color: #69aa27 !important;
}

body.dexanet-withdrawal-page .field.choice input.dxw-checkbox + .label {
    display: inline !important;
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #333 !important;
}

body.dexanet-withdrawal-page .field.choice .label a {
    color: #006bb4 !important;
    text-decoration: none !important;
}

body.dexanet-withdrawal-page .field.choice .label a:hover {
    text-decoration: underline !important;
}

/* Checkbox righe recesso parziale */
body.dexanet-withdrawal-page .dxw-partial-lines__choice input[type="checkbox"].dxw-partial-lines__checkbox,
body.dexanet-withdrawal-page .dxw-partial-lines__table input[type="checkbox"].dxw-partial-lines__checkbox {
    top: 0 !important;
    margin: 0 !important;
    float: none !important;
    position: relative !important;
    vertical-align: middle !important;
    width: 12px !important;
    height: 12px !important;
    accent-color: #69aa27 !important;
}

/* Pulsante — verde pill come .bloomb .action / newsletter */
body.dexanet-withdrawal-page .actions-toolbar,
body.dexanet-withdrawal-page .dxw-review__confirm .actions-toolbar {
    display: block !important;
    width: 100% !important;
    margin-top: 1rem !important;
    padding: 0 !important;
    text-align: left !important;
}

body.dexanet-withdrawal-page .actions-toolbar::before,
body.dexanet-withdrawal-page .actions-toolbar::after {
    display: table !important;
    content: "" !important;
}

body.dexanet-withdrawal-page .actions-toolbar::after {
    clear: both !important;
}

body.dexanet-withdrawal-page .actions-toolbar > .primary {
    display: inline-block !important;
    float: left !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.dexanet-withdrawal-page .dxw-btn,
body.dexanet-withdrawal-page .actions-toolbar .action {
    display: inline-block !important;
    width: auto !important;
    min-width: auto !important;
    padding: 13px 30px !important;
    font-family: "Lato", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    border-radius: 27px !important;
    cursor: pointer !important;
    transition: all 1s ease !important;
    box-shadow: none !important;
}

body.dexanet-withdrawal-page .dxw-btn--primary,
body.dexanet-withdrawal-page .actions-toolbar .action.primary {
    color: #fff !important;
    background: #69aa27 !important;
    background-color: #69aa27 !important;
    border: 1px solid #69aa27 !important;
}

body.dexanet-withdrawal-page .dxw-btn--primary:hover,
body.dexanet-withdrawal-page .dxw-btn--primary:focus-visible,
body.dexanet-withdrawal-page .actions-toolbar .action.primary:hover,
body.dexanet-withdrawal-page .actions-toolbar .action.primary:focus-visible {
    color: #69aa27 !important;
    background: #fff !important;
    background-color: #fff !important;
    border-color: #69aa27 !important;
}

body.dexanet-withdrawal-page .dxw-btn--secondary,
body.dexanet-withdrawal-page .actions-toolbar .action.secondary {
    color: #69aa27 !important;
    background: #fff !important;
    border: 1px solid #69aa27 !important;
}

body.dexanet-withdrawal-page .dxw-btn--secondary:hover,
body.dexanet-withdrawal-page .actions-toolbar .action.secondary:hover {
    color: #fff !important;
    background: #69aa27 !important;
}

/* Box informativi */
body.dexanet-withdrawal-page .dxw-legal-notice,
body.dexanet-withdrawal-page .dxw-eligibility,
body.dexanet-withdrawal-page .dxw-review__declaration,
body.dexanet-withdrawal-page .dxw-partial-lines__card {
    background: #fff !important;
    border: 1px solid #eee !important;
    border-radius: 0 !important;
    padding: 10px !important;
    margin-bottom: 20px !important;
}

body.dexanet-withdrawal-page .dxw-content a:not(.dxw-btn):not(.action) {
    color: #006bb4 !important;
    text-decoration: none !important;
}

body.dexanet-withdrawal-page .dxw-content a:not(.dxw-btn):not(.action):hover {
    text-decoration: underline !important;
}

body.dexanet-withdrawal-page .page.messages {
    max-width: 600px !important;
    margin: 0 auto 1rem !important;
}

@media (min-width: 768px) {
    body.dexanet-withdrawal-page .dxw-page {
        padding: 2.5rem 1rem 3.5rem !important;
    }
}