#booknetic_theme_8 *
{
    font-family: 'Montserrat', sans-serif !important;
}
#booknetic_theme_8
{
    height: 800px;
}

#booknetic_theme_8 .booknetic_appointment_steps
{
    background: #23271a;
}

#booknetic_theme_8 .booknetic_badge
{
    background: #2c3120;
}
#booknetic_theme_8 .booknetic_appointment_steps_footer_txt2
{
    color: #2c3120;
}
#booknetic_theme_8 .booknetic_step_title, #booknetic_theme_8 .booknetic_appointment_steps_footer_txt1
{
    color: #e2e8f0;
}

#booknetic_theme_8 .booknetic_selected_step > .booknetic_badge::after
{
background-color: #7b8644;
}
#booknetic_theme_8 .booknetic_selected_step .booknetic_step_title
{
color: #f8f7f4;
}

#booknetic_theme_8 .booknetic_active_step .booknetic_badge, #booknetic_theme_8 .booknetic_calendar_days > div > span > i[a], #booknetic_theme_8 .booknetic_btn_success
{
    background: #cdb672;
}
#booknetic_theme_8 .booknetic_active_step .booknetic_step_title
{
    color: #cdb672;
}

#booknetic_theme_8 .booknetic_btn_primary,
#booknetic_theme_8 .booknetic_selected_time,
#booknetic_theme_8 .booknetic_calendar_selected_day > div
{
    background: #cdb672 !important;
    color: #23271a !important;
}

#booknetic_theme_8 .booknetic_service_category, .booknetic_package_category, #booknetic_theme_8 .booknetic_service_extra_title, #booknetic_theme_8 .booknetic_times_title, #booknetic_theme_8 .booknetic_text_primary
{
    color: #cdb672 !important;
}

#booknetic_theme_8 .booknetic_category_accordion .booknetic_service_category span,
#booknetic_theme_8 .booknetic_category_accordion .booknetic_service_extra_title span{
    background: #cdb672 !important;
}

#booknetic_theme_8 .booknetic_appointment_container_header
{
    color: #1c1917 !important;
}

#booknetic_theme_8 .booknetic_service_card_selected,
#booknetic_theme_8 .booknetic_card_selected,
#booknetic_theme_8 .booknetic_service_extra_card_selected,
#booknetic_theme_8 .booknetic_payment_method_selected,
#booknetic_theme_8 .booknetic-cart-item.active
{
    border-color: #858e57 !important;
}

#booknetic_theme_8 .booknetic_service_card_price,
#booknetic_theme_8 .booknetic_service_extra_card_price,
#booknetic_theme_8 .booknetic_confirm_details_price:not([data-price-id="discount"] .booknetic_confirm_details_price,.booknetic_gift_discount_price),
#booknetic_theme_8 .booknetic-cart-item-body-cell.amount,
#booknetic_theme_8 .booknetic_sum_price
{
    color: #b8352c !important;
}

/* Package Booking Panel Theming */
#booknetic_theme_8 .bkntc_package-confirmation_header h1,
#booknetic_theme_8 .bkntc_package_summary h2
{
    color: #1c1917 !important;
}

#booknetic_theme_8 .bkntc_package_summary,
#booknetic_theme_8 .bkntc_package_warning,
#booknetic_theme_8 .bkntc_package_appointment.booked,
#booknetic_theme_8 .bkntc_package_appointment.empty
{
    border-color: #858e57 !important;
}

.booknetic_package_card_service_el > span:first-child
{
    color: #cdb672 !important;
}

.booknetic_package_card_service_el > span:last-child {
    background: #cdb672 !important;
}

#booknetic_theme_8 .bkntc_package_appointment.empty:hover
{
    border-color: #cdb672 !important;
    background-color: rgba(108, 112, 220, 0.1) !important;
}

#booknetic_theme_8 .bkntc_package-confirmation_header span,
#booknetic_theme_8 .bkntc_package_summary h2
{
    color: #cdb672 !important;
}

/* ==========================================================================
   PSHS – Booknetic rezervační panel  ·  TMAVÁ VARIANTA
   Theme ID 8 („WP")  →  celý soubor je scopovaný na #booknetic_theme_8
   Kam se vkládá: Booknetic → Appearance → styl „WP" → pole Custom CSS
 
   Barvy: výhradně GLOBÁLNÍ barvy webu z Elementor kitu (žádné disciplinární).
          Hex za čárkou je jen záloha, musí odpovídat kitu.
 
   LADĚNÍ NA JEDNOM MÍSTĚ: všechno níž si bere barvu z proměnných v bloku 0.
   Chceš-li panel ztmavit/zesvětlit, měň jen blok 0, nic jiného.
   ========================================================================== */
 
 
/* --------------------------------------------------------------------------
   0) PROMĚNNÉ PANELU – jediné místo, kde se ladí tmavé schéma
   -------------------------------------------------------------------------- */
 
#booknetic_theme_8 {
    /* plochy */
--pshs-bg: #454B2F;       /* podklad obsahu */
    --pshs-card:    var(--e-global-color-dark_section, #2C3120);  /* karty, hlavička, patička, pole */
    --pshs-raise:   rgba(255, 255, 255, 0.06);                    /* dny v kalendáři, dlaždice časů */
    --pshs-line:    rgba(255, 255, 255, 0.12);                    /* vlasové linky a obrysy karet */
 
    /* texty */
    --pshs-strong:  var(--e-global-color-text_on_dark_main, #E8EEF5);   /* nadpisy, názvy karet */
    --pshs-txt:     var(--e-global-color-text_on_dark_body, #CDD8E4);   /* běžný text, popisky polí */
    --pshs-muted:   var(--e-global-color-text_on_dark_muted, #A7B6C6);  /* nápovědy, neaktivní */
 
    /* akcenty */
    --pshs-accent:  var(--e-global-color-accent, #CDB672);         /* zlatá = „tohle je vybráno" */
    --pshs-price:   var(--e-global-color-de8c77a, #E0463B);        /* světlejší značková červená */
}
 
 
/* --------------------------------------------------------------------------
   1) BARVY LEVÉHO PANELU – zrcadlí volby z Options, ale přes proměnné
 
   Proč to tu je: color picker v Options umí uložit jen pevný hex, proměnnou
   var(...) do něj zapsat nejde. Tenhle blok je tedy jediná cesta, jak panel
   navázat na globální barvy webu. U každého pravidla je název volby.
   -------------------------------------------------------------------------- */
 
/* Options „Panel background" – levý sloupec s kroky */
#booknetic_theme_8 .booknetic_appointment_steps {
    background: var(--e-global-color-63d9433, #23271A) !important;
    border-right: 1px solid var(--pshs-line) !important;
}
 
/* Options „Other steps BG" – odznak nenavštíveného kroku.
   Vlasová linka navíc: samotná #2C3120 má proti panelu #23271A kontrast 1,1:1,
   takže bez obrysu by odznak na panelu nebyl vidět vůbec. */
#booknetic_theme_8 .booknetic_badge {
    background: var(--e-global-color-dark_section, #2C3120) !important;
    border: 1px solid var(--pshs-line) !important;
}
 
/* POZOR – past v Bookneticu: volba „Other steps BG" obarvuje ZÁROVEŇ pozadí
   odznaku kroku A TAKY text telefonního čísla v patičce panelu. Je nastavená
   na tmavou #2C3120, což je správně pro odznak, ale telefon se tím stane
   tmavým na tmavém. Proto ho níž v bloku přebíjíme na zlatou. */
 
/* Options „Other steps label color" – názvy kroků + text patičky panelu */
#booknetic_theme_8 .booknetic_step_title,
#booknetic_theme_8 .booknetic_appointment_steps_footer_txt1 {
    color: var(--e-global-color-card_border, #E2E8F0) !important;
}
 
/* Options „Completed steps BG / label color" – dokončený krok */
#booknetic_theme_8 .booknetic_selected_step > .booknetic_badge::after {
    background-color: var(--e-global-color-secondary, #858E57) !important;
}
#booknetic_theme_8 .booknetic_selected_step .booknetic_step_title {
    color: var(--e-global-color-surface, #F8F7F4) !important;
}
 
/* Options „Active steps BG / label color" – aktuální krok */
#booknetic_theme_8 .booknetic_active_step .booknetic_badge,
#booknetic_theme_8 .booknetic_btn_success {
    background: var(--pshs-accent) !important;
}
#booknetic_theme_8 .booknetic_active_step .booknetic_step_title {
    color: var(--pshs-accent) !important;
}
 
/* kontaktní blok s telefonem v patičce levého panelu */
#booknetic_theme_8 .booknetic_appointment_steps_footer {
    padding: 16px !important;
    border-top: 1px solid var(--pshs-line) !important;
}
#booknetic_theme_8 .booknetic_appointment_steps_footer_txt2 {
    color: var(--pshs-accent) !important;
    font-weight: 700 !important;
}
 
 
/* --------------------------------------------------------------------------
   2) TMAVÉ PLOCHY
 
   Booknetic má bílou zadrátovanou napevno u každé z těchto ploch zvlášť,
   proto ten výčet. Když po aktualizaci pluginu někde vyskočí bílá, je to
   nová plocha, kterou sem stačí dopsat.
   -------------------------------------------------------------------------- */
 
/* hlavní podklad obsahu */
#booknetic_theme_8 .booknetic_appointment_container {
    background: var(--pshs-bg) !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}
 
/* hlavička (barva textu = Options „Title color") a patička */
#booknetic_theme_8 .booknetic_appointment_container_header {
    background: var(--pshs-card) !important;
    color: var(--pshs-strong) !important;
    border-bottom: 1px solid var(--pshs-line) !important;
}
#booknetic_theme_8 .booknetic_appointment_container_footer {
    background: var(--pshs-card) !important;
    padding: 20px 24px !important;
    gap: 12px !important;
    border-top: 1px solid var(--pshs-line) !important;
}
 
/* karty bez vlastního obrysu – dostanou vlasovou linku, ať se oddělí od podkladu */
#booknetic_theme_8 .booknetic_service_card,
#booknetic_theme_8 .booknetic_card,
#booknetic_theme_8 .booknetic_portlet,
#booknetic_theme_8 #booknetic_calendar_area,
#booknetic_theme_8 .booknetic_times,
#booknetic_theme_8 .booknetic_recurring_div_c,
#booknetic_theme_8 .booknetic_appointment_finished_with_error {
    background-color: var(--pshs-card) !important;
    border: 1px solid var(--pshs-line) !important;
    box-shadow: none !important;
}
 
/* karty, které od Booknetic obrys 2px mají – měníme jen jeho barvu,
   aby se karta při výběru neposunula o pixel */
#booknetic_theme_8 .booknetic_service_extra_card,
#booknetic_theme_8 .booknetic-cart-item {
    background-color: var(--pshs-card) !important;
    border-color: var(--pshs-line) !important;
    box-shadow: none !important;
}
 
/* pole pro kupon a dárkový poukaz */
#booknetic_theme_8 .booknetic_add_coupon,
#booknetic_theme_8 .booknetic_add_giftcard {
    background-color: var(--pshs-card) !important;
    border-color: var(--pshs-line) !important;
}
#booknetic_theme_8 .booknetic_add_coupon input,
#booknetic_theme_8 .booknetic_add_giftcard input {
    color: var(--pshs-txt) !important;
    background: transparent !important;
}
 
/* načítací kostry – tohle je to, co problikne při každém přechodu kroku.
   Bez těchhle pravidel by i na tmavém panelu bliklo bílé pole. */
#booknetic_theme_8 .booknetic_preloader_card1,
#booknetic_theme_8 .booknetic_preloader_card2 {
    background-color: var(--pshs-card) !important;
    box-shadow: none !important;
}
#booknetic_theme_8 .booknetic_preloader_card1_image,
#booknetic_theme_8 .booknetic_preloader_card1_description,
#booknetic_theme_8 .booknetic_preloader_card2_image,
#booknetic_theme_8 .booknetic_preloader_card2_description {
    background: var(--pshs-raise) !important;
    animation: none !important;
}
 
/* scrollbary uvnitř obsahu */
#booknetic_theme_8 .booknetic_appointment_container_body::-webkit-scrollbar,
#booknetic_theme_8 .booknetic_times_list::-webkit-scrollbar {
    width: 6px;
}
#booknetic_theme_8 .booknetic_appointment_container_body::-webkit-scrollbar-thumb,
#booknetic_theme_8 .booknetic_times_list::-webkit-scrollbar-thumb {
    background: var(--pshs-line) !important;
    border-radius: 10px !important;
}
 
 
/* --------------------------------------------------------------------------
   3) TEXTY NA TMAVÉM
   -------------------------------------------------------------------------- */
 
/* názvy karet */
#booknetic_theme_8 .booknetic_service_card_title > span:first-child,
#booknetic_theme_8 .booknetic_service_extra_card_title > span:first-child,
#booknetic_theme_8 .booknetic-cart-item .booknetic-cart-item-header {
    color: var(--pshs-strong) !important;
}
 
/* druhotné popisky karet */
#booknetic_theme_8 .booknetic_service_card_title > span:last-child,
#booknetic_theme_8 .booknetic_service_card_description {
    color: var(--pshs-muted) !important;
}
 
/* Options „Primary BG" – nadpisy kategorií a sekcí.
   .booknetic_location_category Booknetic nechává fialovou, proto je tu taky. */
#booknetic_theme_8 .booknetic_service_category,
#booknetic_theme_8 .booknetic_location_category,
#booknetic_theme_8 .booknetic_service_extra_title,
#booknetic_theme_8 .booknetic_times_title,
#booknetic_theme_8 .booknetic_recurring_div_title,
#booknetic_theme_8 .booknetic_text_primary,
#booknetic_theme_8 .booknetic_package_category {
    color: var(--pshs-accent) !important;
}
#booknetic_theme_8 .booknetic_category_accordion .booknetic_service_category span,
#booknetic_theme_8 .booknetic_category_accordion .booknetic_service_extra_title span,
#booknetic_theme_8 .booknetic_category_accordion .booknetic_location_category span {
    background: var(--pshs-accent) !important;
}
 
/* kalendář – hlavička, šipky měsíce */
#booknetic_theme_8 .booknetic_calendar_head > .booknetic_month_name,
#booknetic_theme_8 .booknetic_next_month,
#booknetic_theme_8 .booknetic_prev_month,
#booknetic_theme_8 .booknetic_times_head {
    color: var(--pshs-strong) !important;
}
 
/* kalendář – dny */
#booknetic_theme_8 .booknetic_calendar_days > div {
    background-color: var(--pshs-raise) !important;
    color: var(--pshs-txt) !important;
    border-radius: 8px !important;
    transition: all 0.15s ease !important;
}
#booknetic_theme_8 .booknetic_calendar_days.booknetic_calendar_empty_day > div {
    background-color: transparent !important;
    color: var(--pshs-muted) !important;
    opacity: 0.45 !important;
}
#booknetic_theme_8 .booknetic_calendar_days:not(.booknetic_calendar_empty_day):hover > div {
    background-color: rgba(255, 255, 255, 0.14) !important;
    cursor: pointer;
}
 
/* dlaždice časů */
#booknetic_theme_8 .booknetic_times_list > div {
    background-color: var(--pshs-raise) !important;
    color: var(--pshs-txt) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    transition: all 0.15s ease !important;
}
#booknetic_theme_8 .booknetic_times_list > div:hover {
    background-color: rgba(255, 255, 255, 0.14) !important;
}
 
/* Options „Primary BG / text color" – vybraný čas a vybraný den */
#booknetic_theme_8 .booknetic_times_list > div.booknetic_selected_time,
#booknetic_theme_8 .booknetic_calendar_selected_day > div {
    background: var(--pshs-accent) !important;
    color: var(--e-global-color-63d9433, #23271A) !important;
}
 
/* průběh / progress */
#booknetic_theme_8 .booknetic_progress_done dt,
#booknetic_theme_8 .booknetic_progress_done dd {
    background-color: var(--pshs-raise) !important;
}
 
/* obrazovka „Děkujeme za rezervaci" */
#booknetic_theme_8 .booknetic_appointment_finished_title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    color: var(--pshs-strong) !important;
}
 
/* chybová hláška – na tmavém musí být světlejší červená, aby byla čitelná */
#booknetic_theme_8 .booknetic_warning_message {
    background-color: var(--pshs-card) !important;
    color: var(--pshs-price) !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    border: 1px solid var(--pshs-price) !important;
}
 
 
/* --------------------------------------------------------------------------
   4) CENY
 
   Options „Price color" je #B8352C. Na tmavém má kontrast 2,3:1 – nečitelné.
   Proto světlejší značková červená #E0463B (kontrast 3,3:1). Ta stačí jen na
   VELKÝ text, takže velké ceny jsou červené a drobné částky v tabulce košíku
   zůstávají světlé – tam by červená spadla pod čitelnou mez.
   Doporučení: překlikni i volbu „Price color" na #E0463B, ať sedí i spodní vrstva.
   -------------------------------------------------------------------------- */
 
#booknetic_theme_8 .booknetic_service_card_price,
#booknetic_theme_8 .booknetic_service_extra_card_price,
#booknetic_theme_8 .booknetic_sum_price {
    color: var(--pshs-price) !important;
}
 
#booknetic_theme_8 .booknetic-cart-item-body-cell.amount {
    color: var(--pshs-strong) !important;
}
 
 
/* --------------------------------------------------------------------------
   5) ZVÝRAZNĚNÍ VÝBĚRU
 
   Původně tu byl obrys v barvě card_border (#E2E8F0) – světle šedá na bílé
   kartě, prakticky neviditelná. Proto ta stížnost, že není vidět, co je vybráno.
   Nově: zlatý obrys + zlatý nádech + prstenec. Zlatá je vyhrazená jen pro výběr.
   -------------------------------------------------------------------------- */
 
#booknetic_theme_8 .booknetic_service_card_selected,
#booknetic_theme_8 .booknetic_card_selected,
#booknetic_theme_8 .booknetic_service_extra_card_selected,
#booknetic_theme_8 .booknetic_payment_method_selected,
#booknetic_theme_8 .booknetic-cart-item.active {
    border-color: var(--pshs-accent) !important;
    background-color: rgba(205, 182, 114, 0.18) !important;
    background-color: color-mix(in srgb, var(--pshs-accent) 18%, var(--pshs-card)) !important;
    box-shadow: 0 0 0 1px var(--pshs-accent) !important;
}
 
/* na vybrané kartě zvýrazníme i název a cenu, ať výběr „zacvakne" */
#booknetic_theme_8 .booknetic_service_card_selected .booknetic_service_card_title > span:first-child,
#booknetic_theme_8 .booknetic_service_extra_card_selected .booknetic_service_extra_card_title > span:first-child {
    color: var(--pshs-strong) !important;
    font-weight: 700 !important;
}
#booknetic_theme_8 .booknetic_service_card_selected .booknetic_service_card_price,
#booknetic_theme_8 .booknetic_service_extra_card_selected .booknetic_service_extra_card_price {
    font-weight: 700 !important;
}
 
 
/* --------------------------------------------------------------------------
   6) TLAČÍTKA
 
   Pozor na past: Booknetic generuje pro primární tlačítko pravidlo se
   selektorem #booknetic_theme_8 .booknetic_btn_primary a s !important.
   Dřívější pravidla psaná jako .booknetic_appointment ... měla nižší
   specificitu, takže hover na primárním tlačítku vůbec nefungoval.
   Scope #booknetic_theme_8 to řeší.
   -------------------------------------------------------------------------- */
 
#booknetic_theme_8 .booknetic_btn_primary,
#booknetic_theme_8 .booknetic_btn_secondary {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    transition: all 0.2s ease !important;
}
 
/* primární – zlaté */
#booknetic_theme_8 .booknetic_btn_primary,
#booknetic_theme_8 .booknetic_next_step_btn,
#booknetic_theme_8 .booknetic_confirm_booking_btn {
    background: var(--pshs-accent) !important;
    color: var(--e-global-color-63d9433, #23271A) !important;
    border: none !important;
}
#booknetic_theme_8 .booknetic_btn_primary:hover,
#booknetic_theme_8 .booknetic_next_step_btn:hover,
#booknetic_theme_8 .booknetic_confirm_booking_btn:hover {
    background: var(--e-global-color-accent_hover, #C9A227) !important;
    color: var(--e-global-color-63d9433, #23271A) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35) !important;
}
 
/* sekundární – průhledné s obrysem (na tmavém nesmí být bílé) */
#booknetic_theme_8 .booknetic_btn_secondary {
    background: transparent !important;
    color: var(--pshs-txt) !important;
    border: 1px solid var(--pshs-line) !important;
}
#booknetic_theme_8 .booknetic_btn_secondary:hover {
    background: var(--pshs-raise) !important;
    border-color: var(--pshs-accent) !important;
    color: var(--pshs-strong) !important;
}
 
 
/* --------------------------------------------------------------------------
   7) FORMULÁŘOVÁ POLE A TEXTY CUSTOM FORMŮ
 
   Krok „Vyplnit informace" nemá kartu – pole i popisky sedí přímo na podkladu.
   -------------------------------------------------------------------------- */
 
#booknetic_theme_8 .form-control {
    background-color: var(--pshs-card) !important;
    color: var(--pshs-strong) !important;
    border: 1px solid var(--pshs-line) !important;
    border-radius: 10px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding-right: 16px !important;
    font-size: 14px !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
#booknetic_theme_8 .form-control:not([type="tel"]) {
    padding-left: 16px !important;
}
#booknetic_theme_8 .form-control:focus {
    border-color: var(--pshs-accent) !important;
    box-shadow: 0 0 0 3px rgba(205, 182, 114, 0.35) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--pshs-accent) 35%, transparent) !important;
    outline: none !important;
}
#booknetic_theme_8 .form-control::placeholder {
    color: var(--pshs-muted) !important;
    opacity: 0.5 !important;
}
 
/* Přepínač země u telefonu (intl-tel-input). Je to <button>, takže mu web
   podstrkoval globální styl tlačítka a svítil zlatě. Ověřeno živě v panelu. */
#booknetic_theme_8 .iti__selected-country,
#booknetic_theme_8 .iti__selected-country:hover {
    background-color: var(--pshs-card) !important;
    color: var(--pshs-strong) !important;
    border: none !important;
    box-shadow: none !important;
}
/* předvolba +420 u telefonu – knihovna intl-tel-input ji má natvrdo
   tmavou #292D32, na tmavém poli byla neviditelná */
#booknetic_theme_8 .iti__selected-dial-code {
    color: var(--pshs-strong) !important;
}
/* rozbalený seznam zemí – vykresluje se mimo panel, proto bez scope */
.iti__dropdown-content,
.iti__country-list {
    background-color: #2C3120 !important;
    color: #E8EEF5 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}
.iti__country:hover,
.iti__country.iti__highlight {
    background-color: rgba(205, 182, 114, 0.22) !important;
}
.iti__search-input {
    background-color: #23271A !important;
    color: #E8EEF5 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}
 
/* přepínače a zaškrtávátka v custom formech – ať mají zlatou místo systémové modré */
#booknetic_theme_8 input[type="radio"],
#booknetic_theme_8 input[type="checkbox"] {
    accent-color: var(--pshs-accent) !important;
}
 
/* popisky nad poli */
#booknetic_theme_8 .form-group label {
    color: var(--pshs-txt) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    margin-bottom: 6px !important;
    display: block !important;
}
 
/* nápověda pod polem */
#booknetic_theme_8 .help-text {
    color: var(--pshs-muted) !important;
    font-size: 12.5px !important;
    line-height: 1.5 !important;
    display: block !important;
    margin-top: 4px !important;
}
 
/* pole typu „Label" v custom formu – informační text bez inputu */
#booknetic_theme_8 .form-control-plaintext {
    color: var(--pshs-strong) !important;
    background: transparent !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}
 
/* odkaz v custom formu.
   Zlatá má na tmavém kontrast 6,9:1, takže tady je na text bezpečná. */
#booknetic_theme_8 .custom-form-link,
#booknetic_theme_8 .form-control-plaintext a {
    color: var(--pshs-accent) !important;
    text-decoration: underline !important;
}
 
 
/* --------------------------------------------------------------------------
   8) KOŠÍK A POTVRZENÍ
 
   Tyhle kroky mají vlastní sadu napevno zadrátovaných světlých ploch,
   všechny ověřené ve zdrojáku pluginu.
   -------------------------------------------------------------------------- */
 
/* Bílý rám kolem karty v košíku. Booknetic má na sloupci
   background: #f5f7fa !IMPORTANT, takže ho nepřebije nic slabšího. */
#booknetic_theme_8 .booknetic-cart-col {
    background: var(--pshs-bg) !important;
}
 
/* popisky a hodnoty v kartě košíku (Personál, Lokace, Datum a čas, Objem) */
#booknetic_theme_8 .booknetic-cart-item-body-row .booknetic-cart-item-body-cell:not(.amount) {
    color: var(--pshs-txt) !important;
}
#booknetic_theme_8 .booknetic-cart-item-body-row .booknetic-cart-item-body-cell:first-child {
    color: var(--pshs-muted) !important;
}
 
/* rozbalovací nabídka ⋮ u karty */
#booknetic_theme_8 .booknetic-cart-item-header .booknetic-cart-item-btns {
    background: var(--pshs-card) !important;
    border: 1px solid var(--pshs-line) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.45) !important;
}
#booknetic_theme_8 .booknetic-cart-item-btns button span {
    color: var(--pshs-txt) !important;
}
 
/* Rekapitulace na potvrzení: název a cena mají natvrdo bílé pozadí, protože
   jím Booknetic maskuje tečkovanou linku vedoucí pod nimi. Musí tedy sedět
   na barvu plochy, na které leží – když to nebude sedět, přehoď na --pshs-bg. */
#booknetic_theme_8 .booknetic_confirm_details > .booknetic_confirm_details_title {
    background: var(--pshs-card) !important;
    color: var(--pshs-txt) !important;
}
#booknetic_theme_8 .booknetic_confirm_details > .booknetic_confirm_details_price {
    background: var(--pshs-card) !important;
    color: var(--pshs-strong) !important;
}
#booknetic_theme_8 .booknetic_confirm_details:before {
    border-color: var(--pshs-line) !important;
}
 
/* pruh „Celková cena" – místo mátové #DDF7E2 jemný zlatý nádech.
   Částka je 18px, na to červená #E0463B nestačí (3,3:1), proto světlá. */
#booknetic_theme_8 .booknetic_confirm_sum_price {
    background-color: rgba(205, 182, 114, 0.16) !important;
    background-color: color-mix(in srgb, var(--pshs-accent) 16%, var(--pshs-card)) !important;
    color: var(--pshs-txt) !important;
}
#booknetic_theme_8 .booknetic_confirm_sum_price > div:last-child {
    color: var(--pshs-strong) !important;
    font-weight: 700 !important;
}
 
/* „Vyberte způsob platby" */
#booknetic_theme_8 .booknetic_select_method_txt {
    color: var(--pshs-txt) !important;
}
 
/* vyhledávání služby */
#booknetic_theme_8 .booknetic_service_search_input {
    background-color: var(--pshs-card) !important;
    color: var(--pshs-strong) !important;
    border-color: var(--pshs-line) !important;
}
#booknetic_theme_8 .booknetic_service_search_input::placeholder {
    color: var(--pshs-muted) !important;
}
#booknetic_theme_8 .booknetic_service_search_input:focus {
    background-color: var(--pshs-card) !important;
    border-color: var(--pshs-accent) !important;
}
 
 
/* --------------------------------------------------------------------------
   9) LEVÝ PANEL KROKŮ – desktop
   -------------------------------------------------------------------------- */
 
@media (min-width: 1001px) {
 
    #booknetic_theme_8 .booknetic_appointment_steps {
        border-radius: 0 !important;
    }
 
    #booknetic_theme_8 .booknetic_company_logo {
        padding: 24px 20px 12px !important;
    }
 
    #booknetic_theme_8 .booknetic_appointment_step_element {
        display: flex !important;
        align-items: flex-start !important;
        gap: 10px !important;
        padding: 14px 16px !important;
        margin: 2px 8px !important;
        border-radius: 10px !important;
        transition: all 0.2s ease !important;
    }
    #booknetic_theme_8 .booknetic_appointment_step_element.booknetic_menu_hidden {
        display: none !important;
    }
 
    #booknetic_theme_8 .booknetic_appointment_step_element .booknetic_badge {
        flex-shrink: 0 !important;
    }
 
    #booknetic_theme_8 .booknetic_appointment_step_element .booknetic_step_title {
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        line-height: 1.3 !important;
    }
 
    #booknetic_theme_8 .booknetic_appointment_step_element.booknetic_active_step {
        background-color: rgba(205, 182, 114, 0.18) !important;
        background-color: color-mix(in srgb, var(--pshs-accent) 18%, transparent) !important;
        border-left: 3px solid var(--pshs-accent) !important;
        font-weight: 700 !important;
    }
 
    #booknetic_theme_8 .booknetic_appointment_step_element.booknetic_selected_step {
        cursor: pointer !important;
        opacity: 0.85 !important;
    }
    #booknetic_theme_8 .booknetic_appointment_step_element.booknetic_selected_step:hover {
        background-color: rgba(133, 142, 87, 0.22) !important;
        background-color: color-mix(in srgb, var(--e-global-color-secondary, #858E57) 22%, transparent) !important;
        opacity: 1 !important;
    }
}
 
 
/* --------------------------------------------------------------------------
   10) PŘEKRYV ZA MODÁLEM
 
   Jediné pravidlo mimo scope #booknetic_theme_8 – překryv je sourozenec
   panelu, ne jeho potomek. Booknetic má rgba(0,0,10,0.4), což je světlé;
   tmavší překryv změkčí přechod ze stránky do formuláře.
   -------------------------------------------------------------------------- */
 
.bkntc_booking_modal {
    background-color: rgba(0, 0, 0, 0.72) !important;
}
/* obrazovka „Děkujeme za rezervaci" – Booknetic má na ní natvrdo bílé pozadí */
#booknetic_theme_8 .booknetic_appointment_finished {
    background: var(--pshs-bg) !important;
    border: 1px solid var(--pshs-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
#booknetic_theme_8 .booknetic_appointment_finished_subtitle {
    color: var(--pshs-muted) !important;
}
#booknetic_theme_8 .booknetic_appointment_finished_code {
    color: var(--pshs-strong) !important;
}
/* infobox „Našli jsme váš účet…" – zlatý nádech, aby vynikl nad poli */
#booknetic_theme_8 .bkntc-information-step-info-container {
    background-color: rgba(205, 182, 114, 0.16) !important;
    background-color: color-mix(in srgb, var(--pshs-accent) 16%, var(--pshs-card)) !important;
    border: 1px solid var(--pshs-accent) !important;
    border-left-width: 4px !important;
    border-radius: 10px !important;
    padding: 14px 18px !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    color: var(--pshs-strong) !important;
}

/* nadpis + ikona vedle sebe */
#booknetic_theme_8 .bkntc-information-step-info-container label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: var(--pshs-accent) !important;
    font-weight: 700 !important;
}

/* původní fialový obrázek schováme a stejný tvar vykreslíme ve zlaté */
#booknetic_theme_8 .bkntc-information-step-info-container label img {
    display: none !important;
}
#booknetic_theme_8 .bkntc-information-step-info-container label::before {
    content: "" !important;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    background-color: var(--pshs-accent);
    -webkit-mask: url("/wp-content/plugins/booknetic/app/Frontend/assets/icons/information-logo.svg") center / contain no-repeat;
    mask: url("/wp-content/plugins/booknetic/app/Frontend/assets/icons/information-logo.svg") center / contain no-repeat;
}
#booknetic_theme_8 .booknetic-cart-item-btns button {
    background: transparent !important;
    padding: 6px 8px !important;
    border-radius: 0 !important;
}
#booknetic_theme_8 .booknetic-cart-item-btns button:hover {
    background: var(--pshs-raise) !important;
}
/* --------------------------------------------------------------------------
   11) PLATEBNÍ METODY A NABÍDKA ⋮ V KOŠÍKU

   Booknetic má kartu platby pevně 80 px a ikonu až 40 px – s dvouřádkovým
   popiskem se obsah nevejde a přetéká. Výšku uvolníme, ikonu stáhneme na 28 px.
   Barvu a obrys nevybrané karty měníme přes :not(), aby zůstal zlatý výběr
   z bloku 5 (stejná specificita, jinak by ho tohle pravidlo přebilo).
   -------------------------------------------------------------------------- */

#booknetic_theme_8 .booknetic_payment_method {
    height: auto !important;
    min-height: 80px !important;
    padding: 10px 8px 10px 8px !important;
    border-width: 2px !important;
    border-style: solid !important;
}
#booknetic_theme_8 .booknetic_payment_method:not(.booknetic_payment_method_selected) {
    background-color: var(--pshs-card) !important;
    border-color: var(--pshs-line) !important;
    box-shadow: none !important;
}
#booknetic_theme_8 .booknetic_payment_method > img {
    max-height: 28px !important;
    margin-bottom: 6px !important;
}
#booknetic_theme_8 .booknetic_payment_method > span {
    color: var(--pshs-txt) !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
}
#booknetic_theme_8 .booknetic_payment_method_selected > span {
    color: var(--pshs-strong) !important;
    font-weight: 700 !important;
}

/* tři tečky ⋮ u karty v košíku – Booknetic je má jako obrázek s natvrdo
   tmavě modrou #2E3A59. Schováme ho a stejný tvar vykreslíme v barvě textu
   (stejný postup jako u ikony infoboxu). */
/* obrázek musí v DOM zůstat – Booknetic otevírá nabídku jen při kliku
   přímo na něj (booknetic.js: e.target.parent() = .booknetic-cart-item-more).
   Proto ho jen zprůhledníme a natáhneme přes tlačítko nad vykreslené tečky. */
#booknetic_theme_8 .booknetic-cart-item-more img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    z-index: 1 !important;
}
#booknetic_theme_8 .booknetic-cart-item-more::before {
    content: "" !important;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--pshs-txt);
    -webkit-mask: url("/wp-content/plugins/booknetic/app/Frontend/assets/icons/more-vertical.svg") center / contain no-repeat;
    mask: url("/wp-content/plugins/booknetic/app/Frontend/assets/icons/more-vertical.svg") center / contain no-repeat;
    transition: background-color 0.15s ease;
}
#booknetic_theme_8 .booknetic-cart-item-more:hover::before {
    background-color: var(--pshs-accent);
}