/* ========================================
   GRAFICKÉ ÚPRAVY PRO ŠABLONU STEP
   ======================================== */

/* TLAČÍTKA - Stínování a lesk */
.btn, 
button, 
.button,
input[type="submit"],
input[type="button"],
.add-to-cart,
.btn-cart {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 
                0 1px 3px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* Lesk na tlačítkách */
.btn::before, 
button::before,
.button::before,
input[type="submit"]::before,
input[type="button"]::before,
.add-to-cart::before,
.btn-cart::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.3),
        transparent
    );
    transition: left 0.5s ease;
    z-index: 1;
    pointer-events: none;
}

/* Hover efekt na tlačítkách */
.btn:hover, 
button:hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.add-to-cart:hover,
.btn-cart:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15), 
                0 3px 6px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.btn:hover::before, 
button:hover::before,
.button:hover::before,
input[type="submit"]:hover::before,
input[type="button"]:hover::before,
.add-to-cart:hover::before,
.btn-cart:hover::before {
    left: 100%;
}

/* ========================================
   KŘÍŽEK V KOŠÍKU - POUZE JEDEN STATICKÝ
   ======================================== */

/* Kompletní skrytí obsahu tlačítka */
.remove-product,
.cart-remove,
.remove-item,
.remove-from-cart,
button.remove,
a.remove,
.cart .remove,
.cart-product .remove,
.cart-item .remove {
    width: 30px !important;
    height: 30px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    position: relative !important;
}

/* Skrytí všech potomků (ikony, texty) */
.remove-product *,
.cart-remove *,
.remove-item *,
.remove-from-cart *,
button.remove *,
a.remove *,
.cart .remove *,
.cart-product .remove *,
.cart-item .remove * {
    display: none !important;
}

/* Zrušení hover efektů */
.remove-product:hover,
.cart-remove:hover,
.remove-item:hover,
.remove-from-cart:hover,
button.remove:hover,
a.remove:hover,
.cart .remove:hover,
.cart-product .remove:hover,
.cart-item .remove:hover {
    background: transparent !important;
    transform: none !important;
    opacity: 1 !important;
}

/* Jeden statický červený křížek */
.remove-product::before,
.cart-remove::before,
.remove-item::before,
.remove-from-cart::before,
button.remove::before,
a.remove::before,
.cart .remove::before,
.cart-product .remove::before,
.cart-item .remove::before {
    content: '×' !important;
    font-size: 30px !important;
    font-weight: bold !important;
    color: #ff0000 !important;
    line-height: 30px !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    text-align: center !important;
    text-indent: 0 !important;
    font-family: Arial, sans-serif !important;
}

/* Stejný stav při hoveru - BEZ ZMĚN */
.remove-product:hover::before,
.cart-remove:hover::before,
.remove-item:hover::before,
.remove-from-cart:hover::before,
button.remove:hover::before,
a.remove:hover::before,
.cart .remove:hover::before,
.cart-product .remove:hover::before,
.cart-item .remove:hover::before {
    content: '×' !important;
    font-size: 30px !important;
    font-weight: bold !important;
    color: #ff0000 !important;
    transform: none !important;
    opacity: 1 !important;
}

/* ========================================
   MENU KATEGORIE - ORANŽOVÉ PROBARVENÍ
   ======================================== */

/* Položky menu - kategorie - pouze vizuální efekty */
.menu a,
.navigation a,
.nav a,
#menu a,
.main-menu a,
.category-menu a,
.menu-item > a,
.nav-item > a,
.category-item > a,
.menu > li > a,
.navigation > li > a,
.menu ul li a,
.navigation ul li a {
    transition: color 0.3s ease, text-shadow 0.3s ease;
    display: inline-block;
}

/* HOVER efekt - pouze změna barvy a lesk */
.menu a:hover,
.navigation a:hover,
.nav a:hover,
#menu a:hover,
.main-menu a:hover,
.category-menu a:hover,
.menu-item > a:hover,
.nav-item > a:hover,
.category-item > a:hover,
.menu > li > a:hover,
.navigation > li > a:hover,
.menu ul li a:hover,
.navigation ul li a:hover {
    color: #ff8c00 !important;
    text-shadow: 0 0 10px rgba(255, 140, 0, 0.4);
}

/* Jemný lesk na pozadí při hoveru */
.menu li:hover,
.navigation li:hover,
.nav li:hover,
.menu-item:hover,
.nav-item:hover,
.category-item:hover {
    background: linear-gradient(
        90deg,
        rgba(255, 140, 0, 0.05) 0%,
        rgba(255, 140, 0, 0.1) 50%,
        rgba(255, 140, 0, 0.05) 100%
    );
    transition: background 0.3s ease;
}

/* Submenu - rozbalovací kategorie */
.submenu,
.sub-menu,
.dropdown-menu,
.menu .submenu,
.navigation .submenu,
.menu ul ul,
.navigation ul ul {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15) !important;
}

/* Submenu položky s oranžovým efektem */
.submenu a:hover,
.sub-menu a:hover,
.dropdown-menu a:hover,
.menu ul ul a:hover,
.navigation ul ul a:hover {
    background: linear-gradient(
        90deg,
        rgba(255, 140, 0, 0.1) 0%,
        transparent 100%
    ) !important;
    color: #ff8c00 !important;
}

/* Aktivní kategorie */
.menu .active > a,
.navigation .active > a,
.nav .active > a,
.menu-item.active > a,
.nav-item.active > a,
.category-item.active > a,
.menu li.active > a,
.navigation li.active > a {
    color: #ff8c00 !important;
    font-weight: 600;
}

/* ========================================
   PRODUKTY - CENY S ORANŽOVÝM ZÁŘENÍM
   ======================================== */

/* BUŇKY PRODUKTŮ - Stínování a efekty */
.product,
.product-item,
.p-item,
.products-block .product,
.product-box {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    border-radius: 4px;
    overflow: hidden;
}

/* Hover efekt na produktech */
.product:hover,
.product-item:hover,
.p-item:hover,
.products-block .product:hover,
.product-box:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12),
                0 4px 8px rgba(0, 0, 0, 0.08);
    transform: translateY(-4px);
}

/* CENY PRODUKTŮ - ORANŽOVÉ ZÁŘENÍ PŘI HOVERU */
.price,
.product-price,
.price-final,
.final-price,
.price-box,
.p-price,
.product .price,
.product-item .price,
.p-item .price {
    transition: all 0.4s ease;
    display: inline-block;
}

/* Oranžové záření ceny při najetí na produkt */
.product:hover .price,
.product:hover .product-price,
.product:hover .price-final,
.product:hover .final-price,
.product:hover .price-box,
.product-item:hover .price,
.product-item:hover .product-price,
.product-item:hover .price-final,
.product-item:hover .final-price,
.p-item:hover .price,
.p-item:hover .product-price,
.product-box:hover .price {
    color: #ff8c00 !important;
    text-shadow: 0 0 15px rgba(255, 140, 0, 0.6),
                 0 0 25px rgba(255, 140, 0, 0.4),
                 0 0 35px rgba(255, 140, 0, 0.2);
    transform: scale(1.08);
    font-weight: bold;
}

/* Zvýraznění měny */
.product:hover .price .currency,
.product:hover .product-price .currency,
.product-item:hover .price .currency,
.p-item:hover .price .currency {
    color: #ff8c00 !important;
    text-shadow: 0 0 12px rgba(255, 140, 0, 0.5);
}

/* Původní cena (přeškrtnutá) - jemné záření */
.product:hover .price-standard,
.product:hover .old-price,
.product:hover .price-old,
.product-item:hover .price-standard,
.product-item:hover .old-price,
.p-item:hover .price-standard {
    color: #999 !important;
    text-shadow: 0 0 8px rgba(255, 140, 0, 0.2);
}

/* Obrázky produktů - lesk */
.product img,
.product-item img,
.p-item img,
.product-image img {
    transition: all 0.3s ease;
    position: relative;
}

.product:hover img,
.product-item:hover img,
.p-item:hover img,
.product-image:hover img {
    transform: scale(1.05);
}

/* ========================================
   BANNERY - LESK A STÍNOVÁNÍ
   ======================================== */

.banner,
.banners,
.banner-item,
.slider-item,
.carousel-item,
.promo-banner {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}

/* Lesk na bannerech */
.banner::after,
.banners::after,
.banner-item::after,
.slider-item::after,
.carousel-item::after,
.promo-banner::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(
        circle,
        rgba(255, 255, 255, 0.15) 0%,
        transparent 70%
    );
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
}

.banner:hover::after,
.banners:hover::after,
.banner-item:hover::after,
.slider-item:hover::after,
.carousel-item:hover::after,
.promo-banner:hover::after {
    opacity: 1;
}

/* ========================================
   KOŠÍK - STÍNOVÁNÍ A LESK
   ======================================== */

.cart,
.cart-wrapper,
.cart-box,
.header-cart,
.cart-icon,
#cart {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease;
    position: relative;
}

/* Lesk na košíku */
.cart::before,
.cart-wrapper::before,
.cart-box::before,
.header-cart::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.4) 0%,
        rgba(255, 255, 255, 0.1) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    border-radius: inherit;
    opacity: 0.6;
    pointer-events: none;
    z-index: -1;
}

/* Hover efekt na košíku */
.cart:hover,
.cart-wrapper:hover,
.cart-box:hover,
.header-cart:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.18);
    transform: scale(1.02);
}

/* Položky v košíku */
.cart-item,
.cart-product {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.cart-item:hover,
.cart-product:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* ========================================
   DOPLŇKOVÉ EFEKTY
   ======================================== */

/* Karty a sekce */
.card,
.content-box,
.info-box {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.3s ease;
}

.card:hover,
.content-box:hover,
.info-box:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

/* Formulářové prvky */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea,
select {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06),
                0 0 8px rgba(0, 123, 255, 0.15);
}

/* Globální lesk pro interaktivní elementy */
a:not(.btn):not(.button):not(.menu a):not(.navigation a):not(.remove):not(.remove-product):not(.cart-remove) {
    transition: opacity 0.2s ease;
}

a:not(.btn):not(.button):not(.menu a):not(.navigation a):not(.remove):not(.remove-product):not(.cart-remove):hover {
    opacity: 0.85;
}