/*
Theme Name: Events
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Noble
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 1.0.1771175948
Updated: 2026-02-15 17:19:08
*/

/* ==========================================================================
   NATIVE WOOCOMMERCE THANK YOU PAGE BOXING & COLOR TRIMS (#121212)
   ========================================================================== */

/* 1. Contain layout view canvas into a clean, modern boxed frame window */
body.woocommerce-order-received .elementor-widget-woocommerce-checkout-page .woocommerce {
    max-width: 992px !important;
    margin: 3rem auto !important;
    padding: 2.5rem !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 32px rgba(0,0,0,0.04) !important;
    box-sizing: border-box !important;
}

/* 2. Global notice text & core paragraph color formatting structure */
body.woocommerce-order-received .woocommerce-thankyou-order-received,
body.woocommerce-order-received .woocommerce-order > p,
body.woocommerce-order-received address {
    color: #121212 !important;
    font-family: 'Lato', sans-serif !important;
}

body.woocommerce-order-received .woocommerce-thankyou-order-received, 
body.woocommerce-order-received .woocommerce-order > p { 
    font-size: 1.25rem !important; 
}

/* 3. Horizontal Order Meta Block overview rows (Perfect 2-Column Grid Alignment) */
body.woocommerce-order-received ul.woocommerce-order-overview.order_details {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* Force a flawless two-column vertical snap */
    gap: 20px 40px !important;
    background: #f8fafc !important;
    padding: 25px !important;
    margin: 20px 0 30px 0 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    list-style: none !important;
}

body.woocommerce-order-received ul.woocommerce-order-overview.order_details li {
    font-size: 12px !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border-right: none !important; /* Remove individual line borders to prevent spacing offsets */
}

/* Force the email item to span entirely across its own middle row boundary row */
body.woocommerce-order-received ul.woocommerce-order-overview.order_details li.email {
    grid-column: span 2 !important;
    border-top: 1px dashed #cbd5e1 !important;
    border-bottom: 1px dashed #cbd5e1 !important;
    padding: 15px 0 !important;
}

/* Align values perfectly to the left edge of Column 1 & Column 2 slots */
body.woocommerce-order-received ul.woocommerce-order-overview.order_details li.order,
body.woocommerce-order-received ul.woocommerce-order-overview.order_details li.total {
    grid-column: 1 !important;
}

body.woocommerce-order-received ul.woocommerce-order-overview.order_details li.date,
body.woocommerce-order-received ul.woocommerce-order-overview.order_details li.method {
    grid-column: 2 !important;
}

body.woocommerce-order-received ul.woocommerce-order-overview.order_details li strong {
    display: block !important;
    font-size: 16px !important;
    color: #121212 !important;
    text-transform: none !important;
    margin-top: 5px !important;
}

/* Hard lock to fix currency splitting ($ on one line, digits on next) */
body.woocommerce-order-received ul.woocommerce-order-overview.order_details li.total strong span,
body.woocommerce-order-received ul.woocommerce-order-overview.order_details li.total strong span bdi,
body.woocommerce-order-received ul.woocommerce-order-overview.order_details li.total strong span bdi span {
    display: inline !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    color: #121212 !important;
}

/* 4. Complete Receipt Table structural framework styling sheets */
body.woocommerce-order-received table.shop_table.order_details {
    width: 100% !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    margin-top: 15px !important;
}

body.woocommerce-order-received table.shop_table.order_details thead th {
    background: #f8fafc !important;
    border-bottom: 2px solid #e2e8f0 !important;
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
}

body.woocommerce-order-received table.shop_table.order_details th, 
body.woocommerce-order-received table.shop_table.order_details td {
    padding: 14px 18px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #121212 !important;
    text-align: left !important;
}

body.woocommerce-order-received table.shop_table.order_details tfoot tr:last-child th,
body.woocommerce-order-received table.shop_table.order_details tfoot tr:last-child td {
    border-bottom: none !important;
}

/* 5. Clean up Product Anchor links & Footer Spans (Strips away Elementor's underline borders) */
body.woocommerce-order-received table.shop_table.order_details td.product-name a {
    color: #121212 !important;
    text-decoration: none !important;
    border-bottom: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    display: inline-block !important;
}

body.woocommerce-order-received table.shop_table.order_details td.product-name a:hover,
body.woocommerce-order-received table.shop_table.order_details tfoot td span,
body.woocommerce-order-received table.shop_table.order_details tfoot td bdi {
    color: #121212 !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

/* 6. Typography Headers & Billing panel box accents */
body.woocommerce-order-received h2.woocommerce-order-details__title, 
body.woocommerce-order-received h2.woocommerce-column__title {
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 1.8rem !important;
    letter-spacing: 0.03em !important;
    margin-top: 2rem !important;
    margin-bottom: 1rem !important;
    color: #121212 !important;
}

body.woocommerce-order-received address {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    padding: 20px !important;
    border-radius: 8px !important;
    line-height: 1.6 !important;
    font-style: normal !important;
}

/* 7. Hide the duplicate payment description paragraph ("Pay with cash upon delivery") */
body.woocommerce-order-received .woocommerce-order > p:not(.woocommerce-thankyou-order-received) {
    display: none !important;
}

/* 8. Checkout Form Item Removal Button Styling rules */
body.woocommerce-checkout a.custom-checkout-remove {
    color: #cf2e2e !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    text-decoration: underline !important;
    border-bottom: none !important;
    margin-left: 10px !important;
    display: inline-block !important;
}

body.woocommerce-checkout a.custom-checkout-remove:hover {
    color: #b91c1c !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

body.woocommerce-order-received a.custom-checkout-remove {
    display: none !important;
}

/* 9. Completely hide cart modification warnings and notice strips during checkout phase */
body.woocommerce-checkout .woocommerce-notices-wrapper,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-error {
    display: none !important;
    visibility: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: 0 !important;
}

/* body gradient background */
body::before {
    content:"";
    position:fixed;
    inset:0;
    background:radial-gradient(at 10% 10%, rgba(98,0,238,0.12) 0px, transparent 45%), 
                radial-gradient(at 90% 15%, rgba(3,218,198,0.18) 0px, transparent 45%), 
                radial-gradient(at 85% 85%, rgba(210,238,0,0.12) 0px, transparent 45%), 
                radial-gradient(at 15% 90%, rgba(238,0,206,0.1) 0px, transparent 45%), 
                radial-gradient(at 50% 50%, rgba(3,218,198,0.05) 0px, transparent 50%);
    z-index:-1;
}