/* Kokonaissiivouksen Lisävalinnat (booking-form-ui.js syncExtras). Sama korttityyli kuin lomakkeen Aineet-valinnoissa
   (booking-v3.css .sup-opt): ohut rivi, valintaruutu vasemmalla, nimi ja hinta samalla rivillä. Puhelimessa allekkain,
   aina vierekkäin samalla rivillä; puhelimessa hinta nimen alla. Valintaruutu on neliö, koska molemmat voi valita. */
#booking-form fieldset.booking-extras{margin:24px 0 0;padding:0;border:0;background:none;min-width:0}
#booking-form fieldset.booking-extras[hidden]{display:none}
#booking-form .booking-extras legend{display:block;float:none;width:auto;padding:0;margin:0 0 4px;font:800 20px/25px Figtree,Arial,sans-serif;letter-spacing:-.3px;color:#0E5239}
.booking-extras-intro{margin:0 0 12px;font-size:14px;font-weight:500;color:#43574d}
.booking-extras-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.booking-extra{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:52px;margin:0;padding:8px 14px;border:2px solid transparent;border-radius:16px;background:#f2f6f3;box-shadow:none;font:inherit;color:#0E5239;text-align:left;cursor:pointer}
.booking-extra:hover{border-color:#c6d7cd}
.booking-extra[aria-pressed="true"]{background:#fff;border-color:#0E5239;box-shadow:0 8px 22px rgba(14,82,57,.10)}
.booking-extra:focus-visible{outline:3px solid rgba(14,82,57,.4);outline-offset:2px}
.booking-extra-box{flex:none;display:grid;place-items:center;width:24px;height:24px;border:2px solid #c6d7cd;border-radius:8px;background:#fff;color:transparent;font-size:14px;font-weight:800;line-height:1}
.booking-extra[aria-pressed="true"] .booking-extra-box{border-color:#0E5239;background:#0E5239;color:#fff}
.booking-extra-copy{flex:1;min-width:0}
.booking-extra-copy b{font-size:16px;font-weight:700;color:#0E5239}
.booking-extra-copy small{display:none}
.booking-extra-price{flex:none;font-size:15px;font-weight:700;color:#0E5239;white-space:nowrap}
.booking-extras-notes{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.booking-extras-notes[hidden]{display:none}
.booking-extras-note{display:flex;align-items:center;gap:8px;margin:0;padding:9px 11px;border-radius:8px;background:#eaf4eb;font-size:14px;font-weight:650;color:#193a30}
.booking-extras-note svg{flex:none;width:18px;height:18px;color:#137b5e}
.booking-extras-small{margin:0;font-size:13px;color:#52695b}
/* Puhelin: valintaruutu vasemmalla, nimi ja hinta allekkain, jotta kaksi korttia mahtuu samalle riville. */
@media (max-width:639px){
.booking-extra{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"box name" "box price";column-gap:8px;row-gap:1px;min-height:0;padding:8px 10px}
.booking-extra-box{grid-area:box;width:22px;height:22px}
.booking-extra-copy{grid-area:name}
.booking-extra-copy b{display:block;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.booking-extra-price{grid-area:price;font-size:12.5px;line-height:1.3;white-space:normal}
}
/* Hyvin kapea puhelin: nimi saa rivittyä, ei katkaista kolmeen pisteeseen. */
@media (max-width:360px){.booking-extra-copy b{white-space:normal;overflow:visible}}