/* ==========================================================================
   GLOBAL NOTIFICATION STYLING (The "Toast" Style)
   ========================================================================== */

:root {
    --pt-brand-red: #D00;
}

/* 1. Main Container - Fixed Toast Position */
.woocommerce-message, 
.woocommerce-error, 
.woocommerce-info {
    /* Positioning (Green Area / Top of List) */
    position: fixed !important;
    top: 160px !important;         /* Matches your specific "Green Area" */
    bottom: auto !important;
    left: 50% !important;          /* Center horizontally */
    transform: translateX(-50%) !important;    /* Perfect centering */
    right: auto !important;
    z-index: 999999 !important;
    
    /* Box Styling */
    background-color: #111 !important; 
    color: #fff !important;
    border: none !important;
    border-left: 4px solid var(--pt-brand-red, #D00) !important;
    border-radius: 4px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.3) !important;
    
    /* Sizing */
    width: auto !important;
    min-width: 300px;
    max-width: 90%;
    padding: 15px 25px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px;
    
    /* Animation (Fade/Slide) */
    animation: pt-fade-in 0.4s ease forwards;
}

/* 2. Variant Specifics (Optional colors) */
.woocommerce-error {
    border-left-color: #D00 !important; /* Force Red for errors */
}
.woocommerce-message {
    border-left-color: #28a745 !important; /* Green for success */
}
.woocommerce-info {
    border-left-color: #17a2b8 !important; /* Blue for info */
}

/* 3. Hide default icon pseudo-elements */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before { display: none !important; }

/* 4. Links inside notifications */
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a {
    color: #fff !important;
    text-decoration: underline;
    font-weight: 700;
}

/* 5. Buttons inside notifications (e.g. "View Cart") */
.woocommerce-message .button.wc-forward,
.woocommerce-error .button.wc-forward,
.woocommerce-info .button.wc-forward {
    background: transparent !important;
    color: #fff !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 12px !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    border: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.3) !important;
    border-radius: 0;
    float: none !important;
    order: 2;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.woocommerce-message .button.wc-forward:hover {
    background: transparent !important;
    border-color: var(--pt-brand-red, #D00) !important;
    color: var(--pt-brand-red, #D00) !important;
}

/* 6. Animation Keyframes */
@keyframes pt-fade-in {
    from { opacity: 0; transform: translate(-50%, -10px); }
    to { opacity: 1; transform: translate(-50%, 0); }
}