@font-face {
        font-family: "Cinzel";
        src: url(/fonts/Cinzel-Regular.eot);
        src:
            url(/fonts/Cinzel-Regular.eot?#iefix) format("embedded-opentype"),
            url(/fonts/Cinzel-Regular.woff2) format("woff2"),
            url(/fonts/Cinzel-Regular.woff) format("woff"),
            url(/fonts/Cinzel-Regular.ttf) format("truetype"),
            url(/fonts/Cinzel-Regular.svg#Cinzel-Regular) format("svg");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: "Clicker Script";
        src: url(/fonts/subset-ClickerScript-Regular.eot);
        src:
            url(/fonts/subset-ClickerScript-Regular.eot?#iefix) format("embedded-opentype"),
            url(/fonts/subset-ClickerScript-Regular.woff2) format("woff2"),
            url(/fonts/subset-ClickerScript-Regular.woff) format("woff"),
            url(/fonts/subset-ClickerScript-Regular.ttf) format("truetype"),
            url(/fonts/subset-ClickerScript-Regular.svg#ClickerScript-Regular) format("svg");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }
    
    
.top-bar-yt-wrapper {
    text-align: center;
    padding: 8px 10px;
    font-family: 'Cinzel', serif !important; /* Elegantní písmo */
}

.yt-text {
    color: #f3e5ab;
    font-size: 15px;
    letter-spacing: 1px;
}

.yt-link {
    color: #ffffff !important; /* Bílá, aby YouTube "svítilo" */
    text-decoration: none;
    font-weight: 700;
    padding-left: 5px;
    text-shadow: 0 0 8px rgba(243, 229, 171, 0.6); /* Zlatá záře kolem bílého textu */
    transition: all 0.3s ease;
}

.yt-link:hover {
    color: #f3e5ab !important; /* Při najetí se změní na zlatou */
    text-shadow: 0 0 15px rgba(243, 229, 171, 1);
}

.yt-sparkle {
    display: inline-block;
    animation: pulse 2s infinite;
    margin-right: 5px;
}

@keyframes pulse {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.2); opacity: 1; }
    100% { transform: scale(1); opacity: 0.7; }
}

h1{font-family: 'Cinzel', sans-serif;font-weight: 100;text-decoration: none;}

sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{font-family: 'Cinzel', sans-serif;font-size: 14px;font-weight: 600;letter-spacing: 1.5px;text-decoration: none;}

.menu.nav-pills > li > a, .menu.nav-pills > li > span, .menu.nav-pills .sp-dropdown li.sp-menu-item > a{font-family: 'Cinzel', sans-serif;font-size: 14px;font-weight: 600;letter-spacing: 1.5px;text-decoration: none;}

h2.decorative, .decotext, div#vyberkartu, div#messageBox, h3.cardspeak, h3.cardsreply{font-family: 'Clicker Script', sans-serif;font-size: 16px;text-decoration: none;}



/* ==========================================================================
   1. TOP BAR
   ========================================================================== */
#sp-header-topbar {
    background: linear-gradient(135deg, #4d1461 0%, #290b33 100%) !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.4) !important;
}

#sp-header-topbar a, #sp-header-topbar span, #sp-header-topbar i {
    color: #f3e5ab !important;
    font-family: 'Cinzel', serif !important;
}
@media (max-width: 991px) {
  #sp-header-topbar {
    margin: 0px 0px;
  }

}

/* ==========================================================================
   OFF-CANVAS: ZLATÝ DESIGN (Fixní pozice, bez posunu na hover)
   ========================================================================== */

/* 1. HLAVNÍ PANEL */
.offcanvas-menu {
    background: linear-gradient(180deg, #4d1461 0%, #1a0621 100%) !important;
    border-left: 2px solid #d4af37 !important;
}

/* 2. HLAVNÍ ÚROVEŇ */
.offcanvas-menu .offcanvas-inner ul.menu > li > a {
    font-family: 'Cinzel', serif !important;
    color: #f3e5ab !important; 
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    padding: 14px 20px !important;
    transition: all 0.4s ease !important;
}

/* 3. SUBMENU (Zlatá barva, fixní padding) */
.offcanvas-menu .offcanvas-inner ul.menu li ul li a {
    font-family: Arial, Helvetica, sans-serif !important;
    color: #f3e5ab !important; 
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    padding: 12px 40px !important; /* Fixní odsazení zleva */
    display: block !important;
    line-height: 1.4 !important;
    transition: all 0.4s ease !important;
}

/* 4. HOVER EFEKT (Pouze barva a záře, ŽÁDNÝ POSUN) */
.offcanvas-menu .offcanvas-inner ul.menu li a:hover {
    color: #ffffff !important; 
    background: rgba(255, 255, 255, 0.1) !important; 
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
    /* padding-left zůstává stejný jako v základním stavu, aby nedošlo k pohybu */
}

/* 5. AKTIVNÍ POLOŽKA */
.offcanvas-menu .offcanvas-inner ul.menu li.active > a {
    color: #ffffff !important;
    background: rgba(212, 175, 55, 0.15) !important;
    border-left: 4px solid #d4af37 !important;
}

/* 6. ODSTRANĚNÍ TEČEK */
.offcanvas-menu .offcanvas-inner ul.menu, 
.offcanvas-menu .offcanvas-inner ul.menu ul {
    list-style: none !important;
    padding: 0 !important;
}



/* ==========================================================================
   2. HLAVNÍ MENU (Rubín) - FIX PROTI SKÁKÁNÍ (ZACHOVÁNÍ ŠIPKY)
   ========================================================================== */
#sp-header {
    background: radial-gradient(circle at 50% 50%, #ed145b 0%, #8a0832 45%, #2b0010 100%) !important;
    border-bottom: 2px solid #d4af37; 
    z-index: 999;
}

.sp-megamenu-parent > li > a, 
.sp-megamenu-parent > li > span {
    color: #f3e5ab !important; 
    font-family: 'Cinzel', serif !important;
    font-weight: 600;
    text-transform: uppercase;
    position: relative; /* Nutné pro správné umístění linky */
}

/* ZLATÁ LINKA - Používáme BEFORE, aby AFTER mohl zůstat šipkou */
.sp-megamenu-parent > li.active > a::before,
.sp-megamenu-parent > li:hover > a::before {
    content: ""; 
    position: absolute; 
    bottom: -5px; /* Umístění pod textem */
    left: 15px; 
    right: 15px; 
    height: 2px;
    background: #d4af37; 
    box-shadow: 0 0 8px #f3e5ab;
    z-index: 1;
}

/* POJISTKA PRO ŠIPKU - Aby zůstala zlatá a viditelná */
.sp-megamenu-parent > li.sp-has-child > a::after {
    color: #f3e5ab !important;
    margin-left: 7px !important;
    display: inline-block !important;
}

/* ==========================================================================
   3. SUBMENU (Ametyst)
   ========================================================================== */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #2b0838 !important; 
    border-top: 2px solid #d4af37 !important; 
    border-bottom: 2px solid #d4af37 !important;
    box-shadow: 0 15px 30px rgba(0,0,0,0.6);
    padding: 10px 0 !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-family: Arial, Helvetica, sans-serif !important;
    text-transform: none !important;
    font-weight: 400 !important;
    color: #f3e5ab !important;
    padding: 10px 20px !important;
    transition: all 0.2s ease;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    background: rgba(255, 255, 255, 0.07) !important;
    color: #ffffff !important;
    padding-left: 25px !important;
}


/* ODSTRANĚNÍ ŠIPEK (DROPDOWN INDICATORŮ) V HLAVNÍM MENU */
.sp-megamenu-parent > li.sp-has-child > a::after, 
.sp-megamenu-parent > li.sp-has-child > span::after {
    display: none !important;
}

/* Zajištění, že text nebude mít zbytečný padding na pravé straně po smazání šipky */
.sp-megamenu-parent > li.sp-has-child > a,
.sp-megamenu-parent > li.sp-has-child > span {
    padding-right: 15px !important; /* Vyrovnáme na stejnou hodnotu jako levou stranu */
}




/* ==========================================================================
   ZOOMICO & ZOOMICO TWO: FINÁLNÍ VERZE
   ========================================================================== */

/* SPOLEČNÝ ZÁKLAD */
.zoomico, .zoomicotwo {
    min-height: 140px;
    background: #ffffff;
    border-radius: 10% !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: all 400ms ease;
    padding: 15px;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden;
    text-decoration: none !important;
}

/* INDIVIDUÁLNÍ BARVY OKRAJŮ */
.zoomico { border: 1px solid #d4af37 !important; border-left: 6px solid #d4af37 !important; }
.zoomicotwo { border: 1px solid #bc0000 !important; border-left: 6px solid #bc0000 !important; }

/* OBRÁZKY (Odkaz a img) */
.zoomico > a, .zoomicotwo > a {
    flex-shrink: 0 !important;
    margin-right: 25px !important;
    display: block;
    line-height: 0;
}

.zoomico img { border-radius: 17% !important; transition: transform 0.4s ease; display: block; }
.zoomicotwo img { border-radius: 0 !important; transition: transform 0.4s ease; display: block; }

/* TEXTOVÝ OBSAH */
.zoomico p, .zoomicotwo p {
    margin: 0 !important;
    padding: 0 !important;
    flex-grow: 1;
    min-width: 0;
}

.zoomico p a, .zoomico p strong,
.zoomicotwo p a, .zoomicotwo p strong {
    font-size: 1em !important; /* Standardní velikost, aby text nebyl obří */
    line-height: 1.4;
    display: block;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* ZÁKLADNÍ BARVY TEXTU */
.zoomico p a, .zoomico p strong { color: #4d1461; }
.zoomicotwo p a, .zoomicotwo p strong { color: #bc0000; }

/* --- HOVER EFEKTY --- */

.zoomico:hover { 
    background: linear-gradient(135deg, #4d1461 0%, #290b33 100%) !important; 
    border-color: #f3e5ab !important;
    color: #f3e5ab !important;
}

.zoomicotwo:hover { 
    background: linear-gradient(135deg, #bc0000 0%, #6d0000 100%) !important; 
    border-left-color: #f3e5ab !important;
}

.zoomico:hover, .zoomicotwo:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); }
.zoomico:hover img, .zoomicotwo:hover img { transform: scale(1.1) rotate(2deg); }

.zoomico:hover p a, .zoomico:hover p strong,
.zoomicotwo:hover p a, .zoomicotwo:hover p strong {
    color: #f3e5ab !important;
}




/* ==========================================================================
   3. TLAČÍTKA (Rubínový krystal)
   ========================================================================== */
button, input[type="button"], input[type="submit"], .button, button.backLink, button.spread, button.stack, input.astro {
    font-family: 'Cinzel', serif !important;
    font-weight: 700;
    padding: 8px 20px;
    border-radius: 0; 
    color: #f3e5ab !important; 
    background: linear-gradient(145deg, #8a0832 0%, #4d001a 100%);
    border: 1px solid #d4af37;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.3s ease;
    box-shadow: 0 5px 9px 0 rgba(0,0,0,0.3);
}

button:hover, input[type="button"]:hover, input[type="submit"]:hover, .button:hover, input.astro:hover {
    background: #ed145b !important;
    color: #fff !important;
    border-color: #f3e5ab;
    transform: translateY(-2px);
}




/* ==========================================================================
   STRUKTURA, GRID 
   ========================================================================== */

.section{clear:both;padding:0;margin:0}
.group:before,.group:after{content:"";display:table}
.group:after{clear:both}
.group{zoom:1}
.col{display:block;float:left;margin:1% 0 1% 1.6%}
.col:first-child{margin-left:0}
@media only screen and (max-width: 768px) {
.col{margin:1% 0}
}
.span_2_of_2{width:100%}
.span_1_of_2{width:49.2%}
@media only screen and (max-width: 768px) {
.span_2_of_2{width:100%}
.span_1_of_2{width:100%}
}
.span_4_of_4{width:100%}
.span_3_of_4{width:74.6%}
.span_2_of_4{width:49.2%}
.span_1_of_4{width:23.8%}
@media only screen and (max-width: 768px) {
.span_4_of_4{width:100%}
.span_3_of_4{width:100%}
.span_2_of_4{width:100%}
.span_1_of_4{width:50%}
}
.span_3_of_3{width:100%}
.span_2_of_3{width:66.13%}
.span_1_of_3{width:32.26%}
@media only screen and (max-width: 768px) {
.span_3_of_3{width:100%}
.span_2_of_3{width:100%}
.span_1_of_3{width:100%}
}

/* Harmonika */
.accordion{cursor:pointer;padding:18px;width:100%;text-align:left;border:none;outline:none;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}
.accordion:after {
    content: "\002B"; /* Standardní znak + */
    color: #ffffff;   /* Bílá barva */
    font-weight: bold;
    font-size: 20px;  /* Upravte si velikost */
    float: right;
    margin-left: 5px;
}
.panel{padding:0 18px;background-color:#fff;max-height:0;overflow:hidden;-webkit-transition:max-height .2s ease-out;-moz-transition:max-height .2s ease-out;-o-transition:max-height .2s ease-out;transition:max-height .2s ease-out}








/* --- TEXT --- */
h4.nextlogo { 
    font-family: "Clicker Script", cursive !important; 
    font-size: 35px; 
    color: #f3e5ab !important; /* Stejná barva jako písmo v Top Baru */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Tmavší stín, aby písmo na fialové krásně vystouplo */
    font-weight: 100;
    margin: 0;
    padding: 5px 0;
}
#sp-header-topbar a.nextlogo {
    font-family: "Clicker Script", cursive !important;
    font-size: 35px;
    color: #f3e5ab !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    font-weight: 100;
}
h2.astrolog, h2.subtitle, .astroplanet, h3.decofont, .decotitle, h4.postaveni { 
    font-family: "Cinzel", serif !important; color: #8a0832 !important; text-align: center; 
}

h2.decorative, .decotext, div#vyberkartu, div#messageBox, h3.cardspeak, h3.cardsreply { 
    font-family: "Clicker Script", cursive !important; 
    text-transform: none !important; font-weight: 400 !important; font-size: 38px !important;
}

/* Ostatní drobnosti */
.helix-social-share { display: none !important; }
.center{text-align:center;margin:auto;display:block}
.andcenter{display:flex;justify-content:center;align-items:center}
.iframe-container { position:relative; width:100%; padding-bottom:56.25%; height:0; }
.iframe-container iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.morefrom {
  margin-top: -15px;
  text-align: center;
}

.angel2,.app2,.arkanobec2,.cikan2,.marias2,.ram2,.vestbakostek,.zolik2{min-height:378px;display:none}
.helptext{color:#737373}
h2.astrolog{font-family:"Cinzel",serif;text-align:center;color:#8a0832}
.astroplanet{font-weight:700;font-size: 1.1em;}
.astrolongitude{font-family:'Courier New',monospace}
.helplegend{background-color:#f7f7f7;color:#666;margin-bottom:15px;padding:5px 5%;width:100%}
table.astrologie td{padding:3px;text-align: left;}
table {    width: 100%;    }
img {
    display: inline
}

#babyname{background-image:url(/externi/babyjmeno/jmenoprodite.jpg);background-repeat:no-repeat;background-position:right top;max-width:630px;min-height:400px}
@media all and (max-width: 800px) {
#babyname{background-image:none}
}

.mobileShow{display:none}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
.mobileShow{display:inline}
}
.show-mobile{display:none}
.show-desktop{display:inline}
@media only screen and (max-width: 768px) {
.show-mobile{display:block}
.show-desktop{display:none}
}



input.astro{background-color:#297A52;color:#fff;font-size:16px;font-weight:700;box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19)}
input.astro:hover{box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);color:#297A52;background-color:#f5f5f5}
div#ponder,div#ponderfirst{padding:15px;color:#000;font-size:18px;font-family:"Cinzel",serif}
.mariasback{border-radius:14px}
.mariasfront{border-radius:14px;-webkit-box-shadow:2px 2px 2px 0 rgba(102,102,102,1);-moz-box-shadow:2px 2px 2px 0 rgba(102,102,102,1);box-shadow:2px 2px 2px 0 rgba(102,102,102,1)}
.ikoncontrast{-webkit-filter:contrast(200%);filter:contrast(200%)}
div#messagecards{position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;font-family:"Comic Sans MS",cursive,sans-serif;font-size:18px;font-weight:700;color:#666;display:none}
#cardsbox1{width:100%;text-align:center}
.cardsboxinside{padding-right:102px;box-sizing:border-box}
.cikanskeback{margin-right:-69px;cursor:pointer;border-radius:14px;width:118px;height:180px}
h4.nadpiskarty{font-size:115%;padding:10px;color:#333}
.cikanskefront{padding:6px;line-height:0;box-shadow:0 1px 3px rgba(34,25,25,0.4);-moz-box-shadow:0 1px 2px rgba(34,25,25,0.4);-webkit-box-shadow:0 1px 3px rgba(34,25,25,0.4)}
#babyname{background-image:url(/externi/babyjmeno/jmenoprodite.jpg);background-repeat:no-repeat;background-position:right top;max-width:630px;min-height:400px}
@media all and (max-width: 800px) {
#babyname{background-image:none}
}
a.zodiac:link{color:#000;padding: 8px}
a.zodiac:visited{color:#000}
a.zodiac:hover{color:#8b0000;text-decoration:underline}

h4.postaveni{color:#000;font-family:"Cinzel",serif;font-weight:400;font-size:18px;text-shadow:4px 4px 4px #aaa}
div#result,.ram2,.marias2,.cikanske2,.app1{height:150%;line-height:150%}
.calculator_div{font-family:verdana,arial,sans-serif;border:2pt solid #ffc107;padding:25px;max-width:300px;margin:auto;border-radius:35px;-webkit-box-shadow:2px 2px 2px 0 rgba(102,102,102,1);-moz-box-shadow:2px 2px 2px 0 rgba(102,102,102,1);box-shadow:2px 2px 2px 0 rgba(102,102,102,1)}
.upozornenivapp{margin-left:auto;margin-right:auto;left:0;right:0;font-size:22px;font-weight:100;color:#666}



.spinner{margin:100px auto 0;width:170px;text-align:center;position:absolute;margin-top:200px;margin-left:auto;margin-right:auto;left:0;right:0;z-index:999}
.spinner > div{width:28px;height:28px;background-color:#000;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}
.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}
.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}
@-webkit-keyframes sk-bouncedelay {
0%,100%,80%{-webkit-transform:scale(0)}
40%{-webkit-transform:scale(1)}
}
@keyframes sk-bouncedelay {
0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}
40%{-webkit-transform:scale(1);transform:scale(1)}
}

/* Toto pravidlo zacílí na všechny textové inputy i selecty najednou */
input[type="text"]:not(.form-control),
select:not(.form-control) {
  width: auto !important;
  display: inline-block !important; /* Aby nebyly na celém řádku, pokud nechcete */
}



/* Základní barva odkazu (včetně navštíveného) */
.zoomico ul li a, 
.zoomico ul li a:visited {
    color: #4d1461 !important;
    text-decoration: none;
    transition: color 0.2s ease; /* Volitelné: zjemní přechod barvy */
}

/* Barva při najetí myší (hover) - změní se na bílou */
.zoomico ul li a:hover,
.zoomico ul li a:active,
.zoomico ul li a:focus {
    color: #ffffff !important;
    text-decoration: underline; /* Volitelné: přidá podtržení při najetí */
}
.zoomico:hover ul li a,
.zoomico:hover ul li a:visited {
    color: #ffffff !important;
}

/* 2. Pokud chcete, aby text při přímém najetí na odkaz ještě více vynikl (např. vaše krémová barva #f3e5ab) */
.zoomico ul li a:hover {
    color: #f3e5ab !important; 
    text-decoration: underline;
}

div{line-height:150%}
div#vyberkartu,div#messageBox{font-family:"Clicker Script",cursive;font-size:30px;padding-top:20px;color:#000;line-height:110%}
div#messageBoxtwo{font-family:"Clicker Script",cursive;font-size:30px;color:#000;line-height:110%}

/* Odstranění původních teček a nastavení prostoru */
.zoomico ul {
    list-style: none !important;
    padding-left: 10px !important;
    margin-top: 10px !important;
}

.zoomico ul li {
    position: relative;
    padding-left: 25px; /* Prostor pro nový symbol */
    margin-bottom: 8px;
    line-height: 1.4;
}

/* Tvorba spirituální odrážky (hvězdička/jiskra) */
.zoomico ul li::before {
    content: "✦"; /* Mystická čtyřcípá hvězda */
    position: absolute;
    left: 0;
    top: 0;
    color: #d4af37; /* Zlatá barva pro základní stav */
    font-size: 1.1rem;
    transition: all 0.4s ease;
}

/* Změna odrážky při HOVERU celé karty */
.zoomico:hover ul li::before {
    color: #f3e5ab; /* Světlejší krémová při hoveru */
    text-shadow: 0 0 8px rgba(243, 229, 171, 0.8); /* Jemná spirituální záře */
    transform: scale(1.2) rotate(45deg); /* Hvězdička se mírně otočí a zvětší */
}


/********************************************************************************
 * 1. HLAVNÍ KARTA ČLÁNKU (SEZNAM BLOGU)
 ********************************************************************************/
.blog .article, 
.blog .item, 
.items-row article, 
.article-list article {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: 100% !important;
    margin-bottom: 30px !important;
    padding: 20px !important;
    background: #ffffff !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04) !important;
    overflow: visible !important;
    transition: all 0.4s ease !important;
    box-sizing: border-box !important;
}

/* Jemné nadzvednutí celé karty při najetí */
.blog .article:hover, 
.blog .item:hover, 
article:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 30px rgba(77, 20, 97, 0.08) !important;
}

/********************************************************************************
 * 2. OBRÁZEK (OBAL A STÍNY)
 ********************************************************************************/
.article-intro-image, 
.intro-image, 
.item-image, 
.pull-left {
    flex: 0 0 120px !important;
    width: 120px !important;
    height: 120px !important;
    margin: 0 25px 0 0 !important;
    padding: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 20px !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: #fff !important;
    /* Stín pro obrázek (Jemná zlatá záře) */
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.2), 0 4px 8px rgba(0, 0, 0, 0.05) !important;
    transition: box-shadow 0.4s ease, transform 0.4s ease !important;
}

/* Samotný obrázek - fixace na střed proti "ujíždění" */
.article-intro-image img, 
.intro-image img, 
.item-image img,
.pull-left img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) scale(1) !important;
    transition: transform 0.5s ease !important;
    margin: 0 !important;
}

/* Efekt na obrázku a jeho stínu při najetí */
.blog .article:hover img, 
.blog .item:hover img {
    transform: translate(-50%, -50%) scale(1.1) !important;
}

.blog .article:hover .article-intro-image, 
.blog .item:hover .intro-image,
.blog .article:hover .item-image {
    box-shadow: 0 12px 30px rgba(212, 175, 55, 0.4) !important;
}

/********************************************************************************
 * 3. TEXTOVÁ ČÁST A NADPISY
 ********************************************************************************/
.article-body, 
.item-content {
    flex: 1 !important;
}

.article-header h2 a {
    color: #4d1461 !important; /* Vaše fialová */
    text-decoration: none !important;
    font-size: 1.3rem !important;
    transition: color 0.3s ease !important;
}

.article-header h2 a:hover {
    color: #d4af37 !important; /* Zlatá při najetí na nadpis */
}

/********************************************************************************
 * 4. MINIMALISTICKÉ "ČÍST VÍCE" (READ MORE)
 ********************************************************************************/
.readmore, 
.readmore a {
    display: inline-block !important;
    margin-top: 10px !important;
    color: #4d1461 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 0.8rem !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
    border-bottom: 1px solid transparent !important;
    transition: all 0.3s ease !important;
}

.readmore a:hover {
    color: #d4af37 !important;
    border-bottom: 1px solid #d4af37 !important;
    padding-left: 3px !important; /* Jemný pohyb pro efekt */
}

/********************************************************************************
 * 5. RESPONSIVITA (MOBILNÍ ZAŘÍZENÍ)
 ********************************************************************************/
@media (max-width: 767px) {
    .blog .article, 
    .blog .item, 
    .article-list article {
        flex-direction: column !important;
        text-align: center !important;
        padding: 25px 15px !important;
    }

    .article-intro-image, 
    .intro-image, 
    .item-image, 
    .pull-left {
        margin: 0 0 20px 0 !important;
        flex: 0 0 120px !important; /* Zachování velikosti na mobilu */
    }
    
    .article-header h2 a {
        font-size: 1.2rem !important;
    }
}

/* ODSTRANĚNÍ RUŠIVÝCH PRVKŮ HELIXU */
.article-intro-image::before, .p-icon {
    display: none !important;
}


input[type="number"]:not(.form-control) {
    display: inline-block; /* Vrátí input do řádku */
    width: auto;           /* Často se block pojí s šířkou 100 %, toto ji zruší */
}


.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px; /* tady vznikají ty mezery! */
    padding: 15px 0;
    margin: 0 0 20px 0;
    font-family: 'Playfair Display', serif;
    font-size: 14px;
    border-bottom: 1px solid rgba(196, 164, 87, 0.2);
    color: #888;
}

.breadcrumbs a {
    color: #5d0032;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    transition: 0.3s;
}

/* Symbol ke KAŽDÉ sekci */
.breadcrumbs a::before {
    content: "\25c8"; /* ◈ */
    margin-right: 8px;
    color: #c4a457;
    font-size: 10px;
}

.breadcrumbs a:hover {
    color: #c4a457;
    text-decoration: underline;
}

@media (max-width: 991px) {  
    #mod-custom110 {
        margin-top: 10px;
    }
}


.logo-image {
 max-width: none;
}

@media (max-width: 576px) {
  .logo-image {
   margin-bottom: 10px;
  }  
}

.yt-offcanvas {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 22px; /* velikost textu */
  text-decoration: none;
}

.yt-offcanvas i {
  font-size: 28px; /* velikost ikony */
  color: #ff0000;
}

.yt-offcanvas span {
  font-size: 18px;
}



/* Schová všechna submenu pouze v horní liště (sp-header) */
#sp-header .sp-dropdown {
    display: none !important;
}




/* Šipky u položek, které mají submenu, také schováme */
#sp-header .menu-toggler {
    display: none !important;
}

/* Toto přepíše nefunkční Font Awesome třídy */
.fab.fa-youtube {
    display: inline-block !important;
    width: 28px;   /* Pevná šířka */
    height: 28px;  /* Pevná výška */
    content: "";   /* Vynutí vykreslení, pokud je tag prázdný */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23f5f098' d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.503 48.284 47.824C117.219 448 288 448 288 448s170.781 0 213.371-11.486c23.497-6.321 42.003-24.175 48.284-47.824 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
    margin-right: 2px;
}