/* ============================================================
   assets/css/theme.css – Üzleti színséma (navy + kék + smaragd)
   A style.css UTÁN kell betölteni (includes/header.php).
   Csak a nyilvános oldalakon – az admin felületet nem érinti.
   Narancs/sárga és piros CTA-k helyett: smaragdzöld.
   ============================================================ */

:root {
    /* Alap paletta */
    --dk-navy:        #0f2744;   /* navbar, modal fejléc, hero */
    --dk-navy-2:      #1e3a8a;   /* hero gradiens vége */
    --dk-blue:        #1d4ed8;   /* elsődleges gomb, linkek */
    --dk-blue-hover:  #1e40af;
    --dk-blue-light:  #eff6ff;
    --dk-blue-border: #bfdbfe;
    --dk-emerald:     #047857;   /* fő vásárlási CTA */
    --dk-emerald-hov: #065f46;
    --dk-emerald-50:  #ecfdf5;
    --dk-emerald-100: #d1fae5;
    --dk-emerald-800: #065f46;
    --dk-slate:       #475569;   /* semleges kiemelés */
    --dk-slate-50:    #f1f5f9;
    --dk-bg:          #f8fafc;

    /* Bootstrap 5.3 változók felülírása */
    --bs-primary:            #1d4ed8;
    --bs-primary-rgb:        29, 78, 216;
    --bs-success:            #047857;
    --bs-success-rgb:        4, 120, 87;
    --bs-warning:            #047857;   /* a régi sárga helyén smaragd */
    --bs-warning-rgb:        4, 120, 87;
    --bs-link-color:         #1d4ed8;
    --bs-link-color-rgb:     29, 78, 216;
    --bs-link-hover-color:   #1e40af;
    --bs-link-hover-color-rgb: 30, 64, 175;
    --bs-body-bg:            #f8fafc;
}

body { background: var(--dk-bg); }
a { color: var(--dk-blue); }
a:hover { color: var(--dk-blue-hover); }

/* ---- Navbar és sötét sávok --------------------------------- */
.navbar.bg-primary,
.bg-primary {
    background-color: var(--dk-navy) !important;
}
.navbar-dark .nav-link.active,
.navbar-dark .nav-link:hover {
    color: #fff !important;
    box-shadow: inset 0 -2px 0 #34d399;   /* vékony smaragd aláhúzás */
}

/* Hero (style.css gradiens felülírása) */
.hero, .hero-section, header.hero {
    background: linear-gradient(135deg, var(--dk-navy) 0%, var(--dk-navy-2) 100%) !important;
}

/* ---- Gombok ------------------------------------------------ */
.btn-primary {
    --bs-btn-bg: var(--dk-blue);
    --bs-btn-border-color: var(--dk-blue);
    --bs-btn-hover-bg: var(--dk-blue-hover);
    --bs-btn-hover-border-color: var(--dk-blue-hover);
    --bs-btn-active-bg: var(--dk-blue-hover);
    --bs-btn-active-border-color: var(--dk-blue-hover);
    --bs-btn-focus-shadow-rgb: 29, 78, 216;
}
.btn-outline-primary {
    --bs-btn-color: var(--dk-blue);
    --bs-btn-border-color: var(--dk-blue);
    --bs-btn-hover-bg: var(--dk-blue);
    --bs-btn-hover-border-color: var(--dk-blue);
    --bs-btn-active-bg: var(--dk-blue-hover);
}

/* Fő vásárlási CTA: régi sárga (warning) és piros (danger) gombok → smaragd */
.btn-success,
.btn-warning,
.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--dk-emerald);
    --bs-btn-border-color: var(--dk-emerald);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--dk-emerald-hov);
    --bs-btn-hover-border-color: var(--dk-emerald-hov);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--dk-emerald-hov);
    --bs-btn-active-border-color: var(--dk-emerald-hov);
    --bs-btn-focus-shadow-rgb: 4, 120, 87;
    color: #fff !important;               /* a "text-dark" osztályt is felülírja */
}
.btn-keres-lista,
.floating-lista-btn:hover,
.btn-danger.shadow,
.btn-warning.shadow {
    box-shadow: 0 6px 20px rgba(4, 120, 87, .30) !important;
}
.btn-outline-warning,
.btn-outline-success {
    --bs-btn-color: var(--dk-emerald);
    --bs-btn-border-color: var(--dk-emerald);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--dk-emerald);
    --bs-btn-hover-border-color: var(--dk-emerald);
}
/* Kapcsolat / másodlagos gomb hibaoldalon – semleges */
.btn-outline-danger {
    --bs-btn-color: var(--dk-slate);
    --bs-btn-border-color: #cbd5e1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--dk-slate);
    --bs-btn-hover-border-color: var(--dk-slate);
}

/* ---- Háttér- és szövegszínek ------------------------------- */
/* Modal fejléc ("Domain lista megrendelése") */
.modal-header.bg-danger,
.modal-header.bg-warning {
    background-color: var(--dk-navy) !important;
    color: #fff !important;
}

/* Sárga kiemelések (badge, kupon, upsell doboz) → halvány smaragd */
.bg-warning {
    background-color: var(--dk-emerald-100) !important;
    color: var(--dk-emerald-800) !important;
}
.badge.bg-warning { color: var(--dk-emerald-800) !important; }

/* Sárga ikonok / feliratok → semleges pala */
.text-warning { color: var(--dk-slate) !important; }

/* Figyelmeztető dobozok → halványkék, nem sárga */
.alert-warning {
    --bs-alert-color: #1e3a8a;
    --bs-alert-bg: var(--dk-blue-light);
    --bs-alert-border-color: var(--dk-blue-border);
    --bs-alert-link-color: #1e3a8a;
}

/* Sikeres / pozitív dobozok */
.alert-success {
    --bs-alert-color: var(--dk-emerald-800);
    --bs-alert-bg: var(--dk-emerald-50);
    --bs-alert-border-color: #a7f3d0;
}

/* ---- Domain lista elemek ----------------------------------- */
.domain-item:hover {
    border-color: var(--dk-blue) !important;
    box-shadow: 0 2px 8px rgba(29, 78, 216, .12);
}
.domain-item.domain-preview {
    background: var(--dk-emerald-50);
    border: 1px solid #a7f3d0 !important;
}

/* ---- Űrlap fókusz ------------------------------------------ */
.form-control:focus,
.form-select:focus {
    border-color: #93c5fd;
    box-shadow: 0 0 0 .2rem rgba(29, 78, 216, .15);
}
.form-check-input:checked {
    background-color: var(--dk-blue);
    border-color: var(--dk-blue);
}

/* ---- Lábléc ------------------------------------------------ */
.footer, footer.footer, footer.bg-dark {
    background-color: var(--dk-navy) !important;
}

/* Megjegyzés: a .text-danger (pl. "Fizetési hiba") szándékosan
   piros marad, mert ott a szín jelentést hordoz. */