/*
Theme Name: Divi Child
Description: Clean Divi child theme with minimal custom styling
Template: Divi
Version: 3.0.5
*/

/* ==========================================================================
   FONT IMPORTS
   ========================================================================== */

/* Import Inter font for modern, clean typography */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* ==========================================================================
   STORE CREDIT BALANCE DISPLAY
   ========================================================================== */

/* Enhanced Store Credit Profile Amount Display (keep the cool effect) */
.store-credit-balance,
.store-credit-amount,
.credit-balance-display,
.user-credit-balance,
.profile-credit-amount {
    background: linear-gradient(135deg, #00b894 0%, #00cec9 100%) !important;
    color: white !important;
    padding: 16px 24px !important;
    border-radius: 20px !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    text-align: center !important;
    box-shadow: 0 6px 20px rgba(0, 184, 148, 0.3) !important;
    margin: 15px 0 !important;
    display: inline-block !important;
    min-width: 150px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border: 3px solid rgba(255, 255, 255, 0.2) !important;
    position: relative !important;
    overflow: hidden !important;
}

.store-credit-balance::before,
.store-credit-amount::before,
.credit-balance-display::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    transform: rotate(45deg);
    transition: all 0.6s ease;
    z-index: 1;
}

.store-credit-balance:hover::before,
.store-credit-amount:hover::before,
.credit-balance-display:hover::before {
    left: 100%;
}

.store-credit-balance .currency-symbol,
.store-credit-amount .currency-symbol,
.credit-balance-display .currency-symbol {
    font-size: 0.8em !important;
    opacity: 0.9 !important;
    margin-right: 2px !important;
}

/* ==========================================================================
   INTER FONT APPLICATION
   ========================================================================== */

/* Apply Inter font to custom elements only */
.store-credit-notice,
.store-credit-notification,
.store-credit-application {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

/* ==========================================================================
   CONSISTENT NOTICE STYLING
   ========================================================================== */

/* Make all notices consistent with Divi/WooCommerce standards */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.store-credit-notice,
.store-credit-notification,
.store-credit-event-notice,
.alex-tickets-notice {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
    padding: 16px 20px !important;
    margin: 16px 0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    border-radius: 4px !important;
}

/* Style store credit event notice like a WooCommerce info message */
.store-credit-event-notice {
    background: #f7f7f7 !important;
    border-left: 4px solid #2ea2cc !important;
    color: #333 !important;
}

.store-credit-event-notice p {
    margin: 0 !important;
}

.store-credit-event-notice a {
    color: #2ea2cc !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.store-credit-event-notice a:hover {
    color: #1e6ba8 !important;
    text-decoration: underline !important;
}

/* ==========================================================================
   STORE CREDIT CART APPLICATION FORM
   ========================================================================== */

/* Style the store credit application form on cart page */
.store-credit-application {
    background: #f9f9f9 !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    padding: 20px !important;
    margin: 12px 0 !important;
}

.store-credit-application h4 {
    margin: 0 0 12px 0 !important;
    font-size: 16px !important;
    color: #333 !important;
    font-weight: 600 !important;
}

.store-credit-application .credit-balance {
    margin: 0 0 16px 0 !important;
    color: #666 !important;
    font-size: 14px !important;
}

.store-credit-application .credit-details-link {
    color: #2ea2cc !important;
    text-decoration: none !important;
    font-size: 12px !important;
    margin-left: 8px !important;
}

.store-credit-application .credit-details-link:hover {
    text-decoration: underline !important;
}

.store-credit-application .credit-controls,
.store-credit-application .credit-applied {
    margin-top: 12px !important;
}

.store-credit-application .button {
    padding: 8px 16px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    margin-right: 10px !important;
}

.store-credit-application .applied-amount {
    color: #46b450 !important;
    font-weight: 600 !important;
    margin-right: 12px !important;
}

.store-credit-row td {
    padding: 8px 0 !important;
}

/* ==========================================================================
   CART TABLE COLUMN HIDING
   ========================================================================== */

/* Hide QTY and SUBTOTAL columns from cart table */
.woocommerce-cart-form__contents .product-quantity,
.woocommerce-cart-form__contents .product-subtotal {
    display: none !important;
}

/* ==========================================================================
   AGENT DIGITAL CORE ADMIN PANEL STYLES
   ========================================================================== */

/* Version Summary Section */
.agent-digital-version-summary {
    margin-bottom: 20px !important;
    padding: 15px !important;
    background: #f9f9f9 !important;
    border-left: 4px solid #0073aa !important;
}

/* Version Tags */
.version-tag {
    display: inline-block !important;
    margin: 2px 5px 2px 0 !important;
    padding: 2px 8px !important;
    color: white !important;
    border-radius: 3px !important;
    font-size: 11px !important;
}

.version-tag-plugin {
    background: #0073aa !important;
}

.version-tag-theme {
    background: #46b450 !important;
}

/* Tab Content Hidden State */
.agent-digital-tab-hidden {
    display: none !important;
}