/* BitanBit Edukacije — frontend styles. Brand accent: #da2f3b */
.bbedu-container{max-width:1140px;margin:0 auto;padding:2rem 1rem}
:root{--bbedu-accent:#da2f3b;--bbedu-accent-dark:#b71f2b;--bbedu-ink:#1f2933;--bbedu-muted:#6b7280;--bbedu-line:#e5e7eb;--bbedu-radius:10px}

/* Cards grid */
.bbedu-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}
.bbedu-card{display:flex;flex-direction:column;border:1px solid var(--bbedu-line);border-radius:var(--bbedu-radius);overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}
.bbedu-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.08);transform:translateY(-2px)}
.bbedu-card__media{display:block;aspect-ratio:16/9;background:#f3f4f6;overflow:hidden}
.bbedu-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.bbedu-card__body{padding:1.1rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.bbedu-card__title{font-size:1.15rem;margin:0;line-height:1.3}
.bbedu-card__title a{color:var(--bbedu-ink);text-decoration:none}
.bbedu-card__title a:hover{color:var(--bbedu-accent)}
.bbedu-card__excerpt{color:var(--bbedu-muted);margin:0;font-size:.95rem}
.bbedu-card__meta{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem 1rem;font-size:.9rem}
.bbedu-card__date{color:var(--bbedu-ink);font-weight:600}
.bbedu-card__date--none{color:var(--bbedu-muted);font-weight:400}
.bbedu-card__price{color:var(--bbedu-accent);font-weight:700}
.bbedu-card__cta{margin-top:auto}

/* Buttons */
.bbedu-btn{display:inline-block;background:var(--bbedu-accent);color:#fff;padding:.7rem 1.4rem;border-radius:6px;text-decoration:none;font-weight:600;border:0;cursor:pointer;font-size:1rem;transition:background .15s}
.bbedu-btn:hover{background:var(--bbedu-accent-dark);color:#fff}
.bbedu-btn--outline{background:transparent;color:var(--bbedu-accent);border:2px solid var(--bbedu-accent);padding:.55rem 1.2rem}
.bbedu-btn--outline:hover{background:var(--bbedu-accent);color:#fff}

/* Single */
.bbedu-education__title{margin:0 0 1rem}
.bbedu-education__media img{width:100%;height:auto;border-radius:var(--bbedu-radius)}
.bbedu-education__layout{display:grid;grid-template-columns:1fr 320px;gap:2.5rem;margin-top:1.5rem}
.bbedu-block{margin:2rem 0}
.bbedu-block h2{border-bottom:2px solid var(--bbedu-line);padding-bottom:.4rem}
.bbedu-lecturers__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}
.bbedu-lecturer{display:flex;gap:.75rem;align-items:center}
.bbedu-lecturer img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.bbedu-lecturer__role{display:block;color:var(--bbedu-muted);font-size:.85rem}
.bbedu-faq__item{border:1px solid var(--bbedu-line);border-radius:8px;padding:.5rem .9rem;margin-bottom:.5rem}
.bbedu-faq__item summary{cursor:pointer;font-weight:600}

/* Sidecard */
.bbedu-sidecard{position:sticky;top:1.5rem;border:1px solid var(--bbedu-line);border-radius:var(--bbedu-radius);padding:1.25rem;background:#fafafa}
.bbedu-sidecard__row{display:flex;justify-content:space-between;gap:1rem;margin:.35rem 0;border-bottom:1px dashed var(--bbedu-line);padding-bottom:.35rem}
.bbedu-sidecard__tax{color:var(--bbedu-muted);font-size:.8rem}
.bbedu-sidecard__title{font-size:1.1rem;margin:1rem 0 .5rem}
.bbedu-terms{list-style:none;padding:0;margin:0 0 1rem}
.bbedu-terms li{padding:.6rem 0;border-bottom:1px solid var(--bbedu-line);display:flex;flex-direction:column;gap:.15rem}
.bbedu-terms__date{font-weight:700}
.bbedu-terms__loc,.bbedu-terms__seats{color:var(--bbedu-muted);font-size:.88rem}

/* Form */
.bbedu-education__register{margin-top:2.5rem;border-top:2px solid var(--bbedu-line);padding-top:1.5rem}
.bbedu-form-wrap{max-width:720px}
.bbedu-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.bbedu-field{margin:0 0 1rem;display:flex;flex-direction:column}
.bbedu-field label{font-weight:600;margin-bottom:.3rem}
.bbedu-field input,.bbedu-field select,.bbedu-field textarea{padding:.6rem .7rem;border:1px solid #cbd2d9;border-radius:6px;font-size:1rem;font-family:inherit}
.bbedu-field input:focus,.bbedu-field select:focus,.bbedu-field textarea:focus{outline:2px solid var(--bbedu-accent);outline-offset:1px;border-color:var(--bbedu-accent)}
.bbedu-field--term{border:1px solid var(--bbedu-line);padding:1rem;border-radius:8px;margin-bottom:1.25rem}
.bbedu-field--term legend{font-weight:700;padding:0 .4rem}
.bbedu-req{color:var(--bbedu-accent)}
.bbedu-check{flex-direction:row;align-items:flex-start;gap:.5rem;font-weight:400;display:flex}
.bbedu-check input{margin-top:.2rem}
.bbedu-consent{margin-bottom:.5rem}
.bbedu-error{color:var(--bbedu-accent);font-size:.82rem;min-height:1em}
.bbedu-field input[aria-invalid="true"],.bbedu-field select[aria-invalid="true"]{border-color:var(--bbedu-accent)}
.bbedu-hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.bbedu-alert{padding:.85rem 1rem;border-radius:8px;margin-bottom:1rem}
.bbedu-alert--success{background:#e7f7ec;border:1px solid #9fdcb4;color:#155724}
.bbedu-alert--error{background:#fdecee;border:1px solid #f3b0b7;color:#8a1c26}
.bbedu-r1-fields{margin-top:.75rem}
.bbedu-submit{margin-top:1rem}
.bbedu-no-terms,.bbedu-empty{color:var(--bbedu-muted);padding:1rem 0}

@media(max-width:900px){
	.bbedu-education__layout{grid-template-columns:1fr}
	.bbedu-sidecard{position:static}
}
@media(max-width:560px){
	.bbedu-grid{grid-template-columns:1fr}
}

/* ── Archive view switch (cards / table) ───────────────────── */
.bbedu-viewswitch{display:flex;gap:.35rem;justify-content:flex-end;margin:0 0 1.25rem}
.bbedu-viewswitch__btn{display:inline-flex;align-items:center;gap:.4rem;background:#fff;border:1px solid var(--bbedu-line);color:var(--bbedu-muted);padding:.45rem .9rem;font-size:.9rem;font-weight:600;cursor:pointer;border-radius:6px;line-height:1;transition:color .15s,border-color .15s,background .15s}
.bbedu-viewswitch__btn:hover{color:var(--bbedu-ink)}
.bbedu-viewswitch__btn.is-active{color:#fff;background:var(--bbedu-accent);border-color:var(--bbedu-accent)}
.bbedu-viewswitch__ico{font-size:1rem}
/* A hidden panel must stay hidden even though panels have their own display value. */
.bbedu-views [data-bbedu-view-panel][hidden]{display:none!important}

/* ── Table view ────────────────────────────────────────────── */
.bbedu-table-wrap{overflow-x:auto}
/* One consistent sans font + sizing across the whole table (header + cells). */
.bbedu-table{width:100%;border-collapse:collapse;background:#fff;font-family:Roboto,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--bbedu-ink)}
.bbedu-table thead th{text-align:left;font-family:inherit;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--bbedu-muted);font-weight:700;padding:.85rem 1.1rem;border-bottom:2px solid var(--bbedu-line)}
.bbedu-table__cell{font-family:inherit;font-size:.95rem;line-height:1.4;padding:1.05rem 1.1rem;border-bottom:1px solid var(--bbedu-line);vertical-align:middle}
.bbedu-table__row:hover{background:#fafafa}
.bbedu-table__cell--title a{font-family:inherit;font-size:1rem;font-weight:600;line-height:1.35;color:var(--bbedu-ink);text-decoration:none}
.bbedu-table__cell--title a:hover{color:var(--bbedu-accent)}
.bbedu-table__cell--date{color:#4a5568;white-space:nowrap}
.bbedu-table__cell--price{color:var(--bbedu-accent);font-weight:700;white-space:nowrap}
.bbedu-table__cell--cta{text-align:right;white-space:nowrap}
.bbedu-table__cell--cta .bbedu-btn--outline{padding:.45rem 1rem;font-size:.9rem;font-weight:600}
.bbedu-table__muted{color:var(--bbedu-muted)}

@media(max-width:640px){
	.bbedu-table,.bbedu-table thead,.bbedu-table tbody,.bbedu-table th,.bbedu-table td,.bbedu-table tr{display:block}
	.bbedu-table thead{display:none}
	.bbedu-table__row{border:1px solid var(--bbedu-line);border-radius:var(--bbedu-radius);margin-bottom:1rem;padding:.35rem 0}
	.bbedu-table__cell{border-bottom:1px dashed var(--bbedu-line);display:flex;justify-content:space-between;gap:1rem;text-align:right}
	.bbedu-table__cell:last-child{border-bottom:0}
	.bbedu-table__cell[data-label]::before{content:attr(data-label);color:var(--bbedu-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;text-align:left}
	.bbedu-table__cell--cta{justify-content:flex-end}
}