/* Foglalóoldalak kiegészítő stílusai. A weboldal stíluslapjára (assets/site.css) épül, annak változóit használja. */

/* naptár */
.bk-box{margin-top:16px; border:1px solid transparent; border-radius:12px;}
.bk-box.bad{border-color:var(--down);}
.bk-cal-head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px;}
.bk-cal-head strong{font-family:var(--disp); font-size:1.05rem; color:var(--txt);}
.bk-nav{width:40px; height:40px; border:1px solid var(--line2); border-radius:50%; background:transparent; color:var(--txt);
  font-size:1.3rem; line-height:1; display:grid; place-items:center; cursor:pointer; transition:border-color .2s, color .2s;}
.bk-nav:hover:not(:disabled){border-color:var(--gold); color:var(--gold);}
.bk-nav:disabled{opacity:.3; cursor:default;}
.bk-cal{display:grid; grid-template-columns:repeat(7,1fr); gap:6px; max-width:480px;}
.bk-cal-head{max-width:480px;}
.bk-dow{font-size:.76rem; font-weight:600; color:var(--dim); text-align:center; padding:2px 0 6px;}
.bk-day{aspect-ratio:1; border-radius:12px; border:1px solid transparent; background:transparent; color:var(--dim);
  font:inherit; font-weight:600; cursor:default; transition:border-color .2s, background .2s;}
.bk-day.on{color:var(--txt); border-color:var(--line2); background:var(--bg); cursor:pointer;}
.bk-day.on:hover{border-color:var(--gold);}
.bk-day.sel, .bk-day.sel:hover{background:var(--gold); border-color:var(--gold); color:#fff;}

/* időpontok: a Megrendelem oldal csomagválasztó csempéi, kisebb méretben */
.bk-slots{display:grid; grid-template-columns:repeat(auto-fill,minmax(112px,1fr)); gap:12px;}
.bk-slots[hidden]{display:none;}
.bk-slot span{padding:14px 10px; align-items:center; text-align:center;}
.bk-slot b{font-size:1.1rem;}
.bk-sum{margin-top:16px; padding:14px 16px; border:1px solid var(--line2); border-left:3px solid var(--gold); border-radius:12px;
  background:var(--bg); display:flex; flex-direction:column; gap:4px; color:var(--txt);}
.bk-sum[hidden]{display:none;}
.bk-sum span{font-size:.88rem; color:var(--mut);}
.bk-sum span:empty{display:none;}

/* űrlap kiegészítések */
.of-check.bad{color:var(--down);}
.bk-cap{max-width:320px;}
.bk-when{font-family:var(--disp); font-weight:700; font-size:1.15rem; color:var(--txt)!important; margin-bottom:10px;}

/* kártyák: lemondás és szolgáltatásválasztó */
.bk-card{max-width:820px; margin:0 auto; border:1px solid var(--line); border-radius:var(--r); background:var(--panel);
  padding:clamp(22px,4vw,34px); box-shadow:0 18px 50px -30px rgba(0,0,0,.55);}
.bk-card h2{font-size:1.35rem; margin-bottom:10px;}
.bk-p{color:var(--mut); margin-bottom:18px;}
.bk-p a:not(.b), .bk-card a:not(.b){color:var(--txt); border-bottom:1px solid var(--gold);}
.bk-meta{font-family:var(--mono); font-size:.85rem; color:var(--gold); margin-bottom:12px;}
.bk-mut{color:var(--dim);}
.bk-dl{display:grid; gap:14px; margin-bottom:24px;}
.bk-dl dt{font-size:.8rem; font-weight:600; color:var(--dim);}
.bk-dl dd{font-size:1.05rem; color:var(--txt);}
.bk-svcs{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); gap:22px; max-width:820px; margin:0 auto;}
.bk-svcs .bk-card{max-width:none; margin:0; display:flex; flex-direction:column; align-items:flex-start;}
.bk-svcs .bk-card .b{margin-top:auto;}

/* a foglalóoldalon ne takarja a haladássáv a láblécet */
@media (max-width:520px){ .bk-slots{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));} }
@media (prefers-reduced-motion:reduce){ .bk-nav,.bk-day{transition:none;} }

/* gombok a sikeres/lemondott kártyán: a .of-done a szabály ne írja felül a gomb színét */
.of-done a.b-g, .bk-card a.b-g, .bk-p a.b-g{color:#fff; border-bottom-color:transparent;}
.of-done a.b-g:hover, .bk-card a.b-g:hover{color:#fff;}