/* ==================================================

   HLAVNÍ KONTEJNER ČLÁNKU (Zemitý, hřejivý základ)

   ================================================== */



/* --- ZMENŠENÍ A OBTÉKÁNÍ NAŠEHO OBRÁZKU --- */

figure.psp-final-wrapper {

    width: 440px !important;

    max-width: 53% !important;

    display: block !important;

    clear: none !important;

}



figure.psp-final-wrapper.psp-float-left {

    float: left !important;

    margin: 5px 30px 20px 0 !important;

}



figure.psp-final-wrapper.psp-float-right {

    float: right !important;

    margin: 5px 0 20px 30px !important;

}



figure.psp-final-wrapper img {

    width: 100% !important;

    height: auto !important;

    border-radius: 8px !important;

    /* Jemný teplý stín pod obrázkem */

    box-shadow: 0 4px 12px rgba(101, 67, 33, 0.1) !important;

}



/* --- OPRAVA: ZMENŠENÍ TEXTOVÉHO POPISKU --- */

figure.psp-final-wrapper figcaption {

    font-size: 11px !important; 

    color: #795548 !important;  /* Zemitá hnědo-šedá barva */

    font-style: italic !important;

    line-height: 1.4 !important;

    padding-top: 8px !important;

    text-align: left !important;

    display: block !important;

    margin: 0 !important;

}



/* --- BARVENÍ AI ČLÁNKŮ (Rotující styly zůstávají) --- */



/* 1. Obarvení všech nadpisů v článku (PŘIDÁNO H1 PRO TITULEK!) */

.psp-ai-article h1,

.psp-ai-article h2, 

.psp-ai-article h3,

.psp-ai-article h4 {

    color: var(--psp-color) !important;

}



/* 2. Obarvení cenových štítků (Čistý obrysový styl) */

.psp-ai-article .psp-price-tag {

    background-color: transparent !important; 

    border: 2px solid var(--psp-color) !important; 

    color: var(--psp-color) !important; 

    font-weight: bold !important; 

    padding: 2px 6px !important; 

    border-radius: 4px !important; 

    display: inline-block !important; 

    line-height: 1.2 !important; 

}



/* 3. Obarvení ikonek/odrážek v checklistu */

.psp-ai-article .psp-checklist-box h3 {

    color: var(--psp-color) !important;

}

.psp-ai-article input[type="checkbox"] {

    accent-color: var(--psp-color) !important;

}



/* ==================================================

   4. Obarvení FAQ a dynamické ikonky u seznamů

   ================================================== */

.psp-ai-article ul li::marker {

    content: var(--psp-icon) " "; 

    font-size: 1.1em; 

}



.psp-ai-article ol li::marker {

    color: var(--psp-color) !important;

    font-weight: bold;

    font-size: 1.1em;

}



.psp-ai-article strong,

.psp-ai-article b {

    color: var(--psp-color) !important;

}



.psp-ai-article p strong:first-child {

    display: inline-block;

    margin-top: 10px;

    font-size: 1.1em;

}



/* ==================================================

   5. HLAVIČKA VZOROVÉ KALKULACE (Lišta nad tabulkou)

   ================================================== */

.psp-ai-article .psp-calc-header {

    background-color: var(--psp-color) !important; 

    color: #ffffff !important; 

    padding: 12px 15px;

    font-weight: bold;

    font-size: 1.1em;

    border-radius: 6px 6px 0 0; 

    margin-bottom: 0 !important; 

    display: flex;

    align-items: center;

    gap: 10px; 

}



.psp-ai-article .psp-calc-header::before {

    content: var(--psp-icon);

    font-size: 1.3em;

}



.psp-ai-article .psp-calc-header + table {

    margin-top: 0 !important;

    border-top-left-radius: 0 !important;

    border-top-right-radius: 0 !important;

}



/* ==================================================

   6. FAQ BLOKY (Rozbalovací akordeon s Plus/Mínus)

   ================================================== */

.psp-ai-article details {

    background-color: #ffffff; 

    border: 1px solid #f3e8dc; /* Jemný béžovo-hnědý rámeček */

    border-radius: 6px;

    margin-bottom: 12px;

    box-shadow: 0 2px 5px rgba(101, 67, 33, 0.04);

    overflow: hidden;

}



.psp-ai-article summary {

    padding: 15px 20px;

    font-weight: bold;

    font-size: 1.1em;

    cursor: pointer;

    display: flex;

    justify-content: space-between; 

    align-items: center;

    background-color: #fbf5ef; /* Teplé pískové pozadí otázky */

    color: var(--psp-color) !important; 

    list-style: none; 

}



.psp-ai-article summary::-webkit-details-marker {

    display: none;

}



.psp-ai-article summary::after {

    content: '+';

    font-size: 1.6em;

    font-weight: normal;

    color: var(--psp-color);

    line-height: 1;

    transition: transform 0.2s ease;

}



.psp-ai-article details[open] summary::after {

    content: '−'; 

}



.psp-ai-article details[open] summary {

    border-bottom: 1px solid #f3e8dc; /* Sladěná linka pod otázkou */

}



.psp-ai-article details p {

    padding: 15px 20px;

    margin: 0;

    color: #4e342e; /* Temně hnědý text pro čitelnost a hřejivost */

    line-height: 1.6;

}



/* ==================================================

   7. OBARVENÍ HLAVIČEK VŠECH TABULEK V ČLÁNKU

   ================================================== */

.psp-ai-article table th,

.psp-ai-article thead th {

    background-color: var(--psp-color) !important;

    color: #ffffff !important;

    padding: 14px 15px;

    font-weight: bold;

    text-align: left;

    border: none !important; 

}



.psp-ai-article table {

    border-collapse: collapse;

    width: 100%;

    border-radius: 8px;

    overflow: hidden; 

    box-shadow: 0 4px 15px rgba(101, 67, 33, 0.05); /* Zemitý stín */

    margin-bottom: 30px;

    background-color: #ffffff; 

}



.psp-ai-article table td {

    border: 1px solid #f3e8dc; /* Béžové mřížky v tabulce */

    padding: 12px 15px;

    color: #4e342e; /* Temně hnědý text v tabulce */

    vertical-align: top;

}



.psp-ai-article table tbody tr:nth-child(even) {

    background-color: #fdf8f5; /* Jemné prokládání tabulky v tónu slonové kosti */

}

/* Přebije hnědou barvu a obří tučnost hlavního nadpisu na vylosovanou barvu */

h1.entry-title {

    color: var(--psp-color) !important;

    font-weight: 550 !important; /* Tímto nasadíme nadpisu dietu (místo původních 800) */

}

/* ==================================================

   8. RESPONSIVNÍ DESIGN PRO MOBILY (Chytré zobrazení)

   ================================================== */

@media (max-width: 768px) {

    /* Zmenšení vnitřního okraje, aby text neplýtval místem na malém displeji */

    .psp-ai-article {

        padding: 15px !important;

    }



    /* Zrušení obtékání obrázku - na mobilu bude hezky přes celou šířku nad textem */

    figure.psp-final-wrapper,

    figure.psp-final-wrapper.psp-float-left,

    figure.psp-final-wrapper.psp-float-right {

        width: 100% !important;

        max-width: 100% !important;

        float: none !important;

        margin: 0 0 20px 0 !important;

    }



    /* Tabulky na mobilu budou posuvné prstem do strany, aby nerozbily stránku */

    .psp-ai-article table {

        display: block;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch; /* Plynulé scrollování na iPhonech */

    }

    

    /* Mírné zmenšení textu v tabulce pro lepší čitelnost na mobilu */

    .psp-ai-article table td,

    .psp-ai-article table th {

        font-size: 13px !important;

        padding: 10px !important;

    }



    /* Zmenšení nadpisů v FAQ, aby se vešly na displej */

    .psp-ai-article summary {

        font-size: 1em !important;

        padding: 12px 15px !important;

    }

    

    /* Mírné zmenšení hlavního titulku H1, ať nezabere půlku obrazovky */

    h1.entry-title {

        font-size: 1.8em !important;

        line-height: 1.3 !important;

    }

}

/* =================================================================== */

/* 2. STICKY MOBILE CTA (Přilepená lišta s tlačítkem dole na mobilu)                     */

/* =================================================================== */



/* Obal pro přilepenou lištu */

.psp-sticky-footer {

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

    background-color: #ffffff; /* Bílé pozadí lišty */

    box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1); /* Jemný stín směrem nahoru */

    padding: 15px 20px;

    z-index: 99999; /* Zajistí, že lišta bude vždy nad vším obsahem */

    text-align: center;

    box-sizing: border-box;

}



/* Samotné tlačítko uvnitř lišty */

.psp-sticky-footer .psp-sticky-btn {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%; 

    max-width: 400px; /* Zabrání tomu, aby bylo tlačítko na velkém monitoru obří */

    margin: 0 auto; /* Vycentrování */

    background-color: #ff6000; /* Výrazná oranžová (uprav podle barev webu) */

    color: #ffffff; /* Bílý text */

    padding: 14px 24px;

    font-size: 16px;

    font-weight: bold;

    text-transform: uppercase;

    text-decoration: none;

    border-radius: 8px; /* Mírně zakulacené rohy */

    transition: background-color 0.3s ease, transform 0.2s ease;

}



/* Efekt při najetí myší (na počítači) */

.psp-sticky-footer .psp-sticky-btn:hover {

    background-color: #e65600; 

    color: #ffffff;

    transform: translateY(-2px); /* Tlačítko lehce povyskočí */

}



/* Ochrana proti překrytí obsahu na konci stránky */

body {

    padding-bottom: 80px; /* Vytvoří prázdné místo úplně dole na webu, aby lišta nezakryla patičku */

}



/* --- VOLITELNÉ: Skrytí na počítači --- */

/* Tvá funkce se jmenuje "mobile_cta". Pokud chceš lištu zobrazovat JEN na mobilech, 

   odmaž lomítka a hvězdičky u kódu níže: */



/*

@media (min-width: 769px) {

    .psp-sticky-footer {

        display: none !important;

    }

    body {

        padding-bottom: 0;

    }

}