/* ===================================================
   Clean Modern White & Purple Brand Theme (TZStore Style)
   =================================================== */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
    --brand-purple: #6320ee;
    --brand-purple-dark: #4b0082;
    --brand-purple-gradient: linear-gradient(135deg, #6320ee 0%, #4b0082 100%);
    --bg-light: #ffffff;
    --card-border: #e2e8f0;
    --text-dark: #1e293b;
    --text-muted: #64748b;
}

html, body, body.primary-bg-color, .main-content, .main-body {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: var(--text-dark) !important;
}

/* Header Navbar - Clean White */
header#header, .header, .navbar-light, .app-nav {
    background: #ffffff !important;
    border-bottom: 1px solid var(--card-border) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

.navbar-brand {
    font-weight: 800 !important;
    font-size: 1.45rem !important;
    color: var(--brand-purple) !important;
}

.navbar-light .navbar-nav .nav-link,
.top-nav a,
.navigation a,
.navbar-nav a {
    color: #334155 !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-nav a:hover {
    color: var(--brand-purple) !important;
}

/* Primary Purple Buttons */
.btn-primary, .btn-info, .btn-action, .btn-order-now, .btn-outline-primary {
    background: var(--brand-purple-gradient) !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    padding: 0.65rem 1.4rem !important;
    box-shadow: 0 4px 14px rgba(99, 32, 238, 0.25) !important;
    transition: all 0.25s ease !important;
}

.btn-primary:hover, .btn-outline-primary:hover {
    background: #5016c7 !important;
    box-shadow: 0 6px 20px rgba(99, 32, 238, 0.4) !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

/* Domain Search Box */
.home-banner, .banner, .jumbotron, .domain-search-bg, form#frmDomainHomepage {
    background: #f8fafc !important;
    border: 1px solid var(--card-border) !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
    padding: 35px 20px !important;
    margin-bottom: 30px !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--text-dark) !important;
    font-weight: 700 !important;
}

/* Products Cards */
.card, .panel, .tile, .dashboard-panel, .card-body {
    background: #ffffff !important;
    border: 1px solid var(--card-border) !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
    color: var(--text-dark) !important;
}

.card:hover {
    transform: translateY(-4px) !important;
    border-color: var(--brand-purple) !important;
    box-shadow: 0 12px 25px rgba(99, 32, 238, 0.12) !important;
}

/* Order Form / Store Product Card Fix (Center & Width fix) */
.order-group, .products, .store-products {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 20px !important;
}

.package {
    min-width: 280px !important;
    max-width: 360px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 1px solid var(--card-border) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    background: #ffffff !important;
}

/* Clean Footer */
footer, .footer {
    background: #f8fafc !important;
    border-top: 1px solid var(--card-border) !important;
    color: #64748b !important;
    padding: 35px 0 !important;
}

footer a, .footer a {
    color: #475569 !important;
}

footer a:hover, .footer a:hover {
    color: var(--brand-purple) !important;
}