/* ============================================================
   1. GLOBAL PAGE & BACKGROUND SETTINGS
   ============================================================ */
html, body {
    height: 100% !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding-bottom: 120px !important; /* Prevents the fixed cookie banner from covering bottom buttons */
    background-image: radial-gradient(circle, #FA1ED2 28%, #F7262C 100%) !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}

/* NUCLEAR TRANSPARENCY: Removes white/blue backgrounds from all platform layers */
#rf-content, 
.rfComp-canvas, 
.rfwf-body-content, 
.rfwf-full-panel, 
.rfwf-panel-interior,
.rfwf-header,
.rfwf-subheader,
.rf-workflow-header,
.page-builder-display-reset,
.flex-box-section-full,
.flex-box-section-full-interior,
.flex-box-section,
.flex-box-child,
.element-container-wrapper,
.element-container,
.rf-flex-frame,
.custom-form-content, 
.special-div,
.md-frame,            
.md-frame-body,      
.rfwf-packages,      
.rfwf-package-items, 
.rf-form-element-group,
.md-accordion-container,
.reg-confirmation-summary,
.grid-table,
.table-responsive,
table,
.reg-confirmation-summary thead,
.reg-confirmation-summary thead tr,
.reg-confirmation-summary thead th { 
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* HIDE EMPTY HEADER BARS COMPLETELY */
.rfwf-header, 
.rfwf-subheader {
    display: none !important;
}

/* ============================================================
   2. GLOBAL TEXT & LINK BRANDING
   ============================================================ */
/* Main page text set to Ice */
body, .label-text, .rf-label, .readOnly-value,
.rf-text-container p, 
.rf-text-container span, .rf-req, .wf-form-element-div,
h1, h2, h3, h5, strong {
    color: #F0F0FF !important; /* Ice */
    -webkit-text-fill-color: #F0F0FF !important;
}

/* Keep ALL form inputs and dropdowns Sonic Blue so they are readable! */
input, 
select, 
textarea,
.rf-input input, 
.rf-select select,
.rf-select input,
.rf-select-no-caret,
.rf-dropdown-menu,
.rf-dropdown-list,
.rf-dropdown-option,
.rf-dropdown-option-text,
.rf-select-selected li,
[role="listbox"],
[role="listbox"] *,
[role="combobox"] {
    color: #0014A5 !important; /* Sonic */
    -webkit-text-fill-color: #0014A5 !important;
}

/* Glowing White Titles */
.element-container h3, 
.rfwf-packages h2, 
.rfwf-confirmation-header h1 {
    color: #FFFFFF !important; 
    -webkit-text-fill-color: #FFFFFF !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 0 0 15px rgba(145, 70, 255, 0.5);
    text-align: center;
}

a, a * {
    color: #0014A5 !important; /* Sonic */
    -webkit-text-fill-color: #0014A5 !important; /* Sonic */
    text-decoration: underline !important;
}

/* Radio buttons and checkboxes */
input[type="checkbox"],
input[type="radio"] {
    accent-color: #0014A5 !important; /* Sonic Blue */
}

/* ============================================================
   3. COMPONENT LAYOUTS (FAQ & TICKET BOXES)
   ============================================================ */
.faq-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    padding: 40px 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.faq-card {
    background-color: #DDA0FF !important;
    border-radius: 30px !important;
    padding: 40px !important;
    flex: 1;
    min-width: 320px; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

/* FORCE FAQ TEXT TO SONIC BLUE FOR READABILITY */
.faq-card,
.faq-card p,
.faq-card span,
.faq-card h1,
.faq-card h2,
.faq-card h3,
.faq-card h4,
.faq-card h5,
.faq-card strong,
.faq-card a,
.faq-card summary,
.faq-card .content {
    color: #0014A5 !important; /* Sonic */
    -webkit-text-fill-color: #0014A5 !important; /* Sonic */
}

.faq-card summary::before {
    color: #0014A5 !important;
}

/* Frosted Glass Backgrounds */
.rfwf-packages .rfwf-panel-interior, 
.md-accordion-container,
.reg-confirmation-summary .grid-table,
.discount-code-wrapper,
.rfwf-confirmation-contact-info .rfwf-panel-interior {
    background-color: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border-radius: 20px !important;
    padding: 25px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* ============================================================
   4. ACCORDION ICONS & ANIMATION
   ============================================================ */
summary {
    list-style: none;
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.1rem;
    padding: 15px 0;
    color: #F0F0FF !important; /* Ice text */
}

summary::-webkit-details-marker { 
    display: none; 
}

summary::before {
    content: '\229E'; 
    margin-right: 15px;
    font-size: 1.4rem;
    color: #F0F0FF !important; /* Ice icon */
    transition: transform 0.3s ease;
    flex-shrink: 0; 
}

details[open] summary::before { 
    transform: rotate(90deg); 
    content: '\229F'; 
}

.content-wrapper {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

details[open] .content-wrapper { 
    grid-template-rows: 1fr; 
}

.content { 
    min-height: 0; 
    opacity: 0; 
    transform: translateY(-10px); 
    transition: opacity 0.3s ease, transform 0.3s ease; 
    padding: 0 10px 20px 40px; 
    color: #F0F0FF !important; /* Ice text */
}

details[open] .content { 
    opacity: 1; 
    transform: translateY(0); 
}

/* ============================================================
   5. BUTTON STYLING (GLOBAL & CONFIRMATION)
   ============================================================ */
/* Primary Action Buttons (CONTINUE/SUBMIT/SAVE) - Teal Background */
.form-footer-actions button#wf-btn-submit,
button.mdBtnR-primary,
.rfwf-confirmation-buttons .rfwf-panel-interior > button,
.workflow-footer-buttons button.mdBtnR-primary {
    position: relative !important;
    z-index: 999 !important; 
    background-color: #00C8AF !important; /* Teal Background */
    border: 2px solid #00C8AF !important;
    padding: 12px 30px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    transition: all 0.3s ease !important;
    color: #0014A5 !important; /* Sonic */
    -webkit-text-fill-color: #0014A5 !important;
    font-weight: bold !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Ensure text inside spans inside primary buttons is also Sonic */
.form-footer-actions button#wf-btn-submit span,
button.mdBtnR-primary span,
.rfwf-confirmation-buttons .rfwf-panel-interior > button span,
.workflow-footer-buttons button.mdBtnR-primary span {
    color: #0014A5 !important; 
    -webkit-text-fill-color: #0014A5 !important;
}

.form-footer-actions button#wf-btn-submit:hover,
button.mdBtnR-primary:hover,
.rfwf-confirmation-buttons .rfwf-panel-interior > button:hover,
.workflow-footer-buttons button.mdBtnR-primary:hover {
    background-color: #00e6c8 !important; 
    border-color: #00e6c8 !important; 
    transform: translateY(-2px);
    box-shadow: 0 0 20px rgba(0, 200, 175, 0.6);
}

/* Secondary/Outline Buttons (CANCEL/BACK/CLEAR/PRINT) - Solid Ice Background, Sonic Text */
.form-footer-actions button#wf-btn-cancel,
button.mdBtnR-cancel,
button.mdBtnR-outline-primary:not(.rfwf-confirmation-buttons .rfwf-panel-interior > button),
.rfwf-confirmation-buttons .pull-right button,
.workflow-footer-buttons button.mdBtnR-outline-primary,
.modal-footer button.cancel {
    position: relative !important;
    z-index: 999 !important;
    background-color: #F0F0FF !important; /* Solid Ice Background for readability */
    border: 2px solid #0014A5 !important; /* Sonic Border */
    padding: 10px 28px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    transition: all 0.3s ease !important;
    color: #0014A5 !important; /* Sonic Text */
    -webkit-text-fill-color: #0014A5 !important;
    font-weight: bold !important;
    text-transform: uppercase;
}

/* Ensure text inside spans inside secondary buttons is also Sonic */
.form-footer-actions button#wf-btn-cancel span,
button.mdBtnR-cancel span,
button.mdBtnR-outline-primary:not(.rfwf-confirmation-buttons .rfwf-panel-interior > button) span,
.rfwf-confirmation-buttons .pull-right button span,
.workflow-footer-buttons button.mdBtnR-outline-primary span,
.modal-footer button.cancel span {
    color: #0014A5 !important; 
    -webkit-text-fill-color: #0014A5 !important;
}

.form-footer-actions button#wf-btn-cancel:hover,
button.mdBtnR-cancel:hover,
button.mdBtnR-outline-primary:not(.rfwf-confirmation-buttons .rfwf-panel-interior > button):hover,
.rfwf-confirmation-buttons .pull-right button:hover,
.workflow-footer-buttons button.mdBtnR-outline-primary:hover,
.modal-footer button.cancel:hover {
    background-color: #e0e0ff !important;
    transform: translateY(-1px);
}

/* Clear float conflicts so the flexbox works properly */
.pull-right, .pull-left {
    float: none !important; 
}

/* Centering button panels across all page types */
.form-footer-actions,
.rfwf-orders-buttons .rfwf-panel-interior,
.rfwf-confirmation-buttons .rfwf-panel-interior,
.workflow-footer-buttons {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    padding: 40px 0 !important;
}

/* Specific centering for modal popups */
.modal-footer {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
}

/* ============================================================
   6. MISC, ICONS & Z-INDEX
   ============================================================ */
@media (max-width: 768px) {
    .faq-section { flex-direction: column; }
    .faq-card { width: 100%; padding: 25px !important; }
    .form-footer-actions,
    .rfwf-orders-buttons .rfwf-panel-interior, 
    .rfwf-confirmation-buttons .rfwf-panel-interior,
    .workflow-footer-buttons { flex-direction: column !important; }
}

[data-path="7b9caecb-f55e-4c1e-8761-2aedad61ca5e"] {
    position: relative !important;
    z-index: 999 !important;
    pointer-events: auto !important;
}

/* Standard Icons (Teal) */
.rfSI svg { fill: #00C8AF !important; }

/* Radio Button Icons (Sonic Blue Override) */
.rfSI.rfSI-radio svg,
.rf-radio-wrapper .rfSI svg {
    fill: #0014A5 !important; /* Sonic Blue */
}

/* ============================================================
   7. PRINT OPTIMIZATION (Tightened & Robust Visibility)
   ============================================================ */
@media print {
    @page { 
        margin: 0.5cm !important; /* Maximal usable area, using important to override default settings */
        size: auto; /* Let the printer determine page size */
    }

    /* 1. RESET LAYOUT & REMOVE ALL TRANSPARENCY/SPECIAL HEIGHTS */
    /* If the content is missing from Page 1 (screenshot 2), this is the fix. */
    html, body, #rf-content, .rfComp-canvas, .rfwf-body-content, .confirmation-page, .special-div, .rf-org-header-container {
        background: #FFFFFF !important; /* Force all containers to white */
        color: #000000 !important; /* Force all text to black */
        height: auto !important; /* CRITICAL: Must be auto, not 100%, to prevent content being cut off after Page 1 */
        min-height: 0 !important; /* Kills the 100vh web setting */
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        position: static !important;
    }

    /* Undo the "Nuclear Transparency" from web rules so we can see the summary boxes */
    .rfwf-full-panel, 
    .rfwf-panel-interior,
    .md-frame,
    .reg-confirmation-summary .grid-table,
    .rfwf-confirmation-contact-info .rfwf-panel-interior,
    .rfwf-packages .rfwf-panel-interior,
    .special-div {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border: none !important; /* Removes massive nested web borders seen in screenshot 1 */
        margin: 0 !important;
        margin-bottom: 10px !important;
        padding: 0 0 10px 0 !important;
        box-shadow: none !important;
        page-break-inside: auto !important; /* Prevents splitting summary boxes across pages */
    }

    /* Apply a clean, single border only to the actual summary blocks for structure */
    .rfwf-confirmation-contact-info .rfwf-panel-interior,
    .reg-confirmation-summary .grid-table {
        border: 1px solid #DDDDDD !important;
        border-radius: 8px !important;
        padding: 15px !important;
        margin-top: 10px !important;
        margin-bottom: 15px !important;
    }

    /* 2. LOGO FIX (FORCES VISIBILITY, SAFER Centering) */
    /* Screenshot 1 showed a squashed logo; this robust centering fixes it for printers. */
    .header {
        display: block !important; /* A block layout is far safer than Flexbox for centering in print engines */
        text-align: center !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 auto !important;
        overflow: visible !important;
    }

    .header a {
        display: inline-block !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    .header img {
        width: 250px !important; /* Forces a reasonable, consistent width for the logo in print */
        max-width: 250px !important;
        height: auto !important;
        margin: 0 auto !important;
        display: block !important;
        object-fit: contain !important;
        /* Assuming the original is white, this forces it to black. If it is already black, delete this line: */
        filter: invert(1) brightness(0) !important; 
    }

    /* 3. FIX INVISIBLE TEXT & CONTRAST (REPLACES WEB "ICE" LOOK) */
    /* Targets the light gray "Registration Confirmation" (H1) and forces a clear black */
    h1, h2, h3, h5, p, span, td, th, strong, label, .readOnly-value, 
    .rf-text-container p, .rf-text-container span, .rfSI svg {
        color: #000000 !important;
        -webkit-text-fill-color: #000000 !important; /* The most important text fix—explicitly kills the white look */
        text-shadow: none !important;
        fill: #000000 !important; /* For the 'Registration Confirmation' icon */
        background: transparent !important;
    }

    /* Summary block titles (H5) should look clean and compact */
    h5 { font-size: 11pt !important; margin-top: 0 !important; margin-bottom: 5px !important; }

    /* 4. TIGHTEN TABLES FOR INK & SPACE */
    .grid-table table {
        width: 100% !important;
        border-collapse: collapse !important;
    }
    
    .grid-table table td, .grid-table table th {
        padding: 4px 8px !important; /* Much tighter than web padding to save vertical space */
        border: 1px solid #EEEEEE !important; /* Clean, minimal borders to use less ink */
    }

    /* 5. HIDE Footers, Buttons, and Interactive Elements */
    .faq-section,
    .rfwf-confirmation-buttons,
    .cc-window,
    .rfwf-header,
    .rfwf-subheader,
    #crxjs-ext,
    scribe-shadow,
    summary::before,
    .cc-grower,
    .cc-link,
    #custom-header-logout, /* Explicitly removes the logout button from print view */
    .logout-btn {
        display: none !important;
        visibility: hidden !important;
    }
}/* ============================================================
   8. COOKIE BANNER OVERRIDES
   ============================================================ */
.cc-window.cc-banner {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 20px 30px !important;
    margin: 0 !important;
    background-color: #0014A5 !important; /* Sonic */
    z-index: 9999 !important;
}

.cc-message, 
.cc-window .cc-header {
    color: #F0F0FF !important; /* Ice */
    flex: 1 1 auto !important; 
    margin-right: 20px !important;
}

/* Specific Cookie Banner Link (Kept Ice so it's visible on Sonic background) */
.cc-link {
    color: #F0F0FF !important; /* Ice */
    -webkit-text-fill-color: #F0F0FF !important;
    text-decoration: underline !important;
    opacity: 0.8;
    transition: opacity 0.2s ease;
    margin-left: 5px !important;
}

.cc-link:hover {
    opacity: 1;
}

.cc-btn {
    position: relative !important;
    z-index: 10000 !important;
    background-color: #00C8AF !important; 
    border-radius: 4px !important;
    padding: 10px 25px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    flex: 0 0 auto !important; 
    white-space: nowrap !important;
}

.cc-btn,
.cc-btn span {
    color: #0014A5 !important; /* Sonic */
    -webkit-text-fill-color: #0014A5 !important; /* Sonic */
    font-weight: bold !important;
    text-transform: uppercase;
}

.cc-btn:hover {
    background-color: #00e6c8 !important;
}

@media (max-width: 768px) {
    .cc-window.cc-banner {
        flex-direction: column !important;
        text-align: center !important;
        gap: 15px !important;
        padding: 15px !important;
    }
    
    .cc-message {
        margin-right: 0 !important;
    }
}

/* ============================================================
   9. TICKET PACKAGES & DISCOUNT CODE TEXT (Blue Override)
   ============================================================ */
/* Forces all text inside the ticket selection box and discount box to be Sonic Blue */
.rfwf-package-items,
.rfwf-package-items *,
.discount-code-container,
.discount-code-container * {
    color: #0014A5 !important; /* Sonic */
    -webkit-text-fill-color: #0014A5 !important;
}

/* ============================================================
   10. HEADER LOGO CENTERING FIX
   ============================================================ */
.rf-org-header-container {
    width: 100% !important;
    text-align: center !important;
    display: block !important;
}

.rf-org-header-container .header {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.rf-org-header-container .header a {
    display: inline-block !important;
    margin: 0 auto !important;
}

.rf-org-header-container .header img {
    margin: 0 auto !important;
    display: block !important;
}

/* ============================================================
   11. TOOLTIP & POPOVER OVERRIDES (AGGRESSIVE)
   ============================================================ */
.popover, 
.popover span, 
.popover p, 
.popover div,
.tooltip, 
.tooltip span, 
.tooltip p, 
.tooltip div,
.popover-content,
.popover-title,
.tooltip-inner,
[role="tooltip"],
[role="tooltip"] span,
[role="tooltip"] p,
[role="tooltip"] div,
.tippy-box,
.tippy-content {
    color: #0014A5 !important; /* Sonic */
    -webkit-text-fill-color: #0014A5 !important;
}

/* ============================================================
   12. DROPDOWN MENUS & LISTBOXES (AGGRESSIVE FIX)
   ============================================================ */
/* Target RainFocus, Select2, Typeahead, and standard dropdown items appended to the body */
.rf-dropdown-menu,
.rf-dropdown-menu *,
.rf-dropdown-list,
.rf-dropdown-list *,
.rf-dropdown-option,
.rf-dropdown-option *,
.select2-container,
.select2-container *,
.select2-results__option,
.select2-results__option *,
.ui-menu,
.ui-menu *,
.tt-menu,
.tt-menu *,
[role="listbox"],
[role="listbox"] *,
[role="option"],
[role="option"] * {
    color: #0014A5 !important; /* Sonic Blue */
    -webkit-text-fill-color: #0014A5 !important;
}

/* Fix the search input field inside the dropdown if it has one */
.select2-search__field,
.rf-dropdown-menu input[type="text"],
[role="combobox"] {
    color: #0014A5 !important;
    -webkit-text-fill-color: #0014A5 !important;
    background-color: #FFFFFF !important;
}

/* ============================================================
   13. ERROR MESSAGES & ALERTS
   ============================================================ */
/* Forces error popups and inline validation text to Sonic Blue */
.rf-feedback-alert,
.rf-feedback-alert *,
.rf-feedback-alert h1,
.rf-feedback-alert h2,
.rf-feedback-alert h3,
.rf-feedback-alert h4,
.rf-feedback-alert h5,
.rf-feedback-alert h6,
.rf-feedback-alert p,
.rf-feedback-alert span,
.rf-feedback-alert strong,
.rf-feedback-alert b,
.error-msg,
.error-msg *,
.rf-label.has-error,
.rf-label.has-error label,
.rf-label.has-error span {
    color: #0014A5 !important; /* Sonic Blue */
    -webkit-text-fill-color: #0014A5 !important;
}

/* ============================================================
   14. MODAL POPUPS (GUEST INFO, ETC)
   ============================================================ */
/* Forces text inside white modal boxes to be Sonic Blue */
.modal-content,
.modal-content *,
.modal-content h1,
.modal-content h2,
.modal-content h3,
.modal-content h4,
.modal-content h5,
.modal-content h6,
.modal-content p,
.modal-content span,
.modal-content label,
.modal-content .rf-label,
.modal-content .label-text,
.modal-content .rf-req,
.modal-title {
    color: #0014A5 !important; /* Sonic Blue */
    -webkit-text-fill-color: #0014A5 !important;
    text-shadow: none !important; /* Removes any glowing shadow */
}

/* ============================================================
   15. FOOTER LINK CLARITY & CLICKABILITY FIX
   ============================================================ */
/* 1. Ensure the FAQ container is physically above any branding background layers */
.rfwf-orders-details {
    position: relative !important;
    z-index: 10 !important;
    padding-bottom: 20px !important;
}

/* 2. Force the FAQ link to be clickable and prevent invisible overlays from blocking it */
.rfwf-orders-details a {
    position: relative !important;
    z-index: 20 !important;
    display: inline-block !important; /* Gives the link a larger hit area */
    pointer-events: auto !important;
    color: #0014A5 !important; /* Sonic Blue */
    -webkit-text-fill-color: #0014A5 !important;
}

/* 3. If a 3rd party extension (like Scribe) is creating an invisible wall, ignore its mouse events */
#crxjs-ext, scribe-shadow {
    pointer-events: none !important;
}

/* 4. Ensure the fixed cookie banner doesn't have an invisible 'bounding box' taller than the banner itself */
.cc-grower {
    max-height: 0 !important;
}

/* ============================================================
   16. DEEP LAYER CLICK-THROUGH FIX
   ============================================================ */

/* 1. Force the main content wrapper to the VERY front of the stack */
#rf-content, 
.rfComp-canvas, 
#special-div,
.rfwf-body-content {
    position: relative !important;
    z-index: 50 !important; /* Higher than headers/footers */
    pointer-events: auto !important;
}

/* 2. Target the specific FAQ container and its link aggressively */
.rfwf-orders-details, 
.rfwf-orders-details * {
    position: relative !important;
    z-index: 60 !important; /* Highest priority */
    pointer-events: auto !important;
}

/* 3. SHOTGUN FIX: If the Cookie Banner has an invisible "grower" height blocking the bottom */
.cc-grower, 
.cc-revoke, 
#crxjs-ext, 
scribe-shadow {
    pointer-events: none !important; /* Clicks will pass THROUGH these to the link below */
}

/* 4. Re-enable clicks ONLY for the actual Cookie Button so you can still dismiss it */
.cc-btn, 
.cc-link {
    pointer-events: auto !important;
}

/* 5. Ensure the Header container isn't a giant invisible box covering the page */
.rf-org-header-container {
    height: auto !important;
    pointer-events: none !important;
}
.header, .header * {
    pointer-events: auto !important; /* Re-enable clicks for the Logo/Logout only */
}

/* ============================================================
   17. REFINED CLICK-THROUGH (Fixes Header & FAQ)
   ============================================================ */

/* 1. Let clicks pass through the big "containers" that might be overlapping */
.rf-org-header-container,
.rf-org-footer-container,
.cc-grower,
.cc-window.cc-banner,
#crxjs-ext,
scribe-shadow,
.special-div {
    pointer-events: none !important;
}

/* 2. RE-ENABLE clicks for the actual Logo and Log Out button */
.header, 
.header a, 
.header img,
#custom-header-logout,
.logout-btn {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* 3. RE-ENABLE clicks for the actual page content and the FAQ link */
.rfwf-body-content,
.rfwf-body-content *,
.rfwf-orders-details,
.rfwf-orders-details a {
    pointer-events: auto !important;
}

/* 4. RE-ENABLE clicks for Cookie Banner buttons so they still work */
.cc-btn, 
.cc-link {
    pointer-events: auto !important;
}

/* 5. Ensure the logout button stays on top of everything */
#custom-header-logout {
    z-index: 99999 !important;
}