:root {
        --dgdm-primary: #C85A1A;
        --dgdm-primary-dark: #A84510;
        --dgdm-primary-light: #FAF0E6;
        --dgdm-text: #3A2010;
        --dgdm-text-muted: #9A7A60;
        --dgdm-bg: #FAF5EC;
        --dgdm-white: #FFFDF8;
        --dgdm-border: #E8D4C0;
        --dgdm-error: #B91C1C;
        --dgdm-error-bg: #FEF2F2;
        --dgdm-success: #5A7A2A;
        --dgdm-success-bg: #F0F7E6;
        --dgdm-card-bg: #FFFDF5;
    }

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }


    body, input, button, select, textarea {
        font-family: 'Inter', -apple-system, sans-serif;
    }

    h1, h2, h3, h4, h5, h6,
    .dgdm-login-title,
    .dgdm-memberships-title,
    .dgdm-membership-name,
    .dgdm-card-title,
    .dgdm-page-title {
        font-family: freight-neo-pro, serif;
        font-weight: 500;
    }

    body {
        background-color: #c87a4a;
        background-image: url('/wp-content/plugins/digidaad-members-expect/assets/texture-home.jpg');
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        min-height: 100vh;
        color: var(--dgdm-text);
    }

    body.dgdm-page-centered {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 40px 20px;
    }

    body.dgdm-page-full {
        padding: 40px 20px;
    }

    h1, h2, h3, h4, .dgdm-login-title, .dgdm-memberships-title, .dgdm-page-title {
        font-weight: 600;
    }

    /* Card */
    .dgdm-login-card,
    .dgdm-memberships-card,
    .dgdm-page-card {
        background: var(--dgdm-card-bg);
        border-radius: 20px;
        box-shadow:
            0 8px 32px rgba(80, 30, 10, 0.18),
            0 2px 8px rgba(80, 30, 10, 0.10);
        position: relative;
        overflow: hidden;
    }

    .dgdm-login-card::before,
    .dgdm-memberships-card::before,
    .dgdm-page-card::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 4px;
        background: linear-gradient(90deg, #fdbf0e, #f8cc50, #ecc511);
    }

    /* Logo */
    .dgdm-logo {
        display: flex;
        justify-content: center;
        margin-bottom: 28px;
    }

    .dgdm-logo svg,
    .dgdm-logo img {
        height: 44px;
        width: auto;
    }


    /* Typography */
    .dgdm-login-title,
    .dgdm-memberships-title,
    .dgdm-page-title {
        font-size: 28px;
        font-weight: 600;
        text-align: center;
        margin-bottom: 8px;
        color: var(--dgdm-text);
        letter-spacing: 0.01em;
    }

    .dgdm-login-subtitle,
    .dgdm-memberships-subtitle,
    .dgdm-page-subtitle {
        font-size: 15px;
        color: var(--dgdm-text-muted);
        text-align: center;
        margin-bottom: 32px;
        font-weight: 400;
    }

    /* Alerts */
    .dgdm-alert {
        padding: 14px 16px;
        border-radius: 12px;
        margin-bottom: 24px;
        font-size: 14px;
        display: flex;
        align-items: flex-start;
        gap: 12px;
    }

    .dgdm-alert-icon {
        flex-shrink: 0;
        width: 20px;
        height: 20px;
    }

    .dgdm-alert-error {
        background: var(--dgdm-error-bg);
        color: var(--dgdm-error);
        border: 1px solid rgba(185, 28, 28, 0.2);
    }

    .dgdm-alert-success {
        background: var(--dgdm-success-bg);
        color: var(--dgdm-success);
        border: 1px solid rgba(90, 122, 42, 0.25);
    }

    /* Form */
    .dgdm-form-group {
        margin-bottom: 20px;
    }

    .dgdm-form-label {
        display: block;
        font-size: 13px;
        font-weight: 700;
        color: var(--dgdm-text);
        margin-bottom: 7px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }

    .dgdm-form-input {
        width: 100%;
        padding: 13px 16px;
        font-size: 15px;
        border: 1.5px solid var(--dgdm-border);
        border-radius: 10px;
        background: var(--dgdm-white);
        color: var(--dgdm-text);
        transition: all 0.2s ease;
        outline: none;
    }

    .dgdm-form-input:focus {
        border-color: var(--dgdm-primary);
        box-shadow: 0 0 0 3px rgba(200, 90, 26, 0.12);
    }

    .dgdm-form-input::placeholder {
        color: var(--dgdm-text-muted);
        font-weight: 300;
    }

    /* Also target legacy .dgdm-field inputs */
    .dgdm-field input[type="text"],
    .dgdm-field input[type="email"],
    .dgdm-field input[type="password"],
    .dgdm-field input[type="tel"],
    .dgdm-field textarea,
    .dgdm-field select {
        width: 100%;
        padding: 13px 16px;
        font-size: 15px;
        border: 1.5px solid var(--dgdm-border);
        border-radius: 10px;
        background: var(--dgdm-white);
        color: var(--dgdm-text);
        transition: all 0.2s ease;
        outline: none;
        box-sizing: border-box;
    }

    .dgdm-field input:focus,
    .dgdm-field textarea:focus,
    .dgdm-field select:focus {
        border-color: var(--dgdm-primary);
        box-shadow: 0 0 0 3px rgba(200, 90, 26, 0.12);
    }

    .dgdm-field label {
        display: block;
        font-size: 13px;
        font-weight: 700;
        color: var(--dgdm-text);
        margin-bottom: 7px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }

    .dgdm-field {
        margin-bottom: 20px;
    }

    /* Form row */
    .dgdm-form-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 24px;
    }

    /* Checkbox */
    .dgdm-checkbox-wrapper {
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
    }

    .dgdm-checkbox-wrapper input[type="checkbox"],
    .dgdm-field-checkbox input[type="checkbox"] {
        width: 18px;
        height: 18px;
        accent-color: var(--dgdm-primary);
        cursor: pointer;
    }

    .dgdm-checkbox-label {
        font-size: 14px;
        color: var(--dgdm-text-muted);
        user-select: none;
    }

    .dgdm-field-checkbox label {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 14px;
        color: var(--dgdm-text-muted);
        cursor: pointer;
        text-transform: none;
        letter-spacing: normal;
        font-weight: 400;
    }

    /* Forgot / links */
    .dgdm-forgot-link {
        font-size: 14px;
        color: var(--dgdm-primary);
        text-decoration: none;
        font-weight: 700;
        transition: color 0.2s ease;
    }

    .dgdm-forgot-link:hover {
        color: var(--dgdm-primary-dark);
    }

    /* Submit button */
    .dgdm-submit-btn,
    .dgdm-btn,
    .dgdm-button {
        width: 100%;
        padding: 15px 24px;
        font-size: 15px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: #fff;
        background: linear-gradient(135deg, var(--dgdm-primary) 0%, var(--dgdm-primary-dark) 100%);
        border: none;
        border-radius: 10px;
        cursor: pointer;
        transition: all 0.3s ease;
        position: relative;
        overflow: hidden;
        display: inline-block;
        text-decoration: none;
        text-align: center;
    }

    .dgdm-submit-btn::before,
    .dgdm-btn::before,
    .dgdm-button::before {
        content: '';
        position: absolute;
        top: 0; left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
        transition: left 0.5s ease;
    }

    .dgdm-submit-btn:hover,
    .dgdm-btn:hover,
    .dgdm-button:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px -4px rgba(168, 69, 16, 0.45);
        color: #fff;
        text-decoration: none;
    }

    .dgdm-submit-btn:hover::before,
    .dgdm-btn:hover::before,
    .dgdm-button:hover::before {
        left: 100%;
    }

    .dgdm-submit-btn:active { transform: translateY(0); }
    .dgdm-submit-btn:disabled { opacity: 0.7; cursor: not-allowed; transform: none; }

    /* Loading */
    .dgdm-submit-btn.loading { color: transparent; }
    .dgdm-submit-btn.loading::after {
        content: '';
        position: absolute;
        width: 20px; height: 20px;
        top: 50%; left: 50%;
        margin: -10px 0 0 -10px;
        border: 2px solid #fff;
        border-top-color: transparent;
        border-radius: 50%;
        animation: dgdm-spin 0.8s linear infinite;
    }

    @keyframes dgdm-spin { to { transform: rotate(360deg); } }

    /* Footer / back links */
    .dgdm-login-footer {
        margin-top: 28px;
        text-align: center;
        padding-top: 24px;
        border-top: 1px solid var(--dgdm-border);
    }

    .dgdm-login-footer-text {
        font-size: 14px;
        color: var(--dgdm-text-muted);
    }

    .dgdm-login-footer a {
        color: var(--dgdm-primary);
        text-decoration: none;
        font-weight: 700;
    }

    .dgdm-login-footer a:hover {
        color: var(--dgdm-primary-dark);
        text-decoration: underline;
    }

    .dgdm-back-link {
        display: block;
        text-align: center;
        margin-top: 20px;
        font-size: 14px;
        color: rgba(255, 253, 248, 0.75);
        text-decoration: none;
        transition: color 0.2s;
    }

    .dgdm-back-link:hover {
        color: #fff;
    }

    /* Error / success inline */
    .dgdm-error {
        background: var(--dgdm-error-bg);
        border: 1px solid rgba(185, 28, 28, 0.2);
        color: var(--dgdm-error);
        padding: 14px 16px;
        border-radius: 10px;
        margin-bottom: 20px;
        font-size: 14px;
    }

    .dgdm-success {
        background: var(--dgdm-success-bg);
        border: 1px solid rgba(90, 122, 42, 0.25);
        color: var(--dgdm-success);
        padding: 14px 16px;
        border-radius: 10px;
        margin-bottom: 20px;
        font-size: 14px;
    }

    /* Membership cards */
    .dgdm-membership-card {
        background: var(--dgdm-card-bg);
        border: 1.5px solid var(--dgdm-border);
        border-radius: 16px;
        padding: 32px 28px;
        position: relative;
        transition: all 0.2s ease;
    }

    .dgdm-membership-card:hover {
        border-color: var(--dgdm-primary);
        box-shadow: 0 8px 24px rgba(200, 90, 26, 0.12);
        transform: translateY(-2px);
    }

    .dgdm-membership-card.featured {
        border-color: var(--dgdm-primary);
        box-shadow: 0 8px 32px rgba(200, 90, 26, 0.18);
    }

    .dgdm-membership-card .dgdm-badge {
        display: inline-block;
        padding: 4px 12px;
        background: var(--dgdm-primary);
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        border-radius: 20px;
        margin-bottom: 16px;
    }

    .dgdm-membership-name {
        font-size: 24px;
        font-weight: 600;
        color: var(--dgdm-text);
        margin-bottom: 8px;
    }

    .dgdm-membership-price {
        font-size: 38px;
        font-weight: 700;
        color: var(--dgdm-primary);
        margin-bottom: 4px;
    }

    .dgdm-membership-price span {
        font-size: 18px;
        font-weight: 400;
        color: var(--dgdm-text-muted);
    }

    .dgdm-membership-description {
        font-size: 14px;
        color: var(--dgdm-text-muted);
        margin-bottom: 24px;
        line-height: 1.6;
    }

    /* Account */


    .dgdm-subscriptions-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .dgdm-subscriptions-list li {
        background: var(--dgdm-primary-light);
        border: 1px solid rgba(200, 90, 26, 0.15);
        padding: 16px;
        border-radius: 10px;
        margin-bottom: 10px;
        color: var(--dgdm-text);
    }

    /* Restricted content */
    .dgdm-restricted-content {
        background: var(--dgdm-primary-light);
        border-radius: 16px;
        padding: 40px;
        text-align: center;
        margin: 20px 0;
        border: 1px solid rgba(200, 90, 26, 0.15);
    }

    /* Logged in notice */
    .dgdm-logged-in-notice {
        background: var(--dgdm-primary-light);
        border: 1px solid rgba(200, 90, 26, 0.25);
        border-radius: 10px;
        padding: 20px;
        text-align: center;
    }

    .dgdm-logged-in-notice a {
        color: var(--dgdm-primary-dark);
        font-weight: 700;
    }

    /* ===== Layout wrappers ===== */
    .dgdm-login-wrapper {
        width: 100%;
        max-width: 440px;
        margin: 0 auto;
    }

    .dgdm-login-card {
        padding: 48px 40px;
    }

    /* Centered page layout (login, forgot, reset) */
    body.dgdm-page-centered {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 40px 20px;
    }

    /* Memberships layout */
    .dgdm-memberships-wrapper {
        width: 100%;
        max-width: 960px;
        margin: 0 auto;
        padding: 48px 20px;
    }

    .dgdm-memberships-header {
        text-align: center;
        margin-bottom: 48px;
    }

    .dgdm-memberships-title {
        font-size: 36px;
    }

    .dgdm-memberships-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 24px;
    }

    /* Account wrapper */
    .dgdm-account-wrapper {
        width: 100%;
        max-width: 680px;
        margin: 0 auto;
        padding: 48px 20px;
    }

    .dgdm-account-card {
        background: var(--dgdm-card-bg);
        border-radius: 20px;
        padding: 40px;
        box-shadow: 0 8px 32px rgba(80, 30, 10, 0.15);
        position: relative;
        overflow: hidden;
    }

    .dgdm-account-card::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 4px;
        background: linear-gradient(90deg, #fdbf0e, #f8cc50, #ecc511);
    }

    /* Thank-you / checkout wrapper */
    .dgdm-thankyou-wrapper,
    .dgdm-checkout-wrapper {
        width: 100%;
        max-width: 560px;
        margin: 0 auto;
        padding: 48px 20px;
        text-align: center;
    }

    .dgdm-thankyou-card,
    .dgdm-checkout-card {
        background: var(--dgdm-card-bg);
        border-radius: 20px;
        padding: 48px 40px;
        box-shadow: 0 8px 32px rgba(80, 30, 10, 0.15);
        position: relative;
        overflow: hidden;
    }

    .dgdm-thankyou-card::before,
    .dgdm-checkout-card::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 4px;
        background: linear-gradient(90deg, #fdbf0e, #f8cc50, #ecc511);
    }

    /* Membership options (restricted content) */
    .dgdm-membership-options {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid var(--dgdm-border);
    }

    .dgdm-membership-options ul {
        list-style: none;
        padding: 0; margin: 0;
    }

    .dgdm-membership-options li { margin: 10px 0; }

    .dgdm-membership-options a {
        display: inline-block;
        padding: 12px 24px;
        background: var(--dgdm-white);
        border: 1.5px solid var(--dgdm-border);
        border-radius: 10px;
        color: var(--dgdm-text);
        text-decoration: none;
        transition: all 0.2s;
        font-weight: 700;
    }

    .dgdm-membership-options a:hover {
        border-color: var(--dgdm-primary);
        color: var(--dgdm-primary);
    }



    /* ===== Thank-you / Checkout ===== */
    .dgdm-thankyou-wrapper,
    .dgdm-checkout-wrapper {
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
    }

    .dgdm-thankyou-card,
    .dgdm-checkout-card {
        background: var(--dgdm-white, #FFFDF8);
        border-radius: 20px;
        padding: 48px 40px;
        box-shadow: 0 8px 32px rgba(80,30,10,0.15), 0 2px 8px rgba(80,30,10,0.08);
        position: relative;
        overflow: hidden;
        text-align: center;
    }

    .dgdm-thankyou-card::before,
    .dgdm-checkout-card::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 4px;
        background: linear-gradient(90deg, #fdbf0e, #f8cc50, #ecc511);
    }

    .dgdm-thankyou-icon {
        width: 72px;
        height: 72px;
        margin: 0 auto 24px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .dgdm-thankyou-icon svg {
        width: 72px;
        height: 72px;
    }

    .dgdm-thankyou-icon.success svg { color: var(--dgdm-success, #5A7A2A); }
    .dgdm-thankyou-icon.pending svg { color: #C85A1A; }
    .dgdm-thankyou-icon.error svg   { color: var(--dgdm-error, #B91C1C); }

    .dgdm-thankyou-title {
        font-size: 28px;
        font-weight: 500;
        color: var(--dgdm-text);
        margin: 0 0 12px 0;
    }

    .dgdm-thankyou-message {
        font-size: 15px;
        color: var(--dgdm-text-muted);
        line-height: 1.65;
        margin: 0 0 24px 0;
    }

    .dgdm-thankyou-details {
        background: var(--dgdm-primary-light, #FAF0E6);
        border: 1px solid rgba(200,90,26,0.15);
        border-radius: 12px;
        padding: 20px;
        margin-bottom: 28px;
        text-align: left;
    }

    .dgdm-thankyou-details h3 {
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--dgdm-text-muted);
        margin: 0 0 12px 0;
    }

    .dgdm-thankyou-details p {
        font-size: 14px;
        color: var(--dgdm-text);
        margin: 6px 0;
    }

    .dgdm-thankyou-actions {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .dgdm-thankyou-actions .dgdm-btn,
    .dgdm-thankyou-actions .dgdm-button,
    .dgdm-thankyou-actions .dgdm-submit-btn {
        width: 100%;
    }

    .dgdm-btn-secondary {
        display: block;
        width: 100%;
        padding: 14px 24px;
        font-size: 14px;
        font-weight: 700;
        font-family: inherit;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        text-align: center;
        color: var(--dgdm-primary);
        background: transparent;
        border: 2px solid var(--dgdm-primary);
        border-radius: 10px;
        cursor: pointer;
        text-decoration: none;
        transition: all 0.2s ease;
        box-sizing: border-box;
    }

    .dgdm-btn-secondary:hover {
        background: var(--dgdm-primary);
        color: #fff;
        text-decoration: none;
    }

    .dgdm-back-link-thankyou {
        display: block;
        text-align: center;
        margin-top: 20px;
        font-size: 14px;
        color: rgba(255,253,248,0.75);
        text-decoration: none;
    }

    .dgdm-back-link-thankyou:hover { color: #fff; }

    @media (max-width: 480px) {
        .dgdm-thankyou-card,
        .dgdm-checkout-card { padding: 32px 22px; }
    }


    /* Status icon */
    .dgdm-status-icon {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 24px;
    }

    .dgdm-status-icon svg {
        width: 40px;
        height: 40px;
    }

    .dgdm-status-icon.success {
        background: #f0f7e6;
        color: #5A7A2A;
    }

    .dgdm-status-icon.pending {
        background: #FAF0E6;
        color: #C85A1A;
    }

    .dgdm-status-icon.error {
        background: #fef2f2;
        color: #B91C1C;
    }

    /* Info box (thank-you details) */
    .dgdm-info-box {
        background: var(--dgdm-primary-light, #FAF0E6);
        border: 1px solid rgba(200,90,26,0.15);
        border-radius: 12px;
        padding: 20px;
        margin: 20px 0 28px;
        text-align: left;
    }

    .dgdm-info-box h4 {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        color: var(--dgdm-text-muted);
        margin: 0 0 14px 0;
    }

    .dgdm-info-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 7px 0;
        border-bottom: 1px solid rgba(200,90,26,0.08);
        font-size: 14px;
    }

    .dgdm-info-row:last-child { border-bottom: none; }

    .dgdm-info-label { color: var(--dgdm-text-muted); }
    .dgdm-info-value { font-weight: 700; color: var(--dgdm-text); }

    /* Confetti */
    .dgdm-confetti {
        position: fixed;
        top: 0; left: 0;
        width: 100%; height: 100%;
        pointer-events: none;
        z-index: 9999;
        overflow: hidden;
    }

    .dgdm-confetti-piece {
        position: absolute;
        width: 10px;
        height: 10px;
        top: -20px;
        border-radius: 2px;
        animation: dgdm-confetti-fall linear forwards;
    }

    @keyframes dgdm-confetti-fall {
        to {
            transform: translateY(100vh) rotate(720deg);
            opacity: 0;
        }
    }

    /* Primary/secondary button variants */
    .dgdm-btn-primary {
        display: block;
        margin-bottom: 12px;
    }

    .dgdm-btn-secondary {
        display: block;
        width: 100%;
        padding: 14px 24px;
        font-size: 14px;
        font-weight: 700;
        font-family: inherit;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        text-align: center;
        color: var(--dgdm-primary);
        background: transparent;
        border: 2px solid var(--dgdm-primary);
        border-radius: 10px;
        cursor: pointer;
        text-decoration: none;
        transition: all 0.2s ease;
        box-sizing: border-box;
    }

    .dgdm-btn-secondary:hover {
        background: var(--dgdm-primary);
        color: #fff;
        text-decoration: none;
    }


    /* ===== Account page ===== */
    .dgdm-account-header {
        background: #FFFDF8;
        border-bottom: 1px solid var(--dgdm-border);
        padding: 0 40px;
        margin-bottom: 40px;
        box-shadow: 0 2px 8px rgba(80,30,10,0.06);
    }

    .dgdm-header-inner {
        max-width: 1100px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 70px;
    }

    .dgdm-header-nav {
        display: flex;
        align-items: center;
        gap: 24px;
    }

    .dgdm-header-link {
        font-size: 14px;
        font-weight: 600;
        color: var(--dgdm-text-muted);
        text-decoration: none;
        transition: color 0.2s;
    }

    .dgdm-header-link:hover { color: var(--dgdm-primary); }

    .dgdm-user-menu {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 8px 14px;
        background: var(--dgdm-primary-light);
        border-radius: 40px;
        border: 1px solid rgba(200,90,26,0.15);
    }

    .dgdm-user-avatar {
        width: 36px;
        height: 36px;
        background: var(--dgdm-primary);
        color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        font-weight: 700;
        flex-shrink: 0;
    }

    .dgdm-user-name {
        font-size: 14px;
        font-weight: 700;
        color: var(--dgdm-text);
        line-height: 1.2;
    }

    .dgdm-user-email {
        font-size: 12px;
        color: var(--dgdm-text-muted);
    }

    /* Layout */
    .dgdm-account-container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 40px 60px;
    }

    .dgdm-page-title {
        font-size: 32px;
        font-weight: 500;
        color: #fff;
        margin: 0 0 28px 0;
        text-shadow: 0 1px 4px rgba(50,15,5,0.2);
    }

    .dgdm-grid {
        display: grid;
        grid-template-columns: 1fr 320px;
        gap: 24px;
        align-items: start;
    }

    @media (max-width: 900px) {
        .dgdm-grid { grid-template-columns: 1fr; }
        .dgdm-account-container { padding: 0 20px 40px; }
        .dgdm-account-header { padding: 0 20px; }
        .dgdm-user-info { display: none; }
    }

    /* Cards */
    .dgdm-card {
        background: #FFFDF8;
        border-radius: 16px;
        padding: 28px;
        box-shadow: 0 4px 16px rgba(80,30,10,0.08);
        margin-bottom: 24px;
        position: relative;
        overflow: hidden;
    }

    .dgdm-card::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 3px;
        background: linear-gradient(90deg, #fdbf0e, #f8cc50, #ecc511);
    }

    .dgdm-card-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
        padding-bottom: 16px;
        border-bottom: 1px solid var(--dgdm-border);
    }

    .dgdm-card-title {
        font-size: 18px;
        font-weight: 500;
        color: var(--dgdm-text);
        margin: 0;
    }

    /* Subscriptions */
    .dgdm-subscription-item {
        padding: 20px 0;
        border-bottom: 1px solid var(--dgdm-border);
    }

    .dgdm-subscription-item:last-child { border-bottom: none; padding-bottom: 0; }
    .dgdm-subscription-item:first-child { padding-top: 0; }

    .dgdm-subscription-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 12px;
    }

    .dgdm-subscription-name {
        font-size: 16px;
        font-weight: 700;
        color: var(--dgdm-text);
        margin-bottom: 4px;
    }

    .dgdm-subscription-dates {
        font-size: 13px;
        color: var(--dgdm-text-muted);
    }

    /* Badge */
    .dgdm-badge {
        display: inline-block;
        padding: 4px 12px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        flex-shrink: 0;
    }

    .dgdm-badge-success { background: #f0f7e6; color: #5A7A2A; }
    .dgdm-badge-warning { background: #FAF0E6; color: #C85A1A; }
    .dgdm-badge-error   { background: #fef2f2; color: #B91C1C; }

    /* Progress bar */
    .dgdm-progress-bar {
        height: 6px;
        background: var(--dgdm-border);
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 8px;
    }

    .dgdm-progress-fill {
        height: 100%;
        background: linear-gradient(90deg, var(--dgdm-primary), #E8853A);
        border-radius: 10px;
        transition: width 0.6s ease;
    }

    .dgdm-progress-text {
        font-size: 13px;
        color: var(--dgdm-text-muted);
    }

    /* Empty state */
    .dgdm-empty-state {
        text-align: center;
        padding: 32px 20px;
        color: var(--dgdm-text-muted);
    }

    .dgdm-empty-icon svg {
        width: 48px;
        height: 48px;
        margin: 0 auto 12px;
        display: block;
        color: var(--dgdm-border);
    }

    /* Profile info list */
    .dgdm-info-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .dgdm-info-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 0;
        border-bottom: 1px solid var(--dgdm-border);
        font-size: 14px;
    }

    .dgdm-info-item:last-child { border-bottom: none; }
    .dgdm-info-item .dgdm-info-label { color: var(--dgdm-text-muted); }
    .dgdm-info-item .dgdm-info-value { font-weight: 700; color: var(--dgdm-text); text-align: right; max-width: 60%; word-break: break-word; }

    /* Quick actions */
    .dgdm-quick-actions {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .dgdm-quick-action {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px 14px;
        border-radius: 10px;
        text-decoration: none;
        color: var(--dgdm-text);
        font-size: 14px;
        font-weight: 600;
        transition: all 0.2s;
        border: 1.5px solid var(--dgdm-border);
    }

    .dgdm-quick-action:hover {
        border-color: var(--dgdm-primary);
        color: var(--dgdm-primary);
        background: var(--dgdm-primary-light);
        text-decoration: none;
    }

    .dgdm-quick-action-icon {
        width: 36px;
        height: 36px;
        background: var(--dgdm-primary-light);
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .dgdm-quick-action-icon svg {
        width: 18px;
        height: 18px;
        color: var(--dgdm-primary);
    }

    /* Outline button small */
    .dgdm-btn-outline {
        display: inline-block;
        padding: 8px 16px;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--dgdm-primary);
        background: transparent;
        border: 1.5px solid var(--dgdm-primary);
        border-radius: 8px;
        text-decoration: none;
        transition: all 0.2s;
    }

    .dgdm-btn-outline:hover {
        background: var(--dgdm-primary);
        color: #fff;
        text-decoration: none;
    }

    .dgdm-btn-sm { padding: 8px 16px !important; font-size: 13px !important; }

    /* ===== Forgot / Reset password ===== */
    .dgdm-forgot-wrapper,
    .dgdm-reset-wrapper {
        width: 100%;
        max-width: 440px;
        margin: 0 auto;
    }

    .dgdm-forgot-card,
    .dgdm-reset-card {
        background: var(--dgdm-white, #FFFDF8);
        border-radius: 20px;
        padding: 48px 40px;
        box-shadow: 0 8px 32px rgba(80,30,10,0.15), 0 2px 8px rgba(80,30,10,0.08);
        position: relative;
        overflow: hidden;
    }

    .dgdm-forgot-card::before,
    .dgdm-reset-card::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 4px;
        background: linear-gradient(90deg, #fdbf0e, #f8cc50, #ecc511);
    }

    .dgdm-forgot-title,
    .dgdm-reset-title {
        font-size: 26px;
        font-weight: 500;
        text-align: center;
        color: var(--dgdm-text);
        margin: 0 0 8px 0;
    }

    .dgdm-forgot-subtitle,
    .dgdm-reset-subtitle {
        font-size: 15px;
        color: var(--dgdm-text-muted);
        text-align: center;
        margin: 0 0 28px 0;
        font-weight: 400;
        line-height: 1.6;
    }

    .dgdm-login-link {
        text-align: center;
        margin-top: 20px;
        font-size: 14px;
    }

    .dgdm-login-link a {
        color: var(--dgdm-primary);
        text-decoration: none;
        font-weight: 700;
    }

    .dgdm-login-link a:hover { color: var(--dgdm-primary-dark); }

    @media (max-width: 480px) {
        .dgdm-forgot-card,
        .dgdm-reset-card { padding: 32px 22px; }
    }

    /* ===== Responsive ===== */
    @media (max-width: 480px) {
        .dgdm-login-card,
        .dgdm-page-card {
            padding: 32px 24px !important;
            border-radius: 16px;
        }

        .dgdm-login-title,
        .dgdm-page-title {
            font-size: 24px;
        }

        .dgdm-form-row {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }
    }


/* ================================================================
   Barba.js — body-level stijlen naar .dgdm-content-wrap
   ================================================================ */

.dgdm-content-wrap {
    background-color: #c87a4a;
    background-image: url('/wp-content/plugins/digidaad-members-expect/assets/texture-home.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: calc(100vh - 80px);
    color: #3A2010;
}

.dgdm-content-wrap.dgdm-page-centered {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 20px 40px;
}

.dgdm-content-wrap.dgdm-page-full {
    padding: 80px 20px 40px;
}

/* ================================================================
   Barba / DGDM page fixes
   ================================================================ */

/* Footer verbergen op member pagina's */
body.dgdm-page #colophon,
body.dgdm-page .lw-footer,
body.dgdm-page footer {
    display: none !important;
}

/* Body achtergrond voor naadloze aansluiting */
body.dgdm-page {
    background-color: #c87a4a;
    background-image: url('/wp-content/plugins/digidaad-members-expect/assets/texture-home.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* Nav active states resetten — WordPress markeert verkeerde items */
body.dgdm-page .lw-header__nav-primary .nav__item.current-menu-item > .nav__link,
body.dgdm-page .lw-header__nav-primary .nav__link.is-active,
body.dgdm-page .lw-header__nav-primary .nav__link[aria-current] {
    text-decoration: none !important;
    border-bottom: none !important;
    color: inherit !important;
    opacity: 1 !important;
}

/* Verberg WordPress page title die soms rendert */
body.dgdm-page .lw-page__header,
body.dgdm-page .entry-title,
body.dgdm-page .page-title {
    display: none !important;
}

/* Content wrap: min height zodat footer nooit opdoemt */
.dgdm-content-wrap {
    min-height: 100vh;
}

/* ================================================================
   Header: wit logo + witte nav op dgdm pagina's
   ================================================================ */

body.dgdm-page .lw-header {
    background: transparent !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

body.dgdm-page .lw-header__logo-img {
    filter: brightness(0) invert(1) !important;
}

body.dgdm-page .lw-header__nav-primary .nav__link,
body.dgdm-page .lw-header__menu a {
    color: #fff !important;
}

body.dgdm-page .lw-header__nav-primary .nav__link:hover {
    color: rgba(255,255,255,0.75) !important;
}

body.dgdm-page .lw-header__login,
body.dgdm-page .lw-header__login-icon {
    filter: brightness(0) invert(1) !important;
}

/* Zoekbalk: transparant met witte tekst — hoge specificiteit */
body.dgdm-page #masthead .search-form__input,
body.dgdm-page #masthead input[type="text"],
body.dgdm-page #masthead input[type="search"],
body.dgdm-page .lw-header .search-form__input,
body.dgdm-page .lw-header input[type="text"],
body.dgdm-page .lw-header input[type="search"] {
    background: rgba(255,255,255,0.15) !important;
    color: rgba(255,255,255,0.9) !important;
    border-color: rgba(255,255,255,0.3) !important;
    -webkit-text-fill-color: rgba(255,255,255,0.9) !important;
    caret-color: #fff !important;
}

body.dgdm-page #masthead .search-form__input::placeholder,
body.dgdm-page #masthead input[type="text"]::placeholder,
body.dgdm-page #masthead input[type="search"]::placeholder,
body.dgdm-page .lw-header .search-form__input::placeholder,
body.dgdm-page .lw-header input::placeholder {
    color: rgba(255,255,255,0.6) !important;
    -webkit-text-fill-color: rgba(255,255,255,0.6) !important;
    opacity: 1 !important;
}

/* Zoek icoon / knop wit */
body.dgdm-page #masthead .search-form__button,
body.dgdm-page #masthead button[type="submit"],
body.dgdm-page .lw-header .search-form__button,
body.dgdm-page .lw-header button[type="submit"],
body.dgdm-page .lw-header__search svg * {
    color: #fff !important;
    stroke: #fff !important;
    fill: #fff !important;
}

body.dgdm-page .nav-toggle .nav-toggle__bar {
    background: #fff !important;
}
.dgdm-register-container {
            max-width: 960px;
            margin: 0 auto;
        }

        .dgdm-register-header {
            text-align: center;
            margin-bottom: 40px;
        }

        .dgdm-logo {
            display: inline-block;
            margin-bottom: 24px;
        }

        .dgdm-logo svg, .dgdm-logo img {
            height: 48px;
            width: auto;
        }

        .dgdm-logo svg path {
            fill: #ffffff !important;
            stroke: #ffffff;
            stroke-width: 1;
        }

        .dgdm-register-grid {
            display: grid;
            grid-template-columns: 1fr 360px;
            gap: 32px;
            align-items: start;
        }

        @media (max-width: 860px) {
            .dgdm-register-grid { grid-template-columns: 1fr; }
            .dgdm-order-summary { order: -1; }
        }

        .dgdm-register-card {
            background: var(--dgdm-white);
            border-radius: 20px;
            box-shadow: 0 4px 6px -1px rgba(80,30,10,0.06), 0 10px 15px -3px rgba(80,30,10,0.10);
            padding: 40px;
        }

        .dgdm-card-title {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 24px;
            color: var(--dgdm-text);
        }

        .dgdm-form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
        }

        @media (max-width: 560px) {
            .dgdm-form-row { grid-template-columns: 1fr; }
        }

        .dgdm-form-group { margin-bottom: 20px; }

        .dgdm-form-label {
            display: block;
            font-size: 13px;
            font-weight: 700;
            color: var(--dgdm-text);
            margin-bottom: 7px;
            letter-spacing: 0.05em;
            text-transform: uppercase;
        }

        .dgdm-form-label .optional {
            font-weight: 400;
            color: var(--dgdm-text-muted);
            text-transform: none;
            letter-spacing: 0;
        }

        .dgdm-form-label .required {
            color: var(--dgdm-error);
            font-weight: 400;
        }

        .dgdm-form-input {
            width: 100%;
            padding: 13px 16px;
            font-size: 15px;
            font-family: inherit;
            border: 1.5px solid var(--dgdm-border);
            border-radius: 10px;
            background: var(--dgdm-white);
            color: var(--dgdm-text);
            transition: all 0.2s ease;
            outline: none;
            box-sizing: border-box;
        }

        .dgdm-form-input:focus {
            border-color: var(--dgdm-primary);
            box-shadow: 0 0 0 3px rgba(200,90,26,0.12);
        }

        .dgdm-form-input.error { border-color: var(--dgdm-error); }

        .dgdm-form-error {
            font-size: 13px;
            color: var(--dgdm-error);
            margin-top: 6px;
        }

        .dgdm-password-wrapper { position: relative; }
        .dgdm-password-wrapper .dgdm-form-input { padding-right: 50px; }

        .dgdm-password-toggle {
            position: absolute;
            right: 14px; top: 50%;
            transform: translateY(-50%);
            background: none; border: none;
            cursor: pointer; padding: 4px;
            color: var(--dgdm-text-muted);
            transition: color 0.2s;
        }

        .dgdm-password-toggle:hover { color: var(--dgdm-text); }
        .dgdm-password-toggle svg { width: 20px; height: 20px; display: block; }

        .dgdm-section-divider {
            height: 1px;
            background: var(--dgdm-border);
            margin: 32px 0;
        }

        /* Order Summary */
        .dgdm-order-summary {
            background: var(--dgdm-white);
            border-radius: 20px;
            box-shadow: 0 4px 6px -1px rgba(80,30,10,0.06), 0 10px 15px -3px rgba(80,30,10,0.10);
            padding: 32px;
            position: sticky;
            top: 40px;
        }

        .dgdm-membership-badge {
            display: inline-block;
            background: var(--dgdm-primary-light);
            color: var(--dgdm-primary-dark);
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            padding: 6px 12px;
            border-radius: 6px;
            margin-bottom: 16px;
        }

        .dgdm-membership-name {
            font-size: 22px;
            font-weight: 700;
            color: var(--dgdm-text);
            margin-bottom: 8px;
        }

        .dgdm-membership-description {
            font-size: 14px;
            color: var(--dgdm-text-muted);
            margin-bottom: 24px;
            line-height: 1.6;
        }

        .dgdm-price-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 0;
            font-size: 15px;
        }

        .dgdm-price-row.total {
            border-top: 2px solid var(--dgdm-border);
            margin-top: 12px;
            padding-top: 16px;
            font-weight: 700;
            font-size: 18px;
        }

        .dgdm-discount { color: var(--dgdm-success); }

        .dgdm-coupon-section {
            margin-top: 24px;
            padding-top: 24px;
            border-top: 1px solid var(--dgdm-border);
        }

        .dgdm-coupon-toggle {
            font-size: 14px;
            color: var(--dgdm-primary);
            background: none; border: none;
            cursor: pointer; font-family: inherit;
            font-weight: 700; padding: 0;
        }

        .dgdm-coupon-toggle:hover { text-decoration: underline; }

        .dgdm-coupon-form { display: none; margin-top: 16px; }
        .dgdm-coupon-form.visible { display: block; }

        .dgdm-coupon-input-wrapper { display: flex; gap: 8px; }

        .dgdm-coupon-input-wrapper input {
            flex: 1;
            padding: 12px 14px;
            font-size: 14px;
            font-family: inherit;
            border: 1.5px solid var(--dgdm-border);
            border-radius: 10px;
            text-transform: uppercase;
            outline: none;
        }

        .dgdm-coupon-input-wrapper input:focus {
            border-color: var(--dgdm-primary);
            box-shadow: 0 0 0 3px rgba(200,90,26,0.12);
        }

        .dgdm-coupon-btn {
            padding: 12px 20px;
            font-size: 14px;
            font-weight: 700;
            font-family: inherit;
            background: var(--dgdm-text);
            color: var(--dgdm-white);
            border: none;
            border-radius: 10px;
            cursor: pointer;
            transition: background 0.2s;
        }

        .dgdm-coupon-btn:hover { background: #5A3020; }

        .dgdm-coupon-message {
            font-size: 13px;
            margin-top: 10px;
            padding: 10px 12px;
            border-radius: 8px;
        }

        .dgdm-coupon-message.success {
            background: var(--dgdm-success-bg, #f0f7e6);
            color: var(--dgdm-success);
        }

        .dgdm-coupon-message.error {
            background: var(--dgdm-error-bg, #fef2f2);
            color: var(--dgdm-error);
        }

        .dgdm-applied-coupon {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: #f0f7e6;
            padding: 12px 14px;
            border-radius: 10px;
            margin-top: 12px;
        }

        .dgdm-applied-coupon-code { font-weight: 700; color: var(--dgdm-success); }
        .dgdm-remove-coupon { background: none; border: none; color: var(--dgdm-error); cursor: pointer; font-size: 13px; }

        /* Submit */
        .dgdm-submit-btn {
            width: 100%;
            padding: 16px 24px;
            font-size: 15px;
            font-weight: 700;
            font-family: inherit;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            color: #fff;
            background: linear-gradient(135deg, var(--dgdm-primary) 0%, var(--dgdm-primary-dark) 100%);
            border: none;
            border-radius: 10px;
            cursor: pointer;
            transition: all 0.3s ease;
            margin-top: 24px;
            position: relative;
        }

        .dgdm-submit-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px -4px rgba(168,69,16,0.4);
        }

        .dgdm-submit-btn:disabled { opacity: 0.7; cursor: not-allowed; transform: none; }

        .dgdm-submit-btn.loading { color: transparent; }
        .dgdm-submit-btn.loading::after {
            content: '';
            position: absolute;
            width: 20px; height: 20px;
            top: 50%; left: 50%;
            margin: -10px 0 0 -10px;
            border: 2px solid #fff;
            border-top-color: transparent;
            border-radius: 50%;
            animation: dgdm-spin 0.8s linear infinite;
        }

        /* Consent checkbox */
        .dgdm-consent-wrapper {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            padding: 14px 16px;
            background: #f8fafb;
            border: 1.5px solid #e5e7eb;
            border-radius: 10px;
            margin-bottom: 16px;
            cursor: pointer;
            transition: border-color 0.2s, background 0.2s;
        }
        .dgdm-consent-wrapper:has(input:checked) {
            border-color: var(--dgdm-primary);
            background: rgba(42,189,203,0.04);
        }
        .dgdm-consent-wrapper.error {
            border-color: var(--dgdm-error);
            background: #fff8f8;
            animation: shake 0.3s ease;
        }
        @keyframes shake {
            0%,100% { transform: translateX(0); }
            25%      { transform: translateX(-4px); }
            75%      { transform: translateX(4px); }
        }
        .dgdm-consent-checkbox {
            appearance: none;
            -webkit-appearance: none;
            width: 20px;
            height: 20px;
            min-width: 20px;
            border: 2px solid #d1d5db;
            border-radius: 5px;
            background: #fff;
            cursor: pointer;
            margin-top: 1px;
            transition: all 0.15s;
            position: relative;
        }
        .dgdm-consent-checkbox:checked {
            background: var(--dgdm-primary);
            border-color: var(--dgdm-primary);
        }
        .dgdm-consent-checkbox:checked::after {
            content: '';
            position: absolute;
            top: 2px; left: 5px;
            width: 6px; height: 10px;
            border: 2px solid #fff;
            border-top: none;
            border-left: none;
            transform: rotate(45deg);
        }
        .dgdm-consent-label {
            font-size: 13px;
            color: #374151;
            line-height: 1.55;
            cursor: pointer;
        }
        .dgdm-consent-label a {
            color: var(--dgdm-primary);
            text-decoration: underline;
        }

        /* Gift link */
        .dgdm-gift-link {
            display: flex;
            align-items: center;
            gap: 14px;
            padding: 14px 18px;
            background: #fff;
            border: 1.5px solid #e5e7eb;
            border-radius: 12px;
            text-decoration: none;
            margin-bottom: 24px;
            transition: border-color 0.2s;
        }
        .dgdm-gift-link:hover { border-color: #C4704F; }
        .dgdm-gift-link-icon { font-size: 24px; flex-shrink: 0; }
        .dgdm-gift-link-text strong { display: block; color: #1a1a2e; font-size: 14px; font-weight: 700; margin-bottom: 2px; }
        .dgdm-gift-link-text span { color: #6b7280; font-size: 12px; }
        .dgdm-gift-link-arrow { margin-left: auto; color: #C4704F; font-size: 18px; font-weight: 700; }

        .dgdm-terms {
            font-size: 13px;
            color: var(--dgdm-text-muted);
            text-align: center;
            margin-top: 16px;
            line-height: 1.5;
        }

        .dgdm-terms a { color: var(--dgdm-primary); text-decoration: none; }

        .dgdm-back-link {
            display: block;
            text-align: center;
            margin-top: 32px;
            font-size: 14px;
            color: rgba(255,253,248,0.75);
            text-decoration: none;
        }

        .dgdm-back-link:hover { color: #fff; }

        .dgdm-alert {
            padding: 14px 16px;
            border-radius: 12px;
            margin-bottom: 24px;
            font-size: 14px;
        }

        .dgdm-alert-error {
            background: #fef2f2;
            color: var(--dgdm-error);
            border: 1px solid rgba(185,28,28,0.2);
        }

        .dgdm-login-prompt {
            text-align: center;
            padding: 20px;
            background: var(--dgdm-primary-light);
            border: 1px solid rgba(200,90,26,0.15);
            border-radius: 12px;
            margin-bottom: 24px;
        }

        .dgdm-login-prompt p { margin-bottom: 12px; color: var(--dgdm-text); }
        .dgdm-login-prompt a { color: var(--dgdm-primary-dark); font-weight: 700; }
/* === memberships === */
.dgdm-memberships-wrapper {
            width: 100%;
            max-width: 960px;
            margin: 0 auto;
        }

        .dgdm-memberships-header {
            text-align: center;
            margin-bottom: 48px;
        }

        .dgdm-logo {
            display: flex;
            justify-content: center;
            margin-bottom: 24px;
        }

        .dgdm-logo svg, .dgdm-logo img { height: 48px; width: auto; }

        .dgdm-memberships-title {
            font-size: 34px;
            font-weight: 700;
            color: var(--dgdm-white, #FFFDF8);
            margin-bottom: 12px;
            text-shadow: 0 1px 4px rgba(50,15,5,0.3);
        }

        .dgdm-memberships-subtitle {
            font-size: 16px;
            color: rgba(255,253,248,0.8);
            max-width: 500px;
            margin: 0 auto;
        }

        .dgdm-memberships-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 24px;
        }

        .dgdm-membership-card {
            background: var(--dgdm-white, #FFFDF8);
            border-radius: 20px;
            padding: 32px 28px;
            box-shadow: 0 4px 6px -1px rgba(80,30,10,0.08), 0 10px 15px -3px rgba(80,30,10,0.12);
            position: relative;
            overflow: hidden;
            transition: all 0.25s ease;
            display: flex;
            flex-direction: column;
        }

        .dgdm-membership-card::before {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0;
            height: 4px;
            background: linear-gradient(90deg, #fdbf0e, #f8cc50, #ecc511);
        }

        .dgdm-membership-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 32px rgba(80,30,10,0.18);
        }

        .dgdm-membership-card.featured {
            border: 2px solid var(--dgdm-primary);
        }

        .dgdm-membership-badge {
            display: inline-block;
            background: var(--dgdm-primary-light);
            color: var(--dgdm-primary-dark);
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            padding: 5px 12px;
            border-radius: 20px;
            margin-bottom: 16px;
        }

        .dgdm-membership-name {
            font-size: 22px;
            font-weight: 700;
            color: var(--dgdm-text);
            margin-bottom: 12px;
        }

        .dgdm-membership-price {
            font-size: 36px;
            font-weight: 700;
            color: var(--dgdm-primary);
            margin-bottom: 4px;
        }

        .dgdm-membership-price span {
            font-size: 16px;
            font-weight: 400;
            color: var(--dgdm-text-muted);
        }

        .dgdm-membership-meta {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 14px;
            color: var(--dgdm-text-muted);
            margin-bottom: 20px;
        }

        .dgdm-membership-description {
            font-size: 14px;
            color: var(--dgdm-text-muted);
            line-height: 1.6;
            margin-bottom: 24px;
            flex: 1;
        }

        .dgdm-membership-btn {
            display: block;
            width: 100%;
            padding: 14px 24px;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            text-align: center;
            color: #fff;
            background: linear-gradient(135deg, var(--dgdm-primary) 0%, var(--dgdm-primary-dark) 100%);
            border: none;
            border-radius: 10px;
            cursor: pointer;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .dgdm-membership-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px -4px rgba(168,69,16,0.4);
            color: #fff;
            text-decoration: none;
        }

        /* Empty state */
        .dgdm-empty-state {
            text-align: center;
            padding: 60px 20px;
            color: rgba(255,253,248,0.85);
        }

        .dgdm-empty-icon svg {
            width: 64px; height: 64px;
            opacity: 0.5;
            margin: 0 auto 20px;
            display: block;
        }

        .dgdm-empty-title {
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 10px;
            color: #fff;
        }

        .dgdm-empty-text { color: rgba(255,253,248,0.7); }

        .dgdm-empty-state a { color: #fff; font-weight: 700; }

        .dgdm-back-link {
            display: block;
            text-align: center;
            margin-top: 32px;
            font-size: 14px;
            color: rgba(255,253,248,0.7);
            text-decoration: none;
        }

        .dgdm-back-link:hover { color: #fff; }

        .dgdm-login-link {
            text-align: center;
            margin-top: 24px;
            font-size: 14px;
            color: rgba(255,253,248,0.75);
        }

        .dgdm-login-link a { color: #fff; font-weight: 700; }
/* === account === */
.dgdm-logo { display: flex; justify-content: center; margin-bottom: -6px; }
/* === gift-card === */
.gc-page {
            max-width: 580px;
            margin: 0 auto;
        }

        .gc-header {
            text-align: center;
            margin-bottom: 32px;
        }

        .gc-logo { max-height: 48px; width: auto; }
        .gc-logo svg path { fill: #ffffff !important; stroke: #ffffff; stroke-width: 0.5px; }

        .gc-card {
            background: #fff;
            border-radius: 20px;
            padding: 40px;
            box-shadow: 0 4px 6px -1px rgba(80,30,10,0.06), 0 10px 15px -3px rgba(80,30,10,0.10);
        }

        .gc-card-title {
            font-size: 22px;
            font-weight: 700;
            color: var(--dgdm-text);
            margin-bottom: 8px;
        }

        .gc-card-sub {
            font-size: 14px;
            color: var(--dgdm-text-muted);
            margin-bottom: 28px;
            line-height: 1.5;
        }

        .gc-section-label {
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--dgdm-text-muted);
            margin-bottom: 12px;
            margin-top: 24px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .gc-section-label::after {
            content: '';
            flex: 1;
            height: 1px;
            background: #f1f5f9;
        }

        .gc-form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 14px;
        }

        @media (max-width: 480px) { .gc-form-row { grid-template-columns: 1fr; } }

        .gc-form-group { margin-bottom: 16px; }
        .gc-form-group.full { grid-column: 1 / -1; }

        .gc-form-group label {
            display: block;
            font-size: 12px;
            font-weight: 700;
            color: var(--dgdm-text);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 6px;
        }

        .gc-form-group label .req { color: var(--dgdm-primary); }

        .gc-input {
            width: 100%;
            padding: 12px 14px;
            border: 1.5px solid var(--dgdm-border);
            border-radius: 10px;
            font-size: 15px;
            color: var(--dgdm-text);
            background: #faf8f5;
            font-family: inherit;
            transition: border-color 0.2s, background 0.2s;
            outline: none;
        }
        .gc-input:focus { border-color: var(--dgdm-primary); background: #fff; }
        textarea.gc-input { resize: vertical; min-height: 90px; }

        select.gc-input {
            appearance: none;
            cursor: pointer;
            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' stroke='%23b07050' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 14px center;
        }

        .gc-error {
            background: #fef2f2;
            color: #dc2626;
            border: 1px solid #fca5a5;
            border-radius: 10px;
            padding: 12px 16px;
            font-size: 14px;
            margin-bottom: 16px;
            display: none;
        }

        .gc-submit {
            width: 100%;
            padding: 16px;
            background: var(--dgdm-primary);
            color: #fff;
            font-size: 16px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            border: none;
            border-radius: 12px;
            cursor: pointer;
            transition: opacity 0.2s;
            margin-top: 8px;
        }
        .gc-submit:hover { opacity: 0.9; }
        .gc-submit:disabled { opacity: 0.6; cursor: not-allowed; }

        .gc-back {
            display: block;
            text-align: center;
            margin-top: 20px;
            font-size: 14px;
            color: rgba(255,253,248,0.7);
            text-decoration: none;
        }
        .gc-back:hover { color: #fff; }

        .gc-price-tag {
            display: inline-block;
            background: var(--dgdm-primary-light);
            color: var(--dgdm-primary-dark);
            font-size: 13px;
            font-weight: 700;
            padding: 4px 12px;
            border-radius: 20px;
            margin-left: 8px;
            vertical-align: middle;
        }
/* === gift-card-success === */
.gc-success-page {
            max-width: 520px;
            margin: 0 auto;
            text-align: center;
        }

        .gc-logo-wrap { margin-bottom: 32px; }

        .gc-card {
            background: #fff;
            border-radius: 20px;
            padding: 40px;
            box-shadow: 0 4px 6px -1px rgba(80,30,10,0.06), 0 10px 15px -3px rgba(80,30,10,0.10);
        }

        .gc-icon {
            width: 68px;
            height: 68px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            font-size: 32px;
        }
        .gc-icon.success { background: #f0fdf4; }
        .gc-icon.pending { background: #fffbeb; }
        .gc-icon.failed  { background: #fef2f2; }

        .gc-title {
            font-size: 24px;
            font-weight: 700;
            color: var(--dgdm-text);
            margin-bottom: 10px;
        }

        .gc-sub {
            font-size: 15px;
            color: var(--dgdm-text-muted);
            line-height: 1.6;
            margin-bottom: 28px;
        }

        /* Code display */
        .gc-code-box {
            background: #faf8f5;
            border: 1.5px solid var(--dgdm-border);
            border-radius: 12px;
            padding: 20px;
            margin-bottom: 24px;
        }

        .gc-code-label {
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--dgdm-text-muted);
            margin-bottom: 10px;
        }

        .gc-code-value {
            font-family: 'Courier New', monospace;
            font-size: 26px;
            font-weight: 700;
            color: var(--dgdm-text);
            letter-spacing: 4px;
        }

        .gc-code-meta {
            font-size: 12px;
            color: var(--dgdm-text-muted);
            margin-top: 8px;
        }

        /* Info grid */
        .gc-info-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
            margin-bottom: 24px;
            text-align: left;
        }

        .gc-info-item {
            background: #faf8f5;
            border-radius: 10px;
            padding: 12px 14px;
        }

        .gc-info-label {
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: var(--dgdm-text-muted);
            margin-bottom: 4px;
        }

        .gc-info-value {
            font-size: 14px;
            font-weight: 700;
            color: var(--dgdm-text);
        }

        /* Email notice */
        .gc-email-notice {
            background: #f0fdf4;
            border: 1px solid #86efac;
            border-radius: 10px;
            padding: 12px 16px;
            font-size: 13px;
            color: #166534;
            margin-bottom: 20px;
            text-align: left;
            display: flex;
            gap: 10px;
            align-items: flex-start;
        }

        /* Buttons */
        .gc-btn-primary {
            display: block;
            width: 100%;
            padding: 16px;
            background: var(--dgdm-primary);
            color: #fff;
            font-size: 16px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            border-radius: 12px;
            text-decoration: none;
            margin-bottom: 12px;
            transition: opacity 0.2s;
        }
        .gc-btn-primary:hover { opacity: 0.9; color: #fff; }

        .gc-btn-secondary {
            display: block;
            width: 100%;
            padding: 14px;
            background: transparent;
            color: var(--dgdm-primary-dark);
            font-size: 15px;
            font-weight: 600;
            border: 1.5px solid var(--dgdm-border);
            border-radius: 12px;
            text-decoration: none;
            transition: border-color 0.2s;
        }
        .gc-btn-secondary:hover { border-color: var(--dgdm-primary); }

        /* Pending / failed */
        .gc-status-box {
            border-radius: 12px;
            padding: 16px;
            font-size: 14px;
            line-height: 1.5;
            margin-bottom: 24px;
            text-align: left;
        }
        .gc-status-box.pending { background: #fffbeb; border: 1px solid #fcd34d; color: #92400e; }
        .gc-status-box.failed  { background: #fef2f2; border: 1px solid #fca5a5; color: #991b1b; }


        .dgdm-logo svg path,
        .gc-logo-wrap svg path {
            fill: #ffffff !important;
            stroke: #ffffff;
            stroke-width: 0.5px;
        }
/* === shortcode-login === */
.dgdm-sc-wrap {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    padding: 20px 0 40px;
    font-family: 'Inter', -apple-system, sans-serif !important;
}
.dgdm-sc-card {
    background: #FFFDF8 !important;
    border-radius: 20px !important;
    padding: 48px 40px !important;
    box-shadow: 0 8px 32px rgba(80,30,10,0.12), 0 2px 8px rgba(80,30,10,0.06) !important;
    position: relative !important;
    overflow: hidden !important;
}
.dgdm-sc-card::before {
    content: '' !important;
    position: absolute !important;
    top: 0; left: 0; right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #fdbf0e, #f8cc50, #ecc511) !important;
}
.dgdm-sc-logo {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 24px !important;
}
.dgdm-sc-logo svg path { fill: #a84511 !important; }
.dgdm-sc-logo svg,
.dgdm-sc-logo img {
    height: 44px !important;
    width: auto !important;
}
.dgdm-sc-title {
    font-family: freight-neo-pro, serif !important;
    font-weight: 400 !important;
    font-size: 28px !important;
    text-align: center !important;
    color: #3A2010 !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
}
.dgdm-sc-subtitle {
    font-size: 15px !important;
    color: #9A7A60 !important;
    text-align: center !important;
    margin: 0 0 28px 0 !important;
    padding: 0 !important;
    font-weight: 400 !important;
}
.dgdm-sc-alert {
    padding: 13px 16px !important;
    border-radius: 10px !important;
    margin-bottom: 20px !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
}
.dgdm-sc-alert-error {
    background: #fef2f2 !important;
    color: #B91C1C !important;
    border: 1px solid rgba(185,28,28,0.2) !important;
}
.dgdm-sc-alert-success {
    background: #f0f7e6 !important;
    color: #5A7A2A !important;
    border: 1px solid rgba(90,122,42,0.25) !important;
}
.dgdm-sc-group {
    margin-bottom: 18px !important;
}
.dgdm-sc-label {
    display: block !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #3A2010 !important;
    margin-bottom: 7px !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}
.dgdm-sc-input {
    display: block !important;
    width: 100% !important;
    padding: 13px 16px !important;
    font-size: 15px !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
    border: 1.5px solid #E8D4C0 !important;
    border-radius: 10px !important;
    background: #FFFDF8 !important;
    color: #3A2010 !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    -webkit-appearance: none !important;
}
.dgdm-sc-input:focus {
    border-color: #C85A1A !important;
    box-shadow: 0 0 0 3px rgba(200,90,26,0.12) !important;
}
.dgdm-sc-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 22px !important;
}
.dgdm-sc-check {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
}
.dgdm-sc-check input[type="checkbox"] {
    width: 17px !important;
    height: 17px !important;
    accent-color: #C85A1A !important;
    cursor: pointer !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}
.dgdm-sc-check span {
    font-size: 14px !important;
    color: #9A7A60 !important;
}
.dgdm-sc-forgot {
    font-size: 14px !important;
    color: #C85A1A !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}
.dgdm-sc-forgot:hover { color: #A84510 !important; }
.dgdm-sc-btn {
    display: block !important;
    width: 100% !important;
    padding: 15px 24px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
    color: #fff !important;
    background: linear-gradient(135deg, #C85A1A 0%, #A84510 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    text-align: center !important;
    position: relative !important;
}
.dgdm-sc-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px -4px rgba(168,69,16,0.45) !important;
}
.dgdm-sc-btn:disabled { opacity: 0.7 !important; cursor: not-allowed !important; transform: none !important; }
.dgdm-sc-btn.loading { color: transparent !important; }
.dgdm-sc-btn.loading::after {
    content: '' !important;
    position: absolute !important;
    width: 18px; height: 18px !important;
    top: 50%; left: 50% !important;
    margin: -9px 0 0 -9px !important;
    border: 2px solid #fff !important;
    border-top-color: transparent !important;
    border-radius: 50% !important;
    animation: dgdm-sc-spin 0.8s linear infinite !important;
}
@keyframes dgdm-sc-spin { to { transform: rotate(360deg); } }
.dgdm-sc-footer {
    margin-top: 24px !important;
    text-align: center !important;
    padding-top: 20px !important;
    border-top: 1px solid #E8D4C0 !important;
    font-size: 14px !important;
    color: #9A7A60 !important;
}
.dgdm-sc-footer a {
    color: #C85A1A !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}
.dgdm-sc-footer a:hover { color: #A84510 !important; }
@media (max-width: 480px) {
    .dgdm-sc-card { padding: 32px 22px !important; }
    .dgdm-sc-row { flex-direction: column; align-items: flex-start; gap: 10px !important; }
}

/* === shortcode-account === */
.dgdm-sc-account{font-family:'Inter',sans-serif;max-width:900px;margin:0 auto}
.dgdm-sc-account .dgdm-sc-user-bar{display:flex;align-items:center;justify-content:space-between;background:#FFFDF8;border:1px solid #E8D4C0;border-radius:14px;padding:16px 24px;margin-bottom:28px;flex-wrap:wrap;gap:12px}
.dgdm-sc-account .dgdm-sc-user-left{display:flex;align-items:center;gap:14px}
.dgdm-sc-account .dgdm-sc-avatar{width:44px;height:44px;background:#C85A1A;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0}
.dgdm-sc-account .dgdm-sc-username{font-size:16px;font-weight:700;color:#3A2010}
.dgdm-sc-account .dgdm-sc-useremail{font-size:13px;color:#9A7A60}
.dgdm-sc-account .dgdm-sc-logout{font-size:13px;font-weight:700;color:#C85A1A;text-decoration:none;border:1.5px solid #C85A1A;border-radius:8px;padding:8px 16px;transition:all .2s}
.dgdm-sc-account .dgdm-sc-logout:hover{background:#C85A1A;color:#fff}
.dgdm-sc-account .dgdm-sc-grid{display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:start}
@media(max-width:720px){.dgdm-sc-account .dgdm-sc-grid{grid-template-columns:1fr}}
.dgdm-sc-account .dgdm-sc-card{background:#FFFDF8;border:1px solid #E8D4C0;border-radius:16px;padding:24px;margin-bottom:20px;position:relative;overflow:hidden}
.dgdm-sc-account .dgdm-sc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fdbf0e,#f8cc50,#ecc511)}
.dgdm-sc-account .dgdm-sc-card-title{font-size:16px;font-weight:700;color:#3A2010;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid #E8D4C0}
.dgdm-sc-account .dgdm-sc-sub{padding:16px 0;border-bottom:1px solid #E8D4C0}
.dgdm-sc-account .dgdm-sc-sub:last-child{border-bottom:none;padding-bottom:0}
.dgdm-sc-account .dgdm-sc-sub:first-child{padding-top:0}
.dgdm-sc-account .dgdm-sc-sub-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}
.dgdm-sc-account .dgdm-sc-sub-name{font-size:15px;font-weight:700;color:#3A2010;margin-bottom:3px}
.dgdm-sc-account .dgdm-sc-sub-date{font-size:12px;color:#9A7A60}
.dgdm-sc-account .dgdm-sc-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}
.dgdm-sc-account .dgdm-sc-badge-active{background:#f0f7e6;color:#5A7A2A}
.dgdm-sc-account .dgdm-sc-badge-expired{background:#FAF0E6;color:#C85A1A}
.dgdm-sc-account .dgdm-sc-badge-cancelled{background:#fef2f2;color:#B91C1C}
.dgdm-sc-account .dgdm-sc-progress{height:5px;background:#E8D4C0;border-radius:10px;overflow:hidden;margin-bottom:6px}
.dgdm-sc-account .dgdm-sc-progress-fill{height:100%;background:linear-gradient(90deg,#C85A1A,#E8853A);border-radius:10px}
.dgdm-sc-account .dgdm-sc-progress-text{font-size:12px;color:#9A7A60}
.dgdm-sc-account .dgdm-sc-info-list{list-style:none;padding:0;margin:0}
.dgdm-sc-account .dgdm-sc-info-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #E8D4C0;font-size:13px}
.dgdm-sc-account .dgdm-sc-info-item:last-child{border-bottom:none}
.dgdm-sc-account .dgdm-sc-info-label{color:#9A7A60}
.dgdm-sc-account .dgdm-sc-info-value{font-weight:700;color:#3A2010;text-align:right}
.dgdm-sc-account .dgdm-sc-renew{display:inline-block;margin-top:10px;padding:7px 14px;font-size:12px;font-weight:700;text-transform:uppercase;color:#C85A1A;border:1.5px solid #C85A1A;border-radius:7px;text-decoration:none;transition:all .2s}
.dgdm-sc-account .dgdm-sc-renew:hover{background:#C85A1A;color:#fff}
.dgdm-sc-account .dgdm-sc-empty{text-align:center;padding:20px;color:#9A7A60;font-size:14px}

/* ================================================================
   Afleidingsvrije pagina's: register + gift-card
   Header navigatie, zoekbalk en login icoon verbergen
   ================================================================ */

body.dgdm-page--register .lw-header__navigation,
body.dgdm-page--register .lw-header__search,
body.dgdm-page--register .lw-header__login,
body.dgdm-page--login .lw-header__navigation,
body.dgdm-page--login .lw-header__search,
body.dgdm-page--login .lw-header__login,
body.dgdm-page--forgot-password .lw-header__navigation,
body.dgdm-page--forgot-password .lw-header__search,
body.dgdm-page--forgot-password .lw-header__login,
body.dgdm-page--gift-card .lw-header__navigation,
body.dgdm-page--gift-card .lw-header__search,
body.dgdm-page--gift-card .lw-header__login,
body.dgdm-page--gift-card-success .lw-header__navigation,
body.dgdm-page--gift-card-success .lw-header__search,
body.dgdm-page--gift-card-success .lw-header__login {
    display: none !important;
}

/* Burger menu ook verbergen op mobiel */
body.dgdm-page--register .lw-header__menu-toggle,
body.dgdm-page--login .lw-header__menu-toggle,
body.dgdm-page--forgot-password .lw-header__menu-toggle,
body.dgdm-page--gift-card .lw-header__menu-toggle,
body.dgdm-page--gift-card-success .lw-header__menu-toggle {
    display: none !important;
}

/* Logo gecentreerd als enige element */
body.dgdm-page--register .lw-header__inner,
body.dgdm-page--login .lw-header__inner,
body.dgdm-page--forgot-password .lw-header__inner,
body.dgdm-page--gift-card .lw-header__inner,
body.dgdm-page--gift-card-success .lw-header__inner {
    justify-content: center !important;
}

@media (max-width: 768px) {
	.dgdm-order-summary {
		position: relative;
		top: 0;
	}
}