/*
 * ==========================================================================
 * 🎨 TOMASHORSKY.COM - OPTIMALIZOVANÉ KASKÁDOVÉ STYLY
 * ==========================================================================
 * 👷‍♂️ HLAVNÍ SEKCE A STRUKTURA (Učesáno a srovnáno pro lepší čitelnost)
 * ==========================================================================
 */
/**
 * ==========================================================================
 * PROFESIONÁLNÍ DEFINICE BAREV (CSS PROMĚNNÉ)
 * ==========================================================================
 * Tady jsem ti vytáhl ty tvoje hlavní žluté/oranžové barvy.
 * Odteď, když budeš chtít změnit odstín na celém webu, stačí to přepsat tady!
 */
:root {
    --b4f-zluta-hlavni: #f9c343;
    /* Tvoje hlavní firemní barva (tlačítka, odkazy) */
    --b4f-zluta-hover: #fdce77;
    /* Světlejší odstín po přejetí myší */
}

a:visited,
a:link {
    color: var(--b4f-zluta-hlavni);
    text-decoration: none;
}

a:hover {
    color: var(--b4f-zluta-hover);
    text-decoration: underline;
}

.user_info {
    margin: 40px 0;
    font-family: 'Conv_texgyreadventor-regular';
    color: white;
    font-size: 13px;
}

.user_name {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
}

.aktualitybody,
.hash_adds {
    margin-top: 10px;
}

.hash_adds {
    display: inline-block;
    font-size: 12px;
    background: rgba(100, 100, 100, 0.3);
    border-radius: 20px;
    padding: 10px 13px;
    margin-bottom: 10px;
    color: rgba(180, 180, 180, 1);
}

.hash_adds a {
    padding: 4px 8px;
    border-radius: 15px;
    background: rgba(100, 100, 100, 0.4);
    margin-left: 6px;
    line-height: 30px;
}

.souhlasy {
    margin-top: 16px;
}

.club-page .promonadpis a {
    bottom: -10px;
    width: 440px;
}

.b4fclanky .promonadpis {
    position: relative;
    bottom: 4px;
    width: 120px;
    background: none;
    padding: 6px 10px 10px 10px;
    height: auto;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: inset 15px 0 0 5px rgba(0, 0, 0, 0.2);
}

.b4fclanky .promonadpis a {
    display: inline-block;
    position: relative;
    width: 120px;
    bottom: 3px;
    left: 0px;
    font-size: 11px;
    padding: 0 !important;
    background: none;
}

.infofoto.b4fclanky td {
    color: rgba(255, 255, 255, 0.9);
}

.infofoto.b4fclanky .b4f-produkt.naradi img {
    width: 140px;
    height: auto;
}

.b4fclanky .kratky_popis {
    height: auto;
    width: 284px;
    display: none;
}

.b4fclanky .naradi-blok {
    padding: 6px 0 0 0;
}

.infofoto .block-ads-plans td {
    padding: 4px !important;
}

.b4fclanky .h1_plans {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
    text-align: left;
    text-transform: uppercase;
    font-size: 14px;
}

.b4f.clanky .o_mne {
    width: calc(100% - 40px) !important;
    padding: 20px 20px 5px 20px;
    margin-bottom: 35px;
}

.plans-page .promonadpis a {
    left: -2px;
    width: 427px;
    padding-right: 10px;
}

.kurzy-page .promonadpis a {
    left: 0px;
    width: 427px;
    padding-right: 10px;
}

.kurzy-page .kratky_popis {
    left: 2px;
    bottom: 4px;
    width: 426px;
}

.plans-uvod .kratky_popis,
.plans-page .kratky_popis {
    bottom: 4px;
}

.views-field-destination {
    width: 330px;
}

.view-shurly-admin table {
    display: block;
    margin-top: 20px;
    padding-top: 30px;
    background: transparent;
}

.view-shurly-admin table th,
.view-shurly-admin table td {
    font-size: 12px;
    background: transparent;
    border: 0;
    padding: 6px 4px;
    color: white;
    vertical-align: middle !important;
}

.view-shurly-admin table tr {
    border: 0;
    background: transparent;
}

.view-shurly-admin table tr.odd {
    background: rgba(200, 200, 200, 0.2);
}

.hash_adds a:hover {
    background: rgba(100, 100, 100, 0.6);
    color: var(--b4f-zluta-hlavni);
    text-decoration: none;
}

.views-exposed-widgets.clearfix {
    border-radius: 8px !important;
    background: rgba(100, 100, 100, 0.4) !important;
}

body.page-user-reset #main-wrapper {
    padding-top: 0px;
    margin-top: 0px;
}

/* --- OPRAVA STRÁNKY RESET HESLA (Deep URL Fix) --- */
/* 1. Zacílení specificky na stránku resetu */
body.page-user-reset {
    background: #1a1a1a !important;
    color: #fff !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 2. Oprava hlavního kontejneru (aby nebyl uskočený) */
body.page-user-reset #page,
body.page-user-reset #main-wrapper,
body.page-user-reset #content {
    margin-top: 20px !important;
    padding-top: 20px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 3. Skrytí rozbitého menu a nepotřebných prvků (pokud se rozpadají) */
body.page-user-reset #header,
body.page-user-reset #navigation,
body.page-user-reset .breadcrumb,
body.page-user-reset .tabs {
    display: none !important;
    /* Skryje rozbité menu úplně */
    ;
}

/* 4. Vycentrování loga a formuláře (pro čistý vzhled) */
body.page-user-reset .region-content {
    max-width: 600px;
    margin: 50px auto;
    background: #333;
    padding: 40px;
    border-radius: 8px;
    text-align: center;
}

/* 5. Oprava textů a tlačítka */
body.page-user-reset h1 {
    color: var(--b4f-zluta-hlavni) !important;
    /* Brandová žlutá */
    font-size: 24px;
    margin-bottom: 20px;
}

body.page-user-reset p {
    color: #ddd !important;
    font-size: 16px;
}

body.page-user-reset input.form-submit {
    background-color: var(--b4f-zluta-hlavni);
    color: #000;
    border: none;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 20px;
}

/* ================================================= */
/* DROPDOWN MENU - FINÁLNÍ VERZE (DĚDIČNOST)         */
/* ================================================= */
/* 1. HLAVNÍ OBAL (WRAPPER) */
.menu-dropdown-wrapper {
    /* Musí být inline-block nebo inline-flex, aby seděl v řadě */
    display: inline-block !important;
    position: relative !important;
    vertical-align: top !important;
    /* Srovnání s ostatními */
    height: auto !important;
}

/* 2. HLAVNÍ TLAČÍTKO (Nyní je to <a> tag) */
/* ZDE JSME SMAZALI BARVY A FONTY - PŘEVEZME SI JE Z ŠABLONY */
a.menu-dropdown-parent {
    display: inline-flex !important;
    /* Aby ikona byla vedle textu */
    align-items: center !important;
    flex-direction: row !important;
    position: relative !important;
    /* Vynutíme zrušení marginů, které by to mohly rozhodit */
    margin: 1px 12px 0 0 !important;
    text-decoration: none !important;
    cursor: default !important;
    /* Kurzor šipka, ne ruka (volitelné) */
}

/* Specifická úprava ikony uvnitř hlavního tlačítka, pokud by neseděla */
a.menu-dropdown-parent img {
    margin-right: 8px !important;
    margin-bottom: 15px !important;
    border: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    width: auto !important;
    /* Nebo fixně např. 24px, podle ostatních */
    height: 20px;
}

/* 3. ROZBALOVACÍ OKNO (SUBMENU) */
.menu-dropdown-content {
    display: none !important;
    /* Skryté */
    border-radius: 8px;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border: 0;
    min-width: 200px !important;
    z-index: 9999 !important;
    background-color: rgba(0, 0, 0, 0.8) !important;
    padding: 5px 0 !important;
    text-align: left !important;
}

/* Zobrazení na hover */
.menu-dropdown-wrapper:hover .menu-dropdown-content {
    display: flex !important;
    flex-direction: column !important;
}

/* 4. POLOŽKY UVNITŘ SUBMENU */
.menu-dropdown-content a {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    padding: 0px 15px !important;
    color: #ccc !important;
    /* Barva v submenu */
    text-decoration: none !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    /* Reset stylů, kdyby se dědily z hlavního menu */
    margin: 0 !important;
    border: none !important;
}

.menu-dropdown-content a:hover {
    color: #fff !important;
}

/* Ikony v submenu */
.menu-dropdown-content a img {
    margin: 0 10px 13px 0 !important;
    width: 16px !important;
}

.payment_info {
    font-size: 15px;
    margin-top: 10px;
}

ul li,
ol li {
    color: rgba(220, 220, 220, 1);
}

.payment_info a {
    font-size: 15px;
}

.banner-video {
    border-radius: 15px;
    margin-top: 10px;
}

.zaplatit_clenstvi {
    font-size: 15px;
    position: relative;
    display: inline-block;
    right: 3px;
    font-size: 18px !important;
    font-weight: bold;
    padding: 6px 60px;
    cursor: pointer;
    letter-spacing: 2px;
    font-weight: bold;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
    background: linear-gradient(135deg, var(--b4f-zluta-hlavni) 0%, #e59040 100%);
    transition: all 0.4s;
    color: white !important;
    opacity: 1;
    border: 0 !important;
    border-radius: 25px !important;
}

.webform-component--promitani {
    display: block;
    margin-bottom: 15px !important;
}

.rozpocet {
    display: block;
    width: 600px;
    text-align: justify;
    text-justify: inter-word;
    word-spacing: 2px;
    margin-bottom: 20px;
}

.hodnoceni_fotky img {
    width: 209px;
    height: auto;
}

.rozpocet p {
    display: block;
    margin: 25px 0 !important;
}

.uvnitr {
    width: 500px;
    font-size: 15px;
}

.right1 {
    float: right;
}

.underline1 {
    border-bottom: 1px solid rgba(100, 100, 100, 0.5);
    padding: 6px 0;
}

.b4f-produkt {
    padding: 15px;
    /* background: linear-gradient(135deg, var(--b4f-zluta-hlavni) 0%, #e59040 100%); */
    background: white;
    width: 875px;
    color: rgba(10, 10, 10, 1);
    border-radius: 15px;
    height: 160px;
    display: block;
    text-align: left;
    margin-left: none;
    margin-right: none;
}

.b4f-produkt.naradi {
    width: auto;
}

.b4f_foto img {
    border-radius: 15px;
    width: 910px;
    height: auto;
}

.b4f_foto.clanek img {
    border-radius: 15px;
    width: 640px;
    height: auto;
}

.promo #autocomplete,
.videogalerie #autocomplete,
.naradi #autocomplete {
    width: auto;
    margin-top: 5px;
    padding: 4px 0;
    background: rgba(255, 255, 255, 1);
}

.infofoto .naradi-blok table {
    background: none;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
}

.infofoto .naradi-blok .b4f-produkt {
    height: 60px;
}

.naradi-blok {
    padding: 6px 0 0 7px;
}

.infofoto .b4f-produkt.naradi img {
    width: 98px;
    height: auto;
}

.infofoto .naradi-blok td {
    padding: 3px !important;
}

.infofoto .naradi-blok img {
    width: 260px;
    height: auto;
}

.b4f-produkt-obrazek {
    display: block;
    float: left;
}

.b4f-produkt-obrazek img {
    max-width: auto;
    border-radius: 5px;
    margin: 0 !important;
}

.b4f-produkt-title {
    display: inline-block;
    font-weight: bold;
    font-size: 20px;
    width: 650px;
    margin-left: 22px;
    padding-top: 15px;
    position: relative;
    bottom: 10px;
    text-align: left;
    /* text-align: justify; */
    /* height: 165px; */
    /* text-transform: uppercase; */
}

.b4f-produkt-popis {
    display: inline-block;
    position: relative;
    margin-left: 23px !important;
    width: 600px !important;
    text-align: left;
    bottom: 8px;
    font-size: 13px;
}

.b4f-produkt-kratky-popis {
    position: relative;
    display: block;
    bottom: 7px;
    font-size: 12px;
    /* text-align: justify; */
}

.b4f-produkt-link:hover {
    text-decoration: none !important;
}

.b4f-produkt-tochci {
    position: absolute;
}

.b4f-produkt-tochci-in {
    position: relative;
    display: block;
    top: 110px;
    left: 185px;
    font-family: 'Conv_texgyreadventor-regular';
    color: white;
    font-size: 18px;
    float: left;
    margin-right: 10px;
    font-weight: bold;
    padding: 6px 15px 6px 15px;
    border-radius: 40px;
    background: linear-gradient(135deg, var(--b4f-zluta-hlavni) 0%, #e59040 100%);
}

.b4f-produkt_ostatni {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 10px;
}

.promo .views-exposed-form label,
.videogalerie .views-exposed-form label,
.naradi .views-exposed-form label {
    display: inline-block;
}

.promo .views-exposed-widgets.clearfix,
.videogalerie .views-exposed-widgets.clearfix,
.naradi .views-exposed-widgets.clearfix {
    display: inline-block;
    height: auto;
    padding: 3px 10px 10px 10px;
}

.promo .views-widget,
.videogalerie .views-widget,
.naradi .views-widget {
    display: inline-block;
}

.promo #edit-field-tagy-tid,
.videogalerie #edit-field-tagy-tid,
.naradi #edit-field-tagy-tid {
    width: 240px;
}

.promo .views-exposed-widget.views-widget-filter-title,
.videogalerie .views-exposed-widget.views-widget-filter-title,
.naradi .views-exposed-widget.views-widget-filter-title {
    padding-right: 3px;
}

.promo .views-exposed-form .views-exposed-widget .form-submit,
.videogalerie .views-exposed-form .views-exposed-widget .form-submit,
.naradi .views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 5px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
    border-radius: 5px !important;
    padding: 5px 8px;
    cursor: pointer;
}

.promo .views-exposed-widget.views-submit-button,
.videogalerie .views-exposed-widget.views-submit-button,
.naradi .views-exposed-widget.views-submit-button {
    display: 1none;
}

html.js input.form-autocomplete {
    border-radius: 5px;
    padding: 5px 8px;
    z-index: 999 !important;
}

/* Zvedneme celou sekci s filtry nad ostatní obsah */
.view-filters {
    position: relative;
    /* Nutné pro funkčnost z-indexu */
    z-index: 100;
    /* Vysoké číslo zajistí, že bude nad videi */
}

/* Pro jistotu pojistíme i samotný našeptávač, kdyby byl potřeba */
#autocomplete {
    z-index: 101 !important;
}

.naradi .b4f-produkt {
    width: 260px;
    height: 530px;
}

.b4f-produkt.naradi {
    background: none;
    padding: 0px;
}

.naradi .b4f-produkt-popis {
    display: inline-block;
    border-radius: 8px;
    background: rgba(65, 65, 65, 0.7);
    padding: 4px 10px;
    color: white;
    width: auto !important;
    margin-top: 10px;
    margin-left: 0px !important;
}

.naradi .b4f-produkt-title {
    margin-left: 0px;
    font-size: 15px;
    width: 260px;
}

.naradi .b4f-produkt-popis {
    width: auto;
}

.naradi .b4f-produkt-tochci-in {
    top: 190px;
    left: 82px;
}

.naradi .col-2 {
    float: none
}

.naradi .col-1,
.naradi .col-2 {
    padding-right: 18px;
}

.naradi td {
    padding-top: 18px;
}

.scroll_top {
    display: none;
    transition: all 0.4s;
}

.scroll_top.fixed {
    display: block;
    position: fixed;
    left: calc(50% + 400px);
    bottom: -20px;
    cursor: pointer;
    background: linear-gradient(135deg, var(--b4f-zluta-hlavni) 0%, #e59040 100%);
    padding: 10px 6px 20px 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    transition: all 0.4s;
    box-shadow: none;
    border: 0;
    z-index: 101;
}

.scroll_top:hover {
    bottom: -15px;
    cursor: pointer;
    box-shadow: 0 0 15px 0 var(--b4f-zluta-hlavni);
}

.hodnoceni_button {
    position: relative;
    top: 8px;
    text-transform: uppercase;
    background: linear-gradient(135deg, var(--b4f-zluta-hlavni) 0%, #e59040 100%);
    color: white !important;
    padding: 7px 20px;
    font-weight: bold;
    border-radius: 25px !important;
    font-size: 18px;
    margin: 0 0 10px 10px;
    transition: all 0.4s;
}

.hodnoceni_button:hover {
    text-decoration: none;
    box-shadow: 0 0 15px 0 var(--b4f-zluta-hlavni);
}

#hodnoceni {
    margin-bottom: 30px;
}

.hodnoceni_user {
    display: block;
    border-radius: 14px;
    padding: 16px 15px 22px 15px;
    margin-right: 5px;
    margin-top: 20px;
    background: rgba(55, 55, 55, 0.7);
    font-weight: normal;
    font-size: 14px;
    color: white;
    font-weight: normal;
    font-family: 'Conv_texgyreadventor-regular';
}

.hodnoceni_nadpis {
    font-weight: bold;
    font-size: 35px;
    text-transform: uppercase;
    color: white;
    font-family: 'Conv_texgyreadventor-regular';
    margin: 45px 0 0px 0;
    letter-spacing: 3px;
}

.hodnoceni_name {
    font-family: "Caveat", cursive;
    font-weight: 700;
    font-size: 23px;
    text-transform: uppercase;
}

.hodnoceni_popis {
    font-family: "Caveat", cursive;
    font-size: 20px;
    font-weight: 400;
}

#hodnoceni img {
    width: 209px;
    height: auto;
    margin-right: 10px;
    margin-top: 10px;
    border-radius: 8px;
    opacity: 0.6;
    transition: 0.4s
}

#hodnoceni img:hover {
    width: 209px;
    height: auto;
    margin-right: 10px;
    margin-top: 10px;
    border-radius: 8px;
    opacity: 1;
}

#hodnoceni img.last {
    margin-right: 0px;
}

#hodnoceni a {
    display: inline-block;
}

.bodydok .memberships {
    /* column-count: 2; */
    /* column-gap: 20px; */
    text-align: justify;
    height: 530px;
    display: block;
}

#clanky_b4f .telo {
    float: left;
    display: block;
    /* column-count: 2; */
    /* column-gap: 30px; */
    text-align: justify;
    margin: 26px 0 0 0px;
}

.datum_form.webform-component {
    display: block;
}

#clanky_b4f .telo {
    margin-bottom: 10px;
}

#clanky_b4f .uvodni_foto img {
    margin: 10px 0;
    width: 900px;
    height: auto;
    border-radius: 10px;
}

#clanky_b4f .titledok {
    margin: 5px 0;
}

#clanky_b4f .kategoriefoto {
    margin-top: 25px;
}

#clanky_b4f .tagynode1 {
    margin-bottom: 25px;
}

.exklusive {
    position: fixed;
    top: 300px;
    left: calc(50% - 310px);
    font-size: 16px;
    line-height: 160%;
    text-align: center;
    padding: 60px;
    color: #fff;
    width: 500px;
    transition: all 0.3s ease-in-out;
    background: rgba(40, 40, 40, 1);
    box-shadow: 0 0 80px 35px rgba(0, 0, 0, 0.85);
    border-radius: 60px;
}

.bodydok.members table td:nth-child(3) {
    display: none;
}

.bodydok.members table td {
    padding: 8px 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    color: var(--b4f-zluta-hlavni);
}

.bodydok.members table thead td {
    font-weight: bold;
}

.bodydok.members table td:nth-child(3),
.bodydok.members table td:nth-child(4),
.bodydok.members table td:nth-child(5) {
    text-align: center;
}

.bodydok.members table tr:last-child td,
.bodydok.members table td:nth-child(2) {
    font-weight: bold;
}

.bodydok.members table td img {
    position: relative;
    top: 2px;
    width: 20px;
    height: auto;
}

#main .members td p {
    font-size: 12px;
    margin: 0;
    font-style: italic;
    font-weight: normal;
    color: white;
    text-align: justify;
}

#login_page {
    text-align: center;
}

#login_page .form-actions.form-wrapper {
    text-align: center;
}

.login_href {
    position: relative;
    display: block;
    /* text-align: right; */
    /* width:955px; */
}

.login_href_in a {
    padding: 2px 12px;
    border: 1px solid var(--b4f-zluta-hlavni);
    border-radius: 30px;
    margin-left: 10px;
}

.login_href_in {
    /* position: absolute; */
    top: 1px;
    /* float: right; */
    text-align: right;
    padding: 2px 12px;
    font-size: 11px;
}

.login_href_in.out {
    left: 5px;
}

.front_login_href {
    position: relative;
    left: 10px;
    bottom: 0px;
    margin: 12px 0 6px 0;
}

.bodydok li,
.popisfoto li {
    list-style: square outside none !important;
    line-height: 160%;
    color: #d6d6d6;
}

.popisfoto {
    font-family: 'Conv_texgyreadventor-regular';
    color: #d6d6d6;
    font-size: 12px;
    margin-top: 14px;
    margin-bottom: 0px;
    margin-right: 14px;
    /* border-bottom: 1px grey solid; */
    width: 440px;
    min-height: 220px;
    float: left;
    text-align: justify;
}

.popisvideo {
    font-family: 'Conv_texgyreadventor-regular';
    color: #d6d6d6;
    font-size: 14px;
    margin-top: 14px;
    margin-bottom: 0px;
    margin-right: 14px;
    /* border-bottom: 1px grey solid; */
    width: 545px;
    min-height: 220px;
    float: left;
    text-align: left;
}

.video_donate {
    font-family: 'Conv_texgyreadventor-regular';
    color: #d6d6d6;
    font-size: 12.5px;
    display: inline-block;
    margin-top: 13px;
    text-align: justify;
}

.bodydok {
    display: block;
    font-family: 'Conv_texgyreadventor-regular';
    color: #d6d6d6;
    font-size: 1.083em;
}

.bodydok.plans {
    margin-top: 0px;
}

.bodydok li {
    margin-left: 10px;
}

.team {
    font-family: 'Conv_texgyreadventor-regular';
    position: relative;
    display: inline-block;
    text-align: center;
    margin-top: 21px;
    color: white;
    padding: 4px 30px;
    font-size: 14px;
    border-radius: 35px;
    background: linear-gradient(135deg, var(--b4f-zluta-hlavni) 0%, #e59040 100%);
}

.team.discount {
    /* Permalink - use to edit and share this gradient: https:/* colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+4,f7f7f7+54,f7f7f7+54,f9c343+55,e59040+100&0+0,0+54,0+54,1+55,1+100 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 4%, rgba(0, 0, 0, 0.6) 54%, rgba(249, 195, 67, 1) 55%, rgba(229, 144, 64, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 2px solid var(--b4f-zluta-hlavni);
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.8);
}

.text-shadow {
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);
    font-weight: bold;
}

.img_menu.fixed a.vyhody,
#img_menu a.vyhody,
.img_menu.other.fixed a.vyhody,
#img_menu.other a.vyhody {
    font-family: 'Conv_texgyreadventor-regular';
    color: white;
    font-size: 14px;
    margin-right: 0;
    text-transform: none;
    cursor: pointer;
    opacity: 1;
    font-style: italic;
    text-decoration: underline;
}

#img_menu .team1 a {
    text-transform: none;
    font-size: 12px;
    margin-right: 0;
    color: var(--b4f-zluta-hlavni);
    opacity: 1;
}

#img_menu .team1 a:hover {
    color: var(--b4f-zluta-hover);
}

.img_plan {
    position: absolute;
    height: 1px;
}

.img_plan span {
    color: black;
}

.view-aktuality .views-row {
    height: 190px;
}

.spoluprace img {
    width: 142px;
    height: auto;
    margin: 0 3px;
}

.spoluprace a {
    text-decoration: none !important;
}

.free_plans {
    position: absolute;
}

.free_plans .in_view {
    position: relative;
    bottom: 440px;
    left: 335px;
    padding: 10px;
    border-radius: 60px;
    /* Permalink - use to edit and share this gradient: https:/* colorzilla.com/gradient-editor/#258dc8+0,19846f+100 */
    background: linear-gradient(135deg, var(--b4f-zluta-hlavni) 0%, #e59040 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: white;
    font-size: 20px;
    font-weight: bold;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 1);
}

.free_plans .in_view2 {
    position: relative;
    bottom: 535px;
    left: 335px;
    padding: 10px;
    border-radius: 60px;
    /* Permalink - use to edit and share this gradient: https:/* colorzilla.com/gradient-editor/#258dc8+0,19846f+100 */
    background: linear-gradient(135deg, var(--b4f-zluta-hlavni) 0%, #e59040 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: white;
    font-size: 20px;
    font-weight: bold;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 1);
}

.free_plans .in_view3 {
    position: relative;
    bottom: 300px;
    left: 190px;
    padding: 6px 10px;
    border-radius: 60px;
    background: linear-gradient(135deg, var(--b4f-zluta-hlavni) 0%, #e59040 100%);
    color: white;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 1);
}

.inset_shadow {
    height: 300px;
    width: 300px;
    margin: 15px;
    border-radius: 12px;
    position: relative;
}

.inset_shadow::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 300px;
    width: 300px;
    border-radius: 12px;
    box-shadow: inset 0px -70px 30px 5px rgba(0, 0, 0, 0.7);
}

.plans_image {
    position: relative;
    /* width: 300px; */
    /* height: auto;  */
    /* margin: 15px;  */
    border-radius: 12px;
    width: 300px;
    height: 230px;
    object-fit: cover;
    object-position: 100% 0;
}

.text_plans_add {
    position: absolute;
}

.text_plans_add_in {
    position: relative;
    bottom: 70px;
    left: 30px;
    width: 280px;
    font-size: 13px;
    font-weight: bold;
    color: white;
}

.h1_plans {
    font-size: 17px;
    margin-left: 15px;
    font-weight: bold;
}

#pujcovni_rad {
    background: transparent;
    padding-top: 50px;
}

.galeriedok01.kurzy {
    display: inline-block;
    width: 912px;
    height: auto;
    border-radius: 8px;
    margin-left: 2px;
    overflow: hidden;
}

.galeriedok01 {
    display: inline-block;
    width: 912px;
    height: auto;
    border-radius: 8px;
    margin-left: 2px;
    overflow: hidden;
    margin-bottom: 8px;
}

.galeriedok01.plans {
    margin-bottom: 8px;
}

.spoluprace {
    text-align: center;
}

#colorbox .media-gallery-item img {
    max-width: none !important;
}

.in_absolute {
    position: relative;
    width: 910px;
    text-align: center;
    top: 490px;
    font-family: "Century Gothic";
}

.in_absolute_plans {
    position: relative;
    width: 910px;
    text-align: left;
    top: 655px;
    left: 35px;
    font-family: "Century Gothic";
}

/* Kurzy */
.popis_kurzy {
    display: inline-block;
    width: 480px;
}

.popis_kurzy.bazar {
    display: inline-block;
    width: 700px;
    margin-top: 5px;
}

.popis_kurzy2 {
    display: inline-block;
    width: 500px;
}

.kurzy .phone_kurzy,
.kurzy .webform-component--phone {
    margin-left: 0;
    width: 120px;
}

.malyma {
    text-transform: lowercase;
}

.titledok.plany,
.titledok.kurzy {
    font-size: 29px;
    margin-bottom: 20px;
    line-height: 130%;
}

.bodydok.kurzy {
    font-size: 15px;
    text-align: justify;
    padding: 0;
    width: 100%;
}

.o_mne {
    display: block;
    background: rgba(55, 55, 55, 0.7);
    border-radius: 15px;
    padding: 10px 12px;
    margin-bottom: 10px;
    width: 440px;
    font-size: 14px;
}

.o_mne.changelog {
    display: inline-block;
    font-size: 11px;
    width: 100%;
}

#main .o_mne.changelog p {
    font-size: 12px;
}

.blur {
    filter: blur(3px);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    cursor: default;
}

.otazka {
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 17px;
    font-size: 16px;
    background: var(--b4f-zluta-hlavni);
    padding: 4px 6px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    letter-spacing: 2px;
    color: black;
}

.nadpis_video_zlute {
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 70px;
    font-size: 30px;
    background: var(--b4f-zluta-hlavni);
    padding: 10px 16px;
    border-radius: 4px;
    letter-spacing: 2px;
    color: black;
    line-height: 120%;
    text-align: left;
}

.members .otazka {
    font-size: 22px;
}

.nadul_yellow {
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 7px;
    font-size: 16px;
    /* background: rgba(231,186,27,1); */
    padding: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    letter-spacing: 2px;
    color: rgba(231, 186, 27, 1);
}

.highlight_yellow {
    /* background: rgba(231,186,27,1); */
    /* padding: 3px 6px; */
    color: rgba(231, 186, 27, 1);
    border-radius: 3px;
}

.cestopis {
    font-size: 15px;
}

.bodydok ul.yellow li {
    color: rgba(231, 186, 27, 1);
}

.bodydok ul {
    color: rgba(231, 186, 27, 1);
}

.odpoved {
    display: inline-block;
    /* max-width: 500px; */
    text-align: justify;
    font-size: 15px;
    border: 2px solid var(--b4f-zluta-hlavni);
    padding: 4px 6px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: rgba(231, 185, 94, 0.2);
}

/* 1. ZÁKLADNÍ KOLEČKO (beze změny, jen pojistka šišatosti) */
input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    border: 2px solid #555 !important;
    border-radius: 50% !important;
    background: #1a1a1a !important;
    position: relative;
    cursor: pointer;
    outline: none;
    display: inline-block;
    vertical-align: middle;
    margin: 4px 12px 0 0 !important;
    padding: 0 !important;
}

/* 2. STAV PŘI ZAŠKRTNUTÍ - OKRAJ */
input[type="radio"]:checked {
    border-color: var(--b4f-zluta-hlavni) !important;
}

/* 3. VYTVOŘENÍ ZATRŽÍTKA (Tick) */
input[type="radio"]:checked::after {
    content: '';
    position: absolute;
    /* Umístění fajfky */
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    /* Otočení vytvoří tvar fajfky */
    /* Rozměry fajfky */
    width: 5px;
    height: 10px;
    /* Vykreslení čar (jen pravá a spodní strana obdélníku) */
    border: solid var(--b4f-zluta-hlavni);
    border-width: 0 3px 3px 0;
    /* Tvoje oblíbená žlutá záře */
    filter: drop-shadow(0 0 5px var(--b4f-zluta-hlavni));
}

.produkt_cena_section input[type="radio"]:checked+label {
    text-shadow: 0 0px 5px var(--b4f-zluta-hlavni);
    color: var(--b4f-zluta-hlavni);
    font-weight: bold;
}

/* Schová automatický výpis polí na profilu, ale nechá formulář pro editaci */
.page-user.not-logged-in .profile,
.page-user.logged-in:not(.page-user-edit) .profile {
    display: none !important;
}

/* Pokud chceš schovat jen konkrétní pole v tom výpisu */
.field-name-field-prezdivka,
.field-name-field-datum-expirace-klubu-build,
.field-name-field-status-platby {
    display: none !important;
}

#user-profile-form .field-name-field-poznamka,
/* hide recaptcha v3*/
.grecaptcha-badge {
    display: none !important;
}

/* .webform-component--plan-version-select, */
.club-page .views-exposed-form,
.videogalerie .views-exposed-form,
.plans-page .views-exposed-form,
.naradi .views-exposed-form,
.field-name-field-poznamka.field-widget-text-textfield.form-wrapper,
.field-name-field-prezdivka,
.field-name-field-frekvence-plateb,
.field-type-datetime,
.profile,
.form-item-mail,
#edit-locale,
#edit-picture,
#edit-signature-settings,
.collapsible.form-wrapper,
.profile h3,
.hide {
    display: none !important;
}

#logo_maintanance {
    display: block;
    width: 100%;
    text-align: center;
    color: white;
}

#logo_maintanance .center_maintanance {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

#logo_maintanance .center_maintanance img {
    display: inline-block;
    max-width: 350px;
    height: auto;
}

#logo_maintanance .popis {
    font-size: 14px;
    margin-top: 12px;
}

.field_free_plans_images img {
    display: block;
    max-width: calc(100% - 10px);
    height: auto;
    margin: 25px 15px 25px 0;
    border-radius: 15px;
}

.field_free_plans_images {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.produkt_foto {
    margin-top: 20px;
}

.produkt_foto_front,
.produkt_foto_dopln {
    display: inline-block;
}

.produkt_foto_front img {
    display: inline-block;
    border-radius: 10px;
}

.produkt_foto_dopln {
    vertical-align: top;
}

.produkt_foto_dopln img {
    display: inline-block;
    border-radius: 10px;
    padding-bottom: 4px;
    padding-left: 4px;
}

.produkt_cena_section {
    display: inline-block;
    width: 370px;
    float: right;
    border-radius: 10px;
    padding: 16px 15px 22px 15px;
    margin-left: 4px;
    margin-bottom: 10px;
    background: rgba(55, 55, 55, 0.7);
    font-weight: bold;
    font-size: 16px;
    color: white;
    font-weight: normal;
    font-family: 'Conv_texgyreadventor-regular';
}

.produkt_cena_section.clenstvi_b4f {
    float: left;
    padding: 16px 25px 22px 25px;
    width: 530px;
    margin: 0 25px 25px 0px !important;
}

.webform-component--prezdivka,
.webform-component--clenstvi,
.webform-component--platba {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.webform-component--platba {
    margin-left: 20px;
}

.produkt_cena_section.kurzy {
    display: inline-block;
    width: 370px;
    float: right;
    border-radius: 10px;
    padding: 16px 15px 22px 15px;
    margin-left: 4px;
    margin-bottom: 10px;
    background: transparent;
    border-radius: 8px;
    font-weight: bold;
    font-size: 16px;
    color: white;
    font-weight: normal;
    font-family: 'Conv_texgyreadventor-regular';
}

.grey_bg {
    border-radius: 10px;
    padding: 16px 15px 22px 15px;
    background: rgba(55, 55, 55, 0.7);
}

.margin_top {
    margin-top: 25px;
}

.jmeno_hodnoceni {
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 5px;
}

.star_hodnoceni {
    font-size: 17px;
    font-weight: bold;
}

.hodnoceni {
    font-size: 11px;
}

.produkt_cena {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    margin-left: 6px;
}

.produkt_nadpis {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: bold;
}

.tema00 {
    padding-top: 30px;
    margin-bottom: 3px;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.tema01 {
    margin-top: 14px;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.tema02 {
    margin-top: 14px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: left;
}

.bodydok.plans .tema02 {
    margin-top: 0;
}

#main p {
    line-height: 160%;
    font-size: 14px;
}

.bodydok.plans .produkt_cena_section {
    margin-top: 25px;
}

.produkt_cena_section .popis {
    font-size: 16px;
    /* font-style: italic; */
}

.produkt_popis {
    display: block;
    font-weight: normal;
    font-size: 12px;
    margin-top: 5px;
    color: white;
    font-weight: normal;
    font-family: 'Conv_texgyreadventor-regular';
}

.rc-anchor-invisible-hover,
.produkt_cena_section .form .field-name-body,
.produkt_cena_section .form .links,
.produkt_cena_section .form .submitted,
.produkt_cena_section .form .titlenode {
    display: none;
}

.captcha.form-wrapper,
#user-login .captcha.form-wrapper,
.produkt_cena_section .form .captcha.form-wrapper,
.produkt_cena_section .form .captcha.form-wrapper .fieldset-legend,
.produkt_cena_section .form .captcha.form-wrapper .fieldset-description {
    display: none;
}

.produkt_cena_section .form .form-item {
    margin-top: 0;
    margin-bottom: 0;
}

#edit-submit.form-submit,
.produkt_cena_section .form .webform-submit {
    position: relative;
    display: inline-block;
    right: 3px;
    font-size: 18px !important;
    font-weight: bold;
    padding: 6px 60px;
    cursor: pointer;
    font-weight: bold;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
    background: linear-gradient(135deg, var(--b4f-zluta-hlavni) 0%, #e59040 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    transition: all 0.4s;
    color: white !important;
    opacity: 1;
    border: 0 !important;
    border-radius: 25px !important;
}

#edit-submit.form-submit:hover,
.produkt_cena_section .form .webform-submit:hover {
    border: 0 !important;
    box-shadow: 0 0 15px 0 var(--b4f-zluta-hlavni);
    opacity: 1;
}

.produkt_cena_section .form .form-actions {
    text-align: center;
}

.produkt_cena_section .form .description {
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.7);
}

input#edit-pass,
input#edit-name.form-text.required,
.produkt_cena_section .form textarea,
.produkt_cena_section .form input {
    border-radius: 20px;
    padding: 8px 14px 10px 14px;
    font-size: 12.5px;
    font-family: 'Conv_texgyreadventor-regular';
    background: rgba(65, 65, 65, 0.9);
    color: white;
    border-width: 1px;
    border-style: none;
    width: 300px;
}

.produkt_cena_section .form .form-type-radio label.option {
    cursor: pointer;
    font-size: 13px;
    font-family: 'Conv_texgyreadventor-regular';
}

.produkt_cena_section .form textarea {
    margin-top: 4px;
}

.produkt_cena_section .form .webform-component--prezdivka .description,
.produkt_cena_section .form .webform-component--platba .description,
.produkt_cena_section .form .webform-component--clenstvi .description {
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.6);
    text-align: justify;
    /* text-align-last: center; */
}

.produkt_cena_section .popis_small {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.6);
    text-align: justify;
    text-align-last: center;
}

/* zeleny text odpoved formular */
.produkt_cena_section .contextual-links-region {
    color: rgba(255, 255, 255, 0.6);
}

.produkt_cena_section .form-managed-file {
    margin: 8px 0;
}

.produkt_cena_section .form-managed-file {
    margin: 8px 0;
}

.produkt_cena_section .form-managed-file input.form-submit {
    position: relative;
    top: 1px;
    left: 5px;
    font-weight: bold;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.8);
    padding: 8px 16px 10px 16px;
    transition: all 0.4s;
}

.produkt_cena_section .form-managed-file input.form-submit:hover {
    border: 0 !important;
    cursor: pointer;
    box-shadow: 0 0 7px 0 var(--b4f-zluta-hlavni);
}

.produkt_cena_section input[type="submit"].form-submit {
    margin-top: 4px;
}

.produkt_cena_section input[type="submit"].form-submit:hover {
    border: 0 !important;
    cursor: pointer;
    box-shadow: 0 0 7px 0 var(--b4f-zluta-hlavni);
}

.promo-foto img,
.shop img {
    border-radius: 10px;
    margin-bottom: 3px;
}

.promo-foto .col-last img,
.shop .col-last img {
    border-radius: 10px;
    margin-left: 5px;
}

.produkt_cena_section .messages.error ul li {
    font-size: 11px;
}

.webform-component {
    display: inline-block;
}

.webform-component--phone {
    margin-left: 4px;
}

.donate {
    position: relative;
    padding: 10px;
    margin-bottom: 15px;
    display: inline-block;
    ;
}

.donate::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    padding: 2px;
    /* control the border thickness */
    background: linear-gradient(45deg, purple, orange);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.h1_donate {
    font-size: 14px;
    font-weight: bold;
}

.des_donate {
    font-size: 11px;
    font-style: italic;
}

.sliding-popup-bottom {
    text-align: center;
    width: 100% !important;
    background: transparent;
}

#sliding-popup .popup-content {
    max-width: 100% !important;
}

.eu-cookie-compliance-banner {
    display: inline-block;
    font-family: 'Conv_texgyreadventor-regular';
    /* border: 1px solid rgba(60,60,60,0.8); */
    border-radius: 7px;
    padding: 30px 40px;
    background: rgba(55, 55, 55, 1);
    box-shadow: 0 0 50px 5px rgba(0, 0, 0, 0.9);
    width: 500px !important;
    margin-left: auto;
    margin-right: auto;
}

#sliding-popup.sliding-popup-bottom {
    border-radius: 7px;
    border: 0px !important;
    border-color: rgba(255, 255, 255, 0.8);
    border-style: solid;
    margin-bottom: 25px;
}

#sliding-popup .popup-content {
    font-weight: normal;
}

#sliding-popup .popup-content #popup-text,
#sliding-popup .popup-content #popup-text p {
    max-width: 350px;
    font-weight: normal;
}

#sliding-popup .popup-content #popup-text h2 {
    font-size: 13px;
    font-weight: normal;
}

.eu-cookie-compliance-banner h2 {
    font-family: Arial, sans-serif;
}

#sliding-popup .eu-cookie-compliance-default-button {
    display: inline-block;
    font-family: 'Conv_texgyreadventor-regular';
    font-size: 18px !important;
    font-weight: bold;
    padding: 10px 15px;
    margin-top: 26px;
    margin-left: auto;
    margin-right: auto;
    /* cursor: pointer; */
    font-weight: bold;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
    background: linear-gradient(135deg, var(--b4f-zluta-hlavni) 0%, #e59040 100%) !important;
    transition: all 0.4s;
    color: white !important;
    opacity: 1;
    border: 0 !important;
    border-radius: 30px !important;
    text-shadow: none;
    text-transform: uppercase;
}

.eu-cookie-compliance-default-button {
    background: rgba(60, 60, 60, 0.7);
}

.title_b4f {
    font-family: 'Conv_texgyreadventor-regular';
    position: relative;
    font-size: 14px;
    bottom: 6px;
}

.title_b4f.page {
    top: -8px;
}

.hero-video iframe {
    border-radius: 10px;
}

.galeriedok a img {
    margin: 0;
}

.uvodnik_popis {
    position: relative;
    font-family: 'Conv_texgyreadventor-regular';
    font-weight: normal;
    font-size: 12px;
    text-transform: none;
    opacity: 0.8;
    bottom: 14px;
}

.kratky_popis {
    position: relative;
    bottom: 0px;
    margin: 0 7px 4px 0px;
    height: 80px;
    padding: 18px 12px;
    /* Permalink - use to edit and share this gradient: https:/* colorzilla.com/gradient-editor/#303030+0,1e1e1e+41,1e1e1e+55,191919+100 */
    background: linear-gradient(135deg, rgba(48, 48, 48, 1) 0%, rgba(30, 30, 30, 1) 41%, rgba(30, 30, 30, 1) 55%, rgba(25, 25, 25, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* text-align: justify; */
    color: rgba(240, 240, 240, 1);
    font-family: 'Conv_texgyreadventor-regular';
    font-size: 13px !important;
    letter-spacing: 1px;
    z-index: 100;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    /* width: 423px; */
}

.btnplans.free img {
    position: relative;
    top: 4px;
    width: 20px;
    height: auto;
}

.highlight_green {
    background: var(--b4f-zluta-hlavni);
    padding: 1px 6px;
    border-radius: 3px;
    text-transform: Uppercase;
    color: black;
    font-weight: bold;
}

.autor_nadpis {
    position: relative;
    top: 15px;
    font-weight: bold;
    font-size: 19px;
    text-align: left;
    letter-spacing: 3px
}

.btnplans.free {
    display: inline-block;
    padding: 10px 8px 0px 8px;
    border: 0px solid;
    border-color: rgba(255, 255, 255, 0.3);
    background: rgba(55, 55, 55, 0.7);
    border-radius: 8px;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

.btnplans.free :hover {
    text-decoration: none;
}

.btnplans.free p {
    margin: 0 !important;
}

.bodydok ul li {
    margin: 0 15px 5px 20px;
    font-size: 14px;
}

.galerieost {
    height: 73px;
}

.views-slideshow-controls-bottom {
    position: relative;
}

.vscc-controls.vscc_controls {
    position: absolute;
    bottom: 212px;
    z-index: 100;
}

.vscc-controls.vscc_controls img {
    width: auto;
    height: 60px;
    opacity: 0.3;
    transition: all 0.2s ease-in;
}

.vscc-controls.vscc_controls img:hover {
    opacity: 0.9;
}

.vscc-next-processed {
    position: relative;
    left: 910px;
}

.vscc-previous-processed {
    position: relative;
    left: -40px;
}

.chci_obraz {
    margin: 5px 0 12px 0;
}

.slider_frontpage {
    display: block;
    position: relative;
    left: 10px;
    /* box-shadow: 0px 0 20px 0 rgba(0,0,0,1); */
    margin-top: 0px;
    /*  border: 1px solid rgba(100,100,100,0.4); */
    text-align: center;
}

.datedok.plans {
    position: relative;
    display: inline-block;
    padding-top: 15px;
    width: 100%;
    opacity: 0.5;
}

.btnplans {
    font-size: 16px;
}

.views_slideshow_slide {
    clip-path: inset(10px round 15px);
}

.logoth2019 {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 105px;
    z-index: 121;
    text-align: center;
    /* Permalink - use to edit and share this gradient: https:/* colorzilla.com/gradient-editor/#000000+0,000000+99&0.87+2,0+99 */
    /* background: -moz-linear-gradient(top,  rgba(0,0,0,0.87) 0%, rgba(0,0,0,0.87) 2%, rgba(0,0,0,0) 99%); /* FF3.6-15 */
    /* background: -webkit-linear-gradient(top,  rgba(0,0,0,0.87) 0%,rgba(0,0,0,0.87) 2%,rgba(0,0,0,0) 99%); /* Chrome10-25,Safari5.1-6 */
    /* background: linear-gradient(to bottom,  rgba(0,0,0,0.87) 0%,rgba(0,0,0,0.87) 2%,rgba(0,0,0,0) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.logoth {
    display: inline-block;
    position: relative;
    top: 16px;
    right: 416px;
    z-index: 120;
}

.logoth img {
    /* box-shadow: 0 0 30px 0 rgba(0,0,0,1); */
    filter: drop-shadow(2px 2px 6px rgb(0 0 0 / 1));
    width: 80px;
    height: auto;
}

.front_none {
    color: white !important;
}

.front_none:hover {
    color: white;
    text-decoration: none;
}

.chci_obraz a {
    background: rgba(255, 255, 255, 0.9);
    color: black !important;
    padding: 3px 8px;
    font-weight: bold;
    text-transform: uppercase;
}

.chci_obraz a:hover {
    background: white;
    text-decoration: none;
}

.popup_poptavka {
    width: 690px;
}

.play0 {
    position: absolute;
    z-index: 999;
}

.promo_center img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.floatleft {
    float: left;
    margin-right: 3px;
}

.chciobraz {
    float: left;
}

.paddingtop {
    padding-top: 30px;
}

.status-msg {
    color: green;
}

#chciobraz {
    padding: 15px 0;
    color: white;
    font-weight: normal;
}

.form_chciobraz {
    display: inline-block;
    float: none;
    width: 100%;
}

.icon_calendar {
    position: relative;
    top: -4px;
    float: left;
    margin-right: 4px;
    height: 20px;
    width: auto;
}

.chciobraz1 {
    display: block;
    float: right;
}

.chciobraz1 img {
    width: auto;
    height: 110px;
    margin: 0 0px 0px 10px;
}

#promo_foto {
    font-family: 'Conv_texgyreadventor-regular';
    font-size: 14px;
    color: white;
}

#promo_foto .upper {
    text-transform: uppercase;
}

#promo_foto .btnplans.free {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    border-color: rgba(255, 255, 255, 0.3)
}

#promo_foto .border {
    border: 0px solid white;
    border-radius: 9px;
    padding: 20px 10px 1px 10px;
    background: rgba(50, 50, 50, 0.7);
}

#promo_foto .first_column {
    display: block;
    margin-right: 1%;
    width: 48%;
}

#promo_foto .second_column {
    text-align: left;
    margin-right: 1%;
}

#promo_foto .popis {
    display: inline-block;
    margin: 20px 0 10px 0 !important;
}

#promo_foto .popis_in {
    display: block;
    margin: 20px 0 20px 0;
    text-align: justify !important;
}

#promo_foto .promo_h1 {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.promo a,
.promo a img {
    opacity: 1;
    border: 0 !important;
    margin: 1px;
}

.promo.club-page a img,
.promo.club a img {
    width: 450px;
    height: 300px;
    /* Zachová poměr stran a zbytek ořízne */
    object-fit: cover;
    /* Volitelné: vycentruje ořez na střed (výchozí hodnota) */
    object-position: center;
}

.plans-page a img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.promo a img {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.youtube_obrazek_archiv img {
    border-radius: 9px;
}

.promo .clankyb4f a img {
    border-top-right-radius: 9px;
    border-top-left-radius: 9px;
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px;
}

.promo a:hover,
.promo a img:hover {
    border: 0 !important;
}

.galeriedok.promo a img {
    margin: 0px;
}

.promonadpis,
.promo .nadpisuvodfoto {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    background: red;
}

.promonadpis a,
.promo .nadpisuvodfoto a {
    position: absolute;
    display: inline-block;
    width: 440px;
    bottom: -1px;
    right: 0px;
    /* background: red; */
    padding: 50px 0px 15px 15px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: left;
    color: white;
    font-weight: bold;
    /* text-transform: uppercase; */
    /* Permalink - use to edit and share this gradient: https:/* colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.63+74 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.63) 64%, rgba(0, 0, 0, 0.5) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.63) 64%, rgba(0, 0, 0, 0.5) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.63) 64%, rgba(0, 0, 0, 0.5) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a1000000', GradientType=0);
    /* IE6-9 */
    font-family: 'Conv_texgyreadventor-regular';
    letter-spacing: 1px;
}

.region-clanky-b4f .promo .nadpisuvodfoto a {
    bottom: -20px;
}

.promonadpis a:hover,
.promo .nadpisuvodfoto a:hover {
    color: white;
    text-decoration: none;
}

.menufottable ul li ul {
    display: none;
}

.menufottable ul li {
    list-style: none;
    width: 80px;
    height: 25px;
    /* background:; */
    text-align: center;
    padding-top: 12px;
}

.menufottable ul li:hover {
    /* background: ; */
    text-align: center;
    z-index: 999;
}

.menufottable ul ul {
    margin-top: 5px;
    z-index: 999;
}

.menufottable ul li ul li {
    margin-left: 0px;
    width: 80px;
    z-index: 999;
}

.menufottable ul li:hover>ul {
    display: block;
}

/* .menufottable ul li ul li { background: ; } */
/* .menufottable ul li ul li:hover { background: ; } */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600");

.container {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea,
#contact button[type="submit"] {
    font: 400 12px/16px "Open Sans", Helvetica, Arial, sans-serif;
}

#contact {
    background: transparent;
    padding: 25px;
    margin: 0;
}

#contact h3 {
    color: #F96;
    display: block;
    font-size: 30px;
    font-weight: 400;
}

#contact h4 {
    margin: 5px 0 15px;
    display: block;
    font-size: 13px;
}

fieldset {
    border: medium none !important;
    margin: 0 0 10px;
    min-width: 100%;
    padding: 0;
    width: 100%;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea {
    width: 100%;
    border: 1px solid #CCC;
    background: #FFF;
    margin: 0 0 5px;
    padding: 10px;
}

#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact textarea:hover {
    -webkit-transition: border-color 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out;
    border: 1px solid #AAA;
}

#contact textarea {
    height: 100px;
    max-width: 100%;
    resize: none;
}

#contact button[type="submit"] {
    cursor: pointer;
    width: 100%;
    border: none;
    background: #0CF;
    color: #FFF;
    margin: 0 0 5px;
    padding: 10px;
    font-size: 15px;
}

#contact button[type="submit"]:hover {
    background: #09C;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

#contact input:focus,
#contact textarea:focus {
    outline: 0;
    border: 1px solid #999;
}

::-webkit-input-placeholder {
    color: #888;
}

:-moz-placeholder {
    color: #888;
}

::-moz-placeholder {
    color: #888;
}

:-ms-input-placeholder {
    color: #888;
}

@media (max-width: 1300px) {
    #block-simplenews-138.block.block-simplenews {
        opacity: 0.5;
        -webkit-transition: opacity 0.5s ease-in;
        -moz-transition: opacity 0.5s ease-in;
        -ms-transition: opacity 0.5s ease-in;
        -o-transition: opacity 0.5s ease-in;
        transition: opacity 0.5s ease-in;
    }

    #block-simplenews-138.block.block-simplenews:hover {
        opacity: 1;
    }
}

.views-field-field-grafika-obrazek {
    padding: 5px;
    /* background: rgba(90,90,90,0.3);   */
    width: 448px;
    height: 350px;
    line-height: 350px;
    text-align: center;
    background: -moz-linear-gradient(-45deg, #2d2d2d 0%, #232323 10%, #161616 37%, #141414 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #2d2d2d 0%, #232323 10%, #161616 37%, #141414 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #2d2d2d 0%, #232323 10%, #161616 37%, #141414 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d2d2d', endColorstr='#141414', GradientType=1);
}

.views-field-field-grafika-obrazek img {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin-top: 0 !important;
}

#news_popup input.form-submit {
    background: rgba(50, 50, 50, 0.8);
    color: rgba(240, 240, 240, 0.8) !important;
    font-size: 20px !important;
    padding: 6px 10px;
    text-shadow: 1px 1px rgba(4, 33, 68, 0.5) !important;
    box-shadow: 0px 0px 8px #000;
    border: none;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 4px !important;
    margin-left: 115px !important;
}

.view-foto-ostatni.view-id-foto_ostatni.view-display-id-block_2 {
    margin-top: 2px;
}

#news_popup input.form-submit:hover {
    background: rgba(50, 50, 50, 1);
    border: none !important;
    cursor: pointer;
}

#news_popup {
    background: black;
    padding: 50px 30px 30px 30px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
}

.news_popup_nad {
    font-size: 26px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
}

.news_popup_text {
    font-size: 18px;
}

.news_popup_text2 {
    font-size: 12px;
}

#news_popup #cboxTitle,
#news_popup p {
    display: none !important;
}

.nadpis_en {
    font-weight: bold;
    font-size: 140%;
    text-align: left;
    margin-bottom: 7px;
}

.profilovka {
    display: block;
    padding: 0 !important;
    border-radius: 25px;
    float: left;
    height: 325px;
    margin: 0px 10px 20px 0;
    width: 325px
}

.linecarkovana {
    width: 100%;
    margin-bottom: 10px;
    border: none;
    border-top: 1px dashed rgba(100, 100, 100, 0.8);
    color: #fff;
    height: 1px;
}

#cboxClose {
    top: -13px;
    right: -16px;
    height: 40px;
    width: 40px;
    background: url("images/close_button.png") no-repeat;
    background-size: 40px 40px;
    opacity: 0.8 !important;
}

.img_menu.other,
.img_menu {
    /* visibility: hidden; */
    display: none;
    width: 955px;
    opacity: 0;
    transition: all 1s ease;
}

.img_menu.other a,
.img_menu a,
#img_menu a {
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.img_menu.other a:hover,
.img_menu a:hover,
#img_menu a:hover {
    opacity: 1;
    filter: drop-shadow(0px 0px 4px rgb(244 180 19 / 0.7));
    text-shadow: 0px 0px 4px rgba(244 180 19 / 0.7);
}

.img_menu.fixed {
    display: block;
    padding-right: 0px;
    padding-top: 5px;
    width: 955px;
    position: fixed;
    text-align: center;
    top: 0px;
    z-index: 300;
    height: 46px;
    border-bottom: 2px dashed rgba(200, 200, 200, 0.6);
    box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 1);
    opacity: 1;
    animation: fadein0.5s;
    /* Permalink - use to edit and share this gradient: https:/* colorzilla.com/gradient-editor/#000000+0,000000+100&0.76+7,0.9+7,0.59+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 7%, rgba(0, 0, 0, 0.59) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 7%, rgba(0, 0, 0, 0.59) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 7%, rgba(0, 0, 0, 0.59) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6000000', endColorstr='#96000000', GradientType=0);
    /* IE6-9 */
}

.img_menu.other.fixed {
    display: block;
    padding-right: 0px;
    width: 955px;
    position: fixed;
    text-align: center;
    top: 0px;
    opacity: 1;
    left: calc(50% - 477px);
    z-index: 300;
    height: 40px;
    border-bottom: 2px dashed rgba(200, 200, 200, 0.6);
    box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 1);
    /* Permalink - use to edit and share this gradient: https:/* colorzilla.com/gradient-editor/#000000+0,000000+100&0.76+7,0.9+7,0.59+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 7%, rgba(0, 0, 0, 0.59) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 7%, rgba(0, 0, 0, 0.59) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 7%, rgba(0, 0, 0, 0.59) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6000000', endColorstr='#96000000', GradientType=0);
    /* IE6-9 */
}

.img_menu.fixed,
#img_menu {
    text-align: center;
    padding-left: 10px;
}

#img_menu {
    padding-top: 0px;
}

#img_menu.other {
    position: relative;
    bottom: 10px;
    margin-left: 0px;
    text-align: center;
    padding-left: 8px;
    margin-top: 20px;
}

#img_menu.other.logged {
    top: 15px;
}

.img_menu.fixed a,
#img_menu a {
    margin-right: 12px;
    text-decoration: none;
    color: white;
}

#img_menu.other a {
    margin-right: 10px;
    text-decoration: none;
    color: white;
}

.img_menu.other.fixed a {
    margin-right: 17px;
    text-decoration: none;
    color: white;
}

.img_menu.fixed a:hover,
#img_menu a:hover {
    text-decoration: none;
}

.img_menu.fixed a img,
#img_menu a img {
    position: relative;
    bottom: -9px;
    width: auto;
    height: 28px;
    margin-right: 2px;
    margin-left: 0;
    text-decoration: none;
}

.img_menu.other.fixed a img {
    width: auto;
    height: 28px;
    bottom: -9px;
}

#img_menu.other a img {
    width: auto;
    height: 28px;
    bottom: -9px;
}

.img_menu.fixed a img:hover,
#img_menu a img:hover {
    text-decoration: none;
}

#cboxClose:hover {
    background-position: 0px 0px;
    opacity: 1 !important;
}

/* cestopis */
#cestopis-norway p {
    display: inline-block;
    color: #989898;
    font-size: 16px;
    text-align: justify;
    margin-bottom: 8px;
    max-width: 790px;
}

.rychla_navigace {
    z-index: 999;
}

#cestopis-norway .rychla_navigace.fixed .in {
    display: block;
    position: relative;
    left: -399px;
    width: 768px;
    height: 40px;
    background: rgba(0, 0, 0, 0.9);
    padding: 13px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    z-index: 999;
    box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 1);
    border-bottom: 2px dashed rgba(200, 200, 200, 0.6);
    text-align: center;
}

#cestopis-norway .rychla_navigace.fixed .in a {
    display: block;
    float: left;
    margin: 5px 10px 5px 0;
    padding: 0;
    font-weight: bold;
    color: white;
}

#cestopis-norway .rychla_navigace.fixed .in .osnova {
    display: block;
    color: white;
    margin-bottom: 3px;
    padding: 0;
}

#cestopis-norway .rychla_navigace {
    display: none;
    opacity: 0;
    transition: opacity 0.85s ease-in;
}

#cestopis-norway .rychla_navigace.fixed {
    display: block;
    position: fixed;
    top: 0px;
    left: 50%;
    opacity: 1;
}

#anchor {
    padding-top: 50px;
    margin-top: -50px;
}

#cestopis-norway .link_absolute {
    position: relative;
    z-index: 998;
}

#cestopis-norway .link_img {
    position: absolute;
    bottom: 17px;
    display: inline-block;
    width: 100%;
    float: none;
    margin-left: 10px;
    text-align: left;
    text-shadow: 2px 2px 3px #000;
    color: white;
    font-size: 14px;
}

#cestopis-norway .firstword {
    /* font-family: 'Merriweather', serif; */
    /* font-family: 'Pacifico', cursive; */
    font-family: 'Dancing Script', cursive;
    font-size: 45px;
    font-weight: bold;
    color: var(--b4f-zluta-hlavni);
    line-height: 42px;
    float: left;
    margin: 0;
    padding: 0 10px 0 0;
}

#cestopis-norway .uvodnik {
    display: inline-block;
    float: none;
    padding-top: 85px;
    font-size: 30px !important;
}

#cestopis-norway img {
    width: 790px;
    height: autopx;
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 7px;
}

#cestopis-norway img.no_margin_bottom {
    margin-bottom: 9px;
}

#cestopis-norway .dva_obr_1 {
    width: 390px;
    height: autopx;
    float: left;
    margin-right: 10px;
}

#cestopis-norway .dva_obr_2 {
    width: 390px;
    height: autopx;
}

#cestopis-norway .dva_obr_sirka {
    height: 319px;
    width: auto;
    float: left;
    margin-right: 10px;
}

#cestopis-norway .dva_obr_vyska {
    height: 319px;
    width: auto;
}

#cestopis-norway .dva_obr_sirka2 {
    height: 360px;
    width: auto;
    float: left;
    margin-right: 10px;
}

#cestopis-norway .dva_obr_vyska2 {
    height: 360px;
    width: auto;
}

#cestopis-norway .dva_obr_ctverec1 {
    height: 390px;
    width: auto;
    float: left;
    margin-right: 10px;
}

#cestopis-norway .dva_obr_ctverec2 {
    height: 390px;
    width: auto;
}

#cestopis-norway .tri_obr_12 {
    width: 256px;
    height: autopx;
    float: left;
    margin-right: 10px;
}

#cestopis-norway .tri_obr_3 {
    width: 256px;
    height: autopx;
}

#cestopis-norway .tri_obr_12_s {
    height: 210px;
    width: auto;
    float: left;
    margin-right: 10px;
}

#cestopis-norway .tri_obr_3_v {
    height: 210px;
    width: auto;
}

#cestopis-norway .ctyri_obr_123 {
    width: 190px;
    height: autopx;
    float: left;
    margin-right: 10px;
}

#cestopis-norway .ctyri_obr_4 {
    width: 190px;
    height: autopx;
}

.play {
    position: relative;
    top: 20px;
    left: 20px;
}

.nadpisaktvice a {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 150%;
}

.nadpisaktvice {
    max-width: 89%;
}

.bodyaktvice {
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
    font-family: 'Conv_texgyreadventor-regular';
    max-width: 89%;
}

.popis.dokumentace {
    display: block;
    /* float: left; */
    text-align: left;
}

.infofoto.dokumentace {
    float: right;
    display: inline-block;
    width: 370px;
    margin: 0 0 15px 15px;
}

.infofoto .field .field-label {
    font-weight: normal;
}

.nadpisuvodfoto a {
    color: rgba(230, 230, 230, 0.8);
    text-decoration: none;
    text-transform: uppercase;
    line-height: 120%;
    font-size: 0.95em;
    font-weight: bold;
}

.nadpisuvodfoto a:hover {
    color: rgba(255, 255, 255, 1);
}

.nodegalerieothers .nadpisuvodfoto {
    background: none;
}

.aktualnad {
    opacity: 0.5;
    transition: opacity 0.7s ease-in;
}

.aktualnad:hover {
    opacity: 1;
    transition: opacity 0.5s ease-in;
}

.nadpisuvodfoto {
    padding: 1px 3px 0px 5px;
    box-shadow: 10px 0px 100px 30px rgba(0, 0, 0, 1) !important;
    z-index: 100;
}

.play4,
.playfirst_archiv,
.playfirst {
    position: absolute;
}

.playfirstin {
    position: relative;
    left: 153px;
    top: 70px;
}

.play4in {
    position: relative;
    left: 40px;
    top: 10px;
}

.playfirstin_archiv {
    position: relative;
    left: 153px;
    top: 70px;
}

.playfirstin_archiv.club {
    position: relative;
    left: 136px;
    top: 145px;
}

.playfirstin_archiv.club img {
    width: 175px;
    height: auto;
}

.playfirstin_archiv.club.foruvod {
    position: relative;
    left: 26px;
    top: 0px;
}

.playfirstin_archiv.club.foruvod img {
    width: 165px;
    height: auto;
}

.playfirstin_archiv.navody {
    position: relative;
    left: 136px;
    top: 80px;
}

.playfirstin_archiv.navody img {
    width: 175px !important;
    height: auto !important;
}

.playfirstin_archiv.navody.uvod {
    position: relative;
    left: 136px;
    top: 50px;
}

.playfirstin_archiv.navody.uvod img {
    width: 175px !important;
    height: auto !important;
    box-shadow: none !important;
}

.playfirstin_archiv a img,
.playfirstimg a img {
    border: 0;
    opacity: 1;
    box-shadow: none !important;
}

.playfirstin_archiv a img,
.playfirstimg a:hover img {
    border: 0;
    opacity: 1;
    box-shadow: none !important;
}

/* Oprava odskočení sloupce - vyjmutí zámku z toku dokumentu */
.views-field-field-pro-cleny {
    position: absolute;
    z-index: 100;
}

.fotopage .fotouvod {
    width: 226px;
}

.dokumentace-page .obrazekakt img {
    padding: 0;
    border-radius: 6px;
    /* Zachová poměr stran a zbytek ořízne */
    object-fit: cover;
    /* Volitelné: vycentruje ořez na střed (výchozí hodnota) */
    object-position: center;
}

.fotouvod a .club img {
    opacity: 1;
}

.fotouvod a:hover .club img {
    box-shadow: none;
}

.youtube_obrazek img {
    margin-bottom: 6px;
}

.youtube_content iframe {
    margin-top: 16px;
    margin-bottom: 5px;
    border-radius: 15px;
}

.youtube_content.v_popisu iframe {
    margin-top: 2px;
    margin-bottom: 15px;
    border-radius: 15px;
}

.views-field-field-datumimg {
    padding: 0px 3px 0px 5px;
}

.nodegaleriefirst .views-field-field-datumimg {
    padding: 8px 0 0 0;
    background: none;
}

.nodegaleriefirst.height400 {
    height: 400px !important;
    border-radius: 10px;
}

.views-field-field-mapa-ost {
    padding: 0px 3px 6px 5px;
}

.allakt a {
    color: rgba(0, 0, 0, 1);
}

.allakt a {
    position: relative;
    bottom: 3px;
    background: #b0b0b0;
    font-size: 9px;
    padding: 2px 8px 2px 8px;
    border-radius: 4px;
    text-shadow: none;
    atext-shadow: 1px 1px 4px black;
    opacity: 0.95;
    filter: alpha(opacity=45);
}

.allakt a:hover {
    color: #2c2c2c;
    text-decoration: none;
    background: #fff;
}

#popup_email {
    display: block;
    position: fixed;
    width: 305px;
    height: 50px;
    bottom: 0px;
    right: 30%;
    /*background: rgba(40,40,40,1);*/
    padding: 10px 10px 35px 10px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.8);
    z-index: 100;
    border-top-left-radius: 5px;
    /* Permalink - use to edit and share this gradient: http:/* colorzilla.com/gradient-editor/#333333+0,494949+10,1c1c1c+91,131313+100 */
    background: rgb(51, 51, 51);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(51, 51, 51, 1) 0%, rgba(73, 73, 73, 1) 10%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(51, 51, 51, 1) 0%, rgba(73, 73, 73, 1) 10%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(51, 51, 51, 1) 0%, rgba(73, 73, 73, 1) 10%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#131313', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    transition: all 1s ease-in;
}

#block-multiblock-1,
#block-simplenews-138 {
    /* display: none; */
    position: fixed;
    width: 305px;
    bottom: -138px;
    right: 0px;
    /*background: rgba(40,40,40,1);*/
    padding: 10px 10px 35px 10px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.8);
    z-index: 100;
    border-top-left-radius: 5px;
    /* Permalink - use to edit and share this gradient: http:/* colorzilla.com/gradient-editor/#333333+0,494949+10,1c1c1c+91,131313+100 */
    background: rgb(51, 51, 51);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(51, 51, 51, 1) 0%, rgba(73, 73, 73, 1) 10%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(51, 51, 51, 1) 0%, rgba(73, 73, 73, 1) 10%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(51, 51, 51, 1) 0%, rgba(73, 73, 73, 1) 10%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#131313', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    transition: all 1s ease-in;
}

#block-multiblock-1:hover,
#block-simplenews-138:hover {
    /*  display: none; */
    position: fixed;
    width: 305px;
    bottom: 0px;
    right: 0px;
}

#block-multiblock-1 h2,
#block-simplenews-138 h2 {
    margin: 0;
    text-align: left;
    color: rgba(250, 250, 250, 0.6);
}

#block-multiblock-1 label,
.block-simplenews label {
    float: left;
}

#block-multiblock-1 input#edit-mail.form-text.required,
.block-simplenews input#edit-mail.form-text.required,
#block-multiblock-1 input,
.block-simplenews input {
    width: 150px;
    margin: 2px 5px 0 5px;
    float: left;
    background: rgba(0, 0, 0, 0.3);
    padding: 4px 4px;
    border: 1px solid #676767;
    border-radius: 4px;
    color: #999;
    font-size: 12px;
    font-style: normal;
    box-shadow: inside 0px 0px 5px 1px rgba(0, 0, 0, 1);
}

#block-multiblock-1 input.form-submit,
.block-simplenews input.form-submit {
    margin: 2px 0 0 0;
    padding: 2px 6px;
    background: rgba(70, 70, 70, 1);
    border: none;
}

#block-multiblock-1 input.form-submit:hover,
.block-simplenews input.form-submit:hover {
    border: none !important;
    background: rgba(110, 110, 110, 1);
}

.feed-icon,
.issues-link {
    display: none;
}

#block-multiblock-1 p,
.block-simplenews p {
    color: rgba(150, 150, 150, 0.8);
    margin: 0;
}

/*------MENU FOTOGRAFOVĂ NĂŤ------*/
.menufottable a {
    font-family: 'Conv_texgyreadventor-regular';
    padding: 8px 11px;
    border: none;
    border-radius: 3px;
    background: transparent url(../images/bg-menu.png) left top repeat-x;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}

.menufottable td {
    border: none;
}

.menufottable a:hover {
    color: #fff;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    opacity: 1;
    filter: alpha(opacity=100);
}

.activemf a {
    text-decoration: none;
    border: none;
    background: rgba(255, 255, 255, 0.3);
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 0.5s ease;
}

.activemf a:hover {
    background: rgba(255, 255, 255, 0.4);
}

.linebottom {
    border: none;
}

.linetop {
    border: none
}

.nadpis {
    background: transparent url(../images/bgnad.png) repeat-x;
    color: white;
    border: 0px #ccc solid;
    border-radius: 4px;
    padding: 3px 8px 3px 8px;
    vertical-align: middle;
    font-size: 16px;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.95);
    font-weight: bold;
    font-family: 'Conv_texgyreadventor-regular';
}

/* Styl pro tlačítko zavřít */
.discount-close {
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    cursor: pointer;
    opacity: 0.6;
    line-height: 1;
    color: white
}

.discount-close:hover {
    opacity: 1;
}

/* Třída, která to schová */
.team.discount.hide {
    display: none !important;
}

.hometable {
    border: 0px !important;
    padding: 10px;
    color: #1d2b31;
    vertical-align: top;
    height: 100px;
}

.poletag {
    width: 160px !important;
}

.nadpisuvodfotofirst a {
    color: white;
}

.nadpisuvodfotofirst a:hover,
.nadpisuvodfotofirst a:active {
    color: var(--b4f-zluta-hlavni);
    text-decoration: none;
}

.view-id-klicova_slova {}

.ajax-progress-throbber {
    display: none;
}

.view-taxonomy-term.view-id-taxonomy_term {
    position: relative;
    display: inline-block;
    float: none;
    text-align: left;
    margin-top: 30px;
    width: 840px;
}

.view-taxonomy-term.view-id-taxonomy_term a:active,
.view-taxonomy-term.view-id-taxonomy_term a:hover {
    color: var(--b4f-zluta-hlavni);
}

.view-foto-ostatni .views-exposed-widgets,
.view-klicova-slova .views-exposed-widgets {
    background: transparent;
    width: auto;
    height: auto;
}

.view-foto-ostatni {
    margin-top: 21px;
}

.view-foto-ostatni .views-exposed-widgets {
    display: block;
    float: none;
}

.view-foto-ostatni .form-submit,
.view-klicova-slova .form-submit {
    margin: 5px 0 0 6px !important;
    padding: 4px 6px;
    background: rgba(50, 50, 50, 1);
    border: none;
}

.view-foto-ostatni .form-submit:hover,
.view-klicova-slova .form-submit:hover {
    background: rgba(150, 150, 150, 0.6);
    border: none !important;
}

.view-foto-ostatni input,
.view-klicova-slova input {
    float: left;
    background: rgba(50, 50, 50, 0.5);
    padding: 4px 10px;
    border: 1px solid #676767;
    border-radius: 4px;
    color: #999;
    font-size: 14px;
    font-style: normal;
    width: 140px;
    box-shadow: 0px 0px 10px #000;
}

.view-klicova-slova .more-link {
    font-weight: bold;
    display: inline-block;
}

.view-klicova-slova .more-link a {
    color: #408dac !important;
}

.view-klicova-slova .more-link a:hover {
    color: #4fafd5 !important;
    text-decoration: underline !important;
}

.technika {
    opacity: 0.8;
}

.technika_nad {
    font-size: 130%;
    text-decoration: underline;
    margin: 8px 0 0 0;
}

.popispoptavka {
    font-family: 'Conv_texgyreadventor-regular';
    color: #d6d6d6;
    font-size: 12px;
    margin-top: 14px;
    text-align: justify;
}

.view-foto-ostatni .views-exposed-widgets,
.view-foto-ostatni .views-exposed-widget,
.view-klicova-slova .views-exposed-widget,
.view-klicova-slova .views-exposed-widgets {
    padding: 0;
}

.view-foto-ostatni .form-item .description {
    display: block;
    font-weight: bold;
}

.tagsfoto {
    display: block;
}

.tagsfoto {
    font-size: 19px;
    color: 1px solid rgba(200, 200, 200, 0.9);
    text-align: justify;
    margin: 0;
    float: none;
}

.galeritag a:visited,
.galeritag a,
.tagsfoto a:visited,
.tagsfoto a {
    font-size: 12px;
    color: var(--b4f-zluta-hlavni) !important;
}

.nadtag,
#block-views-klicova-slova-block h2 {
    font-family: 'Conv_texgyreadventor-regular';
    font-size: 19px;
    margin: 0 8px 0 0;
    padding: 0;
    color: #999999;
    float: none;
}

.taggalerie {
    display: inline-block;
    height: 40px;
    width: 222px;
}

.galeritag {
    display: block;
    float: left;
    padding-right: 5px;
    border-right: 1px solid rgba(100, 100, 100, 0.4);
    margin-right: 5px;
}

.galeritag a:visited {
    color: #00436F;
}

.captcha {
    display: inline-block;
    float: none;
    width: 800px;
    margin-top: 10px;
}

#edit-actions {
    float: none;
    text-align: left;
}

.typnode a {
    display: inline-block;
    margin: 0 0 5px 0;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
}

.mapadok {
    margin-bottom: 18px;
}

.tagynadpis0 {
    position: relative;
    display: inline-block;
    width: 800px;
}

.tagynadpis {
    position: relative;
    display: inline-block;
    float: none;
    margin: 15px 0 10px 5px;
    padding: 10px;
    border: 0px solid rgba(100, 100, 100, 0.4);
    background: rgba(30, 30, 30, 1);
    border-radius: 0px;
}

.active123 {
    color: rgba(220, 220, 220, 0.6);
    font-size: 16px;
}

.active12 {
    color: rgba(220, 220, 220, 1);
    font-weight: bold;
    text-decoration: underline;
    font-size: 16px;
}

.galeritag a.active,
.galeritag .active,
.tagy .active {
    background: var(--b4f-zluta-hlavni) !important;
    color: rgba(0, 0, 0, 1) !important;
    font-weight: bold;
    padding: 1px;
    text-decoration: none;
}

.tagytyp {
    color: rgba(220, 220, 220, 0.6);
    text-transform: uppercase;
    font-size: 14px;
}

.tagynode1 {
    display: inline-block;
    text-align: left;
    width: 335px;
    float: left;
    font-family: 'Conv_texgyreadventor-regular';
}

.field-name-field-tagy .field-label,
.infofoto .field-items,
.zvyrazneni {
    color: rgba(200, 200, 200, 1);
    font-weight: bold;
}

.tagynode {
    float: none;
    display: inline-block;
    color: rgba(150, 150, 150, 1);
    padding: 10px;
    background: rgba(30, 30, 30, 1);
    margin: 15px 80px 0 0;
    width: 321px;
    border-radius: 8px;
}

.tagynode a {
    color: var(--b4f-zluta-hlavni);
}

.footertable1 a:hover,
.tagynode a:hover {
    color: #ffd481;
}

.tagy {
    background: rgba(80, 80, 80, 0.3);
    width: 220px;
    height: 280px;
    border: 0px solid rgba(100, 100, 100, 0.4);
    border-radius: 0px;
    margin: 5px;
    padding: 10px;
    float: left;
}

.tagyklic {
    display: block;
    color: rgba(200, 200, 200, 1);
}

.tagy .nadpistagy {
    height: 35px;
    font-size: 14px;
    font-weight: bold;
}

.tagy .nadpistagy a {
    color: white;
}

.pluginSkinDark ._1cb,
._5yk1 {
    background: #000 !important;
}

.comment.comment-by-anonymous.clearfix {
    background: rgba(55, 55, 55, 0.6);
    margin: 5px 0;
    padding: 5px;
    color: white;
}

#comments .indented {
    background: none;
}

.comment-wrapper {
    background: none;
    padding: 10px;
    border: 1px solid rgba(155, 155, 155, 0.9);
}

#comments h2 {
    color: #666;
    font-size: 1.667em;
    /* float: left; */
    margin: 0;
    padding: 0;
    border: none;
    font-size: 16px;
    z-index: 900;
}

.comment-form .form-item .username {
    width: 150px;
    float: left;
}

.comment-form .form-type-textfield input {
    width: 150px;
    float: left;
}

.comment-form .form-type-textfield label {
    width: 80px;
}

#comment-form #edit-preview,
#edit-comment-body-und-0-format,
.form-item-subject {
    display: none;
}

.text-format-wrapper,
.form-textarea-wrapper.resizable.textarea-processed.resizable-textarea {
    width: 380px;
    float: left;
}

.text-format-wrapper {
    margin-right: 20px;
}

.comment-form .captcha {
    margin-top: 30px;
}

.comment-form .captcha img,
.comment-form .captcha a img {
    border: none;
    outline: none;
}

#comment-form .form-item.form-type-textfield.form-item-captcha-response {
    margin: 0;
}

.comment-form .form-type-textfield label {
    display: inline-block;
    width: 280px;
    float: none;
}

input#edit-captcha-response.form-text.required {
    display: inline-block;
    float: none;
}

input#edit-captcha-response.form-text.required {
    display: inline-block;
    float: none;
}

.infofoto td {
    border: 0px !important;
    padding: 8px !important;
    color: rgba(150, 150, 150, 1);
}

.infofoto_graf {
    display: block;
    padding: 8px;
    color: rgba(150, 150, 150, 1);
    border: 1px solid rgba(100, 100, 100, 1);
    background: rgba(100, 100, 100, 0.3);
    width: 330px;
    float: left;
}

.infofoto table {
    border: 0px solid rgba(100, 100, 100, 1);
    background: rgba(100, 100, 100, 0.3);
    border-radius: 8px;
}

.author {
    display: block;
    width: 100%;
    text-align: justify;
    font-family: 'Conv_texgyreadventor-regular';
    font-size: 14px;
    color: rgba(220, 220, 220, 1);
    line-height: 1.6
}

.author a {
    font-weight: bold;
}

.first_column {
    display: inlie-block;
    width: 49%;
    margin-right: 2%;
    float: left;
}

.second_column {
    display: inlie-block;
    width: 49%;
    float: right;
}

.author .end {
    display: inline-block;
    width: 100%;
    margin: 15px 0;
    text-align: left;
}

.kategoriefoto {
    margin-top: 8px;
    width: 100%;
}

/*POPUP*/
#popup_03 {
    z-index: 300;
}

.container_popup_02 {
    /* width: 100%; */
    /* height: 100vh; */
    /* background: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0.9)); */
    display: fixed;
    align-items: center;
    justify-content: center;
}

.btn_02 {
    padding: 10px 20px;
    border-radius: 60px;
    background: linear-gradient(135deg, var(--b4f-zluta-hlavni) 0%, #e59040 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: white !important;
    font-size: 20px;
    font-weight: bold;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    border: 0;
    cursor: pointer;
    transition: transform 0.2s;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.btn_02.freeplans {
    display: inline-block;
    font-family: 'Conv_texgyreadventor-regular';
    color: #d6d6d6;
    font-size: 14px;
    float: left;
    margin-right: 10px;
    font-weight: bold;
    padding: 0px 15px 6px 15px;
    border-radius: 40px;
    /* background: rgba(200,200,200,0.2); */
    background: linear-gradient(135deg, var(--b4f-zluta-hlavni) 0%, #e59040 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.btn_02.team {
    display: inline-block;
    font-family: 'Conv_texgyreadventor-regular';
    float: none;
    position: relative;
    display: inline-block;
    text-align: center;
    margin-top: 21px;
    color: white;
    padding: 4px 15px;
    margin-left: 10px;
    font-size: 14px;
    border-radius: 25px;
    background: linear-gradient(135deg, var(--b4f-zluta-hlavni) 0%, #e59040 100%);
}

.downloadsvg {
    position: relative;
    top: 5px;
    width: 23px;
    height: auto;
    margin-left: 5px;
    fill: white;
}

.btn_02:active {
    transform: scale(0.95);
}

.popup_021,
.popup_02 {
    width: 900px;
    background: rgba(40, 40, 40, 1);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 12px;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.1);
    text-align: center;
    padding: 0 30px 30px;
    color: #333;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 300px 300px rgba(0, 0, 0, 0.8);
}

.open-popup_021,
.open-popup_02 {
    visibility: visible;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    z-index: 100;
}

.popup_02 img {
    width: 100px;
    margin-top: -50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.popup_02 h2 {
    font-size: 38px;
    font-weight: 500;
    margin: 30px 0 10px;
}

.popup_02 button {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 10px 20px;
    border-radius: 60px;
    background: linear-gradient(135deg, var(--b4f-zluta-hlavni) 0%, #e59040 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: white !important;
    font-size: 20px;
    font-weight: bold;
    /* box-shadow:  0 0 20px 2px rgba(0,0,0,1); */
    text-transform: uppercase;
    border: 0;
    cursor: pointer;
    transition: transform 0.2s;
}

.how_discount {
    font-family: 'Conv_texgyreadventor-regular';
    font-size: 16px;
    color: white;
}

.how_discount p {
    margin-bottom: 6px !important;
}

.how_discount .titleakt1 {
    margin-bottom: 20px;
}

.number_circle {
    display: inline-block;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 5px;
    background: linear-gradient(135deg, var(--b4f-zluta-hlavni) 0%, #e59040 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 2px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.number_circle .in_number {
    position: relative;
    top: 0px;
    right: 1px;
}

.members .number_circle {
    font-size: 15px;
    width: 18px;
    height: 18px;
    padding: 4px 6px 8px 6px;
}

.team1 .number_circle {
    padding: 0 5px 10px 5px;
}

.how_discount .youtube_content iframe {
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 15px;
}

.how_discount pre button {
    display: inline-block;
    margin-left: 10px;
    margin-top: 0px;
    padding: 10px;
    border-radius: 60px;
    background: rgba(0, 0, 0, 0.3);
    color: white !important;
    font-size: 16px;
    font-weight: normal;
    border: 0;
    cursor: pointer;
    transition: transform 0.2s;
    text-transform: none;
}

/* --- OPRAVA ZAROVNÁNÍ: VYNUCENÍ OBSAHU NAHORU --- */
table,
tr,
td {
    vertical-align: top !important;
}

pre {
    display: inline-block;
    padding: 15px 25px;
    background: rgba(60, 60, 60, 1);
    border: 0;
    margin: 0;
    overflow-x: hidden;
    border-radius: 10px;
}

pre[class*="language-"] {
    position: relative;
    overflow: auto;
    /* make space  */
    margin: 5px 0;
    padding: 1.75rem 0 1.75rem 1rem;
    border-radius: 10px;
}

pre[class*="language-"] button {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 0.9rem;
    padding: 0.15rem;
    background-color: #828282;
    border: ridge 1px #7b7b7c;
    border-radius: 5px;
    text-shadow: #c4c4c4 0 0 2px;
}

pre[class*="language-"] button:hover {
    cursor: pointer;
    background-color: #bcbabb;
}

.facebook_chcislevu a {
    display: inline-block;
    padding: 10px 20px 5px 20px;
    background: rgba(60, 60, 60, 1);
    border: 0;
    margin: 0;
    overflow-x: hidden;
    border-radius: 100px;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.facebook_chcislevu_intext {
    display: inline-block;
    position: relative;
    bottom: 7px;
    margin-right: 3px;
}

.social_buttons {
    display: block;
    font-family: 'Conv_texgyreadventor-regular';
    color: #d6d6d6;
    font-size: 14px;
    float: left;
    /* margin-left:10px; */
    font-weight: bold;
    padding: 4px 15px 7px 15px;
    border-radius: 40px;
    background: rgba(200, 200, 200, 0.2);
}

.social_buttons.video {
    margin-right: 9px;
}

.social_buttons.fotografie {
    margin-top: 9px;
}

.social_buttons a {
    position: relative;
    top: 4px;
    margin-left: 4px;
    margin-right: 4px;
}

.social_buttons .facebook {
    margin-left: 4px;
}

.social_small {
    width: 20px;
    height: auto;
}

.social_small.chcislevu {
    width: 20px;
    height: auto;
    padding: 6px;
    background: rgba(255, 255, 255, 1);
    border-radius: 30px;
}

.facebook_chcislevu a:hover,
.social_buttons a:hover {
    text-decoration: none;
}

.b4f_table td {
    padding: 8px 6px;
    background-color: rgba(0, 0, 0, 0.9);
    color: white;
    border: none;
}

.b4f_table tr.Ne td a,
.b4f_table tr.Ne td {
    color: rgba(255, 255, 255, 0.2);
}

.b4f_table tr.Ne td {
    background-color: rgba(50, 50, 50, 0.9) !important;
}

.b4f_table tr {
    border: none;
}

.b4f_table tr.even td {
    background-color: rgba(0, 0, 0, 0.9);
}

.b4f_table tr.odd td {
    background-color: rgba(0, 0, 0, 0.8);
}

.b4f_table tr.inactive td {
    background-color: rgba(144, 0, 0, 0.9);
}

/* --- SILNĚJŠÍ STYLY PRO OPRAVU PŘESAHU SLEVOVÉHO POLA --- */
/* 1. CÍLENÍ NA KONTEJNER: Zajištění šířky a flexboxu */
.form .discount-input-container {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 20px 0 !important;
    /* VYNUCENÍ 100% ŠÍŘKY VŮČI RODIČI A OCHRANA PROTI PŘESAHU */
    width: 100%;
    box-sizing: border-box;
    /* Řeší, pokud je na rodičovském .form nastaven nějaký padding */
    padding: 0;
}

/* 2. SKRYTÍ POPISKU A STYLOVÁNÍ TEXTOVÉHO POLE */
.discount-input-container label[for="edit-submitted-discount-code"] {
    display: none;
    /* Skryje popisek "Slevový kód" */
    ;
}

.discount-input-container input[type="text"] {
    flex-grow: 1;
    /* Políčko zabere volný prostor */
    /* Zde musíme zajistit, aby INPUT samotný neměl příliš velký width od Webformu */
    width: 100%;
    /* Původní styly Drupalu často nastavují width */
    max-width: none;
    /* Neutralizujeme externí max-width */
    /* Ponecháme vámi nastavené styly, např. pro placeholder */
}

/* 3. TLAČÍTKO: Stylování */
#apply-discount-btn {
    background-color: transparent;
    color: var(--b4f-zluta-hlavni);
    border: 1px solid var(--b4f-zluta-hlavni);
    border-radius: 25px;
    padding: 8px 15px;
    cursor: pointer;
    font-weight: bold;
    flex-shrink: 0;
    /* Nepovolíme zmenšování tlačítka */
    height: 38px;
    /* Důležité: Přepisujeme interní Webform marginy */
    margin: 0 !important;
}

/* PRAVIDLO PRO SKRYTÍ CELÉHO BLOKU SLEVOVÉHO KÓDU, KDYŽ JE SLEVA VYPNUTÁ */
.hide-discount-field .webform-component--discount-code {
    display: none !important;
    /* Důležité: Přepíše jakékoliv interní nastavení Drupalu/Webformu */
    visibility: hidden;
    /* Jen pro jistotu (někdy pomůže v Drupalu) */
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- TENTO BLOK PŘIDEJ NA KONEC ZÁLOHY --- */
.webform-component--plan-version-select .form-item,
.webform-component--gdpr-a-obchodni-podminky .form-item,
.webform-component--souhlas-op .form-item {
    display: flex !important;
    align-items: flex-start !important;
    margin-bottom: 12px !important;
    text-align: left !important;
}

.webform-component--plan-version-select input,
.webform-component--gdpr-a-obchodni-podminky input,
.webform-component--souhlas-op input {
    margin-top: 4px !important;
    margin-right: 12px !important;
    flex-shrink: 0 !important;
    cursor: pointer;
}

.webform-component--plan-version-select label.option,
.webform-component--gdpr-a-obchodni-podminky label.option,
.webform-component--souhlas-op label.option {
    display: inline-block !important;
    line-height: 1.5 !important;
    font-size: 13px !important;
    cursor: pointer;
    margin: 0 !important;
    padding: 0 !important;
}

.webform-component--gdpr-a-obchodni-podminky label.option {
    max-width: 320px !important;
}

.webform-component--plan-version-select .form-radios,
.webform-component--gdpr-a-obchodni-podminky .form-radios,
.webform-component--souhlas-op .form-radios {
    margin: 0 !important;
    padding: 0 !important;
}

.webform-component--plan-version-select,
#edit-submitted-plan-version-select {
    margin-top: 10px !important;
}

/* --- VYVÁŽENÁ TABULKA (Short vs Long URL) --- */
.shurly_table {
    table-layout: auto !important;
    /* Necháme prohlížeč, ať inteligentně dělí prostor */
    width: 100% !important;
}

/* Nastavení pro oba sloupce s adresami - Long i Short */
.shurly_table td.views-field-destination,
.shurly_table td.views-field-source,
.shurly_table td.views-field-source-1 {
    word-break: break-all;
    /* Rozbije text kdekoli (vhodné pro URL bez mezer) */
    white-space: normal;
    /* Povolí zalomení na víc řádků */
    width: 35%;
    /* Dáme jim stejný základní prostor */
    padding: 8px !important;
    vertical-align: top;
    /* Aby text začínal u obou nahoře stejně */
}

/* Custom Name - ten taky potřebuje dýchat, ale stačí mu míň */
.shurly_table td.views-field-custom-name {
    width: 20%;
    word-wrap: break-word;
    white-space: normal;
}

/* Malé sloupce (Clicks, Akce), aby nezabíraly zbytečné místo */
.shurly_table td.views-field-count,
.shurly_table td.views-field-link-edit,
.shurly_table td.views-field-link-delete {
    width: auto;
    white-space: nowrap;
    /* Tady naopak nechceme, aby se "smazat" roztrhlo */
}

/* ========================================
   ČLÁNKY B4F - BEZ ZMĚN, JEN FLOAT PRO LAYOUT
   ======================================== */
#clanky_b4f {
    display: block;
    width: 920px;
    /* nebo 918px – podle toho, co chceš držet */
}

.logged-in #clanky_b4f .bodydok .telo.b4f.clanky {
    float: left;
    width: 918px !important;
}

/* Obsah článku vlevo */
#clanky_b4f .bodydok .telo.b4f.clanky {
    float: left;
    width: 738px;
    /* = 748px */
}

/* Pravý sloupec vpravo */
#clanky_b4f .infofoto {
    float: right;
    width: 160px !important;
}

/* Clear float */
#clanky_b4f::after {
    content: "";
    display: table;
    clear: both;
}

.block-ads-plans img {
    width: 308px;
    height: auto;
}

.b4fclanky .block-ads-plans img {
    width: 140px !important;
    height: auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.block-ads-plans table {
    background: none;
}

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

    #clanky_b4f .bodydok,
    #clanky_b4f .infofoto {
        float: none;
        width: 100%;
    }
}

.telo.b4f.clanky {
    padding-right: 10px;
}

#main .telo.b4f.clanky p {
    margin-right: 0px;
}

/* Pravý sloupec: nic uvnitř nesmí být širší než sloupec */
#clanky_b4f .infofoto table {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#clanky_b4f .infofoto td {
    box-sizing: border-box !important;
    padding: 4px !important;
    /* nebo klidně 0 */
    box-sizing: border-box !important;
    border-left: 3px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 10px;
}

#clanky_b4f .infofoto td td {
    border-left: 0 !important;
    border-radius: 0px;
}

/* ========================================
   UNIVERZÁLNÍ TABULKY PRO ČLÁNKY B4F
   ======================================== */
.table_b4f_posts_wrapper {
    max-width: 910px;
    margin: 30px auto;
    background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%);
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.8);
}

.table_b4f_posts_header {
    text-align: center;
    margin-bottom: 30px;
}

.table_b4f_posts_header img {
    width: 200px;
    height: auto;
    margin-bottom: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.table_b4f_posts_subtitle {
    color: var(--b4f-zluta-hlavni);
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 5px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.table_b4f_posts_title {
    color: var(--b4f-zluta-hlavni);
    font-size: 32px;
    font-weight: bold;
    margin: 10px 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.table_b4f_posts_description {
    color: #999;
    font-size: 12px;
    margin-top: 10px;
    line-height: 1.6;
}

.table_b4f_posts_description a {
    color: var(--b4f-zluta-hlavni);
    text-decoration: underline;
}

.table_b4f_posts_description a:hover {
    color: #ffd481;
}

.table_b4f_posts {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    font-family: 'Conv_texgyreadventor-regular', Arial, sans-serif;
}

.table_b4f_posts tr {
    border: none;
}

.table_b4f_posts td {
    padding: 8px 12px;
    color: #ddd;
    font-size: 13px;
    background: rgba(0, 0, 0, 0.3);
    border: none;
}

.table_b4f_posts tr:nth-child(even) td {
    background: rgba(0, 0, 0, 0.4);
}

.table_b4f_posts tr:nth-child(odd) td {
    background: rgba(0, 0, 0, 0.3);
}

/* Hlavičky sekcí */
.table_b4f_posts .section_header td {
    padding: 10px;
    font-weight: bold;
    font-size: 15px;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: rgba(100, 100, 100, 0.4) !important;
}

/* Ceny v pravém sloupci */
.table_b4f_posts .price_cell {
    text-align: right;
    color: var(--b4f-zluta-hlavni);
    font-size: 13px;
}

.table_b4f_posts .section_header .price_cell {
    font-weight: bold;
    font-size: 15px;
    color: var(--b4f-zluta-hlavni);
    text-transform: none !important;
}

/* Poznámky a doplňující texty */
.table_b4f_posts .note_row td {
    font-size: 12px;
    font-style: italic;
    color: #aaa;
    padding: 8px 12px;
}

/* Mezisoučet */
.table_b4f_posts .subtotal_row td {
    padding: 12px;
    font-weight: bold;
    font-size: 16px;
    color: white;
    text-transform: uppercase;
    background: rgba(150, 150, 150, 0.3) !important;
}

.table_b4f_posts .subtotal_row .price_cell {
    font-weight: bold;
    font-size: 16px;
    color: var(--b4f-zluta-hlavni);
    text-transform: none !important;
}

/* Celková suma */
.table_b4f_posts .total_row td {
    padding: 15px;
    font-weight: bold;
    color: #000;
    letter-spacing: 2px;
    background: none !important;
    vertical-align: middle;
    border: none !important;
}

.table_b4f_posts .total_row {
    background: linear-gradient(135deg, var(--b4f-zluta-hlavni) 0%, #e59040 100%) !important;
}

.table_b4f_posts .total_row td:first-child {
    font-size: 20px;
    text-align: left;
    text-transform: uppercase;
}

.table_b4f_posts .total_row .price_cell {
    font-weight: bold;
    font-size: 24px;
    color: #000;
    white-space: nowrap;
    text-align: right;
    text-transform: none !important;
}

/* Responsive */
@media screen and (max-width: 768px) {
    .table_b4f_posts_wrapper {
        padding: 20px;
        margin: 20px 10px;
    }

    .table_b4f_posts_title {
        font-size: 24px;
    }

    .table_b4f_posts td {
        font-size: 12px;
        padding: 6px 8px;
    }

    .table_b4f_posts .section_header td {
        font-size: 13px;
    }

    .table_b4f_posts .total_row td {
        font-size: 16px;
    }

    .table_b4f_posts .total_row .price_cell {
        font-size: 20px;
    }
}

/* Pokud je uživatel přihlášený (.logged-in), skryj tento prvek */
.logged-in .jen-pro-navstevniky {
    display: none !important;
}

/* --- HLAVNÍ KONTEJNER (Dark Mode) --- */
.op-container {
    font-family: 'Open Sans', sans-serif;
    /* Nebo tvůj font */
    line-height: 1.6;
    color: #e0e0e0;
    /* Světle šedý text - dobře čitelný na černé */
    max-width: 100%;
    background-color: transparent;
    /* Bere pozadí webu */
}

/* --- ODKAZY --- */
.op-container a {
    color: #ffcc00 !important;
    /* Tvoje žlutá */
    text-decoration: none;
    transition: opacity 0.2s;
    border-bottom: 1px dotted #ffcc00;
}

.op-container a:hover {
    opacity: 0.8;
    text-decoration: none;
}

/* --- NADPISY --- */
.op-container h3 {
    color: #ffcc00;
    /* Žlutá */
    border-bottom: 1px solid #333;
    /* Tmavá linka pod nadpisem */
    padding-bottom: 10px;
    margin-top: 40px;
    font-size: 1.5em;
    text-transform: uppercase;
    letter-spacing: 1px;
    scroll-margin-top: 100px;
    /* Aby se neschoval pod menu */
}

.op-container h4 {
    color: #ffffff;
    /* Bílá pro podnadpisy */
    margin-bottom: 10px;
    margin-top: 25px;
    font-size: 1.1em;
    font-weight: bold;
}

/* --- TEXTY A SEZNAMY --- */
.op-container p {
    margin-bottom: 15px;
    text-align: justify;
}

.op-container ul,
.op-container ol {
    margin-bottom: 15px;
    padding-left: 20px;
    color: #cccccc;
}

.op-container li {
    margin-bottom: 8px;
}

.op-container strong {
    color: #ffffff;
    /* Tučné písmo svítí bíle */
    ;
}

/* --- TABULKY (Tmavý styl) --- */
.op-table-wrapper {
    overflow-x: auto;
    margin: 20px 0;
}

.op-container table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95em;
    background-color: #111;
    /* Velmi tmavé pozadí tabulky */
    border: 1px solid #333;
}

.op-container td {
    border: 1px solid #333;
    /* Tmavě šedé mřížky */
    padding: 12px;
    vertical-align: top;
    color: #ddd;
}

.op-container td:first-child {
    font-weight: bold;
    background-color: #1a1a1a;
    /* První sloupec trochu odlišený */
    color: #ffcc00;
    /* Popisky žlutě */
    width: 30%;
    min-width: 150px;
}

/* --- OBSAH (TOC) --- */
.op-toc {
    background-color: #111;
    padding: 25px;
    border-radius: 4px;
    margin-bottom: 40px;
    border: 1px solid #333;
    border-left: 4px solid #ffcc00;
    /* Žlutý pruh vlevo */
}

.op-toc h3 {
    color: #fff;
    /* Nadpis OBSAH bíle */
    margin-top: 0;
    border: none;
    font-size: 1.2em;
    padding-bottom: 10px;
    text-transform: none;
}

.op-toc ol {
    margin: 0;
    padding-left: 25px;
    color: #999;
}

.op-toc li a {
    color: #ddd !important;
    /* Odkazy v obsahu bílo-šedé */
    border-bottom: none;
}

.op-toc li a:hover {
    color: #ffcc00 !important;
    /* Při najetí zežloutnou */
    ;
}

/* --- BOXY (Upozornění a Checkboxy) --- */
.op-important-box {
    background-color: rgba(255, 204, 0, 0.05);
    /* Průhledná žlutá */
    border: 1px solid #ffcc00;
    padding: 20px;
    border-radius: 5px;
    margin: 20px 0;
    color: #ffcc00;
}

.op-checkbox-simulate {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    background-color: #1a1a1a;
    /* Tmavé pozadí */
    padding: 20px;
    border: 1px dashed #555;
    margin-top: 15px;
    border-radius: 5px;
}

.op-checkbox-icon {
    font-size: 1.5em;
    line-height: 1;
    color: #ffcc00;
}

/* --- OPRAVA PRO BOX "JAK NA TO" (z prvního screenu) --- */
/* Pokud používáš ten boxík i jinde, dej mu třídu .dark-box */
.dark-box {
    background-color: #1a1a1a !important;
    border: 1px solid #333;
    color: #ddd;
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 8px;
    border-left: 5px solid #ffcc00;
    /* Místo zelené dej žlutou, ať to ladí */
}

.zluty-obrys {
    border: 2px solid var(--b4f-zluta-hlavni);
    padding: 25px;
    margin: 30px 0;
    border-radius: 15px;
}

/* =========================================================
   PRINT – hezký tisk článků (full width, bez prázdných stran)
   Vložit úplně na konec CSS
   ========================================================= */
@media print {

    /* A) OKRAJE / STRÁNKA */
    @page {
        margin: 12mm;
    }

    body.print-optimized html,
    body.print-optimized body {
        background: #fff !important;
        color: #000 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* B) Reset efektů a "divných" věcí pro tisk */
    body.print-optimized * {
        box-shadow: none !important;
        text-shadow: none !important;
    }

    /* C) Schovat admin / overlay / navigaci / patičky / rušivé prvky */
    body.print-optimized #toolbar,
    body.print-optimized #toolbar-administration,
    body.print-optimized .region-page-top,
    body.print-optimized #overlay,
    body.print-optimized #overlay-disable-message,
    body.print-optimized .tabs,
    body.print-optimized tr.bg-header,
    body.print-optimized #img_menu,
    body.print-optimized .img_menu,
    body.print-optimized .login_href,
    body.print-optimized td.footertable,
    body.print-optimized .footertable1,
    body.print-optimized .scroll_top,
    body.print-optimized .no-print,
    body.print-optimized .clanek_actions,
    body.print-optimized .social_buttons,
    body.print-optimized .tagynode1,
    body.print-optimized #clanky_b4f .infofoto,
    body.print-optimized #clanky_b4f .youtube_content,
    body.print-optimized iframe,
    body.print-optimized video {
        display: none !important;
    }

    /* D) Zabít "spacer" řádky v tabulkách (často dělají prázdná místa) */
    body.print-optimized tr[style*="height:15px"],
    body.print-optimized tr[height="0px"],
    body.print-optimized tr[height="20px"] {
        display: none !important;
    }

    /* E) Full width – roztahuj jen kontejnery a TABULKY jako celek (ne td) */
    body.print-optimized #page,
    body.print-optimized #page-wrapper,
    body.print-optimized #main-wrapper,
    body.print-optimized #main,
    body.print-optimized #content,
    body.print-optimized #content-area {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.print-optimized table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: auto !important;
    }

    /* Nikdy nedávej buňkám 100% šířku – rozbiješ tabulkový layout */
    body.print-optimized td,
    body.print-optimized th,
    body.print-optimized tr,
    body.print-optimized tbody {
        width: auto !important;
        max-width: none !important;
    }

    /* F) Zruš 100% výšku wrapper tabulek (typický zdroj prázdných stran) */
    body.print-optimized table[style*="height: 100%"],
    body.print-optimized table[style*="height:100%"] {
        height: auto !important;
        min-height: 0 !important;
    }

    /* G) Článek – bílé pozadí, full width, čitelnost */
    body.print-optimized #clanky_b4f,
    body.print-optimized #clanky_b4f .bodydok,
    body.print-optimized #clanky_b4f .telo {
        background: #fff !important;
        color: #000 !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.print-optimized #clanky_b4f p,
    body.print-optimized #clanky_b4f li {
        font-size: 12pt !important;
        line-height: 1.45 !important;
        color: #000 !important;
    }

    /* H) Obrázky hezky do stránky */
    body.print-optimized img {
        max-width: 100% !important;
        height: auto !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    /* I) Rubrika + doplnění URL /navody */
    body.print-optimized #clanky_b4f .kategoriefoto a {
        color: #000 !important;
        text-decoration: none !important;
        font-weight: 700 !important;
    }

    body.print-optimized #clanky_b4f .kategoriefoto a:after {
        content: " — https://www.tomashorsky.com/navody";
        font-weight: 400 !important;
        font-size: 10pt !important;
    }

    /* J) Boxy v článku: netisknout tmavé pozadí */
    body.print-optimized #clanky_b4f .tema01,
    body.print-optimized #clanky_b4f .dark-box,
    body.print-optimized #clanky_b4f .o_mne {
        background: transparent !important;
        color: #000 !important;
        border: 1px solid #bbb !important;
    }

    /* K) Stránkování – důležité */
    body.print-optimized pre,
    body.print-optimized blockquote {
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    body.print-optimized table,
    body.print-optimized tr,
    body.print-optimized td,
    body.print-optimized th {
        page-break-inside: auto !important;
        break-inside: auto !important;
    }

    /* L) SendPulse webforms – pryč v tisku */
    body.print-optimized iframe[src*="webformscr.com"],
    body.print-optimized script[src*="webformscr.com"],
    body.print-optimized [sp-form-id],
    body.print-optimized [class*="sp-form"],
    body.print-optimized [id*="sp-form"],
    body.print-optimized [class*="sendpulse"],
    body.print-optimized [id*="sendpulse"] {
        display: none !important;
    }
}

.print_button {
    display: inline-block;
    padding: 10px 20px;
    background: transparent;
    border: 2px solid #808080;
    color: #808080 !important;
    font-size: 16px;
    font-weight: bold;
    border-radius: 25px;
    cursor: default;
}

.print_button:hover {
    text-decoration: none;
}

.logged-in .print_button {
    border: 2px solid var(--b4f-zluta-hlavni);
    color: var(--b4f-zluta-hlavni) !important;
    cursor: pointer;
}

.logged-in .print_button:hover {
    text-decoration: underline;
}

.print_button:hover {
    /* text-decoration: none; */
}

/* Top řádek nad článkem: rubrika + tisk */
.clanek-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 0 0 14px 0;
}

/* ať je to hezky na jedné lince */
.clanek-topbar .kategoriefoto {
    margin: 0 !important;
}

/* tlačítko doprava */
.clanek-topbar .clanek_actions {
    margin: 0 !important;
    white-space: nowrap;
}

/* BUILD4FUN – captions pod obrázky v článcích */
.b4f_img_caption {
    font-size: 12px !important;
    line-height: 1.4;
    opacity: 0.85;
    margin: -15px 0 18px 0 !important;
    /* lehce přitáhne k obrázku + nechá prostor pod captionem */
    padding-left: 15px;
    /* mezera od svislé čáry */
    border-left: 3px solid rgba(255, 255, 255, 0.28);
    /* svislá šedá linka */
}

/* obal formuláře */
.article-feedback-webform .b4f-feedback-choice {
    margin-top: 8px;
}

/* radios jako 2 velká tlačítka */
.article-feedback-webform .b4f-feedback-choice .form-type-radio {
    display: inline-block;
    margin: 0 10px 10px 0;
}

.article-feedback-webform .b4f-feedback-choice input[type="radio"] {
    display: none;
}

.article-feedback-webform .b4f-feedback-choice label {
    display: inline-block;
    padding: 12px 16px;
    border: 2px solid #f2c200;
    /* tvoje žlutá – když máš konkrétní HEX, přepiš */
    border-radius: 999px;
    cursor: pointer;
    font-weight: 600;
    color: #f2c200;
}

.article-feedback-webform .b4f-feedback-choice input[type="radio"]:checked+label {
    background: #f2c200;
    color: #111;
}

/* zešednutí po hlasu */
.article-feedback-webform.b4f-feedback-voted,
.article-feedback-webform .b4f-feedback-voted {
    opacity: 0.9;
}

.article-feedback-webform.b4f-feedback-voted label,
.article-feedback-webform .b4f-feedback-voted label {
    cursor: default;
}

.article-feedback-webform .b4f-count {
    display: none;
}

.article-feedback-webform.b4f-feedback-voted .b4f-count {
    display: block;
}

.article-feedback-webform.b4f-feedback-voted .b4f-feedback-choice label.option {
    border: 2px solid #9e9e9e;
    color: #9e9e9e;
}

.article-feedback-webform.b4f-feedback-voted .b4f-feedback-choice label.option:hover {
    cursor: auto;
}

.b4f-feedback-voted {
    opacity: .9;
}

.b4f-feedback-voted .b4f-feedback-done {
    margin-bottom: 10px;
    font-weight: bold;
    opacity: 1;
}

.b4f-feedback-done {
    margin: 0 0 10px 0;
    padding: 0;
    color: #d1d1d1;
    border: 0;
    opacity: 1;
    /* ať nadpis není šedivej tolik jako zbytek */
}

/* =========================================================
   BUILD4FUN – Hodnocení článku (Webform 756) – DIVIDER verze
   Vložit na konec CSS (a ideálně smazat starý "karta" blok)
   ========================================================= */
.article-feedback-webform {
    margin: 22px 0 18px 0;
    padding-top: 18px;
    padding-bottom: 15px;
    border-top: 2px dashed rgba(255, 255, 255, 0.2);
    border-bottom: 2px dashed rgba(255, 255, 255, 0.28);
    text-align: center;
}

/* zruš kartu */
.article-feedback-webform form.webform-client-form {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* text nad tlačítky (z markup, co doplníš do tpl) */
.article-feedback-webform .b4f-feedback-title {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    color: rgba(240, 240, 240, 0.95);
    margin-bottom: 6px;
}

.article-feedback-webform .b4f-feedback-subtitle {
    font-size: 13px;
    opacity: 0.75;
    margin-bottom: 12px;
}

/* volby jako pill tlačítka (tohle si můžeš nechat z původního bloku) */
.article-feedback-webform .b4f-feedback-choice {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

.article-feedback-webform .b4f-feedback-choice input[type="radio"] {
    position: absolute !important;
    left: -9999px !important;
}

.article-feedback-webform .b4f-feedback-choice label.option {
    display: inline-block;
    padding: 10px 16px;
    border-radius: 65px;
    border: 2px solid var(--b4f-zluta-hlavni);
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.5px;
    color: var(--b4f-zluta-hlavni);
    background: rgba(0, 0, 0, 0.25);
    cursor: pointer;
    transition: all 0.25s ease;
}

.article-feedback-webform .b4f-feedback-choice label.option:hover {
    box-shadow: 0 0 12px 0 rgba(249, 195, 67, 0.35);
    background: rgba(0, 0, 0, 0.35);
    text-decoration: none;
}

.article-feedback-webform .b4f-feedback-choice input[type="radio"]:checked+label.option {
    color: #111 !important;
    border-color: transparent;
    background: linear-gradient(135deg, var(--b4f-zluta-hlavni) 0%, #e59040 100%);
    box-shadow: 0 0 14px 0 rgba(249, 195, 67, 0.40);
}

/* =========================================================
   BUILD4FUN – DOPLNĚK: jen mezery + input + submit (bez zásahu do pillů)
   VLOŽIT POD TVŮJ BLOK
   ========================================================= */
/* Webform default marginy dělají ty obří mezery */
.article-feedback-webform form.webform-client-form .form-item {
    margin: 0 !important;
    /* stáhne mezery mezi bloky */
    ;
}

.article-feedback-webform form.webform-client-form .form-actions {
    margin: 10px 0 0 0 !important;
    /* stáhne mezeru nad Odeslat */
    padding: 0 !important;
    text-align: center !important;
    /* pojistka na střed */
}

/* label "Co vylepšit..." – bez extra mezery */
.article-feedback-webform form.webform-client-form .form-item label {
    margin: 0 0 9px 0;
}

/* textové pole – kulaté, do tmava, max šířka jako dřív */
.article-feedback-webform form.webform-client-form input[type="text"],
.article-feedback-webform form.webform-client-form textarea {
    display: block;
    width: 100%;
    max-width: 620px;
    margin: 0 auto !important;
    /* vycentrovat input */
    box-sizing: border-box;
    padding: 10px 14px;
    border-radius: 18px;
    /* kulatější (aby sedělo k pillům) */
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(0, 0, 0, 0.22);
    color: rgba(255, 255, 255, 0.92);
    outline: none;
}

/* focus jemně žlutě */
.article-feedback-webform form.webform-client-form input[type="text"]:focus,
.article-feedback-webform form.webform-client-form textarea:focus {
    border-color: rgba(249, 195, 67, 0.75);
    box-shadow: 0 0 0 3px rgba(249, 195, 67, 0.16);
}

/* tlačítko ODESLAT – kulaté, jemné, ne "hranaté" */
.article-feedback-webform form.webform-client-form input[type="submit"],
.article-feedback-webform form.webform-client-form button[type="submit"],
.article-feedback-webform form.webform-client-form .form-submit {
    display: inline-block;
    margin: 0 auto !important;
    padding: 10px 16px;
    border-radius: 999px !important;
    /* pill jako zbytek grafiky */
    border: 2px solid rgba(249, 195, 67, 0.55);
    background: rgba(0, 0, 0, 0.18);
    color: rgba(249, 195, 67, 1) !important;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    /* pojistka aby to nikde "neviselo" */
    position: static !important;
}

.article-feedback-webform form.webform-client-form input[type="submit"]:hover,
.article-feedback-webform form.webform-client-form button[type="submit"]:hover,
.article-feedback-webform form.webform-client-form .form-submit:hover {
    border: 2px solid rgba(249, 195, 67, 1) !important;
    box-shadow: 0 0 12px rgba(249, 195, 67, 0.20);
    background: rgba(0, 0, 0, 0.26);
    padding: 10px 16px !important;
}

.article-feedback-webform.b4f-feedback-voted .b4f-feedback-step-1 {
    display: none;
}

.article-feedback-webform.b4f-feedback-voted .b4f-feedback-hint {
    display: none;
}


/* === EXKLUZIVNÍ ZÁMEK (DESIGN BUILD4FUN) === */
.th-lock-exclusive {
    /* 1. Rámeček a pozadí */
    border: 0px solid var(--b4f-zluta-hlavni);
    /* Ten 1px žlutý border, co jsi chtěl */
    background: rgba(20, 20, 20, 0.95);
    border-radius: 85px;
    /* Zaoblené rohy boxu */
    padding: 30px 20px;
    text-align: center;
    margin-bottom: 25px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    font-size: 13px;
    /* Aby to bylo nad tím šedým obsahem */
    position: relative;
    z-index: 10;
    pointer-events: auto !important;
}

.th-lock-title {
    color: var(--b4f-zluta-hlavni);
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.th-lock-text {
    color: #ddd;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 15px;
}

/* === TLAČÍTKO "VSTOUPIT DO KLUBU" (Pill shape) === */
.th-btn-gold-pill {
    display: inline-block;
    /* Gradient z tvého webu (.zaplatit_clenstvi) */
    background: linear-gradient(135deg, var(--b4f-zluta-hlavni) 0%, #e59040 100%);
    color: white !important;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none !important;
    /* Půlkruhy z boku (velký radius) */
    border-radius: 50px;
    padding: 12px 35px;
    /* Stín a efekt */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    transition: transform 0.2s, box-shadow 0.2s;
    border: none;
    margin-right: 15px;
    /* Mezera od "Přihlásit se" */
    vertical-align: middle;
}

.th-btn-gold-pill:hover {
    transform: scale(1.05);
    box-shadow: 0 0 20px rgba(249, 195, 67, 0.6);
    /* Žlutá záře */
    color: white !important;
}

/* === ODKAZ "PŘIHLÁSIT SE" === */
.th-link-login {
    color: var(--b4f-zluta-hlavni) !important;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    vertical-align: middle;
    border-bottom: 1px solid transparent;
    transition: all 0.2s;
}

.th-link-login:hover {
    color: #fff !important;
    border-bottom-color: #fff;
}

/* ================================================= */
/* === STYLY PRO WEBFORM (Kutil vs Truhlář) === */
/* ================================================= */
/* 1. KROK 2 (Kutil/Truhlář) - Oprava skrývání a pozice */
.webform-component--kdo-jsi {
    /* Důležité: NESMÍ tu být display: block !important, jinak to nejde skrýt! */
    clear: both !important;
    width: 100% !important;
    float: none !important;
    /* Mezera od vrchních tlačítek */
    margin-top: 30px !important;
    margin-bottom: 10px !important;
    border: none !important;
}

/* 2. STYL NADPISU "Krok 2: Vyber, kdo jsi" */
/* Aby vypadal stejně jako Krok 1 */
.webform-component--kdo-jsi>label {
    font-family: 'Conv_texgyreadventor-regular';
    display: block;
    text-align: center;
    width: 100%;
    /* Styl písma */
    font-family: inherit;
    font-size: 1.083em;
    /* Velikost jako Krok 1 */
    color: #d6d6d6;
    text-transform: none;
    font-weight: normal;
    margin-top: 10px !important;
    margin-bottom: 0px !important;
}

/* 3. OPRAVA INPUT POLE (Aby šlo psát + skrývání) */
.webform-component--co-vylepsit {
    clear: both !important;
    /* Opět: nesmí tu být display: block !important */
    position: relative !important;
    z-index: 500 !important;
    /* TOTO OPRAVUJE KLIKÁNÍ DO POLE */
    margin-top: 20px !important;
    width: 100% !important;
}

/* 4. TLAČÍTKO ODESLAT (Krok 3) */
.webform-client-form .form-actions {
    clear: both !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 20px !important;
}

/* Pojistka přímo pro input element */
.webform-component--co-vylepsit input {
    position: relative !important;
    z-index: 501 !important;
    cursor: text !important;
}

/* 1. Hlavní kontejner - SÍLA PRO NOVÝ ŘÁDEK */
.webform-client-form .th-visual-radio-group {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    gap: 15px !important;
    /* TOTO DONUTÍ NOVÝ ŘÁDEK: */
    width: 100% !important;
    min-width: 100% !important;
    clear: both !important;
    float: none !important;
    margin-top: 5px !important;
    margin-bottom: 20px !important;
    border: none !important;
}

/* Zbytek CSS pro karty (th-option-card) si tam nech, jak jsi měl... */
/* Reset pro Drupal obaly uvnitř */
.webform-client-form .th-visual-radio-group .form-item {
    flex: 0 1 auto;
    /* Aby se neroztahovaly zbytečně moc, pokud nechceš */
    margin: 0 !important;
    padding: 0 !important;
    display: block;
}

/* 2. Skrytí standardního radio buttonu (puntíku) */
.webform-client-form .th-visual-radio-group input.form-radio {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
}

/* 3. Label funguje jako klikací plocha */
.webform-client-form .th-visual-radio-group label.option {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    font-weight: normal;
}

/* 4. Vzhled karty (převzato z kalkulačky) */
.th-option-card {
    display: flex;
    flex-direction: row;
    /* Ve formuláři vypadá lépe vedle sebe, v kalkulačce máš column */
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0px 15px;
    background: #222;
    border: 2px solid #444;
    border-radius: 80px;
    /* Kulaté rohy jako v kalkulačce */
    font-size: 14px;
    transition: all 0.2s ease;
    min-height: 35px;
}

/* Text uvnitř */
.th-option-title {
    font-size: 14px;
    font-weight: bold;
    color: #aaa;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Ikona - základní stav */
.th-custom-icon.mailform {
    width: 24px !important;
    /* Menší než v kalkulačce, aby se to vešlo */
    height: 24px !important;
    display: block;
    filter: invert(1) opacity(0.5);
    /* Šedá ikona */
    transition: filter 0.2s ease;
    margin: 0 !important;
}

/* --- STAVY (HOVER & CHECKED) --- */
/* Hover */
.webform-client-form .th-visual-radio-group label.option:hover .th-option-card {
    border-color: #666;
    background: #2a2a2a;
}

/* CHECKED - Když je vybráno (Logika: input je checked -> ovlivní label -> ovlivní kartu) */
.webform-client-form .th-visual-radio-group input.form-radio:checked+label.option .th-option-card {
    background: rgba(249, 195, 67, 0.1);
    border-color: var(--b4f-zluta-hlavni);
    box-shadow: 0 0 15px rgba(249, 195, 67, 0.1);
}

/* Přebarvení textu na žlutou */
.webform-client-form .th-visual-radio-group input.\form-radio:checked+label.option .th-option-title {
    color: var(--b4f-zluta-hlavni);
}

/* Přebarvení SVG ikony na žlutou (pomocí filtru z kalkulačky) */
.webform-client-form .th-visual-radio-group input.form-radio:checked+label.option .th-custom-icon.mailform {
    filter: invert(86%) sepia(21%) saturate(1207%) hue-rotate(358deg) brightness(101%) contrast(96%);
}

/* Styl pro stálá tlačítka v horním menu */
.left-up-menu-btn {
    color: var(--b4f-zluta-hlavni) !important;
    /* Žlutá */
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    border: 0px solid var(--b4f-zluta-hlavni) !important;
    /* Žlutý rámeček */
    background-color: rgba(105, 105, 105, 0.3);
    padding: 2px 6px !important;
    border-radius: 60px;
    transition: all 0.3s ease;
    display: inline-block;
    margin-right: 5px;
    /* Mezera, pokud jich bude víc vedle sebe */
}

/* Efekt při najetí myší */
.left-up-menu-btn:hover {
    background-color: var(--b4f-zluta-hlavni);
    color: #000 !important;
    /* Černé písmo */
    text-decoration: none;
    box-shadow: 0 0 5px rgba(249, 195, 67, 0.5);
}

/* =========================================================
   DATUM VYDÁNÍ / AKTUALIZACE ČLÁNKU
   ========================================================= */
.clanek-datum {
    display: inline-block;
    font-family: 'Conv_texgyreadventor-regular', sans-serif;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.973);
    background: rgba(0, 0, 0, 0.25);
    padding: 6px 0px;
    border-radius: 20px;
    margin-bottom: 20px;
}


.clanek-datum .datum-label {
    opacity: 0.8;
    margin-right: 4px;
}

.clanek-datum strong {
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.5px;
}