/* =====================================================
   REWIRE MAIN CSS (Záhlavie, Pätička, Titulka, VŠETKY KOŠÍKY)
   ===================================================== */

/* 1. ZÁKLAD Z PÔVODNÉHO ZÁHLAVIA */
body,#wrapper,#content,.content-wrapper,.footer-bottom,#footer,.type-index{background:#0a0a0a!important;border:none!important;box-shadow:none!important}
.in-index #sidebar,.in-index .products-block,.in-index .p-tabs-wrapper,.in-index .tabs,.in-index .news-item,.footer-newsletter,.box-newsletter,.newsletter,#footer [class*="newsletter"]{display:none!important}
.in-index #content{width:100%!important;max-width:1000px!important;margin:0 auto!important;padding-top:40px!important}
hr{border-color:#222!important}
.breadcrumbs,.breadcrumb,.date,.news-date,.article-info,.post-info{display:none!important}
.type-page h1,.type-post h1,.type-category h1,.type-detail h1,#content h1,#content h2,#content h3,.news-title,.article-title,.obj-title,.news-title a,.article-title a,h1 a,h2 a,h3 a,.news-item h2,.news-item h3,.news-item a{color:#c49a6c!important;text-decoration:none!important}
.news-title a:hover,.article-title a:hover,h1 a:hover,.news-item a:hover{color:#d4a878!important}
.type-page #content,.type-post #content,.type-category #content,.type-detail #content,.news-item,.news-description,.perex,.article-perex,.short-desc,#content p,#content span,#content li{color:#b3b3b3!important}
#footer,#footer *,.footer-bottom,.footer-bottom *,.copyright{color:#666!important}
#footer a:hover,.footer-bottom a:hover{color:#c49a6c!important}
.cart-table td,.cart-table th,.cart-item-name{color:#b3b3b3!important}
.flag-discount,.flag.discount{background:#c49a6c!important;color:#000!important;font-weight:900!important;border:none!important}
.social-buttons,.p-detail-tools,.product-tools,.box-sharing,#productDiscussion,.discussion-wrapper,a[href="#productDiscussion"],.print-button{display:none!important}
.p-detail-inner, .cart-inner, .box-cart, .ordering-process, .p-info-wrapper, .tab-content {background:#0a0a0a!important;border:none!important;color:#b3b3b3!important}
.p-image-wrapper, .p-image, .main-image, .p-detail-inner .image, .image-wrapper, #wrap, .p-main-image, a.p-main-image, .type-product .p-detail-inner .p-image-wrapper { background-color: #0a0a0a !important; border: none !important; box-shadow: none !important; }
.p-detail-inner img, .type-product .p-detail-inner .p-image-wrapper img { background-color: transparent !important; }
.cv-wrap{display:flex;gap:10px;margin:20px 0}
.cv-btn{flex:1;border:1px solid #222;padding:10px;text-align:center;background:#111;text-decoration:none!important;color:#888!important;border-radius:2px;transition:.3s}
.cv-btn span{display:block;font-size:18px;font-weight:800;color:#fff;margin-top:4px}
.cv-btn:hover{border-color:#444;background:#141414}
.cv-btn.active{border-color:#c49a6c;background:#1a1a1a}
.cv-btn.active span{color:#c49a6c}
.product-category,tr[class*="categor"],div[class*="categor"],a[href*="dotaz"],a[href*="ask"],a[href*="share"],a[href*="recommend"],[class*="social"],[class*="sharing"],.p-detail-info .category,.p-detail-info tr:first-child,.category-label, .p-param-block, .detail-parameters {display:none!important}
.nav-tabs, ul.shp-tabs { border-bottom: 1px solid #222 !important; background: transparent !important; margin-bottom: 0 !important; padding-left: 0 !important; }
.nav-tabs > li, ul.shp-tabs li.shp-tab { background: transparent !important; margin-bottom: -1px !important; border: none !important; }
.nav-tabs > li > a, .shp-tab-link { background: transparent !important; background-color: transparent !important; color: #666 !important; border: none !important; font-family: monospace !important; letter-spacing: 2px !important; text-transform: uppercase !important; border-bottom: 2px solid transparent !important; box-shadow: none !important; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a:hover, .active .shp-tab-link, .shp-tab.active .shp-tab-link, .shp-tab-link:hover { background: transparent !important; background-color: transparent !important; color: #c49a6c !important; border: none !important; border-bottom: 2px solid #c49a6c !important; font-weight: 800 !important; }
.shp-tabs-holder { background: transparent !important; border: none !important; }
a[href="#description"] { font-size: 0 !important; }
a[href="#description"]::after { content: "[ POPIS ]"; font-size: 14px !important; }

/* Tlačidlá množstva (+ a - zjednotené) */
.p-detail-inner .quantity, .add-to-cart, .cart-table .quantity, .content-window-in .quantity { border: none !important; background: transparent !important; box-shadow: none !important; margin: 0 auto !important; }
.quantity .decrease, .quantity .increase,
.cart-table .quantity .decrease, .cart-table .quantity .increase,
.content-window-in .quantity .decrease, .content-window-in .quantity .increase { 
    background-color: #1a1a1a !important; 
    border: 1px solid #333 !important; 
    transition: all 0.3s ease !important; 
    display: inline-flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    color: transparent !important; 
    font-size: 0 !important; 
    height: 52px !important; 
}
.quantity .decrease::before, .quantity .increase::before,
.cart-table .quantity .decrease::before, .cart-table .quantity .increase::before,
.content-window-in .quantity .decrease::before, .content-window-in .quantity .increase::before { display: none !important; }
.quantity .decrease::after, .cart-table .quantity .decrease::after, .content-window-in .quantity .decrease::after { content: "-" !important; color: #c49a6c !important; font-size: 24px !important; display: block !important;}
.quantity .increase::after, .cart-table .quantity .increase::after, .content-window-in .quantity .increase::after { content: "+" !important; color: #c49a6c !important; font-size: 24px !important; display: block !important;}
.quantity .decrease:hover, .quantity .increase:hover,
.cart-table .quantity .decrease:hover, .cart-table .quantity .increase:hover,
.content-window-in .quantity .decrease:hover, .content-window-in .quantity .increase:hover { background-color: #c49a6c !important; border-color: #c49a6c !important; }
.quantity .decrease:hover::after, .quantity .increase:hover::after,
.cart-table .quantity .decrease:hover::after, .cart-table .quantity .increase:hover::after,
.content-window-in .quantity .decrease:hover::after, .content-window-in .quantity .increase:hover::after { color: #000 !important; }
.quantity input.amount, .quantity .amount,
.cart-table .quantity input.amount, .cart-table .quantity .amount,
.content-window-in .quantity input.amount, .content-window-in .quantity .amount { 
    background-color: #111 !important; 
    color: #fff !important; 
    border-top: 1px solid #333 !important; 
    border-bottom: 1px solid #333 !important; 
    border-left: none !important; 
    border-right: none !important; 
    text-align: center !important; 
    height: 52px !important; 
    margin: 0 !important;
}

/* 2. ZÁKLAD Z PÔVODNEJ PÄTIČKY A TITULKY */
.rewire-hero{text-align:center;padding:60px 20px 80px;border-bottom:1px solid #222}.rewire-hero h1{font-size:42px!important;font-weight:800!important;color:#fff!important;letter-spacing:1px;margin-bottom:20px!important;text-transform:uppercase}.rewire-hero .subtitle{font-size:18px!important;color:#999!important;max-width:800px;margin:0 auto 40px!important;line-height:1.6!important}.rewire-section{padding:80px 20px;border-bottom:1px solid #222}.rewire-section.dark-alt{background-color:#0f0f0f!important}.section-label{font-family:monospace;color:#c49a6c;font-size:14px;letter-spacing:2px;text-align:center;margin-bottom:15px}.rewire-section h2{text-align:center;font-size:32px!important;font-weight:700!important;color:#fff!important;margin-bottom:20px!important}.lead-text{text-align:center;max-width:800px;margin:0 auto 50px!important;color:#888!important;font-size:16px!important;line-height:1.7!important}.comparison-box{background:#111!important;border:1px solid #222!important;padding:45px;border-radius:4px;max-width:900px;margin:40px auto}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.col-title{font-family:monospace;color:#666!important;font-size:13px!important;letter-spacing:1.5px;margin-bottom:30px!important;text-transform:uppercase}ul.status-list{list-style:none!important;padding:0!important;margin:0!important}ul.status-list li{color:#b3b3b3!important;font-size:16px!important;margin-bottom:22px!important;position:relative;padding-left:35px;line-height:1.4!important;background:0 0!important;border:none!important;list-style:none!important}ul.bad-list li::before{content:"×"!important;position:absolute;left:0;top:-5px;color:#d93838!important;font-size:26px;font-weight:700}ul.good-list li::before{content:"✓"!important;position:absolute;left:0;top:0;color:#c49a6c!important;font-size:18px;font-weight:700}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1000px;margin:0 auto}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:1000px;margin:0 auto}.grid-box{background:#141414;border:1px solid #2a2a2a;padding:30px;border-radius:4px}.grid-box h4{color:#c49a6c!important;font-size:18px!important;margin-bottom:15px!important}.grid-box p{color:#888!important;font-size:14px!important;margin:0!important}.spec-id{font-family:monospace;color:#666;font-size:12px;margin-bottom:10px;letter-spacing:1px}.grid-box.data{text-align:center;border-color:#c49a6c;background:#1a1a1a}.data-number{font-size:48px;font-weight:800;color:#c49a6c;margin-bottom:10px}.data-title{font-family:monospace;font-size:13px;color:#fff;letter-spacing:1px;margin-bottom:15px}.rewire-pricing-grid{display:flex;justify-content:center;gap:25px;margin-top:40px;flex-wrap:wrap;align-items:stretch}.rewire-box{background:#141414!important;border:1px solid #2a2a2a!important;border-radius:4px;padding:35px 25px;width:30%;min-width:280px;text-align:center;position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,border-color .3s ease}.rewire-box:hover{border-color:#444!important}.rewire-box.premium-box{background:#1a1a1a!important;border:2px solid #c49a6c!important;box-shadow:0 0 25px rgba(196,154,108,.15);transform:scale(1.05);z-index:2}.rewire-box .badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#c49a6c;color:#000;font-size:10px;font-weight:800;padding:4px 12px;letter-spacing:1.5px;border-radius:2px;white-space:nowrap}.rewire-box h3{color:#fff!important;font-size:20px!important;font-weight:700!important;margin-bottom:15px!important;letter-spacing:1px}.rewire-box .desc{font-size:13px!important;color:#999!important;margin-bottom:20px!important;min-height:45px}.rewire-box .price{font-size:36px!important;color:#c49a6c!important;font-weight:800!important;margin:0 0 10px 0!important}.save-label{font-size:12px;font-weight:700;color:#c49a6c;margin-bottom:25px;height:20px;letter-spacing:.5px;text-transform:uppercase}.save-label.hidden{visibility:hidden}

/* PÔVODNÉ TLAČIDLÁ TITULKY */
.btn-hero{display:inline-block;background:#c49a6c;color:#000!important;padding:18px 40px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;text-decoration:none!important;border-radius:2px;transition:all .3s}.btn-hero:hover{background:#d4a878;transform:translateY(-2px)}
.btn-rewire-standard{width:100%;padding:18px;border:none;font-weight:800;font-size:14px;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;transition:all .3s ease;border-radius:2px;margin-top:auto;display:block;box-sizing:border-box;text-align:center;text-decoration:none!important;background:transparent;color:#c49a6c;border:1px solid #c49a6c}.btn-rewire-standard:hover{background:rgba(196,154,108,.1)}
.btn-rewire-premium{width:100%;padding:18px;border:none;font-weight:800;font-size:14px;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;transition:all .3s ease;border-radius:2px;margin-top:auto;display:block;box-sizing:border-box;text-align:center;text-decoration:none!important;background:#c49a6c;color:#000;box-shadow:0 5px 15px rgba(0,0,0,.3)}.btn-rewire-premium:hover{background:#d4a878;transform:translateY(-2px)}

@media (max-width:768px){.comparison-grid{grid-template-columns:1fr;gap:40px}.grid-2,.grid-3{grid-template-columns:1fr}.rewire-hero h1{font-size:30px!important}.rewire-box{width:100%;margin-bottom:30px}.rewire-box.premium-box{transform:scale(1);margin:40px 0}}
.rewire-hero h1, .rewire-section h2, .rewire-section h3, #ceny h2, .rewire-pricing-grid h3 { color: #c49a6c !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; letter-spacing: 1px !important; }
.roi-container { max-width: 800px; margin: 0 auto 60px auto; }
.roi-header { display: flex; align-items: center; text-align: center; color: #555; font-family: monospace; font-size: 13px; letter-spacing: 2px; margin-bottom: 30px; text-transform: uppercase; }
.roi-header::before, .roi-header::after { content: ""; flex: 1; border-bottom: 1px solid #222; }
.roi-header span { padding: 0 20px; }
.roi-table { width: 100%; border-collapse: collapse; background: #111; border-radius: 4px; overflow: hidden; border: 1px solid #222; }
.roi-table th { text-align: left; padding: 20px; color: #666; font-family: monospace; font-size: 12px; border-bottom: 1px solid #222; font-weight: normal; letter-spacing: 1.5px; }
.roi-table th:last-child, .roi-table td:last-child { text-align: right; }
.roi-table td { padding: 20px; border-bottom: 1px solid #1a1a1a; color: #b3b3b3; font-size: 15px; }
.roi-table tr:last-child td { border-bottom: none; font-weight: 800; color: #fff; background: #141414; }
.roi-table tr:last-child td:last-child { color: #C49A6C; }


/* =====================================================
   CELÝ KOŠÍKOVÝ PROCES (KROK 1, 2, 3) - ODOMKNUTIE TEMNOTY
   ===================================================== */
.in-kosik, .in-kosik #wrapper, .in-kosik .content-wrapper, .in-kosik .content-wrapper-in, .in-kosik .cart-inner, .in-kosik .checkout-box,
.in-krok-1, .in-krok-1 #wrapper, .in-krok-1 .content-wrapper, .in-krok-1 .content-wrapper-in, .in-krok-1 .cart-inner, .in-krok-1 .checkout-box,
.in-krok-2, .in-krok-2 #wrapper, .in-krok-2 .content-wrapper, .in-krok-2 .content-wrapper-in, .in-krok-2 .cart-inner, .in-krok-2 .checkout-box,
body.ordering-process { background-color: #0a0a0a !important; }

/* Obnova čierneho pozadia pre produkty */
.in-kosik .cart-table, .in-kosik .cart-table tbody tr, .in-kosik .cart-item,
.in-krok-1 .cart-table, .in-krok-1 .cart-table tbody tr, .in-krok-1 .cart-item,
.in-krok-2 .cart-table, .in-krok-2 .cart-table tbody tr, .in-krok-2 .cart-item,
.content-window-in .cart-table, .content-window-in .cart-table tbody tr, .content-window-in .cart-item,
.cart-widget .cart-table, .cart-widget .cart-table tbody tr, .cart-widget .cart-item { background-color: #111 !important; }

/* VYSKAKOVACÍ KOŠÍK (MODAL WINDOW) */
.content-window, .content-window-in, .cart-widget, .cart-window-in { background-color: #0a0a0a !important; border: 1px solid #222 !important; color: #b3b3b3 !important; }
.content-window-header { background-color: #111 !important; border-bottom: 1px solid #222 !important; }
.content-window-close { color: #c49a6c !important; }
.free-shipping-progress, .free-shipping-message, .free-shipping-progress-bar { background-color: #0a0a0a !important; color: #888 !important; }
.free-shipping-progress-bar div { background-color: #c49a6c !important; }


/* =====================================================
   ZÁKLADNÉ TEXTY V KOŠÍKU A KRÍŽIKY
   ===================================================== */
.in-kosik #content a:not(.btn), .in-krok-1 #content a:not(.btn), .in-krok-2 #content a:not(.btn), .content-window-in a:not(.btn) { color: #c49a6c !important; }
.content-window-in .cart-item-name a, .cart-widget .cart-item-name a, .cart-window .cart-item-name a, 
.in-kosik .cart-item-name a, .in-krok-1 .cart-item-name a, .in-krok-2 .cart-item-name a { color: #fff !important; font-weight: 800 !important; text-decoration: none !important; }

.content-window-in h1, .content-window-in h2, .content-window-in h3, .content-window-in h4, 
.in-kosik h1, .in-kosik h2, .in-kosik h3, .in-kosik h4,
.in-krok-1 h1, .in-krok-1 h2, .in-krok-1 h3, .in-krok-1 h4,
.in-krok-2 h1, .in-krok-2 h2, .in-krok-2 h3, .in-krok-2 h4 { color: #fff !important; }

/* Nadpisy "Zvoľte spôsob dopravy / platby" a "Zhrnutie objednávky" */
.order-icon, .co-box h4 { color: #c49a6c !important; border-bottom: 1px solid #333 !important; padding-bottom: 10px !important; margin-bottom: 20px !important; }

/* Viditeľný krížik pre odstránenie produktu */
.in-kosik .remove-item, .in-kosik .remove-item::before, .in-krok-1 .remove-item, .in-krok-1 .remove-item::before, .in-krok-2 .remove-item, .in-krok-2 .remove-item::before, .content-window-in .remove-item, .cart-window-in .remove-item, .cart-widget .remove-item, .content-window-in .remove-item::before, .cart-window-in .remove-item::before, .cart-widget .remove-item::before { color: #888 !important; opacity: 1 !important; }
.in-kosik .remove-item:hover, .in-kosik .remove-item:hover::before, .in-krok-1 .remove-item:hover, .in-krok-1 .remove-item:hover::before, .in-krok-2 .remove-item:hover, .in-krok-2 .remove-item:hover::before, .content-window-in .remove-item:hover, .cart-window-in .remove-item:hover, .cart-widget .remove-item:hover, .content-window-in .remove-item:hover::before, .cart-window-in .remove-item:hover::before, .cart-widget .remove-item:hover::before { color: #d93838 !important; }


/* =====================================================
   KROKY OBJEDNÁVKY (Aktívny = Zlatý, Ostatné = Sivé)
   ===================================================== */
body #content .cart-header li a, body #content .cart-header li strong, body #content .cart-header li > span, .content-window-in .cart-header li a, .content-window-in .cart-header li strong, .content-window-in .cart-header li > span, .cart-widget .cart-header li a, .cart-widget .cart-header li strong, .cart-widget .cart-header li > span { background: transparent !important; border: none !important; color: #888 !important; }

body #content .cart-header li > * > span, body #content .cart-header li > span, .content-window-in .cart-header li > * > span, .content-window-in .cart-header li > span, .cart-widget .cart-header li > * > span, .cart-widget .cart-header li > span { background-color: #111 !important; border: 1px solid #222 !important; color: #888 !important; display: block !important; }
body #content .cart-header li > * > span::before, body #content .cart-header li > span::before, .content-window-in .cart-header li > * > span::before, .content-window-in .cart-header li > span::before, .cart-widget .cart-header li > * > span::before, .cart-widget .cart-header li > span::before { color: #888 !important; }

body #content .cart-header li.active > * > span, body #content .cart-header li.active > span, .content-window-in .cart-header li.active > * > span, .content-window-in .cart-header li.active > span, .cart-widget .cart-header li.active > * > span, .cart-widget .cart-header li.active > span { background-color: #1a1a1a !important; border-color: #c49a6c !important; color: #c49a6c !important; }
body #content .cart-header li.active > * > span::before, body #content .cart-header li.active > span::before, .content-window-in .cart-header li.active > * > span::before, .content-window-in .cart-header li.active > span::before, .cart-widget .cart-header li.active > * > span::before, .cart-widget .cart-header li.active > span::before { color: #c49a6c !important; }

body #content .cart-header li.active, body #content .cart-header li.active a, body #content .cart-header li.active strong, body #content .cart-header li.active span, body #content .cart-header li.active > * > span, .content-window-in .cart-header li.active a, .content-window-in .cart-header li.active strong, .content-window-in .cart-header li.active span, .cart-widget .cart-header li.active a, .cart-widget .cart-header li.active strong, .cart-widget .cart-header li.active span { color: #c49a6c !important; }


/* =====================================================
   PRESNÁ OPRAVA 3 ČIAR MEDZI PRODUKTAMI
   ===================================================== */
.in-kosik .cart-table td, .in-kosik .cart-table th, .in-krok-1 .cart-table td, .in-krok-1 .cart-table th, .in-krok-2 .cart-table td, .in-krok-2 .cart-table th, .content-window-in .cart-table td, .content-window-in .cart-table th, .cart-widget .cart-table td, .cart-widget .cart-table th { border: none !important; background-color: transparent !important; }

.in-kosik .cart-header, .in-krok-1 .cart-header, .in-krok-2 .cart-header, .content-window-in .cart-header, .cart-widget .cart-header { border-bottom: 2px solid #333 !important; padding-bottom: 20px !important; margin-bottom: 20px !important; }
.in-kosik .cart-header::before, .in-kosik .cart-header::after, .in-krok-1 .cart-header::before, .in-krok-1 .cart-header::after, .in-krok-2 .cart-header::before, .in-krok-2 .cart-header::after, .content-window-in .cart-header::before, .content-window-in .cart-header::after, .cart-widget .cart-header::before, .cart-widget .cart-header::after { display: none !important; }

.in-kosik .cart-table, .in-krok-1 .cart-table, .in-krok-2 .cart-table, .content-window-in .cart-table, .cart-widget .cart-table { border-bottom: 2px solid #333 !important; margin-bottom: 20px !important; }

.in-kosik .cart-table tr.removeable, .in-krok-1 .cart-table tr.removeable, .in-krok-2 .cart-table tr.removeable, .content-window-in .cart-table tr.removeable, .cart-widget .cart-table tr.removeable { border-bottom: 1px solid #222 !important; }
.in-kosik .cart-table tr.removeable:last-child, .in-krok-1 .cart-table tr.removeable:last-child, .in-krok-2 .cart-table tr.removeable:last-child, .content-window-in .cart-table tr.removeable:last-child, .cart-widget .cart-table tr.removeable:last-child { border-bottom: none !important; }


/* =====================================================
   ZJEDNOTENIE ZLATÉHO TLAČIDLA (POKRAČOVAŤ / DO KOŠÍKA / OBJEDNAŤ)
   ===================================================== */
.add-to-cart-button, .add-to-cart button[type="submit"], form.add-to-cart .btn-primary, .in-kosik .btn-conversion, .in-krok-1 .btn-conversion, .in-krok-2 .btn-conversion, .content-window-in .btn-conversion, .cart-window .btn-conversion, .cart-widget .btn-conversion, #orderFormButton, #buttonNextStep, #continue-order-button, #submit-order { background: #c49a6c !important; color: #000 !important; border: none !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; font-weight: 800 !important; font-size: 16px !important; text-transform: uppercase !important; letter-spacing: 1px !important; height: auto !important; min-height: 52px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 12px 30px !important; transition: all 0.3s ease !important; background-image: none !important; text-shadow: none !important; box-shadow: none !important; text-decoration: none !important; border-radius: 2px !important; text-align: center !important; }

.in-kosik .btn-conversion span, .in-krok-1 .btn-conversion span, .in-krok-2 .btn-conversion span, .content-window-in .btn-conversion span, .cart-widget .btn-conversion span, .add-to-cart-button span, .order-button-text, .order-button-suffix, #orderFormButton span, #orderFormButton .order-button-text, #buttonNextStep span, #buttonNextStep .order-button-text, #continue-order-button span, #continue-order-button .order-button-text, #submit-order span, #submit-order .order-button-text, #submit-order .order-button-suffix { font-family: inherit !important; font-weight: 800 !important; font-size: 16px !important; color: #000 !important; letter-spacing: 1px !important; text-transform: uppercase !important; display: inline !important; }

.add-to-cart-button:hover, .add-to-cart button[type="submit"]:hover, form.add-to-cart .btn-primary:hover, .in-kosik .btn-conversion:hover, .in-krok-1 .btn-conversion:hover, .in-krok-2 .btn-conversion:hover, .content-window-in .btn-conversion:hover, .cart-window .btn-conversion:hover, .cart-widget .btn-conversion:hover, #orderFormButton:hover, #buttonNextStep:hover, #continue-order-button:hover, #submit-order:hover { background: #d4a878 !important; transform: translateY(-2px) !important; box-shadow: 0 5px 15px rgba(0,0,0,0.3) !important; color: #000 !important; }


/* =====================================================
   OPRAVA TLAČIDLA "SPÄŤ DO OBCHODU" (Sivý nenápadný text)
   ===================================================== */
.toggle-window-arr, .back-to-shop, .back-to-shop a, .next-step-back { color: #888 !important; transition: color 0.3s ease, background-color 0.3s ease !important; background: transparent !important; border: none !important; font-weight: normal !important; font-size: 14px !important; text-transform: none !important; letter-spacing: normal !important; box-shadow: none !important; display: inline-flex !important; align-items: center !important; height: 52px !important; padding: 0 10px !important; white-space: nowrap !important; text-decoration: none !important; }
.toggle-window-arr span, .back-to-shop a span, .next-step-back span, .continue-shopping { display: inline !important; padding: 0 !important; margin: 0 0 0 4px !important; height: auto !important; background: transparent !important; border: none !important; box-shadow: none !important; transition: color 0.3s ease !important; }
body .toggle-window-arr:hover, body .toggle-window-arr:hover::before, body .toggle-window-arr:hover span, body .back-to-shop:hover, body .back-to-shop a:hover, body .back-to-shop a:hover::before, body .back-to-shop a:hover span, body .next-step-back:hover, body .next-step-back:hover::before, body .next-step-back:hover span, body .next-step-back:hover .continue-shopping, body .continue-shopping:hover { color: #888 !important; background: transparent !important; text-decoration: none !important; }


/* =====================================================
   DOLAĎOVACIE DETAILY A NEDOSTUPNOSŤ
   ===================================================== */
.in-kosik .cart-header li, .in-krok-1 .cart-header li, .in-krok-2 .cart-header li, .content-window-in .cart-header li, .cart-window-in .cart-header li, .cart-widget .cart-header li { margin-bottom: 8px !important; }

strong.availability-label, .availability-label, .cart-table td.p-availability, .cart-item .p-availability, .cart-table .availability, .content-window-in .availability-amount, .in-kosik .availability-amount, .availability-amount { color: #888 !important; font-weight: normal !important; text-transform: none !important; vertical-align: middle !important; text-align: center !important; }
@media (max-width: 768px) { .cart-table td.p-availability, .cart-item .p-availability { text-align: left !important; display: block !important; margin-top: 5px !important; } }


/* =====================================================
   KROK 2 A 3 (Výber dopravy, platby, Vstupné polia)
   ===================================================== */
.in-krok-1 .checkout-box, .in-krok-2 .checkout-box { background: #0a0a0a !important; border: none !important; }
.in-krok-1 .delivery-options, .in-krok-1 .payment-options, .in-krok-1 .shipping-billing-table, .in-krok-2 .delivery-options, .in-krok-2 .payment-options, .in-krok-2 .shipping-billing-table { background: transparent !important; border: none !important; }
.in-krok-1 .radio-wrapper, .in-krok-1 .shipping-billing-table td, .in-krok-1 .shipping-billing-table th, .in-krok-2 .radio-wrapper, .in-krok-2 .shipping-billing-table td, .in-krok-2 .shipping-billing-table th { background-color: #111 !important; border: 1px solid #222 !important; margin-bottom: 5px !important; transition: all 0.3s ease !important; }
.in-krok-1 .radio-wrapper:hover, .in-krok-1 .shipping-billing-table tr:hover td, .in-krok-2 .radio-wrapper:hover, .in-krok-2 .shipping-billing-table tr:hover td { border-color: #444 !important; }
.in-krok-1 .radio-wrapper.active, .in-krok-1 .shipping-billing-table tr.active td, .in-krok-2 .radio-wrapper.active, .in-krok-2 .shipping-billing-table tr.active td { background-color: #1a1a1a !important; border-color: #c49a6c !important; }

/* Názvy dopravy/platby priamo vo výbere (natvrdo prepísané na BIELE, nech ich neruší náš krok nižšie) */
.in-krok-1 .radio-wrapper label, .in-krok-1 .radio-wrapper .name, .in-krok-1 .shipping-billing-name, .in-krok-1 .radio-wrapper b, .in-krok-1 .payment-info b, .in-krok-2 .radio-wrapper label, .in-krok-2 .radio-wrapper .name, .in-krok-2 .shipping-billing-name, .in-krok-2 .radio-wrapper b, .in-krok-2 .payment-info b { color: #fff !important; font-weight: bold !important; }

/* Vstupné polia pre Krok 3 */
.in-krok-2 input[type="text"], .in-krok-2 input[type="email"], .in-krok-2 input[type="tel"], .in-krok-2 input[type="password"], .in-krok-2 textarea, .in-krok-2 select { background-color: #111 !important; border: 1px solid #333 !important; color: #fff !important; padding: 12px !important; border-radius: 2px !important; width: 100%; box-sizing: border-box; }
.in-krok-2 input:focus, .in-krok-2 textarea:focus, .in-krok-2 select:focus { border-color: #c49a6c !important; outline: none !important; }
.in-krok-2 label { color: #b3b3b3 !important; }


/* =====================================================
   ZHRNUTIE OBJEDNÁVKY A CELKOVÉ SUMY 
   ===================================================== */

/* Tabuľky zhrnutia - štruktúra a rámčeky */
.cart-summary table, .checkout-box table, .order-summary table { width: 100% !important; border-collapse: collapse !important; }
.order-summary-item { border-bottom: 1px solid #222 !important; padding: 15px 0 !important; background: transparent !important; }
.cart-summary td, .cart-summary th, .checkout-box td, .checkout-box th, .order-summary td, .order-summary th { border-bottom: 1px solid #222 !important; padding: 15px 0 !important; background: transparent !important; }
.cart-summary tr:last-child td, .checkout-box tr:last-child td, .order-summary tr:last-child td, .order-summary-item:last-child { border-bottom: none !important; }

/* 1. VYNÚTENÁ SIVÁ FARBA PRE VŠETKY TEXTY, NÁZVY A POPISKY V ZHRNUTÍ */
.order-summary-item,
.order-summary-item strong,
.order-summary-item .helper,
.order-summary-item .helper strong,
.order-summary-item .price-label,
.order-summary .price-label.price-primary,
.row.summary th,
.row.summary td,
.row.summary strong,
.cart-summary th,
.cart-summary td,
.cart-summary strong,
.checkout-box th,
.checkout-box td,
.checkout-box strong {
    color: #888 !important;
    font-weight: normal !important;
}

/* 2. VYNÚTENÁ ZLATÁ FARBA IBA PRE CENY, ČÍSLA A MEDZISÚČTY */
.order-summary-item .price,
.order-summary-item .price strong,
.order-summary-item .price span,
.row.summary td .price,
.row.summary td strong.price,
.cart-summary td .price,
.cart-summary td strong.price,
.cart-widget .price-total,
.cart-widget .total-price,
.cart-widget .total-price span,
.content-window-in .price-total,
.content-window-in .total-price,
.content-window-in .total-price span,
td.price-final,
td.price-final strong {
    color: #c49a6c !important;
    font-weight: 800 !important;
}

/* 3. OBROVSKÁ ZLATÁ FARBA PRE HLAVNÚ SUMU ("Celkom k úhrade") */
strong.price.price-primary,
strong.price.price-primary span,
.price.price-primary,
.price.price-primary span,
.order-summary-item.price .price-primary {
    color: #c49a6c !important;
    font-size: 32px !important;
    font-weight: 800 !important;
}

/* === KROK 1: Zväčšenie nápisu "Celkom za tovar:" a "Celkom k úhrade:" na 24px === */
#content span.price-label.price-primary,
.cart-summary th {
    font-size: 24px !important;
    font-weight: 800 !important;
}

/* === KROK 2: Spôsob platby a dopravy (vrátane slova ZADARMO) natvrdo na sivo === */
#content .shipping-billing-table label,
#content .shipping-billing-table span,
#content .shipping-billing-table b,
#content .shipping-billing-table strong,
#content .radio-wrapper label,
#content .radio-wrapper span,
#content .radio-wrapper b,
#content .radio-wrapper strong {
    color: #888 !important;
    font-weight: normal !important;
}

/* === KROK 3: Zlatá finálna suma "Celkom k úhrade" v 2. a 3. kroku === */
#content strong.price.price-primary,
#content strong.price.price-primary span,
#content span[data-testid="recapFullPrice"] {
    color: #c49a6c !important;
}

/* === KROK 4: Oprava zdvojenej hrubej ciary v zhrnuti objednavky === */

/* 1. Zrusenie uplne vsetkych ciar, ktore tam tlaci Shoptet (zvrchu aj zospodu) */
#content #summary-box .order-summary-item,
#content #summary-box .order-recapitulation,
#content #summary-box .recapitulation-single {
    border-top: none !important;
    border-bottom: none !important;
}

/* 2. Pridanie nasej jednej tenkej tmavej ciary pod kazdu polozku, OKREM finálnej sumy */
#content #summary-box .order-summary-item:not(.price),
#content #summary-box .recapitulation-single {
    border-bottom: 1px solid #222 !important;
    padding: 15px 0 !important;
}

/* 3. Pre istotu rovnake odsadene aj pre finálnu sumu (aby sa to nelepilo) */
#content #summary-box .order-summary-item.price {
    padding: 15px 0 !important;
}

/* === KROK 5: Úprava tlačidla "PRIHLÁSIŤ SA DO MÔJHO ÚČTU" === */
#content .btn.btn-secondary {
    background-color: transparent !important;
    border: 1px solid #c49a6c !important;
    color: #c49a6c !important;
    font-weight: 800 !important;
    transition: all 0.3s ease !important;
}
#content .btn.btn-secondary:hover {
    background-color: rgba(196, 154, 108, 0.1) !important;
}

/* === Zmena telefónnej predvoľby a jej zobáčika na sivú === */
.shp-flag-label {
    color: #b3b3b3 !important;
}

/* Zafarbenie CSS trojuholníka (striktne len šípka dole) */
.shp-flag-label::before {
    border-color: #b3b3b3 transparent transparent transparent !important;
    border-bottom: 0 !important;
}

/* === ROZBAĽOVACÍ ZOZNAM KRAJÍN A PREDVOLIEB (Dark Mode) === */

/* Hlavný obal (roletka) */
.country-flags-inner {
    background-color: #111111 !important;
    border: 1px solid #333333 !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.8) !important;
}

/* Jednotlivé položky (krajiny) v zozname */
.country-flags .country-flag {
    background-color: #111111 !important;
    border-bottom: 1px solid #1a1a1a !important;
    transition: background-color 0.2s ease !important;
}

/* Texty s názvom krajiny a číslom predvoľby */
.country-flags .country-flag .shp-flag-name {
    color: #b3b3b3 !important;
    transition: color 0.2s ease !important;
}

/* Hover efekt pri prejdení myšou na konkrétnu krajinu */
.country-flags .country-flag:hover {
    background-color: #1a1a1a !important;
}

.country-flags .country-flag:hover .shp-flag-name {
    color: #c49a6c !important; /* Text sa rozsvieti do zlata */
}

/* Tmavý dizajnový posuvník (Scrollbar) špecificky pre túto roletku */
.country-flags-inner::-webkit-scrollbar {
    width: 8px !important;
}
.country-flags-inner::-webkit-scrollbar-track {
    background: #0a0a0a !important; 
}
.country-flags-inner::-webkit-scrollbar-thumb {
    background: #333333 !important; 
    border-radius: 4px !important;
}
.country-flags-inner::-webkit-scrollbar-thumb:hover {
    background: #c49a6c !important; 
}

/* === ÚPRAVA TLAČIDLA NA CHYBOVEJ STRÁNKE (404) === */
body.in-error #content .btn,
.type-error #content .btn,
#content .btn[href="/"] {
    background-color: transparent !important;
    border: 1px solid #c49a6c !important;
    color: #c49a6c !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    padding: 12px 30px !important;
    border-radius: 0 !important; 
    transition: all 0.3s ease !important;
}

body.in-error #content .btn:hover,
.type-error #content .btn:hover,
#content .btn[href="/"]:hover {
    background-color: rgba(196, 154, 108, 0.1) !important;
    color: #c49a6c !important;
}

/* =====================================================
   GLOBÁLNE FORMULÁRE (Naprieč celým e-shopom)
   Základné stavy, Focus stavy a Autofill fix pre Dark Mode
   ===================================================== */

/* 1. ZÁKLADNÝ STAV (Zabitie bieleho pozadia vo všetkých políčkach) */
input.form-control,
select.form-control,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"] {
    background-color: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    padding: 0 15px !important;
    height: 50px !important;
}

/* Špecifická výška pre veľké textové polia (napr. Poznámka k objednávke) */
textarea.form-control {
    background-color: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    padding: 15px !important;
    min-height: 120px !important;
    height: auto !important;
}

/* 2. FOCUS STAV (Zlaté orámovanie a tmavšie pozadie po kliknutí) */
input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
.query-input:focus {
    border-color: #c49a6c !important;
    background-color: #0a0a0a !important;
    color: #ffffff !important;
    outline: none !important;
}

/* 3. AUTOFILL FIX (Zabitie Chrome/Safari farieb + oprava spellcheck bugu) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover, 
select:-webkit-autofill:focus, 
select:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover, 
textarea:-webkit-autofill:focus, 
textarea:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 5000px #111111 inset !important; 
    -webkit-text-fill-color: #ffffff !important; 
    color: #ffffff !important; /* Fix pre červenú vlnovku */
    transition: background-color 5000s ease-in-out 0s !important;
}

/* =====================================================
   ODSTRÁNENIE LOGA SHOPTET
   ===================================================== */
#signature, .signature, #footer-signature, a[href*="shoptet.sk"], a[href*="shoptet.cz"] {
    display: none !important;
}

/* =====================================================
   PÄTIČKA (FOOTER) - VIZUÁLNE ODDELENIE A FORMÁTOVANIE
   ===================================================== */
#footer {
    border-top: 1px solid #222 !important; /* Jemná deliaca línia */
    background-color: #0d0d0d !important; /* Odtieň mierne svetlejší ako #0a0a0a */
    padding-top: 60px !important;
    padding-bottom: 20px !important;
    margin-top: 60px !important; /* Odstup od poslednej sekcie na stránke */
}
/* Oddeľovač pre úplný spodok (Copyright) */
.footer-bottom {
    border-top: 1px solid #1a1a1a !important;
    padding-top: 20px !important;
    margin-top: 40px !important;
}
/* Štýlovanie nadpisov stĺpcov v pätičke (zlaté, technické) */
#footer h4 {
    color: #c49a6c !important;
    font-family: monospace !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    margin-bottom: 20px !important;
}

/* =====================================================
   PÄTIČKA - GRID A COPYRIGHT
   ===================================================== */
.rewire-footer-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 20px 20px 20px;
    border-top: 1px solid #222;
}

.rewire-col h4 {
    color: #c49a6c !important;
    font-family: monospace !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    margin-bottom: 20px !important;
}

.rewire-col p, .rewire-col a {
    color: #888 !important;
    line-height: 1.7 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    margin: 0 !important;
}

.rewire-col a:hover { color: #c49a6c !important; }

.rewire-col ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.rewire-col ul li { margin-bottom: 12px !important; }

/* Vycentrovanie a stmavenie copyrightu úplne dole */
.footer-bottom {
    border-top: 1px solid #1a1a1a !important;
    background: #0a0a0a !important;
    text-align: center !important;
    padding: 20px !important;
    width: 100% !important;
}
.footer-bottom * { color: #444 !important; font-size: 12px !important; text-align: center !important; }

/* Responzivita pre mobily */
@media (max-width: 768px) {
    .rewire-footer-grid { grid-template-columns: 1fr; text-align: center; }
}

/* =====================================================
   HOTFIX: SHOPTET GLITCHES (Zobáčiky, čiary, šedý spodok)
   ===================================================== */

/* 1. Odstránenie čiernych zobáčikov (carets) pred linkami */
.rewire-col ul li::before, #footer ul li::before { 
    display: none !important; 
    content: none !important; 
}
.rewire-col ul li { 
    padding-left: 0 !important; 
    background: none !important; 
}

/* 2. Upratanie čiar (necháme len jednu čistú líniu nad gridom) */
#footer { 
    border-top: none !important; 
    padding-bottom: 0 !important; 
    margin-bottom: 0 !important; 
}
.rewire-footer-grid { 
    border-top: 1px solid #1a1a1a !important; /* Jemnejšia linka */
    margin-top: 0 !important; 
}

/* 3. Eliminácia šedého pásu úplne na spodku (Force black background) */
html, body { 
    background-color: #0a0a0a !important; 
    height: 100%; 
}
#wrapper { 
    min-height: 100%; 
    margin-bottom: 0 !important; 
}

/* =====================================================
   MOBILNÉ MENU - FINAL SLIDE-OUT DARK MODE (OPRAVA DESKTOPU A PRIHLÁSENIA)
   ===================================================== */

@media (max-width: 991px) {
    /* 1. Temné pozadie pre celý vysúvací panel */
    .navigation-in, 
    .navigation-in .menu-level-1 {
        background-color: #0a0a0a !important;
        border-left: 1px solid #1a1a1a !important;
    }

    /* 2. Štýlovanie hlavných odkazov */
    .navigation-in ul.menu-level-1 > li > a,
    .navigation-in ul.menu-level-1 > li > a > b,
    .navigation-in ul.menu-level-1 > li > a > span {
        color: #b3b3b3 !important;
        font-weight: 800 !important;
        text-transform: uppercase !important;
        letter-spacing: 1.5px !important;
        background-color: transparent !important;
        border-bottom: 1px solid #1a1a1a !important;
        box-shadow: none !important;
    }

    .navigation-in ul.menu-level-1 > li > a:hover,
    .navigation-in ul.menu-level-1 > li > a:hover > b,
    .navigation-in ul.menu-level-1 > li > a:hover > span {
        color: #c49a6c !important;
        background-color: #111 !important;
    }

    /* 3. CHIRURGICKÉ ČISTENIE BALASTU */
    .navigation-in li.appended-category,
    .navigation-in a[href*="/systemy/"],
    .navigation-in a[href*="/produkty"] {
        display: none !important;
    }

    /* Zafarbenie zatváracieho krížika */
    .navigation-close, .navigation-close::before {
        color: #c49a6c !important;
        background-color: #0a0a0a !important;
    }

    /* 4. OPRAVA PRIHLÁSENIA (Záchrana a zafarbenie tagu span) */
    .navigation-in .navigationActions {
        display: block !important;
        background-color: #0a0a0a !important;
        border-top: 1px solid #1a1a1a !important;
        margin-top: 10px !important;
    }
    
    /* Cielime presne na <a> aj <span> vnútri navigationActions */
    .navigation-in .navigationActions a,
    .navigation-in .navigationActions a span {
        color: #888 !important; /* Jemnejšia sivá pre odlíšenie od hlavného menu */
        background-color: transparent !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        font-size: 13px !important;
        font-weight: bold !important;
        border: none !important;
        box-shadow: none !important;
        padding: 15px 20px !important;
        display: block !important;
    }

    .navigation-in .navigationActions a:hover,
    .navigation-in .navigationActions a:hover span {
        color: #c49a6c !important;
        background-color: #111 !important;
    }
}

/* =====================================================
   VYHĽADÁVANIE (Search Overlay) - DARK MODE & LUXURY
   ===================================================== */

/* 1. Celkové pozadie vyskakovacieho okna */
.search-window, .search-window-in {
    background-color: #0a0a0a !important;
}

/* 2. Nadpis "Čo potrebujete nájsť?" */
.search-window h2 {
    color: #c49a6c !important;
    font-family: monospace !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    margin-bottom: 20px !important;
}

/* 3. Samotné textové pole (Zabitie bielej farby a flexibilný obal) */
body.customer-page .search-window fieldset,
.search-window fieldset {
    display: flex !important;
    align-items: stretch !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

body.customer-page .search-window .query-input,
.search-window .query-input {
    background-color: #111 !important;
    border: 1px solid #333 !important;
    border-right: none !important; /* Hladké spojenie s tlačidlom bez dvojitej čiary */
    color: #fff !important;
    border-radius: 2px 0 0 2px !important;
    box-shadow: none !important;
    font-size: 16px !important;
    padding: 0 20px !important;
    height: 55px !important;
    margin: 0 !important;
    flex-grow: 1 !important;
}

body.customer-page .search-window .query-input:focus,
.search-window .query-input:focus {
    border-color: #c49a6c !important;
    outline: none !important;
}

/* 4. Tlačidlo vyhľadávania (Zlatá/bronzová šípka vpravo - prebije priesvitné nastavenia klientskej zóny) */
body.customer-page .search-window button[type="submit"].btn-default,
.search-window button[type="submit"].btn-default {
    background-color: #c49a6c !important;
    border: 1px solid #c49a6c !important;
    color: #000 !important;
    border-radius: 0 2px 2px 0 !important;
    transition: all 0.3s ease !important;
    height: 55px !important;
    padding: 0 25px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    text-transform: none !important;
    font-weight: normal !important;
    cursor: pointer !important;
}

body.customer-page .search-window button[type="submit"].btn-default:hover,
.search-window button[type="submit"].btn-default:hover {
    background-color: #d4a878 !important;
    border-color: #d4a878 !important;
    color: #000 !important;
}

/* 5. Tlačidlo "Späť do obchodu" (Nenápadná operatíva) */
.search-window .toggle-window-arr {
    color: #888 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 12px !important;
    background: transparent !important;
    border: none !important;
}

.search-window .toggle-window-arr:hover {
    color: #c49a6c !important;
}

/* 6. NAŠEPKÁVAČ (Výsledky vyhľadávania a čistenie) */

/* Odstránenie textu "Odporúčame" a prázdnych boxov */
.search-window h3, .recommended-products {
    display: none !important;
}

/* Obal našepkávača */
.search-whisperer, .search-whisperer-products, .search-whisperer-documents {
    background-color: #111 !important;
    border: 1px solid #222 !important;
    border-top: none !important;
}

/* Samotné riadky (odkazy) vo výsledkoch */
.search-whisperer a {
    background-color: transparent !important;
    border-bottom: 1px solid #1a1a1a !important;
    padding: 15px 20px !important;
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

/* Hover efekt pre celý riadok */
.search-whisperer a:hover {
    background-color: #1a1a1a !important;
}

/* Obal pre informácie o produkte vedľa obrázka */
.search-whisperer .p-info {
    display: block !important;
    margin-left: 15px !important;
}

/* Zabitie čiernej farby - Názvy produktov a článkov */
.search-whisperer .p-name, .search-whisperer-documents a {
    color: #fff !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    display: block !important;
    margin-bottom: 5px !important;
    font-size: 14px !important;
    transition: color 0.3s ease !important;
}

/* Bronzový hover na názov */
.search-whisperer a:hover .p-name, .search-whisperer-documents a:hover {
    color: #c49a6c !important;
}

/* Cena produktu (Zlatá/Bronzová) */
.search-whisperer .price {
    color: #c49a6c !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    display: block !important;
}

/* Dostupnosť (Sivá a nenápadná) */
.search-whisperer .p-availability {
    color: #666 !important;
    font-size: 11px !important;
    display: block !important;
    text-transform: uppercase !important;
    margin-bottom: 4px !important;
    font-weight: normal !important;
}

/* Štítky článkov (slovo "Článok") */
.search-whisperer .type-label {
    color: #c49a6c !important;
    font-family: monospace !important;
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
    margin-right: 10px !important;
}

/* Zvýraznenie zhody s hľadaným slovom */
.search-whisperer strong {
    color: #c49a6c !important;
}

/* =====================================================
   VÝSLEDKY VYHĽADÁVANIA A PRODUKTOVÉ VÝPISY
   ===================================================== */

/* 1. Hlavný nadpis a zvýraznenie hľadaného slova */
.type-search #content h2 { color: #c49a6c !important; }
.type-search #content h2 strong.highlight { color: #fff !important; background: transparent !important; font-weight: 800 !important; }

/* 2. Podnadpisy sekcií (Články, Produkty) - Záchrana h3 aj h4 */
.search-results-groups h3, .type-search #content h3, .products-found h3,
.search-results-groups h4, .type-search #content h4, .products-found h4 { 
    color: #c49a6c !important; 
    font-family: monospace !important; 
    text-transform: uppercase !important; 
    letter-spacing: 2px !important; 
    font-size: 14px !important;
    margin-top: 40px !important; 
    margin-bottom: 20px !important; 
    border-bottom: 1px solid #222 !important;
    padding-bottom: 10px !important;
}

/* 3. Zoznam nájdených článkov */
.search-results-groups ul { list-style: none !important; padding-left: 0 !important; }
.search-results-groups ul li { color: #666 !important; margin-bottom: 10px !important; }
.search-results-groups ul li a { color: #b3b3b3 !important; text-decoration: none !important; transition: 0.3s; }
.search-results-groups ul li a:hover { color: #c49a6c !important; }

/* 4. Výpis produktov (Riadkové zobrazenie - Inline) */
.products-inline .product {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #1a1a1a !important;
    padding: 30px 0 !important;
}
.products-inline .product:last-child { border-bottom: none !important; }

/* Odstránenie bieleho pozadia za obrázkom produktu */
.products-inline .product .image, .products-inline .product .p-image {
    background: transparent !important;
    border: none !important;
}

/* Názov produktu */
.products-inline .product .name,
.products-inline .product a.name,
.products-inline .product h2 a {
    color: #fff !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 16px !important;
    text-decoration: none !important;
    display: block !important;
    margin-bottom: 8px !important;
}
.products-inline .product .name:hover,
.products-inline .product a.name:hover,
.products-inline .product h2 a:hover {
    color: #c49a6c !important;
}

/* Krátky popis, Dostupnosť a Kód produktu */
.products-inline .product .p-desc { color: #888 !important; margin-bottom: 10px !important; }
.products-inline .product .availability, 
.products-inline .product .p-code,
.products-inline .product .p-availability { 
    color: #666 !important; 
    font-size: 12px !important; 
    margin-bottom: 4px !important;
    display: block !important;
}

/* Cena */
.products-inline .product .price-final strong,
.products-inline .product .price strong {
    color: #c49a6c !important;
    font-size: 24px !important;
    font-weight: 800 !important;
}

/* Zladenie košíkového bloku vo výpise */
.products-inline .product .p-tools { background: transparent !important; border: none !important; }
.products-inline .product .btn-add-to-cart,
.products-inline .product .btn-conversion {
    background-color: #c49a6c !important;
    color: #000 !important;
    border: none !important;
    border-radius: 2px !important;
    transition: all 0.3s ease !important;
}
.products-inline .product .btn-add-to-cart:hover,
.products-inline .product .btn-conversion:hover {
    background-color: #d4a878 !important;
}

/* =====================================================
   HOTFIX: ZLADENIE TLAČIDLA KOŠÍKA VO VÝPISOCH (VYHĽADÁVANIE)
   ===================================================== */
.products-inline .product .btn-cart {
    background-color: #c49a6c !important;
    color: #000 !important;
    border: none !important;
    border-radius: 2px !important;
    transition: all 0.3s ease !important;
    height: 52px !important; /* Zarovnanie výšky s +/- tlačidlami */
}

.products-inline .product .btn-cart:hover {
    background-color: #d4a878 !important;
}

/* Zafarbenie samotnej ikonky košíka na čierno */
.products-inline .product .btn-cart::before,
.products-inline .product .btn-cart i {
    color: #000 !important;
}

/* =====================================================
   HOTFIX: ZJEDNOTENIE HOVER EFEKTU "SPÄŤ DO OBCHODU"
   ===================================================== */
button.toggle-window-arr,
button.toggle-window-arr span,
button.toggle-window-arr::before {
    transition: color 0.3s ease !important;
}

button.toggle-window-arr:hover,
button.toggle-window-arr:hover span,
button.toggle-window-arr:hover::before {
    color: #c49a6c !important;
}

/* =====================================================
   PRIHLÁSENIE / REGISTRÁCIA (MODAL WINDOW) - DEFINITÍVNY DARK MODE
   ===================================================== */

/* 1. Vynútené čierne pozadie pre absolútne všetky vrstvy okna */
dialog#login, 
dialog#login::backdrop,
dialog#login .dialog_wrapper, 
dialog#login .dialog_content, 
dialog#login .dialog_body, 
dialog#login .dialog_header {
    background-color: #0a0a0a !important;
    color: #b3b3b3 !important;
    border: none !important;
}

/* 2. Nadpis okna */
dialog#login .dialog_header h2, 
dialog#login .dialog_header .h2, 
#loginHeading {
    color: #c49a6c !important;
    font-family: monospace !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #222 !important;
    padding-bottom: 15px !important;
}

/* 3. Vstupné polia (E-mail a heslo) */
dialog#login input[type="text"], 
dialog#login input[type="email"], 
dialog#login input[type="password"] {
    background-color: #111 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
    padding: 15px !important;
    border-radius: 2px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    font-size: 15px !important;
}

dialog#login input:focus {
    border-color: #c49a6c !important;
    outline: none !important;
}

dialog#login input::placeholder {
    color: #666 !important;
}

/* 4. Odkazy (Nová registrácia, Zabudnuté heslo) */
dialog#login .password-helper {
    margin-top: 15px !important;
}

dialog#login .password-helper a {
    color: #888 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    display: block !important;
    margin-bottom: 10px !important;
    transition: color 0.3s ease !important;
}

dialog#login .password-helper a:hover {
    color: #c49a6c !important;
}

/* 5. TLAČIDLO "PRIHLÁSIŤ SA" V MODAL OKNE */
dialog#login button.btn-login,
dialog#login form button[type="submit"] {
    background-color: transparent !important;
    color: #c49a6c !important;
    border: 1px solid #c49a6c !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 2px !important;
    padding: 15px 30px !important;
    transition: all 0.3s ease !important;
}

dialog#login button.btn-login:hover,
dialog#login form button[type="submit"]:hover {
    background-color: rgba(196, 154, 108, 0.1) !important;
}

dialog#login .btn-login::before { display: none !important; }

/* 6. OPRAVA A ZAROVNANIE TLAČIDLA "SPÄŤ DO OBCHODU" NA PRIHLÁSENÍ */
dialog#login button.dialog_close, 
dialog#login button.toggle-window-arr {
    position: absolute !important;
    top: 30px !important;
    left: 30px !important;
    margin: 0 !important;
    z-index: 50 !important;
    background-color: transparent !important;
    border: none !important;
    color: #888 !important;
    padding: 0 !important;
    box-shadow: none !important;
    height: auto !important;
    text-transform: none !important;
    font-weight: normal !important;
}

dialog#login button.dialog_close:hover, 
dialog#login button.toggle-window-arr:hover,
dialog#login button.dialog_close span:hover {
    background-color: transparent !important;
    color: #c49a6c !important;
}

/* =====================================================
   PRIHLÁSENIE - ZABITIE ZVYŠNÝCH BIELYCH PLÔCH (.user-action)
   ===================================================== */
.user-action,
.user-action::before,
.user-action::after,
.login-wrapper,
.login-wrapper::before,
.login-wrapper::after,
#customerLogin {
    background-color: #0a0a0a !important;
    box-shadow: none !important;
    border: none !important;
}

/* Poistka pre zneviditeľnenie bielych podkladov formulára */
.user-action form, 
.user-action .form-group {
    background-color: transparent !important;
}

/* =====================================================
   PRIHLÁSENIE - PREBITIE CSS PREMENNEJ (ZABITIE BIELEJ)
   ===================================================== */
:root {
    --dialog-bg-color: #0a0a0a !important;
}

dialog#login,
dialog#login .dialog_wrapper,
.user-action {
    background: #0a0a0a !important; /* Cielime na background, nie len background-color */
    background-color: #0a0a0a !important;
}

/* =====================================================
   SAMOSTATNÁ STRÁNKA PRIHLÁSENIA A REGISTRÁCIE (/login) - FINAL
   ===================================================== */

/* 1. Hlavný nadpis stránky */
.in-login #content h1, 
.in-registracia #content h1 {
    color: #c49a6c !important;
    font-family: monospace !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    font-size: 24px !important;
    border-bottom: 1px solid #222 !important;
    padding-bottom: 15px !important;
    margin-bottom: 30px !important;
}

/* 2. Vstupné polia */
.in-login input.form-control,
.in-registracia input.form-control,
.login-wrapper input.form-control {
    background-color: #111 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
    padding: 15px !important;
    height: 50px !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    font-size: 15px !important;
}

.in-login input.form-control:focus,
.in-registracia input.form-control:focus,
.login-wrapper input.form-control:focus {
    border-color: #c49a6c !important;
    outline: none !important;
}

.in-login input.form-control::placeholder,
.in-registracia input.form-control::placeholder {
    color: #666 !important;
}

/* 3. TLAČIDLO "PRIHLÁSIŤ SA" A "REGISTROVAŤ" NA SAMOSTATNÝCH STRÁNKACH */
body.in-login #content .login-wrapper button[type="submit"],
body.in-registracia #content .login-wrapper button[type="submit"],
#content .login-wrapper button.btn-login,
.in-registracia #content input[type="submit"].btn,
.in-registracia #content button[type="submit"].btn {
    background-color: transparent !important;
    color: #c49a6c !important;
    border: 1px solid #c49a6c !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 2px !important;
    padding: 15px 30px !important;
    height: 50px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

body.in-login #content .login-wrapper button[type="submit"]:hover,
body.in-registracia #content .login-wrapper button[type="submit"]:hover,
#content .login-wrapper button.btn-login:hover,
.in-registracia #content input[type="submit"].btn:hover,
.in-registracia #content button[type="submit"].btn:hover {
    background-color: rgba(196, 154, 108, 0.1) !important;
}

/* Skrytie ikonky zámku v tlačidle */
body.in-login #content form button[type="submit"]::before,
body.in-registracia #content form button[type="submit"]::before,
#content .login-wrapper button.btn-login::before {
    display: none !important;
}

/* 4. POMOCNÉ ODKAZY (Rozdelenie pod seba do riadkov) */
.in-login .password-helper,
.in-registracia .password-helper,
.login-wrapper .password-helper {
    margin-top: 15px !important;
    text-align: left !important;
    display: block !important;
}

.in-login .password-helper a,
.in-registracia .password-helper a,
.login-wrapper .password-helper a {
    color: #888 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    display: block !important; /* Toto oddelí odkazy na samostatné riadky */
    margin-bottom: 12px !important;
}

.in-login .password-helper a:hover,
.in-registracia .password-helper a:hover,
.login-wrapper .password-helper a:hover {
    color: #c49a6c !important;
}

/* =====================================================
   STRÁNKA REGISTRÁCIE - DARK MODE & FORMULÁRE
   ===================================================== */

/* 1. Boxy (Zrušenie hrubých bielych čiar a priesvitné pozadie) */
.in-registracia #content fieldset {
    border: 1px solid #222 !important;
    background: transparent !important;
    padding: 20px !important;
    margin-bottom: 30px !important;
}

/* Zneviditeľnenie prázdnych systémových kontajnerov (.co-box) */
.in-registracia #content .co-box {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    margin-bottom: 15px !important;
}

/* 2. Nadpisy v boxoch (Osobné údaje, Potvrdenie) */
.in-registracia #content fieldset legend,
.in-registracia #content h4 {
    color: #c49a6c !important;
    font-family: monospace !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    background-color: #0a0a0a !important; /* Zamaskuje čiaru pod textom */
    padding: 0 15px !important;
    border: none !important;
    font-size: 14px !important;
}

/* 3. Texty a Labely (Vysvietenie z tmy) */
.in-registracia #content label,
.in-registracia #content .consents {
    color: #b3b3b3 !important;
}

/* Odkazy v podmienkach (Zlaté s hover efektom) */
.in-registracia #content .consents a {
    color: #c49a6c !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}
.in-registracia #content .consents a:hover {
    color: #d4a878 !important;
}

/* 4. Textové polia (Uistenie technického dizajnu) */
.in-registracia #content input.form-control {
    background-color: #111 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
    padding: 15px !important;
    height: 50px !important;
}
.in-registracia #content input.form-control:focus {
    border-color: #c49a6c !important;
    outline: none !important;
}

/* 5. Tlačidlo "REGISTROVAŤ" (Zladenie s transparentným "ghost" dizajnom) */
.in-registracia #content input[type="submit"].btn,
.in-registracia #content button[type="submit"].btn {
    background-color: transparent !important;
    color: #c49a6c !important;
    border: 1px solid #c49a6c !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 2px !important;
    padding: 15px 30px !important;
    height: 50px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

.in-registracia #content input[type="submit"].btn:hover,
.in-registracia #content button[type="submit"].btn:hover {
    background-color: rgba(196, 154, 108, 0.1) !important;
    color: #c49a6c !important;
    border-color: #c49a6c !important;
    transform: none !important;
    box-shadow: none !important;
}

/* =====================================================
   ZABUDNUTÉ HESLO - DARK MODE & ČISTENIE
   ===================================================== */

/* 1. Odstránenie zbytočného bočného panelu "Zákaznícke centrum" */
.in-zabudnute-heslo aside.sidebar {
    display: none !important;
}

/* Vycentrovanie obsahu po zmazaní panelu */
.in-zabudnute-heslo #content .content-inner {
    width: 100% !important;
    max-width: 600px !important;
    margin: 0 auto !important; /* Dokonalé vycentrovanie na stred obrazovky */
    text-align: left !important;
}

/* 2. Nadpisy (Zjednotenie s brandom) */
.in-zabudnute-heslo #content h1 {
    color: #c49a6c !important;
    font-family: monospace !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    font-size: 24px !important;
    border-bottom: 1px solid #222 !important;
    padding-bottom: 15px !important;
    margin-bottom: 30px !important;
}

.in-zabudnute-heslo #content h2 {
    color: #c49a6c !important;
    font-family: monospace !important;
    font-size: 16px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    margin-bottom: 15px !important;
    border: none !important;
}

/* 3. Textové inštrukcie a Labely */
.in-zabudnute-heslo #content p,
.in-zabudnute-heslo #content label {
    color: #b3b3b3 !important;
    line-height: 1.6 !important;
    margin-bottom: 15px !important;
}

/* 4. Pole pre E-mail */
.in-zabudnute-heslo #content input.form-control {
    background-color: #111 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
    padding: 15px !important;
    height: 50px !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    font-size: 15px !important;
    width: 100% !important;
    max-width: 400px !important; /* Aby nebolo zbytočne dlhé */
}

.in-zabudnute-heslo #content input.form-control:focus {
    border-color: #c49a6c !important;
    outline: none !important;
}

/* 5. Tlačidlo "ODOSLAŤ" NA ZABUDNUTOM HESLE */
.in-zabudnute-heslo #content input[type="submit"].btn-primary,
.in-zabudnute-heslo #content button[type="submit"].btn-primary {
    background-color: transparent !important;
    color: #c49a6c !important;
    border: 1px solid #c49a6c !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 2px !important;
    padding: 15px 30px !important;
    height: 50px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    margin-top: 15px !important;
}

.in-zabudnute-heslo #content input[type="submit"].btn-primary:hover,
.in-zabudnute-heslo #content button[type="submit"].btn-primary:hover {
    background-color: rgba(196, 154, 108, 0.1) !important;
}

/* ZABITIE NADPISU THE SCIENCE - GARANTOVANÉ */
body.in-the-science article.pageArticleDetail header,
body.id-718 article.pageArticleDetail header {
    display: none !important;
}

/* === ZJEDNOTENIE TEXTU "Späť do obchodu" (Vyhľadávanie a iné okná) === */
dialog button.dialog_close, 
dialog button.toggle-window-arr,
#colorbox .dialog_close,
#colorbox .toggle-window-arr {
    text-transform: none !important;
}

/* === DEFINITÍVNE ZJEDNOTENIE "Späť do obchodu" VO VYHĽADÁVANÍ === */
.search-window .toggle-window-arr,
.search-window .toggle-window-arr span {
    text-transform: none !important;
    letter-spacing: normal !important;
    font-size: 14px !important;
}

/* =====================================================
   PRÁZDNY KOŠÍK - MINIMALISTICKÝ DIZAJN (so zachovaním šípky)
   ===================================================== */

/* 1. Skrytie nepotrebného balastu (Vyhľadávanie, Kategórie) */
.cart-inner.cart-empty .cart-row,
.cart-inner.cart-empty .row.cart-row {
    display: none !important;
}

/* 2. Centrovanie vnútra prázdneho košíka */
.cart-inner.cart-empty {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 350px !important;
}

/* 3. Nadpis "Váš nákupný košík je prázdny" */
.cart-inner.cart-empty .cart-heading {
    color: #c49a6c !important;
    font-family: monospace !important;
    font-size: 26px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    margin: 0 !important;
    border: none !important;
}

/* 4. Vpísanie nového textu priamo pod nadpis cez CSS */
.cart-inner.cart-empty .cart-heading::after {
    content: "Budeme veľmi radi, ak si u nás niečo vyberiete.";
    display: block;
    color: #b3b3b3 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 16px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin-top: 20px !important;
    font-weight: normal !important;
}

/* =====================================================
   FAQ AKORDEÓN (ČASTO KLADENÉ OTÁZKY)
   ===================================================== */

.rewire-faq-wrapper {
    max-width: 800px;
    margin: 40px auto;
}

.faq-category-title {
    color: #c49a6c !important;
    font-family: monospace !important;
    font-size: 18px !important;
    letter-spacing: 2px !important;
    margin: 60px 0 20px 0 !important;
    border-bottom: 1px solid #333;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.faq-item {
    border-bottom: 1px solid #222;
    background: transparent;
}

.faq-question {
    padding: 20px 0;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #b3b3b3; /* Príjemná sivá farba */
    list-style: none; /* Skryje defaultnú šípku prehliadača */
    transition: color 0.3s ease;
    outline: none !important;
    /* Flexbox nekompromisne roztlačí text a ikonku od seba */
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* Úplné zlikvidovanie defaultnej šípky v Safari a Chrome */
.faq-question::-webkit-details-marker {
    display: none;
}

.faq-question:hover {
    color: #c49a6c;
}

/* Vytvorenie vlastného PLUSKA napravo */
.faq-question::after {
    content: '+';
    font-size: 26px;
    font-weight: 300;
    color: #c49a6c;
    margin-left: 20px; /* Poistka, aby sa ikonka nenalepila na text */
}

/* Zmena PLUS na MÍNUS po rozbalení */
.faq-item[open] .faq-question::after {
    content: '−'; 
}

/* Zlatá farba otázky po rozbalení */
.faq-item[open] .faq-question {
    color: #c49a6c;
}

/* Dizajn samotnej odpovede */
.faq-answer {
    padding: 0 0 20px 0;
    color: #b3b3b3;
    line-height: 1.6;
    font-size: 15px;
    animation: fadein 0.4s ease-in-out;
}

/* Jemná animácia pri zobrazení textu */
@keyframes fadein {
    from { opacity: 0; transform: translateY(-5px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ZABITIE HLAVNÉHO NADPISU NA STRÁNKE FAQ */
article.pageArticleDetail:has(.rewire-faq-wrapper) header {
    display: none !important;
}

/* =====================================================
   KLIENTSKÁ ZÓNA A REGISTRÁCIA (Kompletný Dark Mode Fix)
   ===================================================== */

/* 1. Vypnutie "Smart Label" (texty nebudú na čiare, ale normálne nad políčkom) */
.customer-page .smart-label-wrapper label {
    position: relative !important;
    transform: none !important;
    background: transparent !important;
    padding: 0 0 8px 0 !important;
    display: block !important;
    color: #b3b3b3 !important;
    font-size: 14px !important;
    font-weight: normal !important;
    height: auto !important;
    line-height: normal !important;
}

/* Zrušenie zbytočného priestoru po Smart Labeloch */
.customer-page .smart-label-wrapper {
    padding-top: 0 !important;
    margin-bottom: 20px !important;
}

/* 2. Zabitie bielej Autofill farby z prehliadačov (Chrome/Safari) pre VŠETKY polia */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover, 
select:-webkit-autofill:focus, 
select:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover, 
textarea:-webkit-autofill:focus, 
textarea:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 5000px #111111 inset !important; /* Prekrytie pozadia */
    -webkit-text-fill-color: #ffffff !important; /* Primárna farba textu */
    color: #ffffff !important; /* ZÁCHRANA: Sekundárna farba textu (opravuje spellcheck bug) */
    transition: background-color 5000s ease-in-out 0s !important;
}

/* 4. Oprava obalových boxov a legendy */
.customer-page .client-center-box,
.customer-page .sidebar-inner,
.customer-page .box {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.customer-page fieldset,
.customer-page .co-box {
    background-color: transparent !important;
    border: 1px solid #222222 !important;
    padding: 25px !important;
    margin-bottom: 30px !important;
}

/* ODSTRÁNENIE PRÁZDNYCH BLOKOV (Neviditeľné boxy a box pre tlačidlo Uložiť) */
.customer-page .co-box:empty,
.customer-page .co-box:has(.submit-wrapper) {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

.customer-page fieldset legend {
    background-color: #000000 !important;
    color: #c49a6c !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 18px !important;
    font-weight: bold !important;
    text-transform: none !important; 
    padding: 0 10px !important;
    border: none !important;
    width: auto !important;
}

/* Zladenie nadpisov H4 vo formulároch (Doručovacia adresa atď.) */
.customer-page #content fieldset h4,
.customer-page #content h4 {
    color: #c49a6c !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 18px !important;
    font-weight: bold !important;
    text-transform: none !important; 
    margin-bottom: 20px !important;
    border: none !important;
    background: transparent !important;
}

/* 5. Checkboxy a texty (Objednávam na firmu atď.) */
.customer-page label.whole-width,
.customer-page input[type="checkbox"] + label,
.customer-page .form-group label {
    color: #b3b3b3 !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

/* Hviezdička a Chybové hlášky */
.customer-page .smart-label-wrapper label .required-asterisk,
.customer-page label .req {
    color: #d9534f !important;
    margin-left: 3px;
}

.customer-page .js-validator-msg {
    position: relative !important;
    display: block !important;
    text-align: left !important;
    margin-top: 5px !important;
    background: transparent !important;
    padding: 0 !important;
    font-size: 12px !important;
}

/* 6. VŠETKY TLAČIDLÁ (Uložiť, Pridať adresu, Odhlásiť sa) - Zladenie s košíkom */
.customer-page #content .btn,
.customer-page #content .btn-primary,
.customer-page #content .btn-secondary,
.customer-page button[type="submit"],
.customer-page input[type="submit"],
.customer-page aside.sidebar ul li.logout a,
.customer-page aside.sidebar ul li.logout a.btn {
    background-color: transparent !important; /* Priesvitné pozadie */
    color: #c49a6c !important; /* Zlaté písmo */
    border: 1px solid #c49a6c !important; /* Zlatý rámček v základe */
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 12px 35px !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
    display: inline-block !important;
    cursor: pointer !important;
    box-shadow: none !important;
    border-radius: 2px !important;
}

/* Hover efekt - jemné zvýraznenie (ako v košíku) */
.customer-page #content .btn:hover,
.customer-page #content .btn-primary:hover,
.customer-page #content .btn-secondary:hover,
.customer-page button[type="submit"]:hover,
.customer-page input[type="submit"]:hover,
.customer-page aside.sidebar ul li.logout a:hover,
.customer-page aside.sidebar ul li.logout a.btn:hover {
    background-color: rgba(196, 154, 108, 0.1) !important; /* Jemné zlaté podfarbenie */
    color: #c49a6c !important; /* Zlaté písmo ostáva */
    border-color: #c49a6c !important; /* Zlatý rámček ostáva */
}

/* Odsadenie tlačidla Uložiť */
.customer-page .submit-wrapper {
    margin-top: 20px !important;
}

/* 7. Bočné menu v klientskom centre */
.customer-page aside.sidebar ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.customer-page aside.sidebar ul li {
    list-style-type: none !important;
    margin-bottom: 5px !important;
}

.customer-page aside.sidebar ul li::marker {
    display: none !important;
    content: "" !important;
}

.customer-page aside.sidebar ul li.logout {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.customer-page aside.sidebar ul li a {
    color: #888 !important;
    text-decoration: none !important;
    display: block !important;
    padding: 8px 0 !important;
    transition: color 0.3s ease !important;
}

.customer-page aside.sidebar ul li.active a,
.customer-page aside.sidebar ul li a:hover {
    color: #c49a6c !important;
}

/* =====================================================
   KLIENTSKÁ ZÓNA - TABUĽKY (Zoznam adries, Objednávky) - STEALTH DIZAJN
   ===================================================== */

/* 1. Úplne priehľadné pozadie pre všetky časti tabuľky */
body.customer-page #content .scroll-wrapper,
body.customer-page #content table.table,
body.customer-page #content table.table tbody,
body.customer-page #content table.table tr,
body.customer-page #content table.table th,
body.customer-page #content table.table td {
    background-color: transparent !important;
    background: transparent !important;
}

body.customer-page #content .scroll-wrapper {
    overflow: hidden !important; 
    overflow-x: hidden !important;
}

/* 2. Obalenie tabuľky */
body.customer-page #content table.table {
    border: 1px solid #222222 !important;
    border-radius: 2px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin-bottom: 30px !important;
    width: 100% !important;
}

/* 3. Hlavička (Deskopy) */
body.customer-page #content table.table th {
    color: #888888 !important;
    font-weight: normal !important;
    border: none !important;
    border-bottom: 1px solid #222222 !important;
    padding: 15px !important;
}

/* 4. Samotné bunky (Riadky s údajmi) */
body.customer-page #content table.table td {
    color: #ffffff !important;
    border: none !important;
    border-bottom: 1px solid #1a1a1a !important; 
    padding: 15px !important;
    vertical-align: middle !important;
}

/* 5. Akčné tlačidlá (Deskopy) */
body.customer-page #content table.table td.cell-actions {
    text-align: right !important; 
}

/* 6. DESKTOP VERZIA - Ochrana a čistenie */
@media (min-width: 992px) {
    body.customer-page #content table.table span.client-table-heading {
        display: none !important;
    }
    body.customer-page #content table.table tr:last-child td {
        border-bottom: none !important;
    }
}

/* 7. MOBILNÁ VERZIA - ČISTÝ MODERNÝ DIZAJN (2026) */
@media (max-width: 991px) {
    /* Hlavný obal pre jednu adresu (Riadok) */
    body.customer-page #content table.table-mobile-enriched tr,
    body.customer-page #content table.table tr {
        display: flex !important;
        flex-direction: column !important;
        border-bottom: 1px solid #333333 !important; /* JEDINÁ oddeľovacia čiara medzi adresami */
        padding: 10px 0 20px 0 !important;
    }
    
    body.customer-page #content table.table tr:last-child {
        border-bottom: none !important; /* Posledná adresa nemá spodnú čiaru */
        padding-bottom: 0 !important;
    }

    /* Bunky s textom (Meno, Ulica...) */
    body.customer-page #content table.table-mobile-enriched td:not(.cell-actions),
    body.customer-page #content table.table td:not(.cell-actions) {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        padding: 12px 15px !important;
        border-bottom: 1px solid #1a1a1a !important; /* Jemná vnútorná čiara medzi riadkami adresy */
        box-sizing: border-box !important;
    }

    /* Moderný CSS:has selektor - dynamicky zruší čiaru pod poslednou textovou položkou tesne pred tlačidlami */
    body.customer-page #content table.table td:has(+ td.cell-actions) {
        border-bottom: none !important;
    }

    /* Názvy parametrov */
    body.customer-page #content table.table span.client-table-heading {
        color: #888888 !important;
        font-weight: normal !important;
        min-width: 140px !important; 
        display: inline-block !important;
    }

    /* Bunky s tlačidlami - Uložené pekne pod sebou */
    body.customer-page #content table.table-mobile-enriched td.cell-actions,
    body.customer-page #content table.table td.cell-actions {
        display: block !important;
        width: 100% !important;
        padding: 5px 15px !important;
        border-bottom: none !important; /* Istota, že tu žiadna čiara nebude */
        box-sizing: border-box !important;
    }

    /* Skrytie neviditeľného nadpisu vo vnútri tlačidlových buniek */
    body.customer-page #content table.table td.cell-actions span.client-table-heading {
        display: none !important;
    }

    /* Vzhľad samotného tlačidla na celú šírku */
    body.customer-page #content table.table td.cell-actions .btn {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 15px !important;
        font-size: 13px !important; 
        letter-spacing: 1px !important;
        box-sizing: border-box !important;
    }
}

/* =====================================================
   OPRAVA FARBY TEXTU (AUTOFILL & SPELLCHECK)
   ===================================================== */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active,
.customer-page input:-webkit-autofill,
body #wrapper #content input:-webkit-autofill {
    -webkit-text-fill-color: #ffffff !important;
    color: #ffffff !important;
    text-shadow: none !important; 
}

input:-webkit-autofill::first-line {
    color: #ffffff !important;
}

body.customer-page #content input.form-control,
body #wrapper #content input[type="text"] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* =====================================================
   GLOBÁLNE BOČNÉ MENU (Klientska zóna) - ZJEDNOTENÝ DIZAJN
   ===================================================== */

/* 1. Základný layout menu (Flexbox pre jednoduché zoradenie v 1 stĺpci) */
body.customer-page aside.sidebar ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
}

body.customer-page aside.sidebar ul li {
    margin: 0 !important;
    width: 100% !important;
}

/* 2. Vzhľad odkazov (Karty v "Stealth" dizajne) */
body.customer-page aside.sidebar ul li a {
    background-color: #111111 !important;
    border: 1px solid #222222 !important;
    color: #888888 !important;
    padding: 12px 15px !important;
    border-radius: 2px !important;
    font-size: 13px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    line-height: 1.4 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

/* Aktívna karta a Hover efekt (Zlaté podsvietenie) */
body.customer-page aside.sidebar ul li.active a,
body.customer-page aside.sidebar ul li a:hover {
    background-color: #1a1a1a !important;
    border-color: #c49a6c !important;
    color: #c49a6c !important;
    font-weight: bold !important;
}

/* 3. TLAČIDLO ODHLÁSIŤ SA - Nekompromisne na spodku */
body.customer-page aside.sidebar ul li.logout {
    order: 99 !important; /* Flexbox mágia: presunie prvok na koniec */
    margin-top: 15px !important;
}

body.customer-page aside.sidebar ul li.logout a {
    justify-content: center !important;
    border-color: #333333 !important;
    color: #a0a0a0 !important;
}

body.customer-page aside.sidebar ul li.logout a:hover {
    border-color: #c49a6c !important;
    color: #c49a6c !important;
}

/* =====================================================
   ŠPECIFIKÁ PRE MOBILNÚ VERZIU A TABLETY (2-stĺpcová mriežka)
   ===================================================== */
/* Zmena breakpointu na 768px, aby sa to zhodovalo so zlomom Shoptetu */
@media (max-width: 768px) {
    /* Odrezanie menu od formulárov hrubšou čiarou */
    body.customer-page aside.sidebar {
        margin-bottom: 30px !important;
        border-bottom: 1px solid #222222 !important;
        padding-bottom: 30px !important;
    }

    /* Zmena z Flexboxu na Grid (2 stĺpce) AŽ keď je menu hore */
    body.customer-page aside.sidebar ul {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    /* Karty na mobile vycentrujeme, aby v mriežke vyzerali symetricky */
    body.customer-page aside.sidebar ul li a {
        justify-content: center !important;
        text-align: center !important;
        padding: 12px 10px !important;
        height: 100% !important;
    }

    /* Odhlásiť sa musí zabrať oba stĺpce na celú šírku */
    body.customer-page aside.sidebar ul li.logout {
        grid-column: span 2 !important;
        margin-top: 5px !important;
    }
}

/* =====================================================
   KLIENTSKÁ ZÓNA - ČISTENIE MENU A ZJEDNOTENIE TEXTOV
   ===================================================== */

/* 1. Skrytie nepotrebných položiek v bočnom menu (Moja diskusia pri tovare) */
/* Využívame :has selektor, ktorý skryje celé tlačidlo, ak odkaz obsahuje slovo "disku" */
body.customer-page aside.sidebar ul li:has(a[href*="disku"]) {
    display: none !important;
}

/* 2. Zjednotenie všetkých podnadpisov a textov pre "Prázdne stavy" */
/* Ignorujeme, či si Shoptet zmyslí použiť h3, h4 alebo p. Všetko bude vyzerať jednotne a čisto. */
body.customer-page #content .content-inner > h3, 
body.customer-page #content .content-inner > h4, 
body.customer-page #content .content-inner > p {
    color: #b3b3b3 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    font-weight: normal !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    border: none !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
    background: transparent !important;
}

/* =====================================================
   STRÁNKA "POĎAKOVANIE ZA OBJEDNÁVKU" (Dokončenie)
   ===================================================== */

/* 1. Hlavný nadpis a číslo objednávky */
body.in-dakujeme #content h1,
body.in-dakujeme .order-summary-heading {
    color: #c49a6c !important;
    font-family: monospace !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    font-size: 28px !important;
    border-bottom: none !important;
    margin-bottom: 5px !important;
}

body.in-dakujeme .reca-number {
    color: #888888 !important;
    font-size: 14px !important;
    margin-bottom: 40px !important;
    display: block !important;
}

/* 2. Obalové boxy (Platba a doručenie, Obsah objednávky) */
body.in-dakujeme .co-box {
    background-color: transparent !important;
    border: 1px solid #222222 !important;
    padding: 30px !important;
    margin-bottom: 30px !important;
    border-radius: 2px !important;
}

/* Nadpisy vo vnútri boxov */
body.in-dakujeme .co-box h4,
body.in-dakujeme .order-icon {
    color: #c49a6c !important;
    font-family: monospace !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid #222222 !important;
    padding-bottom: 15px !important;
    margin-bottom: 20px !important;
    font-size: 16px !important;
    background: transparent !important;
}

/* 3. Texty v boxe "Platba a doručenie" */
body.in-dakujeme .co-box table td,
body.in-dakujeme .co-box table th {
    color: #b3b3b3 !important;
    border-bottom: 1px solid #1a1a1a !important;
    padding: 12px 0 !important;
    background: transparent !important;
}
body.in-dakujeme .co-box table tr:last-child td,
body.in-dakujeme .co-box table tr:last-child th {
    border-bottom: none !important;
}

/* 4. Tabuľka zakúpených produktov (Definitívne zabitie bieleho pozadia) */
body.in-dakujeme .cart-table,
body.in-dakujeme .cart-table tbody,
body.in-dakujeme .cart-table tr,
body.in-dakujeme .cart-table td {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
}

/* Zabitie konkrétneho bieleho bloku za fotkou produktu */
body.in-dakujeme .cart-table td.cart-p-image {
    background-color: transparent !important; 
    padding: 10px 15px 10px 0 !important;
}

/* Informácie o produkte (Názov, Kusy, Cena) */
body.in-dakujeme .cart-table .p-name,
body.in-dakujeme .cart-table .p-name span {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

body.in-dakujeme .cart-table .p-quantity,
body.in-dakujeme .cart-table .p-quantity span {
    color: #888888 !important;
}

body.in-dakujeme .cart-table .p-price,
body.in-dakujeme .cart-table .p-price span,
body.in-dakujeme .cart-table .p-price strong {
    color: #c49a6c !important;
    font-weight: 800 !important;
    font-size: 16px !important;
}

/* 5. Záverečné texty poďakovania */
body.in-dakujeme div[data-testid="textRecapMessage"],
body.in-dakujeme .recapitulation-wrapper > div:not(.co-box):not(.order-complete-links) {
    color: #b3b3b3 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}

/* 6. Tlačidlo "MOJE NÁKUPY" */
body.in-dakujeme .order-complete-links .btn-primary {
    background-color: transparent !important;
    color: #c49a6c !important;
    border: 1px solid #c49a6c !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 2px !important;
    padding: 15px 35px !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    margin-bottom: 30px !important;
    box-shadow: none !important;
}

body.in-dakujeme .order-complete-links .btn-primary:hover {
    background-color: rgba(196, 154, 108, 0.1) !important;
}

/* 7. Spodné navigačné odkazy (Späť do obchodu | Nastavenie účtu | Odhlásiť sa) */
body.in-dakujeme .order-complete-links {
    color: #333333 !important; /* Stmavenie oddeľovacích čiar (pipes) */
    text-align: center !important;
}

body.in-dakujeme .order-complete-links p {
    color: #444 !important;
}

body.in-dakujeme .order-complete-links a:not(.btn) {
    color: #888888 !important;
    text-decoration: none !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    transition: color 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

body.in-dakujeme .order-complete-links a:not(.btn):hover {
    color: #c49a6c !important;
}

/* =====================================================
   KLIENTSKÁ ZÓNA - OPRAVA FARIEB V DETAILOCH A TABUĽKÁCH
   ===================================================== */

/* 1. Odkazy v tabuľkách (Kód objednávky a Názov zakúpeného produktu) */
body.customer-page #content table td a,
body.customer-page #content table td a strong,
body.customer-page #content table td strong a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: bold !important;
    transition: color 0.3s ease !important;
}

body.customer-page #content table td a:hover,
body.customer-page #content table td a:hover strong,
body.customer-page #content table td strong a:hover {
    color: #c49a6c !important; /* Pri nájazde myšou sa odkaz rozsvieti na zlato */
}

/* 2. Texty s adresami v detaile objednávky (Fakturačná, Doručovacia) */
/* Shoptet na toto používa špecifický HTML tag <address> */
body.customer-page #content address {
    color: #b3b3b3 !important;
    font-style: normal !important;
    line-height: 1.6 !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}

/* 3. Poistka pre doplnkové texty (napr. hláška "Rovnaká ako fakturačná") */
body.customer-page #content .order-detail-info,
body.customer-page #content .order-detail-address,
body.customer-page #content .order-detail-address p,
body.customer-page #content .order-detail-address div {
    color: #b3b3b3 !important;
}

/* =====================================================
   DOPLNENIE: OPRAVA SUROVÉHO TEXTU ADRIES V DETAILE OBJEDNÁVKY
   ===================================================== */

/* 1. Zafarbenie adries a údajov, ktoré Shoptet nevložil do tagu <address> */
body.customer-page #content .content-inner .row [class*="col-"] {
    color: #b3b3b3 !important;
    line-height: 1.6 !important;
}

/* 2. Zafarbenie e-mailového odkazu v týchto adresách */
body.customer-page #content .content-inner .row [class*="col-"] a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: bold !important;
    transition: color 0.3s ease !important;
}

body.customer-page #content .content-inner .row [class*="col-"] a:hover {
    color: #c49a6c !important;
}

/* =====================================================
   KONTAKT A STRÁNKY S FORMULÁROM (Zladenie dizajnu)
   ===================================================== */

/* 1. Tlačidlo ODOSLAŤ (Zjednotenie s ghost dizajnom) */
.type-page #content form input[type="submit"],
.type-page #content form button[type="submit"] {
    background-color: transparent !important;
    color: #c49a6c !important;
    border: 1px solid #c49a6c !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 2px !important;
    padding: 15px 35px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    box-shadow: none !important;
    display: inline-block !important;
}

.type-page #content form input[type="submit"]:hover,
.type-page #content form button[type="submit"]:hover {
    background-color: rgba(196, 154, 108, 0.1) !important;
}

/* 2. Odkaz na podmienky ochrany osobných údajov (GDPR) */
.type-page #content form .consents a,
.type-page #content form a {
    color: #c49a6c !important;
    text-decoration: none !important;
    font-weight: bold !important;
    transition: color 0.3s ease !important;
}

.type-page #content form .consents a:hover,
.type-page #content form a:hover {
    color: #d4a878 !important;
}

/* 3. Samotný text súhlasu (aby nesplynul s tmavým pozadím) */
.type-page #content form .consents,
.type-page #content form .checkbox-inline {
    color: #b3b3b3 !important;
}

/* =====================================================
   STRÁNKOVANIE (PAGINATION) - OPRAVA FARIEB
   ===================================================== */

/* 1. Aktuálna (vybraná) strana */
#content .pagination-wrapper .pagination strong.current,
.pagination-wrapper .pagination strong.current {
    color: #c49a6c !important;
    font-weight: 800 !important;
    background: transparent !important;
    padding: 0 5px !important;
}

/* 2. Odkazy na ďalšie strany (čísla 2, 3...) */
#content .pagination-wrapper .pagination a,
.pagination-wrapper .pagination a {
    color: #b3b3b3 !important;
    text-decoration: none !important;
    padding: 0 5px !important;
    transition: color 0.3s ease !important;
}

#content .pagination-wrapper .pagination a:hover,
.pagination-wrapper .pagination a:hover {
    color: #c49a6c !important;
}

/* 3. Text s celkovým počtom položiek (napr. Stránka 1 z 1...) */
#content .pagination-wrapper .pagination-total,
.pagination-wrapper .pagination-total {
    color: #888888 !important;
}

/* =====================================================
   SEKCIA INTEL (RUBRIKA A VÝPIS ČLÁNKOV) - THE SCIENCE DIZAJN 2.0
   ===================================================== */

/* 1. Odstránenie hlavného nadpisu (INTEL) - Garantované */
body.in-intel.type-posts-listing #content .sectionDescription,
body.id-715 #content .sectionDescription,
.type-category #content > h1:first-child,
.type-post #content > h1:first-child,
.pageArticleDetail #content > h1:first-child {
    display: none !important;
}

/* 2. Dizajn výpisu článkov (KARTY ZLADENÉ S THE SCIENCE) */
.news-wrapper .news-item {
    position: relative !important; 
    background: #111111 !important; /* Jemné tmavosivé pozadie karty */
    border: 1px solid #222 !important;
    padding: 60px 40px !important; 
    margin-bottom: 40px !important;
    border-radius: 2px !important;
    transition: border-color 0.3s ease, background-color 0.3s ease !important;
    text-align: center !important; 
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.news-wrapper .news-item:hover {
    border-color: #333 !important;
    background: #181818 !important; /* Mierne zosvetlenie pozadia pri prejdení myšou */
}

/* MAGICKÝ UX TRIK: Roztiahnutie odkazu na úplne celú kartu */
/* Odomkneme obalové prvky, aby neblokovali našu klikaciu vrstvu */
.news-wrapper .news-item .text,
.news-wrapper .news-item .text > a {
    position: static !important; 
}

/* Samotná neviditeľná klikacia vrstva natiahnutá na celú kartu */
.news-wrapper .news-item .text > a::after {
    content: "";
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 10 !important;
}

/* Nadpis článku v náhľade (Cielené presne na novú štruktúru Shoptetu) */
.news-wrapper .news-item .title {
    color: #c49a6c !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 26px !important; 
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: block !important;
    margin-bottom: 25px !important;
    line-height: 1.3 !important;
}

.news-wrapper .news-item:hover .title {
    color: #d4a878 !important;
}

/* Samotný vygenerovaný text v náhľade */
.news-wrapper .news-item .description {
    color: #b3b3b3 !important;
    line-height: 1.7 !important;
    font-size: 16px !important;
    font-weight: normal !important;
    max-width: 800px !important; /* Zúžené na stred ako na The Science */
    margin: 0 auto 40px auto !important;
}

/* Ochrana voči formátovaniu Shoptetu z editora */
.news-wrapper .news-item .description p {
    margin: 0 !important;
}

/* Vizuálne dizajnové tlačidlo "ČÍTAŤ ČLÁNOK" na spodku karty */
.news-wrapper .news-item::after {
    content: "ČÍTAŤ ČLÁNOK \2192"; 
    display: inline-block !important;
    color: #555 !important;
    font-family: monospace !important;
    font-size: 13px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    transition: color 0.3s ease !important;
    z-index: 1; 
    margin-top: auto !important;
}

.news-wrapper .news-item:hover::after {
    color: #c49a6c !important;
}

/* =====================================================
   3. VZHĽAD CELÉHO ČLÁNKU (Definitívne zjednotenie)
   ===================================================== */

/* Obal článku - Zúženie pre optimálne čítanie a vycentrovanie */
.type-post #content .content-inner,
.pageArticleDetail #content .content-inner {
    max-width: 800px !important;
    margin: 0 auto !important;
}

/* Hlavný nadpis článku */
.type-post #content h1,
.pageArticleDetail #content h1 {
    display: block !important;
    color: #c49a6c !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    margin-top: 20px !important;
    margin-bottom: 50px !important;
    border: none !important;
    line-height: 1.3 !important;
}

/* Úvodný text (Perex) vnútri článku - tučnejší a biely */
.type-post .article-perex,
.pageArticleDetail .article-perex,
.type-post .perex,
.pageArticleDetail .perex {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.6 !important;
    text-align: left !important;
    margin-bottom: 40px !important;
    border-bottom: 1px solid #222 !important;
    padding-bottom: 30px !important;
}

/* Bežné odseky (Nepriestrelná obrana proti Shoptet formátovaniu) */
.type-post .article-content p,
.pageArticleDetail .article-content p,
.type-post .article-content span,
.pageArticleDetail .article-content span {
    color: #b3b3b3 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    margin-bottom: 20px !important;
    text-align: left !important;
    background: transparent !important;
}

/* Podnadpisy v texte (H2, H3, H4) - Technický Monospace dizajn */
.type-post .article-content h2,
.type-post .article-content h3,
.type-post .article-content h4,
.pageArticleDetail .article-content h2,
.pageArticleDetail .article-content h3,
.pageArticleDetail .article-content h4 {
    color: #c49a6c !important;
    font-family: monospace !important;
    font-size: 18px !important;
    font-weight: bold !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    margin-top: 60px !important;
    margin-bottom: 20px !important;
    border: none !important;
    text-align: left !important;
    line-height: 1.4 !important;
}

/* Obrázky v článkoch (aby nepretekali a boli elegantne vycentrované) */
.type-post .article-content img,
.pageArticleDetail .article-content img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 40px auto !important;
    border-radius: 2px !important;
}

/* Zoznamy s odrážkami (Bullets) */
.type-post .article-content ul,
.pageArticleDetail .article-content ul {
    color: #b3b3b3 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    margin-bottom: 20px !important;
    padding-left: 20px !important;
}

.type-post .article-content ul li,
.pageArticleDetail .article-content ul li {
    margin-bottom: 10px !important;
}

/* 4. Vypnutie sociálnych sietí a info o autorovi pod článkom */
.article-info, .post-info, .box-sharing {
    display: none !important;
}

/* 5. Odsadenie prvej karty článku od hlavného menu */
.type-posts-listing .news-wrapper,
.type-category .news-wrapper {
    margin-top: 60px !important;
}

/* 6. CTA Tlačidlo v článkoch (Zlaté, plné) */
.article-cta-btn {
    display: inline-block !important;
    padding: 18px 50px !important;
    background-color: #c49a6c !important;
    color: #000000 !important; /* Čierny text pre maximálny kontrast */
    font-family: monospace !important;
    font-size: 16px !important;
    font-weight: bold !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-radius: 2px !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

.article-cta-btn:hover {
    background-color: #d4a878 !important; /* Svetlejšia zlatá po prejdení myšou */
    transform: translateY(-2px) !important; /* Tlačidlo jemne povyskočí */
}

/* =====================================================
   ODSTRÁNENIE POČTU ČLÁNKOV A OVLÁDANIA (INTEL)
   ===================================================== */
.type-posts-listing .itemsTotal,
.type-posts-listing .listingControls {
    display: none !important;
}

/* =====================================================
   TLAČIDLÁ PREDCHÁDZAJÚCI / ĎALŠÍ ČLÁNOK (Ghost Dizajn)
   ===================================================== */
.type-post .next-prev {
    margin-top: 50px !important;
    margin-bottom: 30px !important;
    border-top: 1px solid #222 !important; /* Jemný oddeľovač od CTA bloku nad tým */
    padding-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important; /* Medzera medzi tlačidlami */
    flex-wrap: wrap !important;
}

.type-post .next-prev a.btn {
    background-color: transparent !important;
    color: #c49a6c !important;
    border: 1px solid #c49a6c !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    border-radius: 2px !important;
    padding: 15px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

.type-post .next-prev a.btn:hover {
    background-color: rgba(196, 154, 108, 0.1) !important;
    color: #c49a6c !important;
}