/*

 * Theme Name: Frontier-news Child - Custom Styles

 * Description: Vlastní CSS styly pro child šablonu Frontier-news Child.

 * Author: Your Name

 * Version: 1.0.0

 * License: GNU General Public License v3 or later

 * License URI: http://www.gnu.org/licenses/gpl-3.0.html

 */



/* MALIRI POKOJU Použijte přesně tento CSS kód, který jsem vám poskytl v předchozí odpovědi.

   Změna se týká POUZE HTML. */



.psp-upoutavka-wrapper {

    width: 300px !important;

    height: auto !important;

    min-height: 30px !important;

    border: 3px solid #514ba0 !important;

    border-radius: 17px !important;

    background-color: #f8f9fa !important;

    box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;

    overflow: hidden !important;

    display: flex !important;

    flex-direction: column !important;

    justify-content: center !important;

    align-items: center !important;

    text-align: center !important;

    margin: 15px auto !important;

    box-sizing: border-box !important;

    position: relative !important;

    font-family: Arial, sans-serif !important;

    padding: 15px 15px 1px 15px !important; /* Spodní padding snížen */

}



.psp-upoutavka-content {

    padding: 0 !important;

    width: 100% !important;

}



.psp-upoutavka-icon-row {

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    gap: 10px !important;

    margin-bottom: 10px !important;

    margin-top: -5px !important;

}



.psp-upoutavka-icon-row .dashicons {

    font-size: 33px !important;

    color: #514ba0 !important;

    line-height: 1 !important;

}



.psp-upoutavka-text-combined {

    font-size: 15px !important;

    font-weight: bold !important;

    color: #333333 !important;

    margin: 0 0 8px 0 !important; /* Mezera pod textem snížena */

    line-height: 1.4 !important;

    padding: 0 5px !important;

}



.psp-buttons-row {

    display: flex !important;

    flex-wrap: wrap !important;

    justify-content: center !important;

    gap: 10px !important;

    width: 100% !important;

}



.psp-upoutavka-button {

    display: inline-block !important;

    padding: 8px 15px !important;

    text-decoration: none !important; /* Důležité: skryje výchozí podtržení odkazu */

    border-radius: 5px !important;

    font-size: 12px !important;

    font-weight: bold !important;

    border: none !important;

    cursor: pointer !important;

    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;

    white-space: nowrap !important;

}



.psp-upoutavka-button.psp-upoutavka-button-primary {

    background-color: #f9a602 !important; /* Oranžová */

    color: #ffffff !important;

}



.psp-upoutavka-button.psp-upoutavka-button-primary:hover {

    background-color: #d68f00 !important; /* Tmavší oranžová */

}



.psp-upoutavka-button.psp-upoutavka-button-secondary {

    background-color: #e0e0e0 !important; /* Světle šedá */

    color: #333333 !important;

    border: 1px solid #c0c0c0 !important;

}



.psp-upoutavka-button.psp-upoutavka-button-secondary:hover {

    background-color: #d0d0d0 !important; /* Tmavší šedá */

    border-color: #a0a0a0 !important;

}



/* Optional: Pro mobilní zařízení */

@media (max-width: 480px) {

    .psp-upoutavka-wrapper {

        width: 90% !important;

        height: auto !important;

        padding: 15px 15px 10px 15px !important;

    }

    .psp-upoutavka-icon-row .dashicons {

        font-size: 28px !important;

    }

    .psp-upoutavka-text-combined {

        font-size: 13px !important;

    }

    .psp-buttons-row {

        flex-direction: column !important;

        gap: 5px !important;

    }

    .psp-upoutavka-button {

        width: 100% !important;

        font-size: 13px !important;

    }

Přijaté nabídky na moje poptávky

/* --- Základní reset nebo box-sizing (doporučeno) --- */

.psp-plugin-wrapper *,

.psp-plugin-wrapper *::before,

.psp-plugin-wrapper *::after {

    box-sizing: border-box;

}

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

   ZÁKLADNÍ NASTAVENÍ A PROMĚNNÉ (pro snadnou změnu barev)

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



:root {

    /* Hlavní barvy */

    --main-brand-color: #wwwwww; /* Fialová - pro nadpisy, hlavní akcenty, ikony */

    --secondary-brand-color: #f9a602; /* Oranžová - pro akční ceny, hvězdy */

    --accent-color: #0073aa; /* Modrá - pro sekundární odkazy, zvýraznění */

    --success-color: #28a745; /* Zelená - pro úspěch */

    --error-color: #dc3545; /* Červená - pro chyby, smazání */

    --warning-color: #ffc107; /* Žlutá - pro varování */



    /* Neutrální barvy */

    --text-color-dark: #333333;

    --text-color-normal: #555555;

    --text-color-light: #888888;

    --bg-light: #f8f9fa; /* Světlejší pozadí pro boxy */

    --bg-lighter: #fcfcfc; /* Ještě světlejší pozadí */

    --border-color-normal: #ced4da;

    --border-color-light: #e9ecef;

    --border-color-dark: #333333; /* Pro rámečky boxů */

}



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

   HLAVNÍ STYLY PLUGINU PSP VERZE 3

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



/* Základní box-sizing pro všechny prvky pluginu */

.psp-plugin-wrapper *,

.psp-plugin-wrapper *::before,

.psp-plugin-wrapper *::after {

    box-sizing: border-box;

}



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

   GLOBALNÍ STYLY TLAČÍTEK - Sjednocené pro celý web

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



/* Základní styly pro VŠECHNA tlačítka (resetuje výchozí styly prohlížeče a šablony) */

button,

input[type="button"],

input[type="submit"],

input[type="reset"],

.button,

.woocommerce button,

.woocommerce input[type="submit"],

.woocommerce a.button,

.woocommerce #respond input#submit,

.wp-block-button__link,

.psp-button { /* Přidána obecná třída psp-button */

    display: inline-block;

    padding: 10px 20px;

    font-size: 16px;

    line-height: 1.2;

    text-align: center;

    text-decoration: none;

    border-radius: 5px; /* Zaoblené rohy */

    cursor: pointer;

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

    box-sizing: border-box;

    white-space: nowrap;

    margin: 5px; /* Mírná mezera kolem tlačítek */

    font-family: inherit; /* Dědí font z těla */

    appearance: none; /* Odstraní výchozí styly prohlížeče */

}



/* Primární tlačítka (fialová) */

button.button-primary,

input[type="submit"].button-primary,

.button.button-primary,

.psp-action-button.button-primary,

.woocommerce .button.alt,

.woocommerce button.button.alt,

.wp-block-button__link.is-style-fill,

.psp-button-primary { /* Přidána obecná třída psp-button-primary */

    background-color: var(--main-brand-color);

    color: #ffffff;

    border: 1px solid var(--text-color-dark);

}



/* Hover/Focus stavy pro primární tlačítka */

button.button-primary:hover, button.button-primary:focus,

input[type="submit"].button-primary:hover, input[type="submit"].button-primary:focus,

.button.button-primary:hover, .button.button-primary:focus,

.psp-action-button.button-primary:hover, .psp-action-button.button-primary:focus,

.woocommerce .button.alt:hover, .woocommerce .button.alt:focus,

.woocommerce button.button.alt:hover, .woocommerce button.button.alt:focus,

.wp-block-button__link.is-style-fill:hover, .wp-block-button__link.is-style-fill:focus,

.psp-button-primary:hover, .psp-button-primary:focus {

    background-color: var(--accent-color); /* Modrá */

    border-color: var(--accent-color);

    color: #ffffff;

    transform: translateY(-1px); /* Jemný efekt posunu */

}



/* Sekundární tlačítka (šedá) */

.button.button-secondary,

.button.button-small,

.psp-action-button.button-small,

#psp-edit-poptavka-form a.psp-button-cancel,

.psp-button-secondary { /* Přidána obecná třída psp-button-secondary */

    background-color: var(--bg-light);

    color: var(--text-color-dark);

    border: 1px solid var(--border-color-normal);

}



/* Hover/Focus stavy pro sekundární tlačítka */

.button.button-secondary:hover, .button.button-secondary:focus,

.button.button-small:hover, .button.button-small:focus,

.psp-action-button.button-small:hover, .psp-action-button.button-small:focus,

#psp-edit-poptavka-form a.psp-button-cancel:hover, #psp-edit-poptavka-form a.psp-button-cancel:focus,

.psp-button-secondary:hover, .psp-button-secondary:focus {

    background-color: var(--border-color-light);

    border-color: var(--border-color-normal);

    color: var(--text-color-dark);

    transform: translateY(-1px);

}



/* Tlačítka pro mazání/varování (červená) */

.psp-button-delete,

.button.delete,

.button.remove {

    background-color: var(--error-color);

    color: #ffffff;

    border: 1px solid var(--error-color);

}



/* Hover/Focus stavy pro tlačítka pro mazání/varování */

.psp-button-delete:hover, .psp-button-delete:focus,

.button.delete:hover, .button.delete:focus,

.button.remove:hover, .button.remove:focus {

    background-color: #c82333; /* Tmavší červená */

    border-color: #c82333;

    color: #ffffff;

    transform: translateY(-1px);

}



/* Styly pro zakázaná/neaktivní tlačítka */

.button:disabled,

input[type="submit"]:disabled,

.button.disabled,

.woocommerce .button.disabled {

    opacity: 0.6;

    cursor: not-allowed;

    background-color: #ccc;

    border-color: #bbb;

    color: #666;

    transform: none;

}



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

   ZAROVNÁNÍ TLAČÍTEK A SPECIFICKÉ ÚPRAVY V RÁMCI PLUGINU (obecné)

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



/* Vycentrování tlačítka "Přidat novou poptávku" na stránce "Můj účet" */

.psp-muj-ucet-actions {

    text-align: center;

    margin-bottom: 30px;

}



/* Vycentrování a uspořádání tlačítek ve sloupci "Akce" v tabulkách (Můj účet, Firemní účet) */

.psp-muj-ucet-poptavky td:last-child, /* Tabulka Zadané poptávky */

.psp-dashboard-table td:last-child { /* Obecná třída pro dashboard tabulky (podané nabídky, přijaté zakázky) */

    display: flex;

    flex-direction: column;

    gap: 5px; /* Mezera mezi tlačítky */

    justify-content: center;

    align-items: center;

    padding-top: 5px;

    padding-bottom: 5px;

}



/* Styly pro text "Ohodnoceno" a jeho ikonu v tabulkách */

.wp-list-table tbody tr td:last-child span.dashicons {

    margin: 0;

}

.wp-list-table tbody tr td:last-child span.dashicons + span {

    display: block;

    text-align: center;

}



/* Vycentrování tlačítek "Uložit" a "Zrušit" v editačním formuláři poptávky */

#psp-edit-poptavka-form p {

    text-align: left; /* Zruší text-align: center z globálních stylů, pokud byl aplikován */

}





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

   STYLY PRO ZOBRAZENÍ INFORMACÍ A SEKCI "DETAIL POPTÁVKY" (single-psp_poptavka.php)

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



/* Orámování a pozadí celého bloku detailu poptávky */

.psp-detail-poptavky-wrapper {

    background-color: var(--bg-light);

    border: 2px solid var(--main-brand-color);

    padding: 20px; /* Zvýšen padding */

    margin-bottom: 25px; /* Zvýšen margin */

    border-radius: 8px; /* Zaoblené rohy */

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); /* Jemnější stín */

    overflow: hidden;

}



/* Úprava nadpisu "Detail poptávky" */

.psp-detail-poptavky-wrapper h2 {

    font-size: 1.1em; /* Větší nadpis */

    margin-top: 0;

    margin-bottom: 20px; /* Zvýšen margin */

    border-bottom: 1px solid var(--border-color-light); /* Jemnější podtržení */

    padding-bottom: 15px; /* Zvýšen padding */

    color: var(--main-brand-color); /* Fialová barva */

    text-align: left;

}



/* Styly pro řádky meta informací (detail i výpis) */

.psp-details-flex-container, /* Používá se na detailu */

.poptavka-meta-row,          /* Používá se ve výpisu */

.psp-inquiry-meta-row {      /* Používá se na detailu */

    display: flex;

    flex-wrap: wrap;

    gap: 10px 20px; /* Mezery mezi položkami a řádky */

    margin-bottom: 15px; /* Mezera pod řádkem */

    align-items: flex-start;

    font-size: 1em; /* Standardní velikost */

    color: var(--text-color-normal);

    line-height: 1.6;

}



/* Poslední řádek meta informací bez spodní mezery */

.psp-detail-poptavky-wrapper .psp-inquiry-meta-row:last-of-type {

    margin-bottom: 0;

}



/* Styly pro jednotlivé meta položky (ikona + text) */

.psp-details-flex-container .psp-detail-item,

.poptavka-meta-row .psp-meta-item,

.psp-inquiry-meta-row .psp-meta-item {

    display: inline-flex; /* Ikona a text vedle sebe */

    align-items: center; /* Vertikální zarovnání */

    gap: 5px; /* Mezera mezi ikonou a textem */

    color: inherit; /* Dědí barvu */

    font-size: inherit; /* Dědí velikost */

    line-height: inherit; /* Dědí výšku řádku */

    margin: 0;

    flex-shrink: 0; /* Zabrání zmenšování položek */

    white-space: nowrap; /* Zabrání zalomení uvnitř jedné meta položky */

}



/* Zajistíme zalomení textu uvnitř meta-item, pokud je příliš dlouhý (přepisuje white-space: nowrap pro dlouhé texty) */

.psp-details-flex-container .psp-detail-item span,

.poptavka-meta-row .psp-meta-item span,

.psp-inquiry-meta-row .psp-meta-item span {

    white-space: normal; /* Povolí normální zalomení textu uvnitř spanu */

    word-break: break-word; /* Zabrání přetečení u velmi dlouhých slov */

    overflow-wrap: break-word;

}



/* Styly pro ikonky uvnitř detailu poptávky a výpisů */

.psp-details-flex-container .psp-detail-item .dashicons,

.poptavka-meta-row .psp-meta-item .dashicons,

.psp-inquiry-meta-row .psp-meta-item .dashicons {

    vertical-align: middle;

    margin-right: 5px; /* Mezera mezi ikonou a popiskem */

    font-size: 1.5em; /* Velikost ikonky */

    flex-shrink: 0; /* Ikona se nebude zmenšovat */

    align-self: flex-start; /* Zarovná ikonu nahoru */

    color: var(--main-brand-color); /* Fialová barva */

}



/* Speciální úprava velikosti ikon ve výpisu poptávek (pokud je potřeba mít jinou velikost než na detailu) */

.poptavka-meta-row .psp-meta-item .dashicons {

    font-size: 1.5em; /* Mírně menší než na detailu */

}





/* Styly pro text odkazů uvnitř detailu poptávky a výpisů */

.psp-detail-poptavky-wrapper .psp-meta-item a,

.poptavka-meta-row .psp-meta-item a {

    color: var(--main-brand-color); /* Fialová */

    text-decoration: none;

    border-bottom: 1px dotted var(--main-brand-color);

}



/* Hover efekt pro odkazy v detailu a výpisu poptávky */

.psp-detail-poptavky-wrapper .psp-meta-item a:hover,

.poptavka-meta-row .psp-meta-item a:hover {

    text-decoration: none;

    border-bottom-style: solid;

}



/* Styly pro text popisků */

.psp-detail-poptavky-wrapper .psp-meta-item,

.poptavka-meta-row .psp-meta-item {

    color: var(--text-color-dark); /* Tmavá šedá */

    font-weight: normal;

}

/* Silnější text uvnitř popisků */

.psp-detail-poptavky-wrapper .psp-meta-item strong,

.poptavka-meta-row .psp-meta-item strong {

    color: var(--text-color-dark); /* Tmavá šedá */

}



/* Speciální barva pro nejlevnější nabídku */

.psp-meta-item.psp-nejlevnejsi-nabidka {

    color: var(--secondary-brand-color); /* Oranžová barva */

    font-weight: bold;

    font-size: 1.1em; /* Větší text */

}

/* Barva hvězdy u nejlevnější nabídky */

.psp-meta-item.psp-nejlevnejsi-nabidka .dashicons-star-filled {

    color: var(--secondary-brand-color); /* Oranžová barva hvězdy */

    font-size: 1.3em; /* Větší ikona */

}



/* Barva pro "Rozpočet" */

.psp-meta-item.psp-rozpocet {

    color: var(--error-color); /* Červená - jako důležité číslo */

    font-weight: bold;

}

.psp-meta-item.psp-rozpocet .dashicons-money-alt {

    color: var(--error-color); /* Červená ikona */

}



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

   STYLY PRO VÝPIS POPTÁVEK (hlavní archivní stránka nebo shortcode)

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



.psp-poptavky-list-wrapper .psp-poptavky-list {

    list-style: none;

    padding: 0;

    margin: 0;

}



/* Orámování a pozadí jednotlivé položky poptávky ve výpisu */

.psp-poptavky-list-wrapper .poptavka-item {

    margin-bottom: 25px;

    border: 2px solid var(--main-brand-color); /* Fialový rámeček */

    padding: 15px; /* Vnitřní odsazení */

    background-color: var(--bg-lighter); /* Velmi světlé pozadí */

    border-radius: 8px;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);

    overflow: hidden;

    transition: all 0.3s ease;

}

.psp-poptavky-list-wrapper .poptavka-item:hover {

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12);

    transform: translateY(-3px);

}



/* Nadpis poptávky ve výpisu */

.psp-poptavky-list .poptavka-title-small {

    font-size: 1.8em; /* Velikost nadpisu */

    font-weight: bold;

    margin-top: 0;

    margin-bottom: 0.8em;

    line-height: 1.3;

    color: var(--main-brand-color); /* Fialová barva nadpisu */

}

.psp-poptavky-list .poptavka-title-small a {

    text-decoration: none;

    color: inherit; /* Dědí barvu z .poptavka-title-small */

}

.psp-poptavky-list .poptavka-title-small a:hover {

    text-decoration: underline;

}



/* Hlavní popisek poptávky ve výpisu */

.psp-poptavky-list-wrapper .poptavka-item .entry-summary,

.psp-poptavky-list-wrapper .poptavka-item .poptavka-excerpt {

    font-size: 1em; /* Standardní velikost textu */

    line-height: 1.6;

    color: var(--text-color-dark);

}



/* Odkaz "Zobrazit detail a podat nabídku" ve výpisu */

.psp-poptavky-list .poptavka-vic-info {

    display: inline-block;

    margin-top: 20px; /* Větší mezera */

    font-weight: bold;

    text-decoration: none;

    color: var(--accent-color); /* Modrá */

    font-size: 1em; /* Standardní velikost */

    padding: 8px 15px;

    background-color: var(--bg-light);

    border: 1px solid var(--border-color-normal);

    border-radius: 5px;

    transition: color 0.3s ease, text-decoration 0.3s ease, background-color 0.3s ease;

}

.psp-poptavky-list .poptavka-vic-info:hover {

    text-decoration: none; /* Nechceme podtržení při hoveru, je to jako tlačítko */

    background-color: var(--border-color-light);

    color: var(--main-brand-color); /* Fialová při hoveru */

}





/* Styly pro paginaci (stránkování) výpisu poptávek */

.psp-poptavky-pagination {

    margin-top: 30px;

    text-align: center;

}

.psp-poptavky-pagination .page-numbers {

    display: inline-block;

    padding: 8px 12px; /* Větší padding */

    margin: 0 3px; /* Větší mezera */

    border: 2px solid var(--main-brand-color);

    text-decoration: none;

    border-radius: 5px;

    color: var(--main-brand-color);

    background-color: transparent;

    transition: all 0.3s ease;

}

.psp-poptavky-pagination .page-numbers.current {

    background-color: var(--main-brand-color);

    color: #fff;

    border-color: var(--main-brand-color);

}

.psp-poptavky-pagination .page-numbers:hover:not(.current) {

    background-color: var(--bg-light);

    color: var(--text-color-dark);

}





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

   STYLY PRO ARCHIVOVANÉ POPTÁVKY (Archive Shortcode)

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

.psp-archived-inquiry-content {

    opacity: 0.7; /* Trochu ztlumit archivované */

}

.psp-archived-inquiry-content .psp-action-links {

    list-style: disc;

    padding-left: 20px;

}

.psp-archived-inquiry-content .psp-action-links li {

    margin-bottom: 8px;

}



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

   STYLY PRO FORMULÁŘE PLUGINU (Zadání poptávky, registrace, úpravy profilu)

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

#psp-edit-poptavka-form,

.psp-form {

    margin-left: 0; /* ZMĚŇTE */ /* Odstraněno !important, pokud je potřeba vycentrovat, použijte margin: 0 auto; na nadřazeném kontejneru */

    margin-right: auto; /* Volitelné, ale dobré pro konzistenci */

    width: 100%;

    max-width: 700px; /* Příklad: Omezí šířku na větších obrazovkách */

    box-sizing: border-box;

    padding: 15px; /* Vnitřní odsazení formuláře */

    border: 1px solid var(--border-color-normal);

    border-radius: 5px;

    background-color: var(--bg-lighter);

}

.psp-form p,

.psp-registration-form p {

    margin-bottom: 18px;

}



.psp-form label,

.psp-registration-form label {

    display: block;

    font-weight: bold;

    margin-bottom: 6px;

    font-size: 1em; /* Standardní velikost písma */

    color: var(--text-color-dark);

}



.psp-form input[type="text"],

.psp-form input[type="email"],

.psp-form input[type="tel"],

.psp-form input[type="password"],

.psp-form input[type="date"],

.psp-form input[type="number"],

.psp-form textarea,

.psp-form select,

.psp-registration-form input[type="text"],

.psp-registration-form input[type="email"],

.psp-registration-form input[type="password"] {

    width: 100%;

    max-width: 450px; /* Max šířka pro inputy */

    padding: 10px;

    border: 1px solid var(--border-color-normal);

    border-radius: 3px;

    box-sizing: border-box;

    margin-bottom: 5px;

    font-size: 1em;

    line-height: 1.4;

}

.psp-form textarea {

    min-height: 120px;

    line-height: 1.5;

}



.psp-form .psp-wp-editor {

    width: 100%;

    max-width: 600px;

}

.psp-form .wp-editor-area {

    border: 1px solid var(--border-color-normal);

    min-height: 150px;

}



.psp-form .required,

.psp-registration-form .required {

    color: var(--error-color); /* Červená pro povinné pole */

    font-weight: normal;

    margin-left: 3px;

}



.psp-form small,

.psp-registration-form small {

    display: block;

    font-size: 0.9em;

    color: var(--text-color-normal);

    margin-top: 4px;

    line-height: 1.4;

}



.psp-form input[type="checkbox"],

.psp-form input[type="radio"] {

    width: auto;

    margin-right: 8px;

    vertical-align: middle;

}

.psp-form label.inline-label {

    display: inline-block;

    font-weight: normal;

    margin-bottom: 0;

}



.psp-form-fieldset {

    border: 1px solid var(--border-color-normal);

    padding: 15px 20px;

    margin-bottom: 20px;

    border-radius: 5px;

}

.psp-form-fieldset legend {

    font-weight: bold;

    padding: 0 10px;

    font-size: 1.0em;

    color: var(--main-brand-color);

    margin-bottom: 10px;

}



.psp-checkbox-list-wrapper {

    max-height: 200px;

    overflow-y: auto;

    border: 1px solid var(--border-color-light);

    padding: 10px 15px;

    background-color: var(--bg-light);

    border-radius: 3px;

}

.psp-checkbox-list {

    list-style: none;

    padding-left: 0;

    margin: 0;

}

.psp-checkbox-list li {

    padding: 4px 0;

}

.psp-checkbox-list li label {

    font-weight: normal;

    display: flex;

    align-items: center;

}

.psp-checkbox-list li input[type="checkbox"] {

    margin-right: 10px;

}





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

   STYLY PRO SYSTÉMOVÉ ZPRÁVY (NOTIFIKACE - úspěch, chyba, info, varování)

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

.psp-message {

    padding: 15px 20px;

    margin-bottom: 20px;

    border: 1px solid transparent;

    border-radius: 4px;

    font-size: 1em;

    line-height: 1.5;

}

.psp-message strong {

    font-weight: bold;

}



.psp-message-error,

.psp-registration-errors,

.psp-form-errors,

.psp-profile-errors {

    color: var(--error-color);

    background-color: #f8d7da; /* Světlejší pozadí pro chyby */

    border-color: #f5c6cb;

}



.psp-message-success,

.psp-success {

    color: var(--success-color);

    background-color: #d4edda; /* Světlejší pozadí pro úspěch */

    border-color: #c3e6cb;

}



.psp-message-info {

    color: var(--accent-color);

    background-color: #d1ecf1; /* Světlejší pozadí pro info */

    border-color: #bee5eb;

}

.psp-message-warning {

    color: var(--warning-color);

    background-color: #fff3cd; /* Světlejší pozadí pro varování */

    border-color: #ffeeba;

}



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

   SPECIFICKÉ STYLY PRO KOMPONENTY PLUGINU (např. profil, hodnocení, tabulky)

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



/* Styl pro tlačítko "Upravit můj profil" ve Firemním účtu (používá globální styly tlačítek) */

/* Specifické styly, pokud by bylo potřeba přepsat globální, by byly zde. */



/* Styly pro souhrn hodnocení zákazníků */

.customer-rating-summary {

    font-size: 1em;

    margin: 15px 0;

    padding: 15px;

    background-color: var(--bg-light);

    border: 1px solid var(--border-color-normal);

    border-radius: 5px;

}



/* Styly pro zobrazení hvězd (např. v hodnocení) */

.psp-stars-display .dashicons {

    color: var(--secondary-brand-color); /* Oranžová */

    font-size: 20px;

}



/* Tabulka s přehledem poptávek na stránce "Můj účet" */

.psp-muj-ucet-poptavky {

    width: 100%;

    margin-top: 20px;

    border-collapse: collapse;

}

.psp-muj-ucet-poptavky th,

.psp-muj-ucet-poptavky td {

    padding: 10px 12px;

    text-align: left;

    border-bottom: 1px solid var(--border-color-light);

}

.psp-muj-ucet-poptavky th {

    font-weight: bold;

    background-color: var(--bg-light);

}

.psp-muj-ucet-poptavky tbody tr:hover {

    background-color: var(--border-color-light);

}

/* Odkazy v tabulce "Můj účet" (akční tlačítka) */

.psp-muj-ucet-poptavky td a {

    text-decoration: none;

    margin-right: 8px;

}

.psp-muj-ucet-poptavky td a:last-child {

    margin-right: 0;

}

.psp-muj-ucet-poptavky td a:hover .dashicons {

    color: var(--accent-color); /* Modrá při hoveru */

}



/* Animace pro otáčející se ikony */

@keyframes psp-spin {

    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }

}

.psp-rotating-icon {

    display: inline-block;

    animation: psp-spin 6s linear infinite;

}



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

   STYLY PRO VÝPIS JEDNOTLIVÝCH NABÍDEK (pod poptávkou na detailu)

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

.psp-offers-list {

    list-style: none;

    padding: 0;

    margin: 0;

}



li.psp-offer-item {

    border: 3px solid var(--main-brand-color);

    padding: 15px;

    margin-bottom: 20px;

    border-radius: 8px;

    background-color: var(--bg-lighter);

}



li.psp-offer-item:hover {

    background-color: var(--bg-light);

}



.psp-offer-item .psp-offer-summary-line {

    border-bottom: none; /* Odstraněno podtržení */

    background-color: transparent;

    padding-top: 8px;

    padding-bottom: 8px;

    margin-bottom: 10px;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 5px 10px; /* Větší mezery */

}



.psp-offer-item .psp-offer-summary-line .psp-offer-meta {

    font-size: 1em;

    line-height: 1.4;

}

.psp-offer-item .psp-offer-summary-line .psp-offer-meta .dashicons {

    font-size: 1.1em; /* Trochu větší ikony */

}



.psp-offer-full-details {

    padding: 15px;

    border: 1px solid var(--border-color-light);

    border-top: 1px dashed var(--border-color-normal);

    background-color: var(--bg-lighter);

    margin-top: 15px;

}



.psp-offer-full-details.is-hidden {

    display: none;

}



.psp-offer-toggle-details {

    margin-left: auto;

    font-size: 0.9em;

    color: var(--accent-color);

    font-weight: bold;

    display: inline-flex;

    align-items: center;

    gap: 3px;

    cursor: pointer;

}



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

   STYLY PRO HLAVNÍ STRÁNKU DETAILU POPTÁVKY (single-ck_poptavka.php)

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

.psp-single-poptavka-main {

    max-width: 960px;

    margin: 0 auto;

    padding: 20px;

    box-sizing: border-box;

}



.psp-single-poptavka-main .entry-title {

    text-align: center;

    margin-bottom: 30px;

    font-size: 1.2em; /* Větší nadpis */

    color: var(--main-brand-color);

}



.psp-single-poptavka-main .entry-content {

    line-height: 1.7;

    font-size: 1.1em;

    color: var(--text-color-dark);

}



.psp-single-poptavka-main .poptavka-field {

    margin-bottom: 15px;

}



.psp-single-poptavka-main .poptavka-field label {

    font-weight: bold;

    display: block;

    margin-bottom: 5px;

    color: var(--text-color-dark);

}



.psp-single-poptavka-main .poptavka-field span {

    display: block;

    background-color: var(--bg-light);

    padding: 10px;

    border: 1px solid var(--border-color-light);

    border-radius: 14px;

}



.psp-single-poptavka-article {

    border: 1px solid var(--border-color-normal);

    padding: 25px;

    margin-bottom: 30px;

    background-color: var(--bg-lighter);

    border-radius: 8px;

    box-shadow: 0 2px 4px rgba(0,0,0,0.05);

}



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

   STYLY PRO FORMULÁŘ KOMENTÁŘŮ (DOTAZŮ)

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

#comment {

    height: 100px; /* Vyšší textarea */

    font-size: 1em;

}



.comment-form-author input,

.comment-form-email input,

.comment-form-url input {

    width: 100%; /* Plná šířka */

    max-width: 400px; /* Omezení šířky */

    padding: 10px;

    font-size: 1em;

    border: 1px solid var(--border-color-normal);

    border-radius: 4px;

}



.comment-form-author label,

.comment-form-email label,

.comment-form-url label,

.comment-form-comment label {

    font-size: 1em;

    font-weight: bold;

    display: block;

    margin-bottom: 5px;

    color: var(--text-color-dark);

}



.comment-form .comment-form-author,

.comment-form .comment-form-email,

.comment-form .comment-form-url,

.comment-form .comment-form-comment,

.comment-form .comment-form-cookies-consent,

.comment-form .form-submit {

    margin-bottom: 20px; /* Větší mezera */

}



#reply-title {

    font-size: 1.5em; /* Větší nadpis */

    margin-bottom: 25px;

    color: var(--main-brand-color);

}



.comment-notes {

    font-size: 0.9em;

    margin-bottom: 15px;

    color: var(--text-color-normal);

}



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

   STYLY PRO DISKUZE V UŽIVATELSKÉM ÚČTU (MŮJ ÚČET)

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

#diskuze-zakaznicky-ucet h2 {

    font-size: 2em;

    margin-bottom: 15px;

    color: var(--main-brand-color);

}

.psp-diskuze-pro-poptavku h3 {

    font-size: 1.5em;

    font-weight: bold;

    line-height: 1.3;

    margin-bottom: 15px;

    color: var(--text-color-dark);

}

.psp-seznam-komentaru-konverzace li {

    font-size: 1em;

}

#diskuze-zakaznicky-ucet {

    margin-top: 50px;

    margin-bottom: 50px;

    padding-top: 30px;

    border-top: 1px solid var(--border-color-normal);

}



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

   ZVĚTŠENÍ PÍSMA POPISKU POPTÁVKY VE VÝPISU

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



.psp-poptavky-list-wrapper .poptavka-item .entry-summary,

.psp-poptavky-list-wrapper .poptavka-item .poptavka-excerpt {

    font-size: 2.5em;

    line-height: 1.6;

}



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

   RESPONZIVNÍ ÚPRAVY

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

@media screen and (max-width: 768px) {

    .psp-details-flex-container,

    .poptavka-meta-row,

    .psp-inquiry-meta-row {

        gap: 8px 10px;

    }



    .psp-details-flex-container .psp-detail-item,

    .poptavka-meta-row .psp-meta-item,

    .psp-inquiry-meta-row .psp-meta-item {

        flex-basis: 100%; /* Každá položka na vlastním řádku */

        margin-bottom: 8px;

    }

    .psp-poptavky-list .poptavka-title-small {

        font-size: 1.5em;

    }

    .psp-poptavky-list .entry-meta {

        font-size: 0.9em;

    }



    .psp-muj-ucet-poptavky thead {

        display: none;

    }

    .psp-muj-ucet-poptavky tr {

        display: block;

        margin-bottom: 15px;

        border: 1px solid var(--border-color-normal);

        border-radius: 5px;

    }

    .psp-muj-ucet-poptavky td {

        display: block;

        text-align: right;

        padding-left: 50%;

        position: relative;

        border-bottom: 1px dotted var(--border-color-light);

    }

    .psp-muj-ucet-poptavky td:last-child {

        border-bottom: none;

    }

    .psp-muj-ucet-poptavky td::before {

        content: attr(data-label);

        position: absolute;

        left: 10px;

        width: calc(50% - 20px);

        padding-right: 10px;

        font-weight: bold;

        text-align: left;

    }



    .comment-form-author input,

    .comment-form-email input,

    .comment-form-url input {

        width: 100%;

    }



    .psp-single-poptavka-article {

        padding: 15px;

    }

}

* ==========================================================================

   HLAVNÍ STYLY PRO PLUGIN PSP VERZE 3

   Tyto styly definují vzhled prvků generovaných pluginem PSP.

   Jsou sjednocené, optimalizované a obsahují úpravy pro tlačítka,

   detaily poptávek a mezery mezi popisky.

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

Přijaté nabídky na moje poptávky

/* --- Základní reset nebo box-sizing (doporučeno) --- */

.psp-plugin-wrapper *,

.psp-plugin-wrapper *::before,

.psp-plugin-wrapper *::after {

    box-sizing: border-box;

}



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

   GLOBALNÍ STYLY TLAČÍTEK - Sjednocené pro celý web

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



/* Základní styly pro VŠECHNA tlačítka (resetuje výchozí styly prohlížeče a šablony) */

button,

input[type="button"],

input[type="submit"],

input[type="reset"],

.button,

.woocommerce button,

.woocommerce input[type="submit"],

.woocommerce a.button,

.woocommerce #respond input#submit,

.wp-block-button__link {

    display: inline-block;

    padding: 10px 20px;

    font-size: 16px;

    line-height: 1.2;

    text-align: center;

    text-decoration: none;

    border-radius: 5px;

    cursor: pointer;

    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;

    box-sizing: border-box;

    white-space: nowrap;

    margin: 5px;

    font-family: inherit;

    appearance: none;

}



/* Primární tlačítka (pro hlavní akce) */

button.button-primary,

input[type="submit"].button-primary,

.button.button-primary,

.psp-action-button.button-primary,

.woocommerce .button.alt,

.woocommerce button.button.alt,

.wp-block-button__link.is-style-fill {

    background-color: #514ba0; /* ZMĚŇTE */

    color: #ffffff;

    border: 1px solid #333333; /* ZMĚŇTE */

}



/* Hover/Focus/Active stavy pro primární tlačítka */

button.button-primary:hover, button.button-primary:focus,

input[type="submit"].button-primary:hover, input[type="submit"].button-primary:focus,

.button.button-primary:hover, .button.button-primary:focus,

.psp-action-button.button-primary:hover, .psp-action-button.button-primary:focus,

.woocommerce .button.alt:hover, .woocommerce .button.alt:focus,

.woocommerce button.button.alt:hover, .woocommerce button.button.alt:focus,

.wp-block-button__link.is-style-fill:hover, .wp-block-button__link.is-style-fill:focus {

    background-color: #0056b3; /* ZMĚŇTE */

    border-color: #0056b3;     /* ZMĚŇTE */

    color: #ffffff;

}



/* Sekundární tlačítka (neutrální/méně důležité akce) */

.button.button-secondary,

.button.button-small,

.psp-action-button.button-small,

#psp-edit-poptavka-form a.psp-button-cancel {

    background-color: #f8f9fa; /* ZMĚŇTE */

    color: #343a40;

    border: 1px solid #ced4da; /* ZMĚŇTE */

}



/* Hover/Focus/Active stavy pro sekundární tlačítka */

.button.button-secondary:hover, .button.button-secondary:focus,

.button.button-small:hover, .button.button-small:focus,

.psp-action-button.button-small:hover, .psp-action-button.button-small:focus,

#psp-edit-poptavka-form a.psp-button-cancel:hover, #psp-edit-poptavka-form a.psp-button-cancel:focus {

    background-color: #e2e6ea; /* ZMĚŇTE */

    border-color: #dae0e5;     /* ZMĚŇTE */

    color: #212529;

}



/* Tlačítka pro mazání/varování (červená) */

.psp-button-delete,

.button.delete,

.button.remove {

    background-color: #dc3545; /* ZMĚŇTE */

    color: #ffffff;

    border: 1px solid #dc3545; /* ZMĚŇTE */

}



/* Hover/Focus/Active stavy pro tlačítka pro mazání/varování */

.psp-button-delete:hover, .psp-button-delete:focus,

.button.delete:hover, .button.delete:focus,

.button.remove:hover, .button.remove:focus {

    background-color: #c82333; /* ZMĚŇTE */

    border-color: #c82333;     /* ZMĚŇTE */

    color: #ffffff;

}



/* Styly pro zakázaná/neaktivní tlačítka */

.button:disabled,

input[type="submit"]:disabled,

.button.disabled,

.woocommerce .button.disabled {

    opacity: 0.6;

    cursor: not-allowed;

    background-color: #ccc;

    border-color: #bbb;

    color: #666;

}





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

   ZAROVNÁNÍ TLAČÍTEK A SPECIFICKÉ ÚPRAVY V RÁMCI PLUGINU

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



/* 1. Vycentrování tlačítka "Přidat novou poptávku" na stránce "Můj účet" */

.psp-muj-ucet-actions {

    text-align: center;

    margin-bottom: 30px;

}



/* 2. Vycentrování a uspořádání tlačítek ve sloupci "Akce" v tabulce "Moje zadané poptávky" */

/* TOTO JE KRITICKÝ BLOK PRO ZOBRAZENÍ TLAČÍTEK POD SEBOU A VYCENTROVÁNÍ */

/* Používáme co nejvyšší specifičnost a !important pro vynucení stylů. */

.psp-muj-ucet-poptavky td:last-child {

    display: flex !important; /* Vynutit flexbox */

    flex-direction: column !important; /* Vynutit, aby byly pod sebou */

    gap: 3px !important; /* ZMĚŇTE: Mezera mezi tlačítky (vertikálně) - např. 1px, 2px, 5px */

    justify-content: center !important; /* Vynutit vertikální zarovnání na střed */

    align-items: center !important; /* Vynutit horizontální vycentrování */

    /* Volitelně: Přidat padding pro lepší vzhled uvnitř buňky */

    padding-top: 5px !important;

    padding-bottom: 5px !important;

}



/* Styly pro text "Ohodnoceno" a jeho ikonu v tabulce "Přijaté nabídky" */

.wp-list-table tbody tr td:last-child span.dashicons {

    margin: 0;

}

.wp-list-table tbody tr td:last-child span.dashicons + span {

    display: block;

    text-align: center;

}



/* 3. Vycentrování tlačítek "Uložit" a "Zrušit" v editačním formuláři poptávky */

#psp-edit-poptavka-form p {

    text-align: left;

}



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

   STYLY PRO ZOBRAZENÍ INFORMACÍ A SEKCI "DETAIL POPTÁVKY"

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



/* Styly pro orámování a pozadí celého bloku detailu poptávky */

.psp-detail-poptavky-wrapper {

    background-color: #f8f9fa; /* ZMĚŇTE */

    border: 2px solid #514ba0; /* ZMĚŇTE */

    padding: 13px;

    margin-bottom: 20px;

    border-radius: 1px;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);

    overflow: hidden;

}



/* Úprava nadpisu Detail poptávky */

.psp-detail-poptavky-wrapper h2 {

    font-size: 1.3em;

    margin-top: 0;

    margin-bottom: 15px;

    border-bottom: 1px solid #e9ecef;

    padding-bottom: 10px;

    color: #514ba0; /* ZMĚŇTE */

    text-align: left;

}



/* Styly pro řádky meta informací (detail i výpis) */

.psp-details-flex-container,

.poptavka-meta-row,

.psp-inquiry-meta-row {

    display: flex;

    flex-wrap: wrap;

    gap: 6px 12px; /* Mezery - ZMĚŇTE */

    margin-bottom: 14px;

    align-items: flex-start;

    font-size: 16px;

    color: #000;

    line-height: 1.6;

}



/* Poslední řádek meta informací bez spodní mezery */

.psp-detail-poptavky-wrapper .psp-inquiry-meta-row:last-of-type {

    margin-bottom: 0;

}



/* Styly pro jednotlivé meta položky (ikona + text) */

.psp-details-flex-container .psp-detail-item,

.poptavka-meta-row .psp-meta-item,

.psp-inquiry-meta-row .psp-meta-item {

    display: flex;

    align-items: flex-start;

    flex-shrink: 0;

    flex-basis: auto;

    margin-top: 0;

    margin-bottom: 0;

    line-height: inherit;

    font-size: inherit;

    color: inherit;

}



/* Zajistíme zalomení textu uvnitř meta-item */

.psp-details-flex-container .psp-detail-item span,

.poptavka-meta-row .psp-meta-item span,

.psp-inquiry-meta-row .psp-meta-item span {

    word-break: break-word;

    overflow-wrap: break-word;

    white-space: normal;

}



/* Styly pro ikonky uvnitř detailu poptávky a výpisů */

.psp-details-flex-container .psp-detail-item .dashicons,

.poptavka-meta-row .psp-meta-item .dashicons,

.psp-inquiry-meta-row .psp-meta-item .dashicons {

    vertical-align: middle;

    margin-right: 1px; /* ZMĚŇTE */

    font-size: 18px; /* ZMĚŇTE */

    flex-shrink: 0;

    align-self: flex-start;

    color: #514ba0; /* ZMĚŇTE */

}



/* Speciální úprava velikosti ikon ve výpisu poptávek */

.poptavka-meta-row .psp-meta-item .dashicons {

    font-size: 1.2em; /* ZMĚŇTE */

}



/* Styly pro text odkazů uvnitř detailu poptávky a výpisů */

.psp-detail-poptavky-wrapper .psp-meta-item a,

.poptavka-meta-row .psp-meta-item a {

    color: #514ba0; /* ZMĚŇTE */

    text-decoration: none;

    border-bottom: 1px dotted #007bff; /* ZMĚŇTE */

}



/* Hover efekt pro odkazy v detailu a výpisu poptávky */

.psp-detail-poptavky-wrapper .psp-meta-item a:hover,

.poptavka-meta-row .psp-meta-item a:hover {

    text-decoration: none;

    border-bottom-style: solid;

}



/* Styly pro text popisků */

.psp-detail-poptavky-wrapper .psp-meta-item,

.poptavka-meta-row .psp-meta-item {

    color: #333; /* ZMĚŇTE */

    font-weight: normal;

}

/* Silnější text uvnitř popisků */

.psp-detail-poptavky-wrapper .psp-meta-item strong,

.poptavka-meta-row .psp-meta-item strong {

    color: #333; /* ZMĚŇTE */

}



/* Speciální barva pro nejlevnější nabídku */

.psp-detail-poptavky-wrapper .psp-nejlevnejsi-nabidka,

.poptavka-meta-row .psp-nejlevnejsi-nabidka {

    color: #f9a602; /* ZMĚŇTE */

    font-weight: bold;

}

/* Barva hvězdy u nejlevnější nabídky */

.psp-detail-poptavky-wrapper .psp-nejlevnejsi-nabidka .dashicons-star-filled,

.poptavka-meta-row .psp-nejlevnejsi-nabidka .dashicons-star-filled {

    color: #f9a602;

}



/* Barva pro Předpokládaná cena */

.psp-detail-poptavky-wrapper .psp-rozpocet,

.poptavka-meta-row .psp-rozpocet {

    color: #d63384; /* ZMĚŇTE */

    font-weight: bold;

}

.psp-detail-poptavky-wrapper .psp-rozpocet .dashicons-money-alt,

.poptavka-meta-row .psp-rozpocet .dashicons-money-alt {

    color: #d63384; /* ZMĚŇTE */

}



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

   STYLY PRO VÝPIS POPTÁVEK (hlavní archivní stránka nebo shortcode)

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



.psp-poptavky-list-wrapper .psp-poptavky-list {

    list-style: none;

    padding: 0;

    margin: 0;

}



/* Orámování a pozadí jednotlivé položky poptávky ve výpisu */

.psp-poptavky-list-wrapper .poptavka-item {

    margin-bottom: 25px;

    border: 1px solid #514ba0; /* ZMĚŇTE */

    padding: 15px; /* ZMĚŇTE */

    background-color: #fcfcfc; /* ZMĚŇTE */

    border-radius: 8px; /* ZMĚŇTE */

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); /* ZMĚŇTE */

    overflow: hidden;

    transition: all 0.3s ease;

}

.psp-poptavky-list-wrapper .poptavka-item:hover {

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12); /* ZMĚŇTE */

    transform: translateY(-3px); /* ZMĚŇTE */

}



/* Nadpis poptávky ve výpisu */

.psp-poptavky-list .poptavka-title-small {

    font-size: 1.8em; /* ZMĚŇTE */

    font-weight: bold;

    margin-top: 0;

    margin-bottom: 0.8em;

    line-height: 1.3;

    color: #514ba0; /* ZMĚŇTE */

}

.psp-poptavky-list .poptavka-title-small a {

    text-decoration: none;

    color: inherit; /* Bude dědit barvu z rodiče (.poptavka-title-small) */

}

.psp-poptavky-list .poptavka-title-small a:hover {

    text-decoration: underline;

}



/* Hlavní popisek poptávky ve výpisu */

.psp-poptavky-list-wrapper .poptavka-item .entry-summary,

.psp-poptavky-list-wrapper .poptavka-item .poptavka-excerpt {

    font-size: 17px;

    line-height: 1.8;

}



/* Odkaz "Zobrazit detail a podat nabídku" ve výpisu */

.psp-poptavky-list .poptavka-vic-info {

    display: inline-block;

    margin-top: 15px; /* ZMĚŇTE */

    font-weight: bold;

    text-decoration: none;

    color: #514ba0; /* ZMĚŇTE */

    font-size: 1.1em; /* ZMĚŇTE */

    transition: color 0.3s ease, text-decoration 0.3s ease;

}

.psp-poptavky-list .poptavka-vic-info:hover {

    text-decoration: underline;

    color: #333333; /* ZMĚŇTE */

}





/* Styly pro paginaci (stránkování) výpisu poptávek */

.psp-poptavky-pagination {

    margin-top: 30px;

    text-align: center;

}

.psp-poptavky-pagination .page-numbers {

    display: inline-block;

    padding: 5px 10px;

    margin: 0 2px;

    border: 2px solid #514ba0;

    text-decoration: none;

    border-radius: 3px;

}

.psp-poptavky-pagination .page-numbers.current {

    background-color: #0073aa;

    color: #fff;

    border-color: #0073aa;

}

.psp-poptavky-pagination .page-numbers:hover:not(.current) {

    background-color: #f0f0f0;

}



/* --- Styly pro archivované stránky --- */

.psp-archived-inquiry-content .psp-action-links {

    list-style: disc;

    padding-left: 20px;

}

.psp-archived-inquiry-content .psp-action-links li {

    margin-bottom: 8px;

}



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

   STYLY PRO FORMULÁŘE PLUGINU (Zadání poptávky, registrace, úpravy profilu)

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

#psp-edit-poptavka-form,

.psp-form {

    margin-left: 0 !important; /* Důležité: Přepíše jakékoli margin: auto */

    margin-right: auto !important; /* Volitelné, ale dobré pro konzistenci */

    width: 100%; /* Zajistí, že zabere dostupnou šířku */

    max-width: 700px; /* Příklad: Omezí šířku na větších obrazovkách, upravte dle potřeby */

    box-sizing: border-box; /* Zajistí, že padding a border nepřidají k celkové šířce */

}

.psp-form p,

.psp-registration-form p {

    margin-bottom: 18px;

}



.psp-form label,

.psp-registration-form label {

    display: block;

    font-weight: bold;

    margin-bottom: 6px;

    font-size: 14px;

    color: #333;

}



.psp-form input[type="text"],

.psp-form input[type="email"],

.psp-form input[type="tel"],

.psp-form input[type="password"],

.psp-form input[type="date"],

.psp-form input[type="number"],

.psp-form textarea,

.psp-form select,

.psp-registration-form input[type="text"],

.psp-registration-form input[type="email"],

.psp-registration-form input[type="password"] {

    width: 100%;

    max-width: 450px;

    padding: 10px;

    border: 1px solid #ccc;

    border-radius: 3px;

    box-sizing: border-box;

    margin-bottom: 5px;

    font-size: 15px;

    line-height: 1.4;

}

.psp-form textarea {

    min-height: 120px;

    line-height: 1.5;

}



.psp-form .psp-wp-editor {

    width: 100%;

    max-width: 600px;

}

.psp-form .wp-editor-area {

    border: 1px solid #ccc;

    min-height: 150px;

}



.psp-form .required,

.psp-registration-form .required {

    color: red;

    font-weight: normal;

    margin-left: 3px;

}



.psp-form small,

.psp-registration-form small {

    display: block;

    font-size: 0.9em;

    color: #555;

    margin-top: 4px;

    line-height: 1.4;

}



.psp-form input[type="checkbox"],

.psp-form input[type="radio"] {

    width: auto;

    margin-right: 8px;

    vertical-align: middle;

}

.psp-form label.inline-label {

    display: inline-block;

    font-weight: normal;

    margin-bottom: 0;

}



.psp-form-fieldset {

    border: 1px solid #e0e0e0;

    padding: 15px 20px;

    margin-bottom: 20px;

    border-radius: 3px;

}

.psp-form-fieldset legend {

    font-weight: bold;

    padding: 0 10px;

    font-size: 1.0em;

    color: #333;

    margin-bottom: 10px;

}



.psp-checkbox-list-wrapper {

    max-height: 200px;

    overflow-y: auto;

    border: 1px solid #eee;

    padding: 10px 15px;

    background-color: #f9f9f9;

    border-radius: 3px;

}

.psp-checkbox-list {

    list-style: none;

    padding-left: 0;

    margin: 0;

}

.psp-checkbox-list li {

    padding: 4px 0;

}

.psp-checkbox-list li label {

    font-weight: normal;

    display: flex;

    align-items: center;

}

.psp-checkbox-list li input[type="checkbox"] {

    margin-right: 10px;

}





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

   STYLY PRO SYSTÉMOVÉ ZPRÁVY (NOTIFIKACE - úspěch, chyba, info, varování)

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

.psp-message {

    padding: 15px 20px;

    margin-bottom: 20px;

    border: 1px solid transparent;

    border-radius: 4px;

    font-size: 15px;

    line-height: 1.5;

}

.psp-message strong {

    font-weight: bold;

}



.psp-message-error,

.psp-registration-errors,

.psp-form-errors,

.psp-profile-errors {

    color: #a94442;

    background-color: #f2dede;

    border-color: #ebccd1;

}



.psp-message-success,

.psp-success {

    color: #3c763d;

    background-color: #dff0d8;

    border-color: #d6e9c6;

}



.psp-message-info {

    color: #31708f;

    background-color: #d9edf7;

    border-color: #bce8f1;

}

.psp-message-warning {

    color: #8a6d3b;

    background-color: #fcf8e3;

    border-color: #faebcc;

}



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

   SPECIFICKÉ STYLY PRO KOMPONENTY PLUGINU (např. profil, hodnocení, tabulky)

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



/* Styl pro tlačítko "Upravit můj profil" ve Firemním účtu (používá globální styly tlačítek) */

/* Specifické styly, pokud by bylo potřeba přepsat globální, by byly zde. */

/* Např. .psp-edit-profile-button { /* nějaký unikátní styl */ } */



/* Styly pro souhrn hodnocení zákazníků */

.customer-rating-summary {

    font-size: 16px;

    margin-bottom: 20px;

    padding: 10px;

    background-color: #f9f9f9;

    border: 1px solid #e5e5e5;

    border-radius: 4px;

}



/* Styly pro zobrazení hvězd (např. v hodnocení) */

.psp-stars-display .dashicons {

    color: #f9a602;

    font-size: 20px;

}



/* Tabulka s přehledem poptávek na stránce "Můj účet" */

.psp-muj-ucet-poptavky {

    width: 100%;

    margin-top: 20px;

    border-collapse: collapse;

}

.psp-muj-ucet-poptavky th,

.psp-muj-ucet-poptavky td {

    padding: 10px 12px;

    text-align: left;

    border-bottom: 1px solid #e5e5e5;

}

.psp-muj-ucet-poptavky th {

    font-weight: bold;

    background-color: #f5f5f5;

}

.psp-muj-ucet-poptavky tbody tr:hover {

    background-color: #f9f9f9;

}

/* Odkazy v tabulce "Můj účet" (akční tlačítka) */

.psp-muj-ucet-poptavky td a {

    text-decoration: none;

    margin-right: 8px;

}

.psp-muj-ucet-poptavky td a:last-child {

    margin-right: 0;

}

.psp-muj-ucet-poptavky td a:hover .dashicons {

    color: #0073aa;

}



/* Animace pro otáčející se ikony */

@keyframes psp-spin {

    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }

}

.psp-rotating-icon {

    display: inline-block;

    animation: psp-spin 6s linear infinite;

}



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

   STYLY PRO VÝPIS JEDNOTLIVÝCH NABÍDEK (pod poptávkou)

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

.psp-offers-list {

    list-style: none;

    padding: 0;

    margin: 0;

}



li.psp-offer-item {

    border: 3px solid #444444;

    padding: 15px;

    margin-bottom: 20px;

    border-radius: 4px;

    background-color: #f4f4f4;

}



li.psp-offer-item:hover {

    background-color: #efefef;

}



.psp-offer-item .psp-offer-summary-line {

    border-bottom: none;

    background-color: transparent;

    padding-top: 8px;

    padding-bottom: 8px;

    margin-bottom: 10px;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 5px 10px;

}



.psp-offer-item .psp-offer-summary-line .psp-offer-meta {

    font-size: 1em;

    line-height: 1.4;

}

.psp-offer-item .psp-offer-summary-line .psp-offer-meta .dashicons {

    font-size: 18px;

}



.psp-offer-full-details {

    padding: 15px;

    border: 1px solid #f0f0f0;

    border-top: 1px dashed #ccc;

    background-color: #fafafa;

    margin-top: 15px;

}



.psp-offer-full-details.is-hidden {

    display: none;

}



.psp-offer-toggle-details {

    margin-left: auto;

    font-size: 0.9em;

    color: #0073aa;

    font-weight: bold;

    display: inline-flex;

    align-items: center;

    gap: 3px;

    cursor: pointer;

}



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

   STYLY PRO HLAVNÍ STRÁNKU DETAILU POPTÁVKY (single-ck_poptavka.php)

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

.psp-single-poptavka-main {

    max-width: 960px;

    margin: 0 auto;

    padding: 20px;

    box-sizing: border-box;

}



.psp-single-poptavka-main .entry-title {

    text-align: center;

    margin-bottom: 30px;

    font-size: 1.9em;

    color: #514ba0;

}



.psp-single-poptavka-main .entry-content {

    line-height: 1.7;

    font-size: 1.2em;

    color: #555;

}



.psp-single-poptavka-main .poptavka-field {

    margin-bottom: 15px;

}



.psp-single-poptavka-main .poptavka-field label {

    font-weight: bold;

    display: block;

    margin-bottom: 5px;

    color: #222;

}



.psp-single-poptavka-main .poptavka-field span {

    display: block;

    background-color: #f9f9f9;

    padding: 10px;

    border: 1px solid #eee;

    border-radius: 4px;

}



.psp-single-poptavka-article {

    border: 1px solid #e0e0e0;

    padding: 25px;

    margin-bottom: 30px;

    background-color: #f9f9f9;

    border-radius: 4px;

    box-shadow: 0 2px 4px rgba(0,0,0,0.05);

}



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

   STYLY PRO FORMULÁŘ KOMENTÁŘŮ (DOTAZŮ)

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

#comment {

    height: 70px;

    font-size: 14px;

}



.comment-form-author input,

.comment-form-email input,

.comment-form-url input {

    width: 70%;

    padding: 8px;

    font-size: 14px;

}



.comment-form-author label,

.comment-form-email label,

.comment-form-url label,

.comment-form-comment label {

    font-size: 14px;

    font-weight: bold;

    display: block;

    margin-bottom: 5px;

}



.comment-form .comment-form-author,

.comment-form .comment-form-email,

.comment-form .comment-form-url,

.comment-form .comment-form-comment,

.comment-form .comment-form-cookies-consent,

.comment-form .form-submit {

    margin-bottom: 15px;

}



#reply-title {

    font-size: 16px;

    margin-bottom: 20px;

}



.comment-notes {

    font-size: 0.9em;

    margin-bottom: 15px;

}



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

   STYLY PRO DISKUZE V UŽIVATELSKÉM ÚČTU (MŮJ ÚČET)

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

#diskuze-zakaznicky-ucet h2 {

    font-size: 22px;

    margin-bottom: 10px;

}

.psp-diskuze-pro-poptavku h3 {

    font-size: 17px;

    font-weight: bold;

    line-height: 1.3;

    margin-bottom: 15px;

}

.psp-seznam-komentaru-konverzace li {

    font-size: 14px;

}

#diskuze-zakaznicky-ucet {

    margin-top: 40px;

    margin-bottom: 40px;

    padding-top: 20px;

    border-top: 1px solid #e0e0e0;

}



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

   ZVĚTŠENÍ PÍSMA POPISKU POPTÁVKY VE VÝPISU

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



.psp-poptavky-list-wrapper .poptavka-item .entry-summary,

.psp-poptavky-list-wrapper .poptavka-item .poptavka-excerpt {

    font-size: 15px;

    line-height: 1.1;

}



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

   RESPONZIVNÍ ÚPRAVY (PŘÍKLAD)

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

@media screen and (max-width: 768px) {

    .psp-details-flex-container,

    .poptavka-meta-row,

    .psp-inquiry-meta-row {

        gap: 8px 10px;

    }



    .psp-details-flex-container .psp-detail-item,

    .poptavka-meta-row .psp-meta-item,

    .psp-inquiry-meta-row .psp-meta-item {

        flex-basis: 100%;

        margin-bottom: 8px;

    }

    .psp-poptavky-list .poptavka-title-small {

        font-size: 18px;

    }

    .psp-poptavky-list .entry-meta {

        font-size: 13px;

    }



    .psp-muj-ucet-poptavky thead {

        display: none;

    }

    .psp-muj-ucet-poptavky tr {

        display: block;

        margin-bottom: 15px;

        border: 1px solid #ddd;

        border-radius: 3px;

    }

    .psp-muj-ucet-poptavky td {

        display: block;

        text-align: right;

        padding-left: 50%;

        position: relative;

        border-bottom: 1px dotted #eee;

    }

    .psp-muj-ucet-poptavky td:last-child {

        border-bottom: none;

    }

    .psp-muj-ucet-poptavky td::before {

        content: attr(data-label);

        position: absolute;

        left: 10px;

        width: calc(50% - 20px);

        padding-right: 10px;

        font-weight: bold;

        text-align: left;

    }



    .comment-form-author input,

    .comment-form-email input,

    .comment-form-url input {

        width: 100%;

    }



    .psp-single-poptavka-article {

        padding: 15px;

    }

}

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

   ZADANÉ POPTAVKY MUJ UCET

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



/* Pro orámování a pozadí položky poptávky */

.psp-poptavky-list-wrapper .poptavka-item {

    border: 2px solid #514ba0 !important;

    padding: 10px !important;

    background-color: #fcfcfc !important;

    border-radius: 3px !important;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08) !important;

}

.psp-poptavky-list-wrapper .poptavka-item:hover {

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12) !important;

    transform: translateY(-3px) !important;

}





/* Barva a VELIKOST PÍSMA TITULKU POPTÁVKY VE VÝPISU (např. "Test D999") */

/* Cílí na nadpis (h3) uvnitř položky poptávky. */

.psp-poptavky-list .poptavka-item h3.poptavka-title-small {

    font-size: 1.2em !important; /* NOVÁ VELIKOST PÍSMA TITULKU - ZMĚŇTE (např. 1.3em = cca 20.8px) */

    color: #514ba0 !important; /* BARVA TITULKU (fialová) */

    text-decoration: none !important; /* Odstraní podtržení z titulku */

}



/* Styly pro ODKAZ UVNITŘ titulku poptávky */

.psp-poptavky-list .poptavka-item h3.poptavka-title-small a {

    font-size: 1.1em !important; /* VELIKOST PÍSMA ODKAZU V TITULKU - ZMĚŇTE (např. 1.0em = cca 16px) */

    color: inherit !important; /* Odkaz zdědí barvu z h3.poptavka-title-small */

    text-decoration: none !important; /* Odstraní podtržení */

}

.psp-poptavky-list .poptavka-item h3.poptavka-title-small a:hover {

    color: #333333 !important; /* BARVA TITULKU PŘI HOVERU (tmavá šedá) */

    text-decoration: underline !important; /* Podtrhne při najetí */

}





/* Barva a velikost písma odkazu "Zobrazit detail a podat nabídku" */

.psp-poptavky-list .poptavka-vic-info {

    color: #000000 !important; /* BARVA ODKAZU (černá) */

    text-decoration: none !important; /* Odstraní podtržení */

    background-color: transparent !important; /* Pokud šablona přidává pozadí */

    font-weight: bold !important; /* Ponechává tučnost */

    font-size: 0.8em !important; /* VELIKOST PÍSMA ODKAZU - ZMĚŇTE (aktuálně 0.8em = cca 12.8px) */

    margin-top: 14px !important; /* Mezera nad odkazem */

    display: inline-block !important; /* Zajistí, že se chová jako blokový prvek */

}

.psp-poptavky-list .poptavka-vic-info:hover {

    text-decoration: underline !important; /* Podtrhne při najetí */

    color: #333333 !important; /* TMAVÁ ŠEDÁ PŘI NAJETÍ */

}



/* Barva odkazů uvnitř meta informací (např. "Péče o seniory", "KLadno") */

.poptavka-meta-row .psp-meta-item a {

    color: #514ba0 !important; /* BARVA ODKAZŮ V META INFO (fialová) */

    text-decoration: underline !important; /* Můžete nechat podtržené, nebo dát 'none' */

    border-bottom: none !important; /* Odstraní tečkované podtržení, pokud bylo */

}

.poptavka-meta-row .psp-meta-item a:hover {

    color: #333333 !important; /* BARVA HOVERU PRO META ODKAZY (tmavá šedá) */

    text-decoration: underline !important;

}



/* Pokud by se ikony v meta informacích nepřebarvily: */

.poptavka-meta-row .psp-meta-item .dashicons {

    color: #514ba0 !important; /* BARVA IKONEK V META INFO (fialová) */

}

/* Vlastní styly pro název webu */

.site-title a {

    color: #514ba0 !important; /* ZMĚŇTE: Zde nastavte požadovanou barvu, např. vaši fialovou */

    text-decoration: none !important; /* Odstraní podtržení */

}



.site-title a:hover {

    color: #333333 !important; /* ZMĚŇTE: Barva při najetí myší (např. tmavá šedá) */

    text-decoration: underline !important; /* Volitelně: podtrhne při najetí */

}

/* MUJ UCET Styly pro souhrnné informace pod názvem poptávky v tabulce "Můj účet" */

/* Zvětšení písma u názvu poptávky (odkaz) v tabulce "Můj účet" */

.psp-muj-ucet-poptavky td:first-child a { /* Cílí na odkaz v první buňce tabulky */

    font-size: 20px !important; /* ZMĚŇTE TUTO HODNOTU pro větší písmo (např. 1.1em, 1.2em, 18px, 20px) */

    font-weight: normal !important; /* Volitelně: pro tučnější písmo */

    color: #514ba0 !important; /* Volitelně: ZMĚŇTE barvu na fialovou, aby ladila */

    text-decoration: none !important; /* Odstranit podtržení */

}



/* Změna barvy při najetí myší na název poptávky */

.psp-muj-ucet-poptavky td:first-child a:hover {

    color: #333333 !important; /* Tmavě šedá při najetí - ZMĚŇTE */

    text-decoration: underline !important; /* Podtrhnout při najetí */

}

.psp-muj-ucet-poptavky td .psp-poptavka-summary-details {

    font-size: 1.2em; /* Velikost písma */

    color: #333; /* Barva textu */

    margin-top: 7px; /* Mezera nad tímto blokem */

    line-height: 1.7;

    display: block; /* Zajistí, že je na vlastním řádku */

}



/* Styly pro jednotlivé komponenty souhrnného info */

.psp-muj-ucet-poptavky td .psp-poptavka-summary-details .psp-meta-item {

    display: inline; /* Zajišťuje, že jsou vedle sebe */

    margin: 0;

    padding: 0;

}

/* Styly pro ikonky v souhrnných informacích pod názvem poptávky */

.psp-muj-ucet-poptavky td .psp-poptavka-summary-details .dashicons {

    font-size: 1.2em; /* Velikost ikonky (odpovídá velikosti textu) - ZMĚŇTE */

    vertical-align: middle; /* Zarovnání ikonky s textem */

    margin-right: 7px; /* Mezera mezi ikonkou a textem - ZMĚŇTE */

    color: #514ba0; /* Fialová barva ikonek - ZMĚŇTE */

}



/* Specifická barva pro ikonku hvězdy (nejnižší nabídka), pokud je potřeba vynutit */

.psp-muj-ucet-poptavky td .psp-poptavka-summary-details .psp-prices-offers .dashicons-star-filled {

    color: #FFD700 !important; /* Zlatá barva pro hvězdu - ZMĚŇTE */

}

/* Barvy a tučnost pro jednotlivé části */

.psp-muj-ucet-poptavky td .psp-poptavka-summary-details .psp-prices-offers {

    font-weight: normal;

}

.psp-muj-ucet-poptavky td .psp-poptavka-summary-details .psp-prices-offers .psp-moje-cena {

    color: ##514ba0; /* Modrá barva pro "Moje cena" - ZMĚŇTE */

}

.psp-muj_ucet-poptavky td .psp-poptavka-summary-details .psp-prices-offers .psp-nejnizsi-nabidka-tabulka {

    color: #FFD700; /* Zelená barva pro "Nejnižší nabídka" - ZMĚŇTE */

}

/* Barva pro "Nabídek" v souhrnu (používá stejné styly jako psp-prices-offers) */

.psp-muj-ucet-poptavky td .psp-poptavka-summary-details .psp-prices-offers .dashicons-testimonial {

    color: #514ba0; /* Fialová ikonka - ZMĚŇTE */

    margin-right: 3px;

}



/* Barva pro "Stav" v souhrnu */

.psp-muj-ucet-poptavky td .psp-poptavka-summary-details .psp-status-info {

    font-weight: normal;

    color: #333; /* Barva pro "Stav" - ZMĚŇTE */

}

/* Styly pro souhrnné řádky informací v tabulce "Přijaté nabídky" */

.psp-muj-ucet-poptavky td .psp-offer-summary-line, /* Používáme i pro stylování v "Můj účet" tabulce */

.wp-list-table td .psp-offer-summary-line { /* Specificky pro tabulku přijatých nabídek */

    font-size: 0.85em; /* Velikost písma */

    color: #555; /* Barva textu */

    line-height: 1.4;

    margin-top: 5px; /* Mezera nad řádkem (pokud není první) */

    display: block; /* Každý řádek informací na novém řádku */

}

/* Pokud je to první řádek, odstraňte margin-top */

.wp-list-table td .psp-offer-summary-line:first-of-type {

    margin-top: 0;

}





/* Styly pro ikonky uvnitř souhrnných informací o nabídce */

.wp-list-table td .psp-offer-summary-line .dashicons {

    font-size: 1em; /* Velikost ikonky */

    vertical-align: middle;

    margin-right: 4px; /* Mezera mezi ikonkou a textem */

    color: #514ba0; /* Fialová barva ikonek - ZMĚŇTE */

}



/* MUJ UCET Styly pro jednotlivé položky (Moje cena, Cena přijmuté nabídky, Datum atd.) */

.wp-list-table td .psp-offer-summary-line .psp-meta-item {

    display: inline; /* Aby byly vedle sebe */

    margin: 0;

    padding: 0;

    /* margin-right: 8px; */ /* Pokud chcete více mezery mezi položkami, můžete zde přidat */

}



/* Barvy pro texty uvnitř řádků */

.wp-list-table td .psp-offer-summary-line .psp-my-price {

    color: #514ba0; /* Modrá pro "Moje cena" - ZMĚŇTE */

    font-weight: bold;

}

.wp-list-table td .psp-offer-summary-line .psp-accepted-price {

    color: #28a745; /* Zelená pro "Cena přijmuté nabídky" - ZMĚŇTE */

    font-weight: bold;

}

.wp-list-table td .psp-offer-summary-line .psp-acceptance-date {

    color: #333; /* Barva pro "Datum Přijetí" - ZMĚŇTE */

}

.wp-list-table td .psp-offer-summary-line .psp-realization-term {

    color: #333; /* Barva pro "Termín" - ZMĚŇTE */

}

.wp-list-table td .psp-offer-summary-line .psp-realization-duration {

    color: #333; /* Barva pro "Doba realizace" - ZMĚŇTE */

}