/**
 * File: vidnok-layout.css
 * Description: Master Layout & Global Styles
 * Version: 1.0.0
 */

/* =========================================
   1. GLOBAL RESET & DARK MODE
   ========================================= */
html body.vidnok-saas-body {
    margin: 0; padding: 0;
    width: 100%; min-height: 100vh;
    background-color: #0f172a;
    color: #ffffff;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Clear Theme Backgrounds */
html body.vidnok-saas-body .site,
html body.vidnok-saas-body .site-header,
html body.vidnok-saas-body .wp-site-blocks {
    background: transparent;
}

/* =========================================
   2. BACKGROUND
   ========================================= */
html body.vidnok-saas-body .vidnok-fixed-bg {
    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
    z-index: -9999;
    background: radial-gradient(circle at 50% -20%, #7c3aed 0%, #4c1d95 30%, #1e1b4b 60%, #0f172a 100%);
    pointer-events: none;
}

/* =========================================
   3. VISIBILITY CONTROL
   ========================================= */
/* Hide Default Headers/Footers on specific pages */
html body.vidnok-saas-body.woocommerce-cart .wp-site-blocks > header,
html body.vidnok-saas-body.woocommerce-checkout .wp-site-blocks > header,
html body.vidnok-saas-body header.wp-block-template-part,
html body.vidnok-saas-body footer.wp-block-template-part {
    display: none; visibility: hidden; opacity: 0; height: 0; overflow: hidden;
}

/* =========================================
   4. LAYOUT & CENTERING
   ========================================= */
html body.vidnok-saas-body .vidnok-main-content,
html body.vidnok-saas-body .woocommerce {
    width: 100%; max-width: 1200px; margin: 0 auto; padding: 20px;
    display: block; position: relative; z-index: 50;
}

/* =========================================
   5. WOOCOMMERCE COLORS
   ========================================= */
html body.vidnok-saas-body .woocommerce { color: #ffffff; }
html body.vidnok-saas-body .woocommerce h3,
html body.vidnok-saas-body .woocommerce label,
html body.vidnok-saas-body .woocommerce p { color: #ffffff; }

/* Input Fields */
html body.vidnok-saas-body .woocommerce input.input-text,
html body.vidnok-saas-body .woocommerce textarea {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    padding: 12px; border-radius: 8px;
}

/* =========================================
   6. WOOCOMMERCE ALERT/NOTICE STYLES
   ========================================= */
/* Target specific classes to FORCE Dark Background */

/* General Alert Box Style */
html body.vidnok-saas-body .woocommerce-notices-wrapper .woocommerce-message,
html body.vidnok-saas-body .woocommerce-notices-wrapper .woocommerce-info,
html body.vidnok-saas-body .woocommerce-notices-wrapper .woocommerce-error,
html body.vidnok-saas-body .woocommerce-notices-wrapper ul.woocommerce-error {
    background-color: #1e293b;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/* Specific Border Colors */
html body.vidnok-saas-body .woocommerce-message { border-top: 3px solid #22c55e; } /* Green */
html body.vidnok-saas-body .woocommerce-info { border-top: 3px solid #3b82f6; } /* Blue */
html body.vidnok-saas-body .woocommerce-error { border-top: 3px solid #ef4444; } /* Red */

/* Link Colors inside Alerts */
html body.vidnok-saas-body .woocommerce-message a,
html body.vidnok-saas-body .woocommerce-info a,
html body.vidnok-saas-body .woocommerce-error a {
    color: #ffffff; font-weight: 700; text-decoration: underline; margin-left: auto;
}

/* Fix "View Cart" Button specifically */
html body.vidnok-saas-body .woocommerce-message .button.wc-forward {
    background: #22c55e; color: #fff; border-radius: 4px; padding: 5px 15px; text-decoration: none;
}

/* Fix Icon Colors */
html body.vidnok-saas-body .woocommerce-message::before,
html body.vidnok-saas-body .woocommerce-info::before,
html body.vidnok-saas-body .woocommerce-error::before {
    color: #ffffff; margin-right: 15px;
}

/* List Items in Error Box */
html body.vidnok-saas-body ul.woocommerce-error li {
    color: #ffffff; margin-left: 20px;
}

/* =========================================
   7. FOOTER
   ========================================= */
html body.vidnok-saas-body .vidnok-landing-footer {
    margin-top: auto; width: 100%; background-color: #0f172a;
    border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 30px 0;
}