/* public_html/lektury/css/bazodanowiec.css */
/* Spójny system UI dla całego serwisu lektur */

:root{
  --bg:#FBF7F2;
  --card:#FFFFFF;
  --text:#1F2937;
  --muted:rgba(31,41,55,.78);

  --brand:#7A4A2A;     /* topbar */
  --brand2:#6A3F25;


  --accent:#E09A2D;
  --accent2:#C9821F;

  --title:#5A341F;
  --border:rgba(122,74,42,.18);
  --shadow:0 10px 22px rgba(15,23,42,.06);

  --radius:16px;
  --radius-pill:999px;
  
  
  --paper:#F3E7D3;        /* stary papier */
  --paper2:#E9D7B8;       /* ciemniejszy papier */
  --ink:#4A2C1B;          /* atrament/brąz */
  --ink2:#3A2316;
}

/* Base */
html,body{height:100%;}
body{
  background:var(--bg);
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
a{color:var(--brand);}
a:hover{color:var(--brand2);}
.kx-muted{color:var(--muted)!important;}
.kx-title{color:var(--title)!important;}

/* Sections */
.kx-section{padding:22px 0;}
.kx-section--tight{padding:14px 0;}
.kx-section--hero{padding:26px 0 10px;}
@media (max-width:576px){
  .kx-section{padding:16px 0;}
  .kx-section--hero{padding:18px 0 8px;}
}
.bd_logo{
	width: 70px;
  margin-top: 7px;
}
/* Topbar */
.kx-topbar{
  background:linear-gradient(0deg,var(--brand2),var(--brand));
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.kx-brand{
  display:flex;
  align-items:center;
  gap:.6rem;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:900;
  letter-spacing:.2px;
}
.kx-brand:hover{opacity:.95;}

.kx-nav{
  display:flex;
  gap:.35rem;
  align-items:center;
  flex-wrap:wrap;
}
.kx-nav a{
  color:rgba(255,255,255,.92)!important;
  text-decoration:none!important;
  padding:.5rem .75rem;
  border-radius:var(--radius-pill);
  font-weight:700;
  line-height:1;
  border:1px solid transparent;
  transition:background .15s ease,border-color .15s ease,transform .15s ease,opacity .15s ease;
}
.kx-nav a:hover{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.18);
  transform:translateY(-1px);
  opacity:1;
}
.kx-nav a.active{
  background:rgba(245,158,11,.22);
  border-color:rgba(245,158,11,.55);
}

/* menu */
/* Header search */
.kx-search{
  display:flex;
  align-items:center;
  gap:.35rem;
  
  border-radius:999px;
  padding:.28rem .35rem;
  min-width:260px;
}
.kx-search__input{
  width:260px;
  max-width:38vw;
  background:transparent;
  border:0;
  outline:0;
  color:#fff;
  font-weight:700;
  padding:.25rem .4rem;
}
.kx-search__input::placeholder{color:rgba(255,255,255,.75);font-weight:700;}
.kx-search__btn{
  border:0;
  background:rgba(255,255,255,.12);
  color:#fff;
  border-radius:999px;
  padding:.35rem .55rem;
  font-weight:900;
  line-height:1;
}
.kx-search__btn:hover{background:rgba(255,255,255,.18);}
.kx-search__btn i{font-size:16px;line-height:1;display:block;}

/* Mobile: zwijamy input, zostaje ikonka */
@media (max-width: 576px){
  .kx-search__input{display:none;}
  .kx-search{padding:.25rem;min-width:auto;}
  .kx-search__btn{padding:.4rem .55rem;}
}

/* Cards */
.kx-card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.card-kx{ /* kompatybilność ze starszymi widokami */
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  display:flex;
  flex-direction:column;
}

/* Boxes (info/ok/warn) */
.kx-box{
  border-radius:var(--radius);
  border:1px solid var(--border);
  background:var(--card);
  padding:14px;
}
.kx-box--info{background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.35);}
.kx-box--ok{background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.28);}
.kx-box--warn{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.22);}
.kx-box__title{font-weight:900;color:var(--title);margin:0 0 6px 0;}
.kx-box__text{margin:0;color:var(--text);}

/* Buttons */
.kx-btn,
.btn-kx{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;

  background: linear-gradient(180deg,var(--paper),var(--paper2))!important;
  border:1px solid rgba(122,74,42,.28)!important;
  color:var(--ink)!important;

  font-weight:900;
  border-radius:14px;
  padding:.75rem 1rem;

  box-shadow: 0 6px 14px rgba(15,23,42,.08)!important;
  text-decoration:none!important;
  transition: background .15s ease, transform .15s ease, filter .15s ease;
}

.kx-btn:hover,
.kx-btn:focus,
.btn-kx:hover,
.btn-kx:focus{
  filter: brightness(.98);
  transform: translateY(-1px);
  color:var(--ink2)!important;
}

/* jeśli używasz <button class="btn btn-kx ..."> – bootstrap potrafi dać focus ring */
/*.btn-kx:focus{box-shadow:0 0 0 .25rem rgba(233,215,184,.55)!important;}*/


/*
.btn-kx{
  background:linear-gradient(0deg,var(--accent2),var(--accent))!important;
  border:1px solid rgba(0,0,0,.06)!important;
  color:#fff!important;
  font-weight:900!important;
  border-radius:14px!important;
  box-shadow:0 10px 18px rgba(245,158,11,.22)!important;
}
.btn-kx:hover,.btn-kx:focus{filter:brightness(.98);transform:translateY(-1px);color:#fff!important;}
*/
/* Badges / chips */
.kx-badge{
  display:inline-block;
  background:rgba(245,158,11,.18);
  color:var(--brand);
  border:1px solid rgba(245,158,11,.35);
  border-radius:var(--radius-pill);
  padding:.35rem .7rem;
  font-weight:900;
  font-size:.85rem;
}
.badge-kx{ /* kompatybilność */
  background:rgba(245,158,11,.18)!important;
  color:var(--brand)!important;
  border:1px solid rgba(245,158,11,.35)!important;
  font-weight:900!important;
}

.kx-chip{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  border:1px solid var(--border);
  border-radius:var(--radius-pill);
  padding:.35rem .6rem;
  background:#fff;
  color:var(--title);
  font-weight:800;
  font-size:.85rem;
}

/* Breadcrumbs */
.kx-breadcrumb a{
  color:var(--brand)!important;
  text-decoration:none!important;
  font-weight:900;
}
.kx-breadcrumb a:hover{text-decoration:underline!important;}

/* Lists */
.list-group-item{background:transparent;}
.list-group-item-action:hover{background:rgba(122,74,42,.06);}

/* Forms */
.form-control:focus{
  border-color:rgba(245,158,11,.55);
  box-shadow:0 0 0 .25rem rgba(245,158,11,.18);
}

/* Small helpers */
.kx-link{color:var(--brand);font-weight:900;text-decoration:none;}
.kx-link:hover{text-decoration:underline;}
.kx-divider{height:1px;background:rgba(122,74,42,.12);margin:14px 0;}

/* FAQ */
/* FAQ / Accordion – dopasowanie do kolorów Lektum */
.accordion{
  --bs-accordion-bg: var(--card);
  --bs-accordion-color: var(--text);
  --bs-accordion-border-color: var(--border);
  --bs-accordion-border-width: 1px;

  --bs-accordion-btn-color: var(--title);
  --bs-accordion-btn-bg: var(--card);
  --bs-accordion-btn-focus-border-color: rgba(122,74,42,.35);
  --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(233,215,184,.55);

  --bs-accordion-active-color: var(--title);
  --bs-accordion-active-bg: rgba(233,215,184,.45); /* stary papier */
}

.accordion-item{
  border-radius: 16px;
  overflow: hidden;
  border:1px solid var(--border);
  box-shadow: var(--shadow);
  margin-bottom: 10px;
  background: var(--card);
}

.accordion-button{
  font-weight: 900;
  border:0;
  padding: 14px 16px;
}

.accordion-button::after{
  filter: brightness(.2); /* strzałka ciemniejsza */
}

.accordion-button:not(.collapsed){
  background: linear-gradient(180deg, rgba(243,231,211,.9), rgba(233,215,184,.75));
  color: var(--title);
}

.accordion-body{
  background: var(--card);
  color: var(--text);
  padding: 14px 16px 16px;
}

@media (max-width:576px){
  .accordion-button{padding:12px 14px;}
  .accordion-body{padding:12px 14px 14px;}
}

.card-kx .btn,
.card-kx .btn-kx,
.card-kx .kx-btn{
  margin-top:auto; /* dociśnij przycisk na dół karty */
  font-size:15px;
}

.card-kx .kx-cta{margin-top:auto !important;}

/* === QUIZ UI (bd-*) === */
:root{--qx-sand:#f3e6d3;--qx-brown:#6b3f1d;--qx-brown2:#8a5a2b;--qx-border:#d8c7ae;}
.bd-quiz-topbar{position:sticky;top:12px;z-index:40;}
.bd-quiz-topcard{background:#fff;border:1px solid var(--qx-border);border-radius:14px;padding:14px 16px;}
.bd-quiz-badges{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px;}
.bd-quiz-badge{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:28px;border-radius:8px;font-weight:700;font-size:14px;color:#fff;background:#6b7280;}
.bd-quiz-badge--pct{background:#4b5563;}
.bd-quiz-progress{height:10px;border-radius:999px;background:#e5e7eb;overflow:hidden;}
.bd-quiz-progress>div{height:100%;width:0%;background:var(--qx-brown2);border-radius:999px;transition:width .2s ease;}
.bd-quiz-instr{margin-top:10px;color:#374151;}

.bd-q-item{padding:14px 14px;border-radius:12px;}
.bd-q-item+.bd-q-item{margin-top:12px;}
.bd-q-item.answered{background:var(--qx-sand);color:var(--qx-brown);}
.bd-q-title{font-weight:800;margin:0 0 10px 0;color:#111827;}
.bd-q-item.answered .bd-q-title{color:var(--qx-brown);}

.bd-opt{display:flex;align-items:center;gap:10px;border:1px solid #cfd3da;border-radius:6px;padding:8px 10px;background:#fff;cursor:pointer;}
.bd-opt+.bd-opt{margin-top:6px;}
.bd-opt:hover{background:#f9fafb;}
.bd-radio{display:none!important;} /* ukryj radio */

.bd-ltr{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:28px;border-radius:8px;
  font-weight:800;font-size:13px;
  color:#fff;background:var(--qx-brown2);
  box-shadow:0 1px 0 rgba(0,0,0,.08);
}
.bd-txt{flex:1;color:#111827;}

.bd-opt{border-radius:14px;transition:background .15s ease,border-color .15s ease;}
.bd-opt.is-selected{background:#f3e3d3;border-color:#c9a58b;}
.bd-opt.is-selected .bd-txt{font-weight:600;}

.bd-q-item.answered .bd-txt{color:var(--qx-brown);}

#bd_adv1,#bd_adv2,#bd_adv3{min-height:1px;margin:12px 0;}
@media (max-width: 991.98px){.bd-quiz-topbar{position:static;}}

.quiz-aside{
	margin-top:55px;
}

.kx-search .form-control{border-radius:12px 0 0 12px}
.kx-search .btn{border-radius:0 12px 12px 0}
.qx-suggest a{display:block;padding:10px 12px;text-decoration:none}
.qx-suggest a:hover{background:rgba(0,0,0,.04)}
.qx-s-title{font-weight:700;color:#1c1c1c;line-height:1.15}
.qx-s-meta{font-size:12px;color:#666;margin-top:2px}
.qx-s-more{border-top:1px solid rgba(0,0,0,.08);font-weight:700}
.qx-s-item.is-active,.qx-s-more.is-active{background:#f3e3d5;}

.kx-topbar{overflow:visible!important}
.kx-topbar .container{overflow:visible!important}
.kx-search{position:relative!important}
.qx-suggest{
  position:absolute!important;
  left:0!important; right:0!important;
  top:calc(100% -4px)!important;
  z-index:999999!important;
  background:#fff!important;
  border:1px solid rgba(0,0,0,.12)!important;
  border-radius:12px!important;
  overflow:hidden!important;
}

.bd-opt.is-correct-wanted{
  background:#e7f6ed;
  border-color:#2f8f5b;
}
.bd-opt.is-wrong{
  background:#fff3cd;
  border-color:#fd7e14;
}
.soft-box ul li{
color:#5a3a22!important;
}