/* =========================================
   Easypass WP - THEME CORE (Tokens & Reset)
   Source of Truth for Variables and Base Styles
   ========================================= */

:root {
    /* --- Brand Tokens --- */
    --ep-brand: #3b82f6;
    --ep-brand-glow: #2563eb;
    --ep-accent: #8b5cf6;
    
    /* --- Dark Mode (Default) --- */
    --ep-bg-body: #030712;      /* Rich Black */
    --ep-bg-card: #111827;      /* Surface Gray */
    --ep-bg-surface: #111827;   /* Alias */
    --ep-bg-input: #000000;     /* Deep Black */
    
    --ep-text-main: #f3f4f6;    /* Off-White */
    --ep-text-muted: #9ca3af;   /* Gray Muted */
    
    --ep-border-color: rgba(255, 255, 255, 0.1);
    
    /* --- RGB Helpers for Opacity --- */
    --ep-bg-card-rgb: 17, 24, 39;
    
    /* --- Typography --- */
    --ep-font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* --- Light Mode Override --- */
[data-theme="light"] {
    --ep-brand: #2563EB;
    --ep-brand-glow: #3b82f6;
    --ep-accent: #7c3aed;
    
    --ep-bg-body: #f3f4f6;
    --ep-bg-card: #ffffff;
    --ep-bg-surface: #ffffff;
    --ep-bg-input: #f9fafb;
    
    --ep-text-main: #111827;
    --ep-text-muted: #6b7280;
    
    --ep-border-color: #e5e7eb;
    
    --ep-bg-card-rgb: 255, 255, 255;
}

/* =========================================
   Scoped Reset (Soft Reset)
   Prevents Theme conflicts without destroying WP Admin
   ========================================= */

body.ep-web3-theme {
    background-color: var(--ep-bg-body);
    color: var(--ep-text-main);
    font-family: var(--ep-font-family);
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Common Global Resets for EP Elements */
.ep-container, .ep-event-tickets, .ep-checkout-wrapper {
    box-sizing: border-box;
}

.ep-container * {
    box-sizing: border-box;
}

/* Clean Links */
.ep-web3-theme a {
    text-decoration: none;
    color: inherit;
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--ep-accent);
}

/* Clean Lists */
.ep-web3-theme ul, 
.ep-web3-theme li {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Typography Headings */
.ep-web3-theme h1, 
.ep-web3-theme h2, 
.ep-web3-theme h3, 
.ep-web3-theme h4 {
    margin-top: 0;
    color: var(--ep-text-main);
}

/* --- Container Layout --- */
.ep-container {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0; /* Mobile Padding Reset */
    padding-right: 0; /* Mobile Padding Reset */
}

@media (min-width: 768px) {
    .ep-container {
        padding-left: 40px; /* Desktop Padding */
        padding-right: 40px; /* Desktop Padding */
    }
}

/* --- Logo Styling --- */
.ep-logo img, 
.custom-logo-link img {
    height: auto;
    max-width: 200px;
    max-height: 60px;
    width: auto;
}

@media (max-width: 768px) {
    .ep-logo img, 
    .custom-logo-link img {
        max-width: 160px;
    }
}