/*! USBpromo Custom CSS - pouze custom části */

@import url(//fonts.googleapis.com/css?family=Ubuntu);

/* Bootstrap 5.3 navbar custom styles - původní design gradient */
.navbar-custom {
    background: linear-gradient(180deg, #E55A00 0%, #FF8C42 50%, #FFB366 100%);
    border-bottom: 1px solid #E55A00;
    min-height: 50px;
    margin: 0;
    padding: 8px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
}

/* SILNÁ OPRAVA BOOTSTRAP 5.3.3 - NEJSILNĚJŠÍ SELEKTORY */
body a[href], html body a[href], div a[href], span a[href] {
    color: #E55A00 !important;
    text-decoration: none !important;
}

body a[href]:hover, html body a[href]:hover, div a[href]:hover, span a[href]:hover {
    color: #FF8C42 !important;
    text-decoration: underline !important;
}

/* DEBUGGING CSS - VYPÍNÁNO (ClaUDIUS) - BAREVNÉ PLOCHY PRO ANALÝZU */
/*
.container-fluid {
    border: 3px solid red !important;
    background: rgba(255,0,0,0.1) !important;
    padding-left: 0 !important;
}

.row {
    border: 2px dashed blue !important;
    background: rgba(0,0,255,0.1) !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

nav.navbar-custom {
    border: 3px solid orange !important;
}

div {
    border: 1px solid brown !important;
    background: rgba(139,69,19,0.05) !important;
}

.product-detail-img, img {
    border: 2px solid green !important;
    background: rgba(0,128,0,0.2) !important;
}

h1, h2, h3, h4, p {
    border: 1px solid black !important;
    background: rgba(0,0,0,0.1) !important;
}
*/

/* Zachován pouze padding fix */
.col-12, .col-lg-2, .col-lg-10, .col-md-3, .span3 {
    padding-left: 0 !important; /* CLAUDE: Ponechat padding fix */
    padding-right: 0 !important; /* CLAUDE: Ponechat padding fix */
}

/* KONEC DEBUG CSS */

/* SOUVISEJÍCÍ PRODUKTY - "Také doporučujeme:" */
.claude-related-products {
    margin-left: 20px;
    font-weight: bold;
    color: #666;
    margin-bottom: 10px;
}

/* MEZERA MEZI MENU A OBSAHEM - SPECIFICKY PRO HOMEPAGE (Claude 6.8.2025) */
/* PROBLÉM: Margin na .col-lg-10 způsobil rozpad layoutu */
/* ŘEŠENÍ: Padding-left pouze pro homepage obsah */
/* CESTA ZPĚT: Smazat celou sekci .homepage-content padding-left */

/* Detekce homepage podle presence .hero-unit komentáře nebo specifického obsahu */
.col-12.col-lg-10:has(h1:contains("Reklamní USB flash disky")) {
    padding-left: 30px !important; /* CLAUDE: Mezera pro homepage - BEZPEČNÉ */
}

/* Alternativní selektor pro homepage (pokud výše nefunguje) */
body:not([class*="category"]):not([class*="product"]) .col-12.col-lg-10 {
    padding-left: 30px !important; /* CLAUDE: Mezera pro homepage - FALLBACK */
}

/* KONEC HOMEPAGE MEZERY - pro vrácení zpět smazat sekci výše */

/* LEVÝ SLOUPEC - MEZERA OD OKRAJE OKNA (Claude 6.8.2025) */
/* PROBLÉM: Levý sloupec menu je příliš u okraje */
/* ŘEŠENÍ: Malá mezera zleva pro lepší vzhled */
/* CESTA ZPĚT: Odstranit .col-lg-2 padding-left override */

.col-lg-2 {
    padding-left: 15px !important; /* CLAUDE: Malá mezera od levého okraje - override původního 0 */
}

/* KONEC LEVÝ SLOUPEC MEZERY */

/* BANNER OBRÁZEK - POSÍLENÝ SELEKTOR (Claude 6.8.2025) */
/* PROBLÉM: .col-lg-10 img má vyšší specificitu než img[src] */
/* ŘEŠENÍ: Ještě specifičtější selektor pro banner */
/* CESTA ZPĚT: Odstranit .banner-image třídu a související styly */

.col-lg-10 img[src*="reklamni-predmety_cool_2025h"],
.col-lg-10 img[width="900"],
body img[src*="reklamni-predmety_cool_2025h"],
div img[src*="reklamni-predmety_cool_2025h"] {
    width: 900px !important;
    height: 300px !important;
    max-width: 100% !important; /* Responzivní na menších obrazovkách */
}

/* Responzivní verze - na mobilu zachová poměr stran */
@media (max-width: 991px) {
    .col-lg-10 img[src*="reklamni-predmety_cool_2025h"],
    body img[src*="reklamni-predmety_cool_2025h"] {
        width: 100% !important;
        height: auto !important;
    }
}

/* KONEC BANNER VÝJIMKY */

/* FOOTER OBSAH - CENTROVANÉ TEXTY (Claude 6.8.2025) */
/* PROBLÉM: Texty v patičce nejsou centrované - přepisují je silnější selektory */
/* ŘEŠENÍ: Specifičtější selektory pro footer elementy s vyšší prioritou */
/* CESTA ZPĚT: Odstranit .footer-content a související styly */

.footer-content {
    text-align: center !important;
    margin: 20px auto;
    padding: 0 15px;
    clear: both !important; /* Zruší všechny float efekty */
}

/* NEJSILNĚJŠÍ SELEKTORY PRO FOOTER ODSTAVCE - fungují na všech stránkách */
footer .footer-content p,
footer p,
.footer-content p,
body footer p,
html body footer p,
div footer p,
footer div p,
footer center p,
center footer p,
footer .footer-content p,
/* EXTRA SILNÉ PRO DETAIL PRODUKTU */
html body div footer p,
body div footer center p,
html body footer center p,
body footer center .footer-content p,
html footer center .footer-content p {
    margin-bottom: 0 !important; /* ŽÁDNÉ mezery mezi řádky */
    margin-top: 0 !important; /* ŽÁDNÉ mezery mezi řádky */
    line-height: 1.2 !important; /* Menší řádkování */
    clear: both !important; /* Každý odstavec začíná na novém řádku */
    float: none !important; /* Žádné obtékání */
    text-align: center !important; /* CENTROVAT - přepíše text-align: justify */
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    position: static !important; /* Přepíše position: relative */
    left: auto !important; /* Přepíše left: 0 */
}

/* NEJVYŠŠÍ PRIORITA - OVERRIDE PRO VŠECHNY STRÁNKY VČETNĚ PRODUKTŮ */
footer p[style*="center"], 
footer div p[style*="center"],
footer center div p,
footer * p {
    text-align: center !important;
}

/* UNIVERSÁLNÍ FOOTER OVERRIDE - FUNGUJE VŠUDE */
body footer,
html body footer,
* footer {
    text-align: center !important;
}

body footer p,
html body footer p,
* footer p,
footer * p {
    text-align: center !important;
    margin: 0 auto !important;
}

/* FOOTER CONTAINER - ujistit se že je správně umístěný */
footer,
footer.footer,
div footer,
body footer {
    width: 100% !important;
    clear: both !important;
    float: none !important;
    margin: 20px 0 0 0 !important;
    padding: 0 !important;
    position: relative !important;
    left: 0 !important;
}

/* FOOTER V KATEGORIÍCH - OMEZIT NA ŠÍŘKU PRAVÉHO SLOUPCE */
body:has([href*="/kateg/"]) footer,
footer[style*="margin-top: 20px"] {
    width: 83.33% !important; /* Šířka pravého sloupce (col-lg-10) */
    margin-left: 16.67% !important; /* Offset levého sloupce (col-lg-2) */
    max-width: none !important;
    box-sizing: border-box !important;
}

/* Alternativní selektor pro kategorie */
@media (min-width: 992px) {
    .container-fluid:has([href*="/kateg/"]) footer,
    footer[style*="margin-top: 20px"] {
        width: calc(83.33% - 30px) !important;
        margin-left: calc(16.67% + 15px) !important;
        margin-right: 15px !important;
    }
}

/* FOOTER CONTENT WRAPPER */
.footer-content,
footer .footer-content,
footer div.footer-content {
    text-align: center !important;
    margin: 20px auto !important;
    padding: 0 15px !important;
    clear: both !important;
    width: auto !important;
    max-width: none !important;
}

/* SILNĚJŠÍ SELEKTOR PRO FOOTER OBRÁZKY */
footer .footer-content img,
center .footer-content img,
.footer-content img {
    margin: 20px auto !important;
    display: block !important;
    float: none !important; /* Žádné float pro footer obrázek */
    clear: both !important; /* Obrázek na vlastním řádku */
}

/* SILNĚJŠÍ SELEKTOR PRO FOOTER ODKAZY */
footer .footer-content a,
center .footer-content a,
.footer-content a {
    text-align: center !important;
    clear: both !important;
}

/* Speciální pro link kolem obrázku */
.footer-content a[href*="cool-shop"] {
    display: block !important; /* Link kolem obrázku na vlastním řádku */
    text-align: center !important;
    clear: both !important;
}

/* KONEC FOOTER STYLING */

/* ZAROVNÁNÍ PRO KATEGORIE STRÁNKY - NOVÉ CSS (neovlivní homepage) */
/* Pouze pro kategorie URL obsahující /kateg/ */
body[data-page*="category"] .col-12 h1,
.container-fluid:has([href*="/kateg/"]) .col-12 h1 {
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
}

body[data-page*="category"] .col-12 p,
.container-fluid:has([href*="/kateg/"]) .col-12 p {
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
}

/* DEBUGGING CSS - WELL (ClaUDIUS) */
/*
.well {
    border: 2px solid orange !important;
    background: rgba(255,165,0,0.2) !important;
}
*/

/* DEBUGGING CSS - DIVS A OBRÁZKY (ClaUDIUS) */
/*
div:not([style*="flex"]):not(.row) {
    border: 1px solid magenta !important;
    background: rgba(255,0,255,0.05) !important;
}
div[style*="flex"] {
    border: 3px solid lime !important;
    background: rgba(0,255,0,0.3) !important;
}
.product-detail-img {
    border: 4px solid yellow !important;
    background: rgba(255,255,0,0.3) !important;
}
*/

.navbar-custom .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

.navbar-custom .navbar-brand {
    color: white !important;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 8px 15px;
}

/* CLAUDE: Posílení bílé barvy loga - všechny stavy */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-brand:link,
.navbar-custom .navbar-brand:visited,
.navbar-custom .navbar-brand:active {
    color: white !important;
}

.navbar-custom .navbar-brand:hover {
    color: #FFE5CC !important; /* Světlejší při hover */
}

/* Kontakt email v navbar - bílý */
.navbar-custom a[href^="mailto:"] {
    color: white !important;
    text-decoration: none !important;
}

.navbar-custom a[href^="mailto:"]:hover {
    color: #FFE5CC !important;
    text-decoration: underline !important;
}

.navbar-custom .navbar-text {
    color: white !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Oprava levého menu - li elementy vždy pod sebou */
.well .nav-list {
    display: flex !important;
    flex-direction: column !important;
}
.well .nav-list li {
    display: block !important;
    width: 100% !important;
    flex: none !important;
    clear: both !important;
    float: none !important;
    font-size: 0.875rem !important; /* Stejná velikost jako popisy zboží */
}
.well .nav-list .nav-header {
    padding-left: 15px !important;
    margin-left: 0 !important;
    text-indent: 0 !important;
    font-size: 0.875rem !important; /* Stejná velikost jako popisy zboží */
}
.well .nav-list li.nav-header:last-child {
    margin-top: 20px !important;
}
/* Alternativní selector pokud první nefunguje */
.well .nav-list li[class="nav-header"]:last-of-type {
    margin-top: 20px !important;
}

.navbar-custom .navbar-text a {
    color: white !important;
    text-decoration: none !important;
}

.navbar-custom .navbar-text a:hover {
    color: #FFE5CC !important;
    text-decoration: underline !important;
}

.navbar-custom .navbar-toggler {
    border-color: white;
    /* ClaUDIUS: Fix pro stabilní positioning hamburgeru */
    position: relative !important;
    right: 0 !important;
    margin-right: 15px !important;
}

.navbar-custom .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ClaUDIUS: Zabránit rychlému otevírání/zavírání menu - ZAKOMENTOVÁNO */
/*
.navbar-collapse.collapsing {
    transition: height 0.35s ease !important;
}

.navbar-collapse.show {
    display: block !important;
}
*/

/* DOČASNÉ ŘEŠENÍ - skryj hamburger menu úplně - SILNĚJŠÍ VERZE */
.navbar-toggler,
button.navbar-toggler,
.navbar-custom .navbar-toggler,
nav .navbar-toggler {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}

.navbar-collapse,
.navbar-custom .navbar-collapse,
#navbarNav,
.collapse {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
}

/* Skryj i celé mobilní menu sekce */
@media (max-width: 768px) {
    .navbar-nav,
    .navbar-custom .navbar-nav {
        display: none !important;
        visibility: hidden !important;
    }
}

/* Oprava obtékání textu kolem obrázků pro Bootstrap 5.3 */
.product-detail-img, img[style*="float: left"] {
    float: left !important;
    margin-right: 15px !important;
    margin-bottom: 15px !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
}

/* CSS pro detail produktu - flexbox layout místo float */
.col-lg-10 .row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 15px !important;
    flex-wrap: nowrap !important;
}

.col-lg-10 .row .product-detail-img {
    flex-shrink: 0 !important;
    /* ClaUDIUS: Fixed float conflict - changed from none to left for text wrapping */
    /* float: none !important; */
    float: left !important;
    margin: 0 8px 8px 0 !important;
    height: auto !important; /* CLAUDE: Auto výška pro zachování proporcí (22.10.2025) */
    object-fit: contain !important; /* CLAUDE: Přidáno pro zobrazení celého obrázku (22.10.2025) */
}

/* CLAUDE: Odlišné velikosti v .col-lg-10 kontextu (22.10.2025) */
.col-lg-10 .row .product-detail-img-rhitems {
    width: 100% !important; /* Vyplní wrapper 250px */
}

.col-lg-10 .row .product-detail-img-anda {
    width: 100% !important; /* Vyplní wrapper 350px */
}

.col-lg-10 .row p {
    flex: 1 !important;
    text-align: justify !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

/* Responsive obtékání - na malých obrazovkách float vypni */
@media (max-width: 767px) {
    .product-detail-img {
        float: none !important;
        display: block !important;
        margin: 0 auto 15px auto !important;
    }
    
    /* ClaUDIUS: Mobile responsive fixes */
    .container-fluid {
        padding-left: 10px !important;
        padding-right: 10px !important;
        overflow-x: hidden !important;
    }
    
    .col-12.col-lg-10 {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0px !important; /* CLAUDE: Odstraněn padding pro přesné zarovnání */
        padding-right: 5px !important;
    }
    
    body {
        overflow-x: hidden !important;
    }
    
    /* Zajistit že text se nevytáhne mimo obrazovku */
    h1, h2, h3, h4, p {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
}

/* Oprava levého menu pro Bootstrap 5.3 - správné line-height a padding */
.well {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding: 19px;
    margin-bottom: 20px;
}

.nav-list > li > a {
    padding: 4px 15px !important;
    margin: 0 !important;
    display: block !important;
    line-height: 1.3 !important;
    word-wrap: break-word !important;
    color: #E55A00 !important; /* Oranžová místo modré */
    text-decoration: none !important;
}

.nav-list > li > a:hover,
.nav-list > li > a:focus {
    color: #FF8C42 !important; /* Světlejší oranžová při hover */
    text-decoration: underline !important;
    background-color: #fff3e0 !important; /* Velmi světlá oranžová */
}

.nav-header {
    display: block !important;
    padding: 4px 15px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    line-height: 1.3 !important;
    color: #999 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}

/* Speciální mezera před "TISÍCE DALŠÍCH REKLAMNÍCH PŘEDMĚTŮ:" */
.nav-header:contains("Tisíce"), 
li.nav-header:nth-child(21) {
    margin-top: 15px !important;
}

.sidebar-nav {
    padding: 9px 0;
}

.nav-list > li {
    margin: 0 !important;
    padding: 0 !important;
}

/* Správné nastavení mezer pro navbar */
body {
    margin: 0;
    padding-top: 65px;
}

.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}

/* Odstranění všech mezer kolem navbar */
nav.navbar-custom {
    margin: 0 !important;
    padding: 0 !important;
}

html {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, 
.container-fluid h1, .container-fluid h2, .container-fluid h3, .container-fluid h4,
.col-lg-10 h1, .col-lg-10 h2, .col-lg-10 h3, .col-lg-10 h4 {
    color: #666 !important; /* Změna z #333 na #666 - šedější */
}

/* ZMENŠENÉ NADPISY (ClaUDIUS) */
h1 {
    font-size: 2rem !important; /* původně 2.5rem */
    line-height: 1.2 !important;
    margin-bottom: 1rem !important;
}

h2 {
    font-size: 1.6rem !important; /* původně 2rem */
    line-height: 1.3 !important;
    margin-bottom: 0.8rem !important;
}

h3 {
    font-size: 1.3rem !important; /* původně 1.75rem */
    line-height: 1.4 !important;
    margin-bottom: 0.6rem !important;
}

h4 {
    font-size: 1.1rem !important; /* původně 1.5rem */
    line-height: 1.4 !important;
    margin-bottom: 0.5rem !important;
}

/* Produktové nadpisy v kartách ZVĚTŠENÉ + zarovnané */
.col-md-3 h4 {
    font-size: 1.1rem !important; /* Zvětšeno z 0.95rem */
    line-height: 1.4 !important; /* Lepší čitelnost */
    margin-bottom: 0.5rem !important;
    text-align: left !important; /* Zarovnání vlevo */
    margin-left: 0 !important;
    padding-left: 0 !important;
    /* Odstraněno overflow: hidden - text má obtékat i pod obrázek */
}

/* Odstranění mezer nad navbar */
.navbar-custom {
    top: 0;
    left: 0;
    right: 0;
}

/* Formulářové prvky - stejná velikost jako popisy zboží */
.control-group label,
.control-group input,
.control-group textarea,
.control-group select {
    font-size: 0.875rem !important; /* Stejná velikost jako popisy zboží */
}

.control-group label.control-label {
    text-align: right !important; /* Labely zarovnané vpravo na poslední písmeno */
    width: 18rem !important; /* Relativní šířka místo fixed 220px - lépe reaguje na zoom */
    max-width: 220px !important; /* Maximální šířka aby nebyl příliš široký */
    min-width: 180px !important; /* Minimální šířka pro konzistenci */
    float: left !important; /* Float vlevo pro zobrazení vedle políčka */
    display: inline-block !important;
    margin-bottom: 5px !important;
    margin-right: 15px !important; /* Mezera mezi labelem a políčkem */
    padding-right: 5px !important; /* Malý padding pro jemné odsazení */
    vertical-align: top !important; /* Zarovnání pro textarea */
}

/* Zajistit správné zarovnání i pro textarea */
.control-group .controls {
    margin-left: 0 !important;
    display: inline-block !important;
    vertical-align: top !important;
}

/* Větší mezery mezi formulářovými řádky pro lepší čitelnost */
.control-group {
    margin-bottom: 20px !important; /* Větší mezera mezi jednotlivými políčky */
    clear: both !important; /* Zajistí správné zalomení řádků */
}

/* Oprava formuláře pro zoom úrovně kolem 90% (1024px-1200px šířka) */
@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .control-group label.control-label {
        width: 16rem !important; /* Menší šířka pro zoom 90% */
        min-width: 160px !important;
    }
    
    /* Ještě větší mezery při 90% zoom pro lepší oddělení */
    .control-group {
        margin-bottom: 25px !important;
    }
}

/* Texty v levém menu - kontakt sekce a popisky obrázků */
.col-md-3 p,
.col-md-3 p strong {
    font-size: 0.875rem !important; /* Stejná velikost jako popisy zboží */
}

/* Obrázky v menu - zmenšené pro úzký sloupec (POUZE katalogové obrázky) */
.col-lg-2 .well ~ div img,
.col-lg-2 div:not(.well) img {
    width: 100% !important; /* Plná šířka pro lepší zarovnání se sloupcem */
    height: auto !important; /* Zachová poměr stran */
    max-width: 100% !important;
    display: block !important;
    margin: 0 auto !important; /* Vystředění */
}

/* Product detail image sizing and floating */
.product-detail-img {
    float: left !important;
    margin-right: 15px !important;
    margin-bottom: 10px !important;
    height: auto !important; /* CLAUDE: Auto výška pro zachování proporcí (22.10.2025) */
    object-fit: contain !important; /* CLAUDE: Změněno z cover na contain - zobrazí celý obrázek (22.10.2025) */
}

/* CLAUDE: Odlišné velikosti pro rhitems vs ANDA produkty (22.10.2025) */
.product-detail-img-rhitems {
    width: 100% !important; /* rhitems - vyplní wrapper 250px */
}

.product-detail-img-anda {
    width: 100% !important; /* ANDA - vyplní wrapper 350px */
    max-height: 400px !important; /* CLAUDE: Omezení výšky pro vysoké obrázky (propiska) (23.10.2025, upraveno na 400px 24.10.2025) */
}

/* FLEXBOX APPROACH - SIMPLE 4 COLUMNS */
.col-12.col-lg-10 .row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    gap: 0 !important;
}

/* Override for category header - use specific selector */
.col-12.col-lg-10 .col-12 {
    grid-column: 1 / -1 !important;
    display: block !important;
}

/* DEBUGGING CSS - Product cards borders (ClaUDIUS) */
/*
.col-12.col-lg-10 .col-md-3 {
    width: 25% !important;
    flex: 0 0 25% !important;
    display: block !important;
    border: 1px solid blue !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}
*/

/* Keep left menu normal */
.col-12.col-md-3 .row {
    display: block !important;
}

/* Force row to clear floats */
.row::after {
    content: "" !important;
    display: block !important;
    clear: both !important;
    height: 0 !important;
}

/* OPRAVA MODRÝCH ODKAZŮ - SILNĚJŠÍ SELEKTORY PRO BOOTSTRAP 5.3.3 */
body a, html a, div a, span a, p a, h1 a, h2 a, h3 a, h4 a,
.container a, .container-fluid a, .row a, 
.col-12 a, .col-lg-2 a, .col-lg-10 a, .col-md-3 a, .span3 a,
.well a, .nav a, ul a, li a, .nav-list a,
a, a:link {
    color: #E55A00 !important; /* Oranžová místo Bootstrap modré */
    text-decoration: none !important;
}

body a:hover, html a:hover, div a:hover, span a:hover, p a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,
.container a:hover, .container-fluid a:hover, .row a:hover,
.col-12 a:hover, .col-lg-2 a:hover, .col-lg-10 a:hover, .col-md-3 a:hover, .span3 a:hover,
.well a:hover, .nav a:hover, ul a:hover, li a:hover, .nav-list a:hover,
a:hover, a:focus {
    color: #FF8C42 !important; /* Světlejší oranžová při hover */
    text-decoration: underline !important;
}

body a:visited, html a:visited, div a:visited, span a:visited, p a:visited, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited,
.container a:visited, .container-fluid a:visited, .row a:visited,
.col-12 a:visited, .col-lg-2 a:visited, .col-lg-10 a:visited, .col-md-3 a:visited, .span3 a:visited,
.well a:visited, .nav a:visited, ul a:visited, li a:visited, .nav-list a:visited,
a:visited {
    color: #CC4F00 !important; /* Tmavší oranžová pro navštívené */
}

/* Speciální odkazy v obsahu */
.col-lg-10 a, .col-12 a {
    color: #E55A00 !important;
}

.col-lg-10 a:hover, .col-12 a:hover {
    color: #FF8C42 !important;
    text-decoration: underline !important;
}

/* Tlačítka také oranžová */
.btn-primary {
    background-color: #E55A00 !important;
    border-color: #E55A00 !important;
    color: white !important;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #FF8C42 !important;
    border-color: #FF8C42 !important;
    color: white !important;
}

/* DOPORUČENÉ DALŠÍ OPRAVY (ClaUDIUS) */

/* 1. Mezery mezi produktovými kartami - CLAUDE ZAROVNÁNÍ VLEVO */
.col-md-3, .span3 {
    margin-bottom: 20px !important;
    padding: 0 !important; /* CLAUDE: Žádný padding pro dokonalé zarovnání */
    width: 24% !important;  /* CLAUDE: Větší šířka pro lepší využití */
    float: left !important; /* Starý Bootstrap layout */
    display: inline-block !important;
    margin-right: 1% !important; /* CLAUDE: Menší mezera pro lepší využití celé šířky */
    margin-left: 0 !important; /* CLAUDE: Žádný levý margin - zarovnat k nadpisu */
}

/* CLAUDE: Poslední produkt v řádku bez margin-right */
.col-md-3:nth-child(4n), .span3:nth-child(4n) {
    margin-right: 0 !important;
}

/* CLAUDE: Opravit marginy u ROW elementů obsahujících produkty */
.col-lg-10 .row,
.col-12 .row,
div[class*="col-"] .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* 2. Produktové obrázky - 100x100px s tenským rámečkem kolem celého obrázku */
.col-lg-10 img {
    width: 100px !important; /* Původní velikost */
    height: 100px !important;
    float: left !important;
    padding: 0px !important; /* Padding odstraněn, nahrazen borderem */
    border: 1px solid #ddd !important; /* Tenký šedý rámeček kolem celého obrázku */
    border-radius: 0 !important; /* Bez zaoblení pro původní look */
    margin: 4px 8px 8px 0px !important; /* Původní padding převeden na margin pro rozestup */
}

/* 3. Text v produktových kartách - obtéká kolem i pod obrázek + ZVĚTŠENÝ */
.col-md-3 p, .span3 p {
    font-size: 1rem !important; /* Zvětšeno z 0.9rem */
    line-height: 1.5 !important; /* Lepší čitelnost */
    color: #666 !important;
    margin-bottom: 10px !important;
    text-align: left !important;
    /* Odstraněno overflow: hidden - text má obtékat i pod obrázek */
}

/* Nadpisy v kartách také obtékají kolem i pod obrázek + zarovnání */
.col-md-3 h4, .span3 h4 {
    text-align: left !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    /* Odstraněno overflow: hidden - text má obtékat i pod obrázek */
}

/* 4. Levé menu - lepší spacing */
.well .nav-list li {
    margin-bottom: 2px !important;
}

/* 5. Hlavní nadpis stránky - CLAUDE OPRAVA V3 - přesné zarovnání k produktům */
div.col-12 h1,
div.row div.col-12 h1,
.container-fluid div.col-12 h1,
body div.col-12 h1,
.col-12 h1,
.col-lg-10 > h1:first-child,
.col-lg-10 h1:first-of-type,
div.col-lg-10 > h1,
.container-fluid .col-lg-10 h1,
.col-lg-10 h1,
div[class*="col-md-9"] h1 {
    font-size: 1.8rem !important;
    margin-bottom: 1.5rem !important;
    color: #666 !important; /* Šedý místo oranžový */
    margin-left: 0 !important; /* CLAUDE: ŽÁDNÉ odsazení - přesně k levému okraji */
    margin-right: 0 !important;
    padding-left: 0 !important; /* CLAUDE: ŽÁDNÝ padding */
    padding-right: 0 !important;
    text-align: left !important; /* CLAUDE: Explicitně vlevo */
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    position: relative !important;
    left: 0 !important;
}

/* Text pod hlavním nadpisem - CLAUDE OPRAVA V3 - přesné zarovnání k produktům */
div.col-12 > p,
div.col-12 p,
div.row div.col-12 p,
.container-fluid div.col-12 p,
body div.col-12 p,
.col-12 > p,
.col-lg-10 > p:first-of-type,
.col-lg-10 p:first-child,
.col-lg-10 > p,
.col-lg-10 p,
div[class*="col-md-9"] p,
.container-fluid .col-lg-10 p {
    color: #666 !important;
    text-align: justify !important;
    line-height: 1.6 !important;
    margin-bottom: 1rem !important;
    font-size: 0.875rem !important; /* Zmenšené písmo pro popisy zboží */
    margin-left: 0 !important; /* CLAUDE: ŽÁDNÉ odsazení - přesně k levému okraji */
    margin-right: 0 !important;
    padding-left: 0 !important; /* CLAUDE: ŽÁDNÝ padding */
    padding-right: 0 !important;
    position: relative !important;
    left: 0 !important;
}

/* Poslední odstavec před produkty - větší mezera */
.col-lg-10 > p:last-of-type {
    margin-bottom: 2.5rem !important;
}

/* Texty v levém sidebar (kontakt a popisy katalogů) - stejná velikost jako ostatní */
.col-lg-2 p,
.col-lg-2 p strong {
    font-size: 0.875rem !important; /* Stejná velikost jako popisy zboží */
    line-height: 1.4 !important;
}

/* Bootstrap 5 Pagination - horizontal inline layout */
.pagination {
    display: flex !important;
    padding-left: 0 !important;
    list-style: none !important;
    justify-content: center !important;
    margin: 1rem 0 !important;
}

.page-item {
    display: inline-block !important;
    margin: 0 2px !important;
}

.page-link {
    position: relative !important;
    display: block !important;
    color: #E55A00 !important; /* Oranžová barva */
    text-decoration: none !important;
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
    padding: 8px 12px !important;
    line-height: 1.25 !important;
    border-radius: 4px !important;
}

.page-link:hover {
    color: #fff !important;
    background-color: #E55A00 !important;
    border-color: #E55A00 !important;
}

.page-item.active .page-link {
    z-index: 3 !important;
    color: #fff !important;
    background-color: #6c757d !important; /* Šedé pozadí místo oranžové */
    border-color: #6c757d !important;
}

.page-item.disabled .page-link {
    color: #6c757d !important;
    pointer-events: none !important;
    background-color: #fff !important;
    border-color: #dee2e6 !important;
}

/* Odkazy v úvodním textu zůstávají oranžové */
.col-lg-10 > p a,
.col-lg-10 p a {
    color: #E55A00 !important;
}

.col-lg-10 > p a:hover,
.col-lg-10 p a:hover {
    color: #FF8C42 !important;
}

/* Mezera před produktovými kartami */
.col-lg-10 .row {
    margin-top: 2rem !important; /* Větší mezera před produkty */
}

/* 6. Responzivní vylepšení */
@media (max-width: 991px) {
    .col-md-3 {
        width: 50% !important;
        float: left !important;
    }
}

@media (max-width: 767px) {
    .col-md-3 {
        width: 100% !important;
        float: none !important;
    }
    
    .well {
        margin-bottom: 15px !important;
    }
}