/* ===================================
   PURCHASE FORM BUTTON COLORS
   Custom styling for country selector button
   =================================== */

/* Disabled state - Select Country First button */
.btn-disabled,
.btn-secondary.btn-disabled {
    background: #e2e8f0 !important;
    color: #64748b !important;
    border: 1px solid #cbd5e1 !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
}

.btn-disabled:hover {
    background: #e2e8f0 !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Country dropdown button */
.country-dropdown-btn {
    background: white !important;
    border: 2px solid #e2e8f0 !important;
    color: #1e293b !important;
    padding: 0.75rem 1rem !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.country-dropdown-btn:hover {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

.country-dropdown-btn.active {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

/* Country dropdown menu */
.country-dropdown {
    background: white !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

.country-option {
    background: white !important;
    border: none !important;
    padding: 0.75rem 1rem !important;
    width: 100% !important;
    text-align: left !important;
    color: #1e293b !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
}

.country-option:hover {
    background: #f8fafc !important;
    color: #0f172a !important;
}

/* Price option styling */
.price-option {
    background: white !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 2rem !important;
}

.price {
    color: #0f172a !important;
    font-size: 2.5rem !important;
    font-weight: 700 !important;
}

.option-title {
    color: #1e293b !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
}

.price-note {
    color: #64748b !important;
}

.option-features {
    color: #475569 !important;
}

.option-features li {
    color: #475569 !important;
}

/* Override Stripe button if visible */
stripe-buy-button {
    --stripe-buy-button-primary-color: #3b82f6 !important;
    --stripe-buy-button-primary-hover-color: #2563eb !important;
}

/* Download section background */
.download-section {
    background: #f8fafc !important;
}