/* 
    :root {
        --primary-color: #059669;
        --primary-dark-color: #003d2c;
        --primary-light-color: #036b48;
    }
    
    .theme-blue {
        --primary-color: #2563eb;
        --primary-dark-color: #1d4ed8;
        --primary-light-color: #3b82f6;
    }
    
    .theme-green {
        --primary-color: #027c56;
        --primary-dark-color: #003d2c;
        --primary-light-color: #036b48;
    }
    
    .theme-purple {
        --primary-color: #7c3aed;
        --primary-dark-color: #6d28d9;
        --primary-light-color: #8b5cf6;
    }
    
    .theme-red {
        --primary-color: #dc2626;
        --primary-dark-color: #b91c1c;
        --primary-light-color: #ef4444;
    }
    
    .theme-orange {
        --primary-color: #ea580c;
        --primary-dark-color: #c2410c;
        --primary-light-color: #f97316;
    }
     */
    .bottom-nav {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: white;
        border-top: 1px solid #e5e7eb;
        z-index: 1000;
        height: 60px;
    }
    
    @media (min-width: 768px) {
        .bottom-nav {
            display: none;
        }
    }
    
    .pricing-card {
        transition: all 0.3s ease;
    }
    
    .pricing-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }
    
    .service-tab {
        transition: all 0.3s ease;
    }
    
    .service-tab.active {
        background: var(--primary-color);
        color: white;
    }
    
    .mobile-menu {
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }
    
    .mobile-menu.open {
        transform: translateX(0);
    }
    
    .color-picker {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        cursor: pointer;
        border: 3px solid transparent;
        transition: all 0.3s ease;
    }
    
    .color-picker.active {
        border-color: #374151;
        transform: scale(1.1);
    }
    
    .dropdown-menu {
        display: none;
    }
    
    .dropdown:hover .dropdown-menu {
        display: block;
    }
    
    .template-card {
        transition: all 0.3s ease;
        overflow: hidden;
    }
    
    .template-card:hover {
        transform: scale(1.03);
        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
    }
    
    .template-card:hover .template-overlay {
        opacity: 1;
    }
    
    .template-overlay {
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    
    .payment-method {
        transition: all 0.3s ease;
    }
    
    .payment-method.active {
        border-color: var(--primary-color);
        background-color: rgba(5, 150, 105, 0.05);
    }
    
    .content-section {
        display: none;
    }
    
    .content-section.active {
        display: block;
    }
    
    /* Ensure bottom content is not hidden behind bottom nav on mobile */
    .main-content {
        padding-bottom: 80px;
    }
    
    @media (min-width: 768px) {
        .main-content {
            padding-bottom: 0;
        }
    }