/* ============================================================
   AiCO | DATA - Editorial monochrome arculat az űrlapos oldalakhoz
   (calculator, order, login, jelszó, register/*)
   A Bootstrap és az oldalak saját <style> blokkja UTÁN kell betölteni.
   ============================================================ */
:root{
  /* oldalak saját változói */
  --primary:#111111;
  --primary-dark:#111111;
  --aico:#111111;
  --aico-dark:#111111;
  --secondary:#111111;
  --ink:#111111;
  --muted:#646464;
  --soft:#f5f5f2;
  --line:#d9d9d4;
  --accent-soft:rgba(17,17,17,.08);
  --brand-grad:linear-gradient(135deg,#6c4ee8 0%,#5878e6 52%,#55b9d3 100%);
  /* Bootstrap */
  --bs-primary:#111111;
  --bs-primary-rgb:17,17,17;
  --bs-link-color:#111111;
  --bs-link-color-rgb:17,17,17;
  --bs-link-hover-color:#000000;
  --bs-link-hover-color-rgb:0,0,0;
  --bs-body-font-family:Arial,Helvetica,sans-serif;
  --bs-body-color:#111111;
  --bs-secondary-color:#646464;
  --bs-border-color:#d9d9d4;
  --bs-focus-ring-color:rgba(17,17,17,.12);
}

body{
  background:#f5f5f2 !important;
  color:#111;
  font-family:Arial,Helvetica,sans-serif !important;
}
body::before{display:none !important}
a{color:#111}
a:hover{color:#000}

h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5,.modal-title{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500 !important;
  letter-spacing:-.4px;
}
h6,.h6{font-weight:800}

/* ---------- Felső sáv ---------- */
.hero,.topbar{
  background:#fff !important;
  color:#111 !important;
  border-radius:0 !important;
  border-bottom:1px solid #111;
}
.hero .text-white,.topbar .text-white,
.hero .text-white-50,.topbar .text-white-50{color:#111 !important}
.hero .opacity-75,.topbar .opacity-75{opacity:1 !important;color:#646464 !important}
.hero a,.topbar a{color:#111}
.hero .btn-outline-light,.topbar .btn-outline-light{border-color:#cfcfca;color:#111;background:#fff}
.hero .btn-outline-light:hover,.topbar .btn-outline-light:hover{border-color:#111;color:#111;background:#fff}
.hero .btn-light,.topbar .btn-light{background:var(--brand-grad);color:#fff;border-color:transparent}
.hero .btn-close-white,.topbar .btn-close-white{filter:none}

.logo-mark{
  background:var(--brand-grad) !important;
  color:#fff !important;
  border-radius:12px;
  box-shadow:0 8px 24px rgba(92,101,220,.16);
}
.logo-title{font-family:Arial,Helvetica,sans-serif;font-weight:900 !important;letter-spacing:-.8px;color:#111}
.logo-title span{color:#111}
.subtitle{color:#646464}

/* ---------- Kártyák ---------- */
.card,.login-card,.success-card,.process-card,.price-box{
  border:1px solid #deded9 !important;
  border-radius:18px !important;
  box-shadow:none !important;
  background:#fff;
}
.card-header{background:#fafaf8;border-bottom:1px solid #deded9}
.summary-card,.summary-mini{
  background:#111 !important;
  color:#fff;
  border-radius:18px !important;
  box-shadow:none !important;
}
.summary-card h4,.summary-card h5,.summary-mini h5,.summary-mini h6{color:#fff}
.summary-row,.info-pill{border-bottom-color:rgba(255,255,255,.18) !important}
.commission-card,.slug-preview,.url-box{
  background:#f5f5f2 !important;
  border:1px solid #111 !important;
  border-radius:0 !important;
  color:#111 !important;
}
.commission-card .text-success,.commission-card h6{color:#111 !important}
.success-icon{background:#111 !important;color:#fff !important}

/* ---------- Gombok ---------- */
.btn{border-radius:999px !important;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease}
.btn-group>.btn,.input-group>.btn{border-radius:0 !important}
.btn[data-bs-toggle="collapse"]{border-radius:12px !important}
.btn:focus-visible{outline:2px solid #5878e6;outline-offset:3px;box-shadow:none !important}
.btn-main,.btn-login,.btn-primary,.btn-dark{
  background:var(--brand-grad) !important;
  color:#fff !important;
  border:1px solid transparent !important;
  box-shadow:0 8px 22px rgba(92,101,220,.18) !important;
}
.btn-main:hover,.btn-login:hover,.btn-primary:hover,.btn-dark:hover{
  color:#fff !important;
  filter:brightness(1.06);
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(92,101,220,.26) !important;
}
.btn-main:disabled,.btn-login:disabled,.btn-primary:disabled{filter:grayscale(.6);opacity:.6;box-shadow:none !important}
.btn-ghost,.btn-outline-primary,.btn-outline-secondary,.btn-outline-dark,.btn-light{
  background:#fff;
  color:#111;
  border:1px solid #cfcfca;
}
.btn-ghost:hover,.btn-outline-primary:hover,.btn-outline-secondary:hover,.btn-outline-dark:hover,.btn-light:hover{
  background:#fff;
  color:#111;
  border-color:#111;
  transform:translateY(-1px);
}
.btn-link{color:#111;text-decoration:underline;text-underline-offset:4px}

/* ---------- Űrlapelemek ---------- */
.form-control,.form-select{
  border-radius:0 !important;
  border:1px solid #cfcfca !important;
  background-color:#fff;
}
.form-control:focus,.form-select:focus{
  border-color:#111 !important;
  box-shadow:0 0 0 3px rgba(17,17,17,.08) !important;
}
.input-group-text{
  border-radius:0 !important;
  background:#f5f5f2 !important;
  border-color:#cfcfca !important;
  color:#111 !important;
}
.input-group .form-control{border-radius:0 !important}
.form-check-input:checked{background-color:#111;border-color:#111}
.form-check-input:focus{border-color:#111;box-shadow:0 0 0 3px rgba(17,17,17,.12)}
.form-range::-webkit-slider-thumb{background:#111}
.form-range::-moz-range-thumb{background:#111}
.form-label{font-weight:700;font-size:.9rem}

/* ---------- Kalkulátor / megrendelés ---------- */
.module-card{border:1px solid #deded9 !important;border-radius:14px !important;background:#fafaf8}
.module-card:has(input:checked),.module-card.locked{border-color:#111 !important;background:#f4f4f0 !important}
.total-number{color:#111 !important;font-family:Georgia,serif;font-weight:500 !important;letter-spacing:-1px}
.stepnum{background:#111 !important;border-radius:0 !important}
.small-muted,.vat{color:#646464 !important}

/* ---------- Regisztráció ---------- */
.step-item{background:#d9d9d4 !important;border-radius:0 !important}
.step-item.active{background:#111 !important}
.payment-option{border:1px solid #d9d9d4 !important;border-radius:18px !important}
.payment-option:hover,.payment-option.selected{border-color:#111 !important;background:#f4f4f0 !important}
.payment-icon{background:#f5f5f2 !important;color:#111 !important;border-radius:12px !important}
.step-icon.active{background:#ecece8 !important;color:#111 !important}
.spin{border-color:rgba(17,17,17,.2) !important;border-top-color:#111 !important}
#processingOverlay{background:rgba(245,245,242,.94) !important}

/* ---------- Bootstrap színek ---------- */
.text-primary{color:#111 !important}
.bg-primary,.text-bg-primary{background-color:#111 !important;color:#fff !important}
.border-primary{border-color:#111 !important}
.spinner-border.text-primary{color:#111 !important}
.badge{border-radius:0 !important;font-weight:700}
.gradient-text{background:none !important;-webkit-text-fill-color:#111;color:#111 !important}
.alert{border-radius:0 !important}
.alert-info,.alert-primary{background:#f5f5f2;border-color:#111;color:#111}
.nav-pills .nav-link.active{background:#111}
.list-group-item.active{background:#111;border-color:#111}