/*
Theme Name: Hello Elementor Child
Description: Child theme for Hello Elementor
Author: Shirley
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* 16+ checkbox */
.whisper-age-confirmation {
    
    margin-bottom: 18px;
}

.whisper-age-confirmation label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #1F2744 !important;
    cursor: pointer;
}

.whisper-age-confirmation input[type="checkbox"] {
    width: 12px;
    height: 12px;
    accent-color: #F88714;
}

/* ==========================================
   Whisper region flags
   ========================================== */

.whisper-region-icon img.emoji {
    height: auto !important;
    max-width: none !important;
    vertical-align: middle;
}

/* Hero (boven de landnaam) */
.whisper-region-icon-default img.emoji {
    width: 38px !important;
}

/* Eventuele tussenmaat */
.whisper-region-icon-large img.emoji {
    width: 34px !important;
}

/* Popular destinations */
.whisper-region-icon-xl img.emoji {
    width: 28px !important;
}

/* =====================================================
   WHISPER – SESSION TIMEOUT POPUP
   ===================================================== */

/* Donkere overlay */
body .ReactModal__Overlay.ReactModal__Overlay--after-open {
    background: rgba(7, 30, 61, 0.72) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    z-index: 999999 !important;
}


/* Popup */
body div[role="dialog"][aria-label="Inactivity Warning"].ReactModal__Content {
    position: absolute !important;
    inset: 50% auto auto 50% !important;
    transform: translate(-50%, -50%) !important;

    width: 460px !important;
    max-width: calc(100% - 32px) !important;
    height: auto !important;
    max-height: calc(100vh - 40px) !important;

    padding: 0 !important;
    border: 0 !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    overflow: auto !important;

    box-shadow:
        0 24px 70px rgba(0, 0, 0, 0.28),
        0 6px 20px rgba(0, 0, 0, 0.10) !important;
}


/* Subtiele blauwe lijn bovenaan */
body div[role="dialog"][aria-label="Inactivity Warning"]::before {
    content: "";
    display: block;

    width: 100%;
    height: 5px;

    background: linear-gradient(
        90deg,
        #071e3d 0%,
        #245b94 55%,
        #67a7e8 100%
    );
}


/* Binnenkant */
body div[aria-label="Inactivity Warning"] .ina-modal-inside {
    padding: 30px 34px 30px !important;
    text-align: center !important;
}


/* Titel */
body div[aria-label="Inactivity Warning"] .ina-modal-inside h2 {
    margin: 0 0 12px !important;
    padding: 0 !important;

    color: #071e3d !important;
    font-family: inherit !important;
    font-size: 26px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: -0.3px !important;
    text-align: center !important;

    border: 0 !important;
}


/* Tekstgedeelte */
body div[aria-label="Inactivity Warning"] .ina-modal-content {
    max-width: 370px !important;
    margin: 0 auto !important;

    color: #647184 !important;
    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    text-align: center !important;
}


/* Alinea’s */
body div[aria-label="Inactivity Warning"] .ina-modal-content p {
    margin: 0 0 12px !important;
    padding: 0 !important;

    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

body div[aria-label="Inactivity Warning"] .ina-modal-content p:last-child {
    margin-bottom: 0 !important;
}


/* Knoppenrij */
body div[aria-label="Inactivity Warning"] .ina-modal-actions {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    margin: 22px 0 0 !important;
    padding: 0 !important;
}


/* Knop */
body div[aria-label="Inactivity Warning"] button.ina-button {
    width: auto !important;
    min-width: 180px !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 13px 26px !important;

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

    background: #071e3d !important;
    color: #ffffff !important;

    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    text-transform: none !important;
    text-align: center !important;

    box-shadow: 0 7px 18px rgba(7, 30, 61, 0.18) !important;
    cursor: pointer !important;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}


/* Hover */
body div[aria-label="Inactivity Warning"] button.ina-button:hover {
    background: #0c376b !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(7, 30, 61, 0.24) !important;
}


/* Focus voor toetsenbordgebruik */
body div[aria-label="Inactivity Warning"] button.ina-button:focus-visible {
    outline: 3px solid rgba(103, 167, 232, 0.45) !important;
    outline-offset: 3px !important;
}


/* Tekst binnen de knop */
body div[aria-label="Inactivity Warning"] button.ina-button span,
body div[aria-label="Inactivity Warning"] button.ina-button strong {
    color: inherit !important;
}


/* =====================================================
   MOBIEL
   ===================================================== */

@media (max-width: 767px) {

    body div[role="dialog"][aria-label="Inactivity Warning"].ReactModal__Content {
        width: calc(100% - 28px) !important;
        max-width: none !important;
        max-height: calc(100vh - 32px) !important;
        border-radius: 20px !important;
    }

    body div[aria-label="Inactivity Warning"] .ina-modal-inside {
        padding: 26px 22px 24px !important;
    }

    body div[aria-label="Inactivity Warning"] .ina-modal-inside h2 {
        font-size: 24px !important;
        margin-bottom: 12px !important;
    }

    body div[aria-label="Inactivity Warning"] .ina-modal-content {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    body div[aria-label="Inactivity Warning"] .ina-modal-actions {
        margin-top: 20px !important;
    }

    body div[aria-label="Inactivity Warning"] button.ina-button {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* Invoice knop op Order Received pagina */
.woocommerce-order .woocommerce-button,
.woocommerce-order a.button,
.woocommerce-order .button,
.woocommerce-order .invoice,
.woocommerce-order .wc-forward {
    background: #F28C1D !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 10px !important;
    padding: 12px 24px !important;
    box-shadow: none !important;
}

.woocommerce-order .woocommerce-button:hover,
.woocommerce-order a.button:hover,
.woocommerce-order .button:hover {
    background: #df7d13 !important;
    color: #fff !important;
}

/* Verwijder blauwe icoontje Mollie */
.mollie-instructions::before,
.woocommerce-info.mollie-instructions::before,
.woocommerce-order-details.mollie-instructions::before {
    display: none !important;
    content: none !important;
}

/* Footer contact e-mail */
.whisper-footer-contact .whisper-contact-email{
    display: block;
    text-align: right;
    margin-top: 14px;
    margin-bottom: 0;
}

.footer-contact .whisper-contact-email a{
    color: inherit;
    text-decoration: none;
}

.footer-contact .whisper-contact-email a:hover{
    text-decoration: underline;
}

/* ==========================================================
   WHISPER ACCOUNT THEME V5 — CLEAN
   Elementor + WooCommerce My Account
   Cleaned desktop version. Elementor controls the page layout.
   ========================================================== */


/* ==========================================================
   1. DESIGN TOKENS
   ========================================================== */

.woocommerce-account .elementor-widget-woocommerce-my-account{
    --wh-primary:#1E2454;
    --wh-primary-hover:#050B3B;
    --wh-accent:#F28C1D;
    --wh-accent-hover:#C4741C;

    --wh-text:#1F2430;
    --wh-muted:#6B7280;
    --wh-border:#E5E7EB;
    --wh-soft:#F7F8FA;
    --wh-soft-alt:#FBFBFC;
    --wh-warm:#FFF4E7;
    --wh-white:#FFFFFF;

    --wh-radius-sm:10px;
    --wh-radius-md:14px;
    --wh-radius-lg:18px;

    --wh-shadow:0 12px 32px rgba(30,36,84,.05);

    --tabs-active-bg:#F28C1D;
    --tabs-active-color:#FFFFFF;
    --tabs-normal-color:#1F2430;
    --tabs-hover-color:#F28C1D;
    --tabs-border-radius:14px;
    --tabs-padding:14px 18px;
}


/* ==========================================================
   2. BASE
   ========================================================== */

.woocommerce-account .elementor-widget-woocommerce-my-account,
.woocommerce-account .elementor-widget-woocommerce-my-account p,
.woocommerce-account .elementor-widget-woocommerce-my-account li,
.woocommerce-account .elementor-widget-woocommerce-my-account td,
.woocommerce-account .elementor-widget-woocommerce-my-account th,
.woocommerce-account .elementor-widget-woocommerce-my-account label{
    color:var(--wh-text);
}

.woocommerce-account .elementor-widget-woocommerce-my-account h1,
.woocommerce-account .elementor-widget-woocommerce-my-account h2,
.woocommerce-account .elementor-widget-woocommerce-my-account h3,
.woocommerce-account .elementor-widget-woocommerce-my-account h4{
    color:var(--wh-primary);
}

.woocommerce-account .elementor-widget-woocommerce-my-account a{
    color:var(--wh-accent);
    text-decoration:none;
}

.woocommerce-account .elementor-widget-woocommerce-my-account a:hover{
    color:var(--wh-accent-hover);
}


/* ==========================================================
   3. NAVIGATION
   ========================================================== */

.woocommerce-account .woocommerce-MyAccount-navigation{
    position:sticky;
    top:24px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul{
    list-style:none;
    margin:0;
    padding:0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li{
    margin:0 0 10px;
    padding:0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li::before,
.woocommerce-account .woocommerce-MyAccount-navigation li::after,
.woocommerce-account .woocommerce-MyAccount-navigation a::after{
    display:none!important;
    content:none!important;
}

.woocommerce-account .woocommerce-MyAccount-navigation a{
    display:flex;
    align-items:center;
    min-height:52px;
    padding:14px 18px!important;

    border:1px solid transparent!important;
    border-radius:var(--wh-radius-md)!important;

    background:var(--wh-soft)!important;
    color:var(--wh-text)!important;

    font-weight:700;
    line-height:1.2;

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

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease!important;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover{
    background:var(--wh-warm)!important;
    border-color:#F6D3A5!important;
    color:var(--wh-accent)!important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a:hover{
    background:var(--wh-accent)!important;
    border-color:var(--wh-accent)!important;
    color:var(--wh-white)!important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a *{
    color:var(--wh-white)!important;
}

.woocommerce-account
.woocommerce-MyAccount-navigation-link--customer-logout:not(.is-active) a{
    background:var(--wh-soft)!important;
    border-color:transparent!important;
    color:var(--wh-text)!important;
}

.woocommerce-account
.woocommerce-MyAccount-navigation-link--customer-logout:not(.is-active) a:hover{
    background:var(--wh-warm)!important;
    border-color:#F6D3A5!important;
    color:var(--wh-accent)!important;
}


/* ==========================================================
   4. DEFAULT CONTENT CARD
   Used for Orders and Contact Details.
   ========================================================== */

.woocommerce-account .woocommerce-MyAccount-content-wrapper{
    padding:28px;
    border:1px solid var(--wh-border);
    border-radius:var(--wh-radius-lg);
    background:var(--wh-white);
    box-shadow:var(--wh-shadow);
}

.woocommerce-account .woocommerce-MyAccount-content-wrapper > form,
.woocommerce-account .woocommerce-MyAccount-content-wrapper > table.shop_table{
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}


/* ==========================================================
   5. BUTTONS
   ========================================================== */

.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content button:not(.show-password-input),
.woocommerce-account .woocommerce-MyAccount-content input[type="submit"]{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:44px;
    padding:11px 20px!important;

    border:0!important;
    border-radius:var(--wh-radius-sm)!important;

    background:var(--wh-accent)!important;
    color:var(--wh-white)!important;

    font-weight:700;
    line-height:1.2;
    text-align:center;

    box-shadow:none!important;
    transform:none!important;
    animation:none!important;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease!important;
}

.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce-MyAccount-content button:not(.show-password-input):hover,
.woocommerce-account .woocommerce-MyAccount-content input[type="submit"]:hover{
    background:var(--wh-accent-hover)!important;
    color:var(--wh-white)!important;
    transform:none!important;
}

.woocommerce-account .woocommerce-button.view,
.woocommerce-account .woocommerce-button.invoice,
.woocommerce-account a.button.view,
.woocommerce-account a.button.invoice{
    background:var(--wh-white)!important;
    color:var(--wh-accent)!important;
    border:2px solid var(--wh-accent)!important;
}

.woocommerce-account .woocommerce-button.view:hover,
.woocommerce-account .woocommerce-button.invoice:hover,
.woocommerce-account a.button.view:hover,
.woocommerce-account a.button.invoice:hover{
    background:var(--wh-accent)!important;
    color:var(--wh-white)!important;
}

/* ==========================================================
   MY WHISPER BUNDLES DETAIL
   ========================================================== */

/* Back button */

.whisper-bundle-detail__back{
    display:none !important;
}


/* Wrapper */

.whisper-bundle-detail{

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

    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}


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

.whisper-bundle-detail__header{

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

    gap:20px;

    margin-bottom:28px;
}


.whisper-bundle-detail__region{

    margin:0 !important;

    color:var(--wh-primary);

    font-size:22px !important;
    font-weight:700;
    line-height:1.2;
}


.whisper-badge{

    padding:6px 14px;

    border-radius:999px;

    font-size:12px;
    font-weight:700;
}


/* ==========================================================
   QR
   ========================================================== */

.whisper-bundle-detail__qr{

    margin-bottom:32px;
}


.whisper-qr{

    display:inline-flex;
    flex-direction:column;
    align-items:center;
}


.whisper-qr svg{

    width:165px;
    height:165px;
}


.whisper-qr figcaption{

    margin-top:12px;

    max-width:180px;

    color:#6B7280;

    font-size:14px;
    line-height:1.5;
    text-align:center;
}


/* ==========================================================
   PLANS TITLE
   ========================================================== */

.whisper-bundle-detail__plans-title{

    margin:18px 0 12px !important;

    font-size:15px !important;
    font-weight:600 !important;

    text-transform:none !important;
    letter-spacing:0 !important;

    color:#6B7280 !important;
}


/* ==========================================================
   PLAN LIST
   ========================================================== */

.whisper-bundle-detail__plans{

    margin:0;
    padding:0;

    list-style:none;
}


/* ==========================================================
   PLAN CARD
   ========================================================== */

.whisper-plan{

    padding:20px 22px !important;

    background:#fff !important;

    border:1px solid var(--wh-border) !important;
    border-radius:16px !important;

    box-shadow:none !important;

    transition:none !important;
    transform:none !important;
}


.whisper-plan:hover{

    background:#fff !important;

    border-color:var(--wh-border) !important;

    box-shadow:none !important;

    transform:none !important;
}


/* ==========================================================
   TOP ROW
   ========================================================== */

.whisper-plan__row{

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

    gap:20px;

    margin-bottom:18px;
}


.whisper-plan__name{

    color:var(--wh-primary);

    font-size:17px !important;
    font-weight:700 !important;
    line-height:1.35;
}


/* ==========================================================
   USAGE
   ========================================================== */


.whisper-plan__usage-row{

    display:grid !important;

    grid-template-columns:1fr auto;

    grid-template-areas:
        "usage percent"
        "bar   bar";

    column-gap:18px;
    row-gap:10px;

    align-items:center;

    margin-bottom:22px;
}

.whisper-plan__usage{

    grid-area:usage;

    font-size:14px !important;
    color:#6B7280;
}

.whisper-plan__usage-percent{

    grid-area:percent;

    justify-self:end;

    font-size:14px !important;
    color:#6B7280;
    font-weight:600;
}

.whisper-usage-bar{

    grid-area:bar;

    width:100%;
    height:6px;

    margin-top:2px;

    background:#EDF2F7;

    border-radius:999px;

    overflow:hidden;
}

.whisper-usage-bar__fill{

    height:100%;
    background:var(--wh-accent);
}

/* ==========================================================
   META
   ========================================================== */

.whisper-plan__meta{

    display:grid;

    grid-template-columns:auto 1fr;

    row-gap:10px;
    column-gap:20px;
}


.whisper-plan__meta dt{

    margin:0;

    color:#8A93A6;

    font-size:12px !important;
    font-weight:600;

    text-transform:uppercase;
    letter-spacing:.04em;
}


.whisper-plan__meta dd{

    margin:0;

    color:var(--wh-primary);

    font-size:14px !important;
    font-weight:600;
}


/* ==========================================================
   DISABLE ALL ANIMATIONS
   ========================================================== */

.whisper-plan,
.whisper-plan *,
.whisper-plan:hover,
.whisper-plan *:hover{

    transform:none !important;
    transition:none !important;
    animation:none !important;
    box-shadow:none !important;
} 

/* ==========================================================
   ORDERS
   ========================================================== */

/* Buitenste kaart */

.woocommerce-account
.e-my-account-tab__orders
.woocommerce-MyAccount-content-wrapper{

    padding:8px !important;

    background:#fff;
    border:1px solid var(--wh-border);
    border-radius:18px;
    box-shadow:var(--wh-shadow);
}


/* Tabel */

.woocommerce-account .woocommerce-orders-table{

    width:100%;
    margin:0 !important;

    border:none !important;
    border-collapse:separate;
    border-spacing:0;

    background:transparent;
    box-shadow:none;
}


/* Header */

.woocommerce-account .woocommerce-orders-table thead th{

    padding:14px 18px !important;

    background:#FCFCFD;

    color:var(--wh-primary);

    font-size:15px;
    font-weight:700;

    border-bottom:1px solid #E9EDF4;
}

.woocommerce-account .woocommerce-orders-table thead th:first-child{

    border-top-left-radius:14px;
}

.woocommerce-account .woocommerce-orders-table thead th:last-child{

    border-top-right-radius:14px;
}


/* Rijen */

.woocommerce-account .woocommerce-orders-table tbody td,
.woocommerce-account .woocommerce-orders-table tbody th{

    padding:15px 18px !important;

    vertical-align:middle;

    border-bottom:1px solid var(--wh-border);

    font-size:16px;
}

.woocommerce-account .woocommerce-orders-table tbody tr:last-child td,
.woocommerce-account .woocommerce-orders-table tbody tr:last-child th{

    border-bottom:none;
}


/* Hover */

.woocommerce-account .woocommerce-orders-table tbody tr{

    transition:background .2s ease;
}

.woocommerce-account .woocommerce-orders-table tbody tr:hover{

    background:#FCFCFD;
}


/* Ordernummer */

.woocommerce-account
.woocommerce-orders-table__cell-order-number a{

    color:var(--wh-accent);
    font-weight:500;
    text-decoration:none;
}

.woocommerce-account
.woocommerce-orders-table__cell-order-number a:hover{

    text-decoration:underline;
}


/* Status */

.woocommerce-account
.woocommerce-orders-table__cell-order-status{

    font-weight:400;
}


/* Total */

.woocommerce-account
.woocommerce-orders-table__cell-order-total{

    white-space:nowrap;
}


/* Actions */

.woocommerce-account
.woocommerce-orders-table__cell-order-actions{

    display:flex;

    justify-content:flex-end;

    align-items:center;

    gap:8px;
}

.woocommerce-orders-table__header-order-actions,
.woocommerce-orders-table__cell-order-actions{
    width:190px;
}


/* Buttons */

.woocommerce-account
.woocommerce-orders-table__cell-order-actions .button{

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

    min-width:85px;
    height:35px;

    padding:0 18px !important;

    border-radius:12px !important;

    font-size:14px;
    font-weight:600;

    transition:.2s ease;
}


/* View */

.woocommerce-account
.woocommerce-orders-table__cell-order-actions .view{

    background:#fff !important;
    border:2px solid var(--wh-accent) !important;
    color:var(--wh-accent) !important;
}

.woocommerce-account
.woocommerce-orders-table__cell-order-actions .view:hover{

    background:var(--wh-accent) !important;
    color:#fff !important;
}


/* Invoice */

.woocommerce-account
.woocommerce-orders-table__cell-order-actions .invoice{

    background:#fff !important;
    border:2px solid var(--wh-accent) !important;
    color:var(--wh-accent) !important;
}

.woocommerce-account
.woocommerce-orders-table__cell-order-actions .invoice:hover{

    background:var(--wh-accent) !important;
    color:#fff !important;
}

/* ==========================================================
   ORDER DETAILS
   ========================================================== */

/* Informatie bovenaan */

.woocommerce-order-overview,
.woocommerce-order-details + p{

    margin:0 0 24px;
    color:var(--wh-text);
    font-size:16px;
    line-height:1.6;
}

/* Kaarten */

.woocommerce-order-details,
.woocommerce-customer-details{

    margin-top:28px;
    padding:34px;
    background:#fff;
    border:1px solid var(--wh-border);
    border-radius:18px;
    box-shadow:var(--wh-shadow);
}


/* Titels */

.woocommerce-order-details h2,
.woocommerce-customer-details h2{

    margin:0 0 28px;
    color:var(--wh-primary);
    font-size:20px;
    font-weight:700;
}


/* Tabellen */

.woocommerce-table{

    width:100%;
    border:none;
    border-collapse:collapse;
}

.woocommerce-table th{

    padding:16px 0;
    text-align:left;
    color:var(--wh-primary);
    font-weight:600;
    border-bottom:1px solid var(--wh-border);
}

.woocommerce-table td{

    padding:18px 0;
    border-bottom:1px solid var(--wh-border);
    vertical-align:middle;
}

.woocommerce-table tr:last-child td,
.woocommerce-table tr:last-child th{

    border-bottom:none;
}


/* Productlinks */

.woocommerce-table a{

    color:var(--wh-accent);
    text-decoration:none;
    font-weight:500;
}

.woocommerce-table a:hover{

    text-decoration:underline;
}


/* Totaalregels */

.woocommerce-table tfoot th{

    color:var(--wh-primary);
    font-weight:600;
}

.woocommerce-table tfoot td{

    font-weight:600;
}


/* Invoice knop */

.woocommerce-order-details .button{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:110px;
    height:40px;
    padding:0 20px;
    background:#fff;
    color:var(--wh-accent);
    border:2px solid var(--wh-accent);
    border-radius:12px;
    font-size:14px;
    font-weight:600;
    transition:.2s ease;
}

.woocommerce-order-details .button:hover{

    background:var(--wh-accent);
    color:#fff;
}


/* Billing address */

.woocommerce-customer-details address{

    margin-top:10px;
    padding:26px;
    background:#fff;
    border:1px solid var(--wh-border);
    border-radius:16px;
    line-height:1.9;
    font-style:normal;
}


/* E-mailadres */

.woocommerce-customer-details address a{

    color:var(--wh-text);
    text-decoration:none;
}

.woocommerce-customer-details address a:hover{

    color:var(--wh-accent);
}


/* ==========================================================
   7. BUNDLES
   The bundle card is the only card.
   ========================================================== */

.woocommerce-account
.woocommerce-MyAccount-content-wrapper:has(.whisper-bundles__list),
.woocommerce-account
.woocommerce-MyAccount-content-wrapper:has(.whisper-bundle-card){
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

.woocommerce-account .whisper-bundles__list{
    display:grid;
    gap:22px;
    margin:0;
    padding:0;
    list-style:none;
}

.woocommerce-account .whisper-bundle-card{
    padding:26px;
    border:1px solid var(--wh-border);
    border-radius:var(--wh-radius-lg);
    background:var(--wh-white);
    box-shadow:var(--wh-shadow);
}

.woocommerce-account .whisper-bundle-card__header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:18px;
}

.woocommerce-account .whisper-bundle-card__plans{
    display:grid;
    gap:10px;
    margin:18px 0;
    padding:0;
    list-style:none;
}

/* Planinhoud onder elkaar */
.woocommerce-account
.whisper-bundle-card
.whisper-plan{
    display:block!important;
    width:100%!important;
    padding:24px 28px!important;
}

/* Bundelnaam op een eigen regel */
.woocommerce-account
.whisper-bundle-card
.whisper-plan__row{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
}

.woocommerce-account
.whisper-bundle-card
.whisper-plan__name{
    display:block!important;
    width:100%!important;
    margin:0 0 12px!important;
    padding:0!important;

    font-size:18px!important;
    font-weight:700!important;
    line-height:1.3!important;
}

/* Verbruik onder de bundelnaam */
.woocommerce-account
.whisper-bundle-card
.whisper-plan__usage-row{
    position:static!important;

    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
        "usage percentage"
        "bar bar"!important;

    align-items:center!important;

    width:100%!important;
    min-width:0!important;
    max-width:none!important;

    column-gap:14px!important;
    row-gap:0!important;

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

    transform:none!important;
}

.woocommerce-account
.whisper-bundle-card
.whisper-plan__usage{
    position:static!important;
    grid-area:usage!important;

    display:block!important;

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

    margin:0!important;
    padding:0 0 9px!important;

    color:var(--wh-muted);

    font-size:14px!important;
    line-height:1.4!important;

    transform:none!important;
}

.woocommerce-account
.whisper-bundle-card
.whisper-plan__usage-percent{
    position:static!important;
    grid-area:percentage!important;

    display:block!important;

    margin:0!important;
    padding:0 0 9px!important;

    color:var(--wh-primary);

    font-size:14px!important;
    font-weight:700!important;
    line-height:1.4!important;
    text-align:right;

    white-space:nowrap!important;

    transform:none!important;
}

/* Progressbar over de volledige breedte */
.woocommerce-account
.whisper-bundle-card
.whisper-usage-bar{
    position:static!important;
    grid-area:bar!important;

    display:block!important;

    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:7px!important;

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

    overflow:hidden;

    background:#EDF1F5;
    border-radius:999px;

    transform:none!important;
}

.woocommerce-account
.whisper-bundle-card
.whisper-usage-bar__fill{
    position:static!important;

    display:block!important;

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

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

    background:var(--wh-accent);
    border-radius:inherit;

    transform:none!important;
}

.woocommerce-account
.whisper-bundle-card
.whisper-plan__usage-percent:empty{
    display:none!important;
}

.woocommerce-account .whisper-bundle-card__actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:16px;
    margin-top:24px;
}

.woocommerce-account .whisper-bundle-card .status,
.woocommerce-account .whisper-bundle-card .badge{
    border-radius:999px;
}

.woocommerce-account .whisper-bundle-card__details{
    background:var(--wh-accent)!important;
    color:var(--wh-white)!important;
    border:0!important;
}

.woocommerce-account .whisper-bundle-card__details:hover{
    background:var(--wh-accent-hover)!important;
    color:var(--wh-white)!important;
}


/* ==========================================================
   8. CONTACT DETAILS / FORMS
   ========================================================== */

.woocommerce-account .woocommerce-MyAccount-content form,
.woocommerce-account form.woocommerce-EditAccountForm{
    margin:0!important;
    padding:0!important;

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

    background:transparent!important;
    box-shadow:none!important;
}

.woocommerce-account .woocommerce-MyAccount-content label{
    display:block;
    margin-bottom:8px;
    color:var(--wh-muted);
    font-weight:600;
}

.woocommerce-account input.input-text,
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="text"],
.woocommerce-account select,
.woocommerce-account textarea{
    width:100%;
    min-height:50px;
    padding:12px 16px;

    border:1px solid var(--wh-border)!important;
    border-radius:var(--wh-radius-sm)!important;

    background:var(--wh-soft-alt);
    color:var(--wh-text);

    box-shadow:none!important;
}

.woocommerce-account input:focus,
.woocommerce-account select:focus,
.woocommerce-account textarea:focus{
    border-color:var(--wh-accent)!important;
    outline:0;
    box-shadow:0 0 0 3px rgba(242,140,29,.14)!important;
}

.woocommerce-account .password-input{
    position:relative;
    display:block;
}

.woocommerce-account .show-password-input{
    position:absolute!important;
    top:50%!important;
    right:10px!important;

    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;

    border:1px solid var(--wh-border)!important;
    border-radius:9px!important;

    background:var(--wh-soft)!important;
    color:var(--wh-muted)!important;

    box-shadow:none!important;
    transform:translateY(-50%)!important;
}

.woocommerce-account .show-password-input:hover{
    background:var(--wh-warm)!important;
    border-color:#F6D3A5!important;
    color:var(--wh-accent)!important;
    transform:translateY(-50%)!important;
}


/* ==========================================================
   ADDRESSES
   ========================================================== */

.woocommerce-account
.e-my-account-tab__edit_address
.woocommerce-MyAccount-content-wrapper{
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

.woocommerce-account
.e-my-account-tab__edit_address
.woocommerce-MyAccount-content-wrapper > p{
    margin:0 20 24px!important;
}

.woocommerce-account .woocommerce-Addresses{
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

.woocommerce-account .woocommerce-Address{
    float:none!important;
    width:100%!important;
    margin:0!important;
    padding:22px!important;
    background:var(--wh-white);
    border:1px solid var(--wh-border);
    border-radius:var(--wh-radius-lg);
    box-shadow:var(--wh-shadow);
}

.woocommerce-account .woocommerce-Address-title,
.woocommerce-account .woocommerce-Address-title.title{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;
    margin:0 0 24px!important;
    padding:0 0 18px!important;
    border-bottom:1px solid var(--wh-border)!important;
}

.woocommerce-account .woocommerce-Address-title::before,
.woocommerce-account .woocommerce-Address-title::after{
    display:none!important;
    content:none!important;
}

.woocommerce-account .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-Address-title h3{
    float:none!important;
    flex:1;
    width:auto!important;
    margin:0!important;
    color:var(--wh-primary)!important;
    font-size:22px!important;
    font-weight:700;
    line-height:1.2!important;
}

.woocommerce-account .woocommerce-Address-title a.edit{
    position:static!important;
    float:none!important;
    margin:0!important;
    color:var(--wh-accent)!important;
    font-size:16px!important;
    font-weight:600!important;
    white-space:nowrap;
}

.woocommerce-account .woocommerce-Address-title a.edit:hover,
.woocommerce-account .woocommerce-Address-title a.edit:focus,
.woocommerce-account .woocommerce-Address-title a.edit:visited{
    color:var(--wh-accent)!important;
    text-decoration:underline;
}

.woocommerce-account .woocommerce-Address address{
    min-height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-style:normal;
    line-height:1.8;
}

/* ==========================================================
   LINK HOVER FIXES
   ========================================================== */

.woocommerce-account .woocommerce-orders-table__cell-order-number a,
.woocommerce-account .woocommerce-orders-table__cell-order-number a:hover,
.woocommerce-account .woocommerce-orders-table__cell-order-number a:focus,
.woocommerce-account .woocommerce-orders-table__cell-order-number a:visited,
.woocommerce-account .woocommerce-table__product-name a,
.woocommerce-account .woocommerce-table__product-name a:hover,
.woocommerce-account .woocommerce-table__product-name a:focus,
.woocommerce-account .woocommerce-table__product-name a:visited,
.woocommerce-account .woocommerce-Address-title .edit,
.woocommerce-account .woocommerce-Address-title .edit:hover,
.woocommerce-account .woocommerce-Address-title .edit:focus,
.woocommerce-account .woocommerce-Address-title .edit:visited{
    color:var(--wh-accent)!important;
}

.woocommerce-account .woocommerce-orders-table__cell-order-number a:hover,
.woocommerce-account .woocommerce-orders-table__cell-order-number a:focus,
.woocommerce-account .woocommerce-table__product-name a:hover,
.woocommerce-account .woocommerce-table__product-name a:focus,
.woocommerce-account .woocommerce-Address-title .edit:hover,
.woocommerce-account .woocommerce-Address-title .edit:focus{
    text-decoration:underline;
}

/* Prevent size/scale changes on account buttons */
.woocommerce-account .button,
.woocommerce-account .button:hover,
.woocommerce-account .button:focus{
    transform:none!important;
    scale:1!important;
    animation:none!important;
}

/* ==========================================================
   8. MY ACCOUNT – LOGGED OUT
   Login and registration page.
   ========================================================== */

/*
 * Alleen toepassen wanneer de bezoeker niet is ingelogd.
 * Het dashboard voor ingelogde klanten blijft onaangetast.
 */
body.woocommerce-account:not(.logged-in)
.elementor-widget-woocommerce-my-account{
    --forms-fields-normal-color:var(--wh-text, #1F2430);
    --forms-fields-focus-color:var(--wh-primary, #1E2454);
    --forms-fields-border-color:var(--wh-border, #E5E7EB);
    --forms-fields-border-radius:12px;
}


/* ======================================================
   BUITENSTE LAYOUT
   ====================================================== */

body.woocommerce-account:not(.logged-in)
.elementor-widget-woocommerce-my-account
.elementor-widget-container,

body.woocommerce-account:not(.logged-in)
.elementor-widget-woocommerce-my-account
.e-my-account-tab{
    width:100% !important;
    max-width:none !important;

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

    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

body.woocommerce-account:not(.logged-in)
.elementor-widget-woocommerce-my-account
.woocommerce{
    display:block !important;

    width:100% !important;
    max-width:1160px !important;

    margin:0 auto !important;
    padding:0 !important;
}


/* ======================================================
   LOGIN EN REGISTER LAYOUT
   ====================================================== */

body.woocommerce-account:not(.logged-in)
#customer_login{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    align-items:stretch;

    gap:24px;

    width:100%;

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

body.woocommerce-account:not(.logged-in)
#customer_login::before,

body.woocommerce-account:not(.logged-in)
#customer_login::after{
    display:none !important;
}


/* ======================================================
   LOGIN- EN REGISTERKAARTEN
   ====================================================== */

body.woocommerce-account:not(.logged-in)
#customer_login
.u-column1,

body.woocommerce-account:not(.logged-in)
#customer_login
.u-column2{
    position:relative;

    float:none !important;

    width:100% !important;
    max-width:none !important;
    min-height:100%;

    margin:0 !important;
    padding:32px !important;

    overflow:hidden;

    border:1px solid var(--wh-border, #E5E7EB);
    border-radius:20px;

    background:#FFFFFF !important;

    box-shadow:
        0 16px 40px rgba(30, 36, 84, .07),
        0 4px 12px rgba(30, 36, 84, .035);
}


/* ======================================================
   TITELS
   ====================================================== */

body.woocommerce-account:not(.logged-in)
#customer_login h2{
    display:block !important;

    margin:0 0 24px !important;
    padding:0 !important;

    color:var(--wh-primary, #1E2454) !important;

    font-family:inherit !important;
    font-size:26px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    letter-spacing:0 !important;
}


/*
 * Eventuele oude accenttekens verwijderen.
 */
body.woocommerce-account:not(.logged-in)
#customer_login
.u-column1 h2::before,

body.woocommerce-account:not(.logged-in)
#customer_login
.u-column2 h2::before,

body.woocommerce-account:not(.logged-in)
#customer_login
.u-column1 h2::after,

body.woocommerce-account:not(.logged-in)
#customer_login
.u-column2 h2::after{
    content:none !important;
    display:none !important;
}


/* ======================================================
   FORMULIEREN RESETTEN
   ====================================================== */

body.woocommerce-account:not(.logged-in)
#customer_login
form.woocommerce-form{
    display:flex;
    flex-direction:column;

    width:100%;

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

    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

body.woocommerce-account:not(.logged-in)
#customer_login
.form-row{
    float:none !important;

    width:100% !important;

    margin:0 0 18px !important;
    padding:0 !important;
}


/* ======================================================
   LABELS
   ====================================================== */

body.woocommerce-account:not(.logged-in)
#customer_login label{
    display:block;

    margin:0 0 7px !important;

    color:var(--wh-text, #1F2430);

    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.35 !important;
}

body.woocommerce-account:not(.logged-in)
#customer_login
.required{
    color:#B91C1C;
}


/* ======================================================
   INPUTS
   ====================================================== */

body.woocommerce-account:not(.logged-in)
#customer_login
input.input-text,

body.woocommerce-account:not(.logged-in)
#customer_login
input[type="text"],

body.woocommerce-account:not(.logged-in)
#customer_login
input[type="email"],

body.woocommerce-account:not(.logged-in)
#customer_login
input[type="password"]{
    box-sizing:border-box;

    width:100% !important;
    min-height:52px;

    margin:0 !important;
    padding:12px 15px !important;

    color:var(--wh-text, #1F2430) !important;
    background:#F8FAFC !important;

    border:1px solid var(--wh-border, #E5E7EB) !important;
    border-radius:12px !important;

    outline:0 !important;

    font-size:16px !important;
    font-weight:400;
    line-height:1.4 !important;

    box-shadow:none !important;

    transition:
        border-color .2s ease,
        background-color .2s ease,
        box-shadow .2s ease;
}

body.woocommerce-account:not(.logged-in)
#customer_login
input.input-text:focus,

body.woocommerce-account:not(.logged-in)
#customer_login
input[type="text"]:focus,

body.woocommerce-account:not(.logged-in)
#customer_login
input[type="email"]:focus,

body.woocommerce-account:not(.logged-in)
#customer_login
input[type="password"]:focus{
    background:#FFFFFF !important;

    border-color:var(--wh-primary, #1E2454) !important;

    box-shadow:
        0 0 0 3px rgba(30, 36, 84, .10) !important;
}

body.woocommerce-account:not(.logged-in)
#customer_login
.password-input{
    display:block;

    width:100%;
}


/* ======================================================
   WACHTWOORD TONEN / VERBERGEN
   ====================================================== */

body.woocommerce-account:not(.logged-in)
#customer_login
.show-password-input{
    top:50% !important;
    right:14px !important;

    transform:translateY(-50%) !important;
}


/* ======================================================
   REMEMBER ME
   ====================================================== */

body.woocommerce-account:not(.logged-in)
#customer_login
.woocommerce-form-login
.form-row:has(.woocommerce-form-login__submit){
    display:flex;
    flex-direction:column;
    align-items:stretch;

    gap:14px;

    margin-top:2px !important;
}

body.woocommerce-account:not(.logged-in)
#customer_login
.woocommerce-form-login__rememberme{
    display:flex !important;
    align-items:center;

    align-self:flex-start;

    gap:9px;

    margin:0 !important;

    cursor:pointer;
}

body.woocommerce-account:not(.logged-in)
#customer_login
.woocommerce-form-login__rememberme
input[type="checkbox"]{
    flex:0 0 auto;

    width:18px;
    height:18px;

    margin:0 !important;

    accent-color:var(--wh-accent, #F28C1D);
}

body.woocommerce-account:not(.logged-in)
#customer_login
.woocommerce-form-login__rememberme span{
    color:var(--wh-muted, #6B7280);

    font-size:14px;
    font-weight:500;
    line-height:1.3;
}


/* ======================================================
   BUTTONS
   ====================================================== */

body.woocommerce-account:not(.logged-in)
#customer_login
button.button{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;

    width:100% !important;
    min-height:50px;

    margin:0 !important;
    padding:12px 20px !important;

    color:#FFFFFF !important;
    background:var(--wh-accent, #F28C1D) !important;

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

    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    text-align:center;

    box-shadow:
        0 8px 18px rgba(242, 140, 29, .18) !important;

    transform:none !important;

    transition:
        background-color .2s ease,
        box-shadow .2s ease;
}

body.woocommerce-account:not(.logged-in)
#customer_login
button.button:hover{
    color:#FFFFFF !important;
    background:var(--wh-accent-hover, #C4741C) !important;

    box-shadow:
        0 10px 22px rgba(196, 116, 28, .21) !important;

    transform:none !important;
}


/* ======================================================
   LOST PASSWORD
   ====================================================== */

body.woocommerce-account:not(.logged-in)
#customer_login
.lost_password{
    margin:2px 0 0 !important;

    text-align:center;
}

body.woocommerce-account:not(.logged-in)
#customer_login
.lost_password a{
    color:var(--wh-primary, #1E2454) !important;

    font-size:14px;
    font-weight:600;
    line-height:1.4;
    text-decoration:none !important;
}

body.woocommerce-account:not(.logged-in)
#customer_login
.lost_password a:hover{
    color:var(--wh-accent, #F28C1D) !important;
}


/* ======================================================
   REGISTERUITLEG EN PRIVACYTEKST
   ====================================================== */

body.woocommerce-account:not(.logged-in)
#customer_login
.woocommerce-form-register > p:not(.form-row),

body.woocommerce-account:not(.logged-in)
#customer_login
.woocommerce-privacy-policy-text{
    margin:0 0 18px !important;

    color:var(--wh-muted, #6B7280);

    font-size:13.5px !important;
    line-height:1.6 !important;
}

body.woocommerce-account:not(.logged-in)
#customer_login
.woocommerce-privacy-policy-text p{
    margin:0 !important;

    color:inherit;

    font-size:inherit !important;
    line-height:inherit !important;
}

body.woocommerce-account:not(.logged-in)
#customer_login
.woocommerce-privacy-policy-text a{
    color:var(--wh-accent, #F28C1D) !important;

    font-weight:600;
    text-decoration:none !important;
}

body.woocommerce-account:not(.logged-in)
#customer_login
.woocommerce-privacy-policy-text a:hover{
    color:var(--wh-accent-hover, #C4741C) !important;
}


/* ======================================================
   MELDINGEN
   ====================================================== */

body.woocommerce-account:not(.logged-in)
.elementor-widget-woocommerce-my-account
.woocommerce-error,

body.woocommerce-account:not(.logged-in)
.elementor-widget-woocommerce-my-account
.woocommerce-message,

body.woocommerce-account:not(.logged-in)
.elementor-widget-woocommerce-my-account
.woocommerce-info{
    max-width:1160px;

    margin:0 auto 20px !important;
    padding:16px 18px 16px 50px !important;

    color:var(--wh-text, #1F2430);
    background:#FFFFFF;

    border:1px solid var(--wh-border, #E5E7EB) !important;
    border-left:4px solid var(--wh-accent, #F28C1D) !important;
    border-radius:14px;

    font-size:14px;
    line-height:1.5;

    box-shadow:
        0 8px 24px rgba(30, 36, 84, .06);
}


/* ======================================================
   TABLET EN MOBIEL
   ====================================================== */

@media (max-width:767px){

    body.woocommerce-account:not(.logged-in)
    .elementor-widget-woocommerce-my-account
    .woocommerce{
        width:calc(100vw - 20px) !important;
        max-width:none !important;

        margin-right:auto !important;
        margin-left:auto !important;
    }

    body.woocommerce-account:not(.logged-in)
    #customer_login{
        grid-template-columns:1fr;

        gap:16px;
    }

    body.woocommerce-account:not(.logged-in)
    #customer_login
    .u-column1,

    body.woocommerce-account:not(.logged-in)
    #customer_login
    .u-column2{
        padding:22px 18px !important;

        border-radius:17px;
    }

    body.woocommerce-account:not(.logged-in)
    #customer_login h2{
        margin-bottom:20px !important;

        font-size:22px !important;
        line-height:1.25 !important;
    }

    body.woocommerce-account:not(.logged-in)
    #customer_login
    .form-row{
        margin-bottom:16px !important;
    }

    body.woocommerce-account:not(.logged-in)
    #customer_login
    input.input-text,

    body.woocommerce-account:not(.logged-in)
    #customer_login
    input[type="text"],

    body.woocommerce-account:not(.logged-in)
    #customer_login
    input[type="email"],

    body.woocommerce-account:not(.logged-in)
    #customer_login
    input[type="password"]{
        min-height:50px;

        padding:11px 13px !important;
    }

    body.woocommerce-account:not(.logged-in)
    #customer_login
    button.button{
        min-height:48px;

        font-size:15px !important;
    }
}


/* ======================================================
   KLEINE MOBIELE SCHERMEN
   ====================================================== */

@media (max-width:360px){

    body.woocommerce-account:not(.logged-in)
    .elementor-widget-woocommerce-my-account
    .woocommerce{
        width:calc(100vw - 14px) !important;
    }

    body.woocommerce-account:not(.logged-in)
    #customer_login
    .u-column1,

    body.woocommerce-account:not(.logged-in)
    #customer_login
    .u-column2{
        padding:20px 15px !important;
    }
}

/* ==========================================================
   MOBILE MY ACCOUNT
   ========================================================== */

/*
 * Mobiele accountnavigatie standaard verbergen.
 */
.whisper-mobile-account-nav{
    display:none;
}


@media (max-width:767px){

    /* ======================================================
       BASIS EN BREEDTE
       ====================================================== */

    html{
        scroll-padding-bottom:96px;
    }

    body.woocommerce-account{
        overflow-x:hidden;
        padding-bottom:calc(92px + env(safe-area-inset-bottom));
    }

    /*
     * Elementor- en WooCommerce-padding rondom de accountcontent
     * verwijderen. Zo verdwijnt het 'bankschroef-effect'.
     */
    body.woocommerce-account
    .elementor-widget-woocommerce-my-account,

    body.woocommerce-account
    .elementor-widget-woocommerce-my-account
    .elementor-widget-container,

    body.woocommerce-account
    .elementor-widget-woocommerce-my-account
    .e-my-account-tab,

    body.woocommerce-account
    .elementor-widget-woocommerce-my-account
    .woocommerce{
        width:100% !important;
        max-width:none !important;

        margin-right:0 !important;
        margin-left:0 !important;

        padding-right:0 !important;
        padding-left:0 !important;
    }

    body.woocommerce-account
    .elementor-widget-woocommerce-my-account
    .woocommerce{
        display:block !important;
    }

    /*
     * Originele WooCommerce-navigatie verbergen.
     */
    body.woocommerce-account
    .woocommerce-MyAccount-navigation{
        display:none !important;
    }

    /*
     * De content vrijwel over de volledige schermbreedte trekken,
     * onafhankelijk van eventuele Elementor-containerpadding.
     */
    body.woocommerce-account
    .woocommerce-MyAccount-content{
        position:relative;
        left:50%;

        float:none !important;

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

        margin:0 !important;
        padding:0 4px 24px !important;

        transform:translateX(-50%);

        color:#1F2430;

        font-size:15px;
        line-height:1.55;
    }

    body.woocommerce-account
    .woocommerce-MyAccount-content > *{
        max-width:none !important;
    }

    body.woocommerce-account
    .woocommerce-MyAccount-content > *:first-child{
        margin-top:0 !important;
    }

    /*
     * Footer verbergen binnen de mobiele accountomgeving.
     */
    body.woocommerce-account
    .elementor-location-footer,

    body.woocommerce-account
    footer#site-footer{
        display:none !important;
    }


    /* ======================================================
       ALGEMENE TYPOGRAFIE
       ====================================================== */

    body.woocommerce-account
    .woocommerce-MyAccount-content p,

    body.woocommerce-account
    .woocommerce-MyAccount-content address,

    body.woocommerce-account
    .woocommerce-MyAccount-content td,

    body.woocommerce-account
    .woocommerce-MyAccount-content th,

    body.woocommerce-account
    .woocommerce-MyAccount-content label{
        font-size:15px;
        line-height:1.55;
    }

    body.woocommerce-account
    .woocommerce-MyAccount-content h1{
        margin:0 0 16px;

        font-size:24px !important;
        line-height:1.2;
    }

    body.woocommerce-account
    .woocommerce-MyAccount-content h2{
        margin:0 0 14px;

        font-size:21px !important;
        line-height:1.25;
    }

    body.woocommerce-account
    .woocommerce-MyAccount-content h3{
        margin:0 0 12px;

        font-size:18px !important;
        line-height:1.3;
    }


    /* ======================================================
       ALGEMENE KNOPPEN
       ====================================================== */

    body.woocommerce-account
    .woocommerce-MyAccount-content
    a.button,

    body.woocommerce-account
    .woocommerce-MyAccount-content
    button.button,

    body.woocommerce-account
    .woocommerce-MyAccount-content
    input.button,

    body.woocommerce-account
    .woocommerce-MyAccount-content
    .woocommerce-button{
        display:inline-flex;
        align-items:center;
        justify-content:center;

        min-height:44px;

        margin:0;
        padding:10px 16px !important;

        border-radius:11px !important;

        font-size:14.5px !important;
        font-weight:600 !important;
        line-height:1.2 !important;
        text-align:center;

        transform:none !important;
        box-shadow:none;
    }

    body.woocommerce-account
    .woocommerce-MyAccount-content
    a.button:hover,

    body.woocommerce-account
    .woocommerce-MyAccount-content
    button.button:hover{
        transform:none !important;
    }


    /* ======================================================
       ALGEMENE KAARTEN
       ====================================================== */

    body.woocommerce-account
    .whisper-bundle-card,

    body.woocommerce-account
    .whisper-bundle,

    body.woocommerce-account
    .whisper-bundle-detail,

    body.woocommerce-account
    .woocommerce-Address,

    body.woocommerce-account
    form.woocommerce-EditAccountForm,

    body.woocommerce-account
    .woocommerce-order-details,

    body.woocommerce-account
    .woocommerce-customer-details{
        box-sizing:border-box;

        width:100% !important;
        max-width:none !important;

        margin-right:0 !important;
        margin-left:0 !important;

        padding:16px !important;

        border-radius:12px !important;
    }


    /* ======================================================
       BUNDLES – OVERZICHT EN DETAIL
       ====================================================== */

    body.woocommerce-account
    .whisper-bundle-detail__header{
        display:flex;
        align-items:center;
        justify-content:space-between;

        gap:12px;

        margin-bottom:16px;
    }

    body.woocommerce-account
    .whisper-bundle-detail__region{
        margin:0 !important;

        font-size:20px !important;
        line-height:1.25;
    }

    body.woocommerce-account
    .whisper-bundle-detail__qr{
        margin:4px 0 18px;

        text-align:center;
    }

    body.woocommerce-account
    .whisper-qr{
        margin:0 auto;
    }

    body.woocommerce-account
    .whisper-qr svg{
        display:block;

        width:155px !important;
        max-width:100%;
        height:auto !important;

        margin:0 auto;
    }

    body.woocommerce-account
    .whisper-qr figcaption{
        max-width:260px;

        margin:12px auto 0;

        color:#6B7280;

        font-size:14px;
        line-height:1.5;
        text-align:center;
    }

    body.woocommerce-account
    .whisper-bundle-detail__plans-title{
        margin:20px 0 10px !important;

        color:#1F2430;

        font-size:17px !important;
        font-weight:700;
        line-height:1.3;
    }

    body.woocommerce-account
    .whisper-bundle-detail__plans{
        margin:0 !important;
        padding:0 !important;

        list-style:none;
    }

    body.woocommerce-account
    .whisper-plan{
        box-sizing:border-box;

        width:100% !important;
        max-width:none !important;

        margin:0 0 14px !important;
        padding:14px !important;

        border-radius:15px !important;
    }

    body.woocommerce-account
    .whisper-plan__row{
        display:flex;
        align-items:flex-start;
        justify-content:space-between;

        gap:12px;

        width:100%;

        margin-bottom:12px;
    }

    body.woocommerce-account
    .whisper-plan__name{
        min-width:0;

        font-size:18px !important;
        font-weight:700;
        line-height:1.3;
    }

    body.woocommerce-account
    .whisper-badge{
        flex:0 0 auto;

        padding:6px 10px;

        border-radius:999px;

        font-size:12px !important;
        font-weight:700;
        line-height:1.2;
    }


/* ======================================================
   BUNDLES – VERBRUIK EN PROGRESS BAR
   ====================================================== */

/*
 * Planinhoud op mobiel altijd onder elkaar.
 */
body.woocommerce-account
.whisper-plan{
    display:block !important;
    width:100% !important;
}


/* ======================================================
   BUNDELOVERZICHT
   Naam, verbruik en balk onder elkaar
   ====================================================== */

body.woocommerce-account
.whisper-bundle-card
.whisper-plan__row,

body.woocommerce-account
.whisper-bundle
.whisper-plan__row{
    display:block !important;

    width:100% !important;

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


/*
 * Bundelnaam op een eigen regel.
 */
body.woocommerce-account
.whisper-bundle-card
.whisper-plan__name,

body.woocommerce-account
.whisper-bundle
.whisper-plan__name{
    display:block !important;

    width:100% !important;

    margin:0 0 12px !important;
    padding:0 !important;

    font-size:18px !important;
    font-weight:700 !important;
    line-height:1.3 !important;
}


/*
 * Verbruik onder de bundelnaam.
 */
body.woocommerce-account
.whisper-bundle-card
.whisper-plan__usage-row,

body.woocommerce-account
.whisper-bundle
.whisper-plan__usage-row{
    position:static !important;
    clear:both !important;

    display:grid !important;

    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:
        "usage percentage"
        "bar bar" !important;

    align-items:center !important;

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    column-gap:12px !important;
    row-gap:9px !important;

    margin:0 0 16px !important;
    padding:0 !important;

    transform:none !important;
}


/* Verbruikstekst links. */
body.woocommerce-account
.whisper-plan__usage{
    position:static !important;

    grid-area:usage !important;

    display:block !important;

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

    margin:0 !important;
    padding:0 0 9px !important;

    color:#6B7280;

    font-size:14px !important;
    line-height:1.4 !important;

    white-space:normal !important;

    transform:none !important;
}


/* Percentage rechts. */
body.woocommerce-account
.whisper-plan__usage-percent{
    position:static !important;

    grid-area:percentage !important;

    display:block !important;

    width:auto !important;

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

    color:#1E2454;

    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.4 !important;
    text-align:right;

    white-space:nowrap !important;

    transform:none !important;
}


/*
 * Progress bar altijd op een aparte regel.
 */
body.woocommerce-account
.whisper-usage-bar{
    position:static !important;

    grid-area:bar !important;

    display:block !important;

    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    height:7px !important;

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

    overflow:hidden;

    background:#EDF1F5;

    border-radius:999px;

    transform:none !important;
}


/*
 * De plugin behoudt zelf de juiste breedte van de vulling.
 */
body.woocommerce-account
.whisper-usage-bar__fill{
    position:static !important;

    display:block !important;

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

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

    background:#F28C1D;

    border-radius:inherit;

    transform:none !important;
}


/* Leeg percentage verbergen. */
body.woocommerce-account
.whisper-plan__usage-percent:empty{
    display:none !important;
}


/* ======================================================
   BUNDLE DETAILPAGINA
   Naam en status mogen hier naast elkaar blijven
   ====================================================== */

body.woocommerce-account
.whisper-bundle-detail
.whisper-plan__row{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;

    width:100% !important;

    gap:12px !important;

    margin:0 0 14px !important;
    padding:0 !important;
}


/* ======================================================
   METADATA
   ====================================================== */

body.woocommerce-account
.whisper-plan__meta{
    display:grid;

    grid-template-columns:auto minmax(0,1fr);
    align-items:center;

    gap:10px 16px;

    margin:0;
    padding-top:14px;

    border-top:1px solid #E5E7EB;
}

body.woocommerce-account
.whisper-plan__meta dt{
    margin:0;

    color:#6B7280;

    font-size:11.5px !important;
    font-weight:700;
    line-height:1.3;
    text-transform:uppercase;
    letter-spacing:.04em;
}

body.woocommerce-account
.whisper-plan__meta dd{
    margin:0;

    color:#1E2454;

    font-size:14.5px !important;
    font-weight:700;
    line-height:1.4;
}


/* ======================================================
   BUNDLE BUTTONS
   ====================================================== */

body.woocommerce-account
.whisper-bundle-card
.button,

body.woocommerce-account
.whisper-bundle
.button,

body.woocommerce-account
.whisper-bundle-detail
.button{
    min-height:44px;

    padding:10px 15px !important;

    font-size:14.5px !important;
}

    /* ======================================================
       ORDERS – OVERZICHT
       ====================================================== */

    body.woocommerce-account
    table.woocommerce-orders-table{
        width:100%;

        margin:0;

        border:0 !important;
        border-collapse:separate;
        border-spacing:0 12px;
    }

    body.woocommerce-account
    table.woocommerce-orders-table thead{
        display:none;
    }

    body.woocommerce-account
    table.woocommerce-orders-table tbody,

    body.woocommerce-account
    table.woocommerce-orders-table tr{
        display:block;

        width:100%;
    }

    body.woocommerce-account
    table.woocommerce-orders-table tbody tr{
        box-sizing:border-box;

        width:100%;

        margin:0 0 14px;
        padding:7px 14px;

        background:#FFFFFF;

        border:1px solid #E5E7EB;
        border-radius:16px;

        box-shadow:0 8px 24px rgba(30,36,84,.05);
    }

    body.woocommerce-account
    table.woocommerce-orders-table td{
        display:grid !important;

        grid-template-columns:88px minmax(0,1fr);
        align-items:center;

        gap:10px;

        width:100%;

        padding:11px 0 !important;

        border:0 !important;
        border-bottom:1px solid #E5E7EB !important;

        text-align:right !important;
    }

    body.woocommerce-account
    table.woocommerce-orders-table td:last-child{
        border-bottom:0 !important;
    }

    body.woocommerce-account
    table.woocommerce-orders-table td::before{
        color:#1F2430;

        font-size:14px;
        font-weight:700;
        line-height:1.4;
        text-align:left;
    }

    body.woocommerce-account
    .woocommerce-orders-table__cell-order-actions{
        display:flex !important;
        flex-wrap:nowrap;
        align-items:center;

        gap:8px;

        padding-top:12px !important;
    }

    body.woocommerce-account
    .woocommerce-orders-table__cell-order-actions::before{
        display:none !important;
    }

    body.woocommerce-account
    .woocommerce-orders-table__cell-order-actions
    .button{
        flex:1 1 0;

        width:auto !important;
        min-width:0;
        min-height:44px !important;

        margin:0 !important;
        padding:10px 10px !important;

        font-size:14px !important;
    }


    /* ======================================================
       ORDERDETAILS
       ====================================================== */

    body.woocommerce-account
    .woocommerce-order-details,

    body.woocommerce-account
    .woocommerce-customer-details{
        margin:18px 0 !important;
        padding:16px !important;
    }

    body.woocommerce-account
    .woocommerce-order-details__title,

    body.woocommerce-account
    .woocommerce-column__title,

    body.woocommerce-account
    .woocommerce-customer-details h2{
        margin:0 0 15px !important;

        font-size:20px !important;
        line-height:1.25 !important;
    }

    body.woocommerce-account
    .woocommerce-order-details table{
        width:100%;

        table-layout:fixed;
    }

    body.woocommerce-account
    .woocommerce-order-details th,

    body.woocommerce-account
    .woocommerce-order-details td{
        padding:10px 6px !important;

        font-size:14px !important;
        line-height:1.45;

        overflow-wrap:anywhere;
    }

    body.woocommerce-account
    .woocommerce-order-details th:first-child,

    body.woocommerce-account
    .woocommerce-order-details td:first-child{
        width:60%;
    }

    body.woocommerce-account
    .woocommerce-customer-details address{
        margin:0;
        padding:14px !important;

        border-radius:13px !important;

        font-size:14.5px !important;
        line-height:1.65;
    }

    body.woocommerce-account
    .woocommerce-column--billing-address,

    body.woocommerce-account
    .woocommerce-column--shipping-address{
        float:none !important;

        width:100% !important;
        max-width:none !important;

        margin:0 0 14px !important;
    }


    /* ======================================================
       ADDRESSES
       ====================================================== */

    body.woocommerce-account
    .woocommerce-MyAccount-content > p:first-child{
        margin:0 0 14px !important;

        font-size:15px !important;
        line-height:1.5 !important;
    }

    body.woocommerce-account
    .woocommerce-Addresses{
        display:block;

        width:100% !important;

        margin:0 !important;
    }

    body.woocommerce-account
    .woocommerce-Address{
        float:none !important;

        width:100% !important;

        margin:14px 0 !important;
        padding:16px !important;
    }

    body.woocommerce-account
    .woocommerce-Address-title{
        display:flex;
        align-items:center;
        justify-content:space-between;

        gap:10px;

        margin-bottom:12px;
        padding-bottom:12px;

        border-bottom:1px solid #E5E7EB;
    }

    body.woocommerce-account
    .woocommerce-Address-title h2{
        margin:0 !important;

        font-size:20px !important;
        line-height:1.25 !important;
    }

    body.woocommerce-account
    .woocommerce-Address-title .edit{
        float:none !important;

        font-size:13px !important;
        font-weight:700;
        line-height:1.3;
        text-align:right;
    }

    body.woocommerce-account
    .woocommerce-Address address{
        margin:0;

        font-size:15px !important;
        line-height:1.6 !important;
    }


    /* ======================================================
       CONTACT DETAILS / ACCOUNTFORMULIER
       ====================================================== */

    body.woocommerce-account
    form.woocommerce-EditAccountForm{
        width:100%;

        padding:16px !important;
    }

    body.woocommerce-account
    form.woocommerce-EditAccountForm
    .form-row{
        float:none !important;

        width:100% !important;

        margin:0 0 14px !important;
        padding:0 !important;
    }

    body.woocommerce-account
    form.woocommerce-EditAccountForm
    .form-row-first,

    body.woocommerce-account
    form.woocommerce-EditAccountForm
    .form-row-last{
        float:none !important;

        width:100% !important;
    }

    body.woocommerce-account
    form.woocommerce-EditAccountForm label{
        display:block;

        margin:0 0 6px;

        color:#1F2430;

        font-size:13.5px !important;
        font-weight:700;
        line-height:1.35;
    }

    body.woocommerce-account
    form.woocommerce-EditAccountForm
    input.input-text,

    body.woocommerce-account
    form.woocommerce-EditAccountForm
    input[type="email"],

    body.woocommerce-account
    form.woocommerce-EditAccountForm
    input[type="password"]{
        width:100%;
        min-height:48px;

        padding:11px 13px !important;

        border-radius:11px !important;

        font-size:16px !important;
        line-height:1.4;
    }

    body.woocommerce-account
    form.woocommerce-EditAccountForm em{
        display:block;

        margin-top:5px;

        color:#6B7280;

        font-size:13px !important;
        line-height:1.5;
    }

    body.woocommerce-account
    form.woocommerce-EditAccountForm fieldset{
        margin:22px 0 16px !important;
        padding:16px 0 0 !important;

        border:0;
        border-top:1px solid #E5E7EB;
    }

    body.woocommerce-account
    form.woocommerce-EditAccountForm legend{
        margin:0 0 14px;
        padding:0;

        color:#1F2430;

        font-size:20px !important;
        font-weight:700;
        line-height:1.25;
    }

    body.woocommerce-account
    form.woocommerce-EditAccountForm
    button[type="submit"]{
        width:100%;

        margin-top:5px;
    }


    /* ======================================================
       COMPACTE MOBIELE NAVIGATIE
       ====================================================== */

    .whisper-mobile-account-nav,
    .whisper-mobile-account-nav *{
        box-sizing:border-box;
    }

    .whisper-mobile-account-nav{
        display:block;

        position:fixed;
        left:50%;
        bottom:calc(7px + env(safe-area-inset-bottom));

        width:min(calc(100% - 16px),460px);

        transform:translateX(-50%);

        z-index:99999;

        padding:4px;

        background:#FFFFFF;

        border:1px solid rgba(30,36,84,.10);
        border-radius:18px;

        box-shadow:
            0 10px 28px rgba(5,11,59,.13),
            0 3px 9px rgba(5,11,59,.05);
    }

    .whisper-mobile-account-nav__list{
        display:grid;
        grid-template-columns:repeat(5,minmax(0,1fr));

        align-items:center;

        gap:2px;

        width:100%;

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

        list-style:none !important;
    }

    .whisper-mobile-account-nav__item{
        min-width:0;

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

        list-style:none !important;
    }

    .whisper-mobile-account-nav__link{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;

        gap:3px;

        width:100%;
        min-width:0;
        min-height:56px;

        margin:0;
        padding:4px 1px;

        color:#6B7280 !important;
        background:transparent !important;

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

        text-align:center;
        text-decoration:none !important;

        box-shadow:none !important;

        -webkit-tap-highlight-color:transparent;
        touch-action:manipulation;

        transition:
            color .18s ease,
            transform .18s ease;
    }

    .whisper-mobile-account-nav__icon{
        display:flex;
        align-items:center;
        justify-content:center;

        flex:0 0 auto;

        width:28px;
        height:28px;

        color:#1E2454;

        background:transparent;
        border-radius:9px;

        transition:
            color .18s ease,
            background-color .18s ease,
            box-shadow .18s ease,
            transform .18s ease;
    }

    .whisper-mobile-account-nav__icon svg{
        display:block;

        width:18px !important;
        height:18px !important;

        min-width:18px;
        min-height:18px;

        overflow:visible;

        fill:none !important;
        stroke:currentColor !important;
        stroke-width:1.9;
        stroke-linecap:round;
        stroke-linejoin:round;
    }

    .whisper-mobile-account-nav__label{
        display:block;

        width:100%;

        overflow:hidden;

        color:inherit;

        font-size:10px !important;
        font-weight:600;
        line-height:1.15;

        white-space:nowrap;
        text-overflow:ellipsis;
    }

    .whisper-mobile-account-nav__item.is-active
    .whisper-mobile-account-nav__link{
        color:#F28C1D !important;
        background:transparent !important;
    }

    .whisper-mobile-account-nav__item.is-active
    .whisper-mobile-account-nav__icon{
        color:#FFFFFF;

        background:#F28C1D;

        box-shadow:0 4px 10px rgba(242,140,29,.22);

        transform:translateY(-1px);
    }

    .whisper-mobile-account-nav__link:active{
        transform:scale(.96);
    }

    .whisper-mobile-account-nav__link:focus-visible{
        outline:2px solid #F28C1D;
        outline-offset:1px;
    }
}


/* ==========================================================
   EXTRA KLEINE MOBIELE SCHERMEN
   ========================================================== */

@media (max-width:360px){

    body.woocommerce-account
    .woocommerce-MyAccount-content{
        width:calc(100vw - 10px) !important;
        padding-right:2px !important;
        padding-left:2px !important;
    }

    .whisper-mobile-account-nav{
        width:calc(100% - 10px);

        padding:3px;
    }

    .whisper-mobile-account-nav__link{
        min-height:54px;
    }

    .whisper-mobile-account-nav__icon{
        width:26px;
        height:26px;
    }

    .whisper-mobile-account-nav__icon svg{
        width:17px !important;
        height:17px !important;
    }

    .whisper-mobile-account-nav__label{
        font-size:9px !important;
    }

    body.woocommerce-account
    .whisper-plan__row{
        gap:8px;
    }

    body.woocommerce-account
    .woocommerce-orders-table__cell-order-actions{
        flex-wrap:wrap;
    }

    body.woocommerce-account
    .woocommerce-orders-table__cell-order-actions
    .button{
        flex-basis:100%;
    }
}
/* ==========================================================
   GLOBAL HOVER LOCK
   Voorkomt beweging en schalen zonder de knopopmaak te wijzigen
   ========================================================== */

a.button,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.elementor-button{
    transition:
        background-color .2s ease,
        color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease !important;
}


/* Geen beweging of schaalverandering bij interactie */

a.button:hover,
a.button:focus,
a.button:active,

button:hover,
button:focus,
button:active,

input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,

input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,

input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="reset"]:active,

.elementor-button:hover,
.elementor-button:focus,
.elementor-button:active{
    transform:none !important;
    scale:1 !important;
    animation:none !important;
}

/* Disabled Save button on password reset form */
.woocommerce-ResetPassword button:disabled,
.woocommerce-ResetPassword button.disabled {
    opacity: 0.45 !important;
    cursor: not-allowed !important;
    pointer-events: none;
}

/* ==========================================================
   MY ACCOUNT – PASSWORD RESET
   ========================================================== */

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword{
    width:100%;
    max-width:620px;

    margin:0 auto 0 0 !important;
    padding:32px !important;

    background:#FFFFFF;
    border:1px solid var(--wh-border, #E5E7EB);
    border-radius:20px;

    box-shadow:
        0 16px 40px rgba(30,36,84,.07),
        0 4px 12px rgba(30,36,84,.035);
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword > p:first-child{
    margin:0 0 24px !important;

    font-size:15px;
    line-height:1.65;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .form-row{
    float:none !important;

    width:100% !important;

    margin:0 0 18px !important;
    padding:0 !important;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword label{
    display:block;

    margin-bottom:7px;

    font-size:14px;
    font-weight:700;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword input{
    width:100%;
    min-height:52px;

    padding:12px 46px 12px 15px !important;

    background:#F8FAFC !important;
    border:1px solid var(--wh-border, #E5E7EB) !important;
    border-radius:12px !important;

    font-size:16px !important;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword input:focus{
    background:#FFFFFF !important;
    border-color:var(--wh-primary, #1E2454) !important;

    box-shadow:0 0 0 3px rgba(30,36,84,.10) !important;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword button.button{
    min-height:48px;

    padding:11px 22px !important;

    color:#FFFFFF !important;
    background:var(--wh-accent, #F28C1D) !important;

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

    font-size:15px !important;
    font-weight:700 !important;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword button.button:hover{
    background:var(--wh-accent-hover, #C4741C) !important;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword button.button:disabled{
    background:#9CA3AF !important;
    opacity:1 !important;
}

@media (max-width:767px){

    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword{
        width:calc(100vw - 20px);

        padding:22px 18px !important;

        border-radius:17px;
    }

    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword button.button{
        width:100%;
    }
}

@media (max-width:767px){

    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword{
        width:calc(100vw - 20px);
        max-width:none;

        margin:0 auto !important;
        padding:22px 18px !important;

        border-radius:17px;
    }

    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword > p:first-child{
        margin-bottom:20px !important;

        font-size:14px;
        line-height:1.6;
    }

    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword input{
        min-height:50px;

        padding:11px 46px 11px 13px !important;

        font-size:16px !important;
    }

    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword button.button{
        width:100%;
        min-height:48px;
    }
}

/* Region flags */
.whisper-region-icon-default {
    font-size: 24px;
    line-height: 1;
    display: inline-block;
}

.whisper-region-icon-large {
    font-size: 60px;
    line-height: 1;
    display: inline-block;
}

.whisper-region-icon-xl {
    font-size: 46px;
    line-height: 1;
    display: inline-block;
}

/* =========================================
   WHISPER - RECOMMENDED ESIM PLAN
   ========================================= */

.whisper-plan-card {
    position: relative;
    overflow: visible !important;
}

/* Aanbevolen kaart */
.whisper-plan-card:has(.whisper-plan-badge) {
    border: 1px solid #202A5A !important;
    background: #ffffff;
}

/* Wrapper van shortcode */
.whisper-badge-wrap {
    position: absolute !important;
    top: -10px;
    right: 12px;
    width: auto !important;
    z-index: 10;
    margin: 0 !important;
}

/* Badge */
.whisper-plan-badge {
    display: inline-block;
    padding: 6px 11px;
    border-radius: 4px;

    background: #1E2454;
    color: #ffffff;

    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;

    text-transform: none;
    letter-spacing: 0;
}

.whisper-plan-card:has(.whisper-plan-badge) {
    border: 1px solid #1E2454 !important;
    background: #FAFBFE;
}

/* Mobiel */
@media (max-width: 767px) {
    .whisper-badge-wrap {
        top: -9px;
        right: 10px;
    }

    .whisper-plan-badge {
        font-size: 10px;
        padding: 5px 8px;
    }
}

.whisper-plan-title {
    color: #1E2454;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3em;
    Padding-left: 16px;
    letter-spacing: 0;
}

/* check email in spam - account pagina */

.woocommerce-account .whisper-spam-notice {
    font-size: 14px;
    line-height: 1.5;
    color: #667085;
    margin: 8px 0 20px;
}

.woocommerce-thankyou-order-received .whisper-order-spam-notice {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #667085;
    font-weight: 400;
    font-style: italic;
}

.woocommerce-thankyou-order-received {
    line-height: 1.5;
}