/* PRODUKT Lavy stlpec stranky - nastavenie sirky obsahu */
	#product #content {  max-width: 730px;}

/* Rotator360 - skrytie licencneho bloku */
	#wr360_menu_wr360PlayerId  { display:none !important; } 

/* Rotator360 - centrovanie DIV */
	#rotuj360 { display: block; margin: 0px auto; } 

/* Prisposobenie produktu - skrytie textu pod imputami  */
li.product-customization-item small.float-xs-right,
li.product-customization-item h6.customization-message {
 display: none !important; }

/* Prisposobenie produktu - centrovanie tlacitka ULOZIT PRISPOSOBENIA */
 section.product-customization button[name="submitCustomizedData"] {
 float: none !important;
 display: block;
 margin: 5px auto;}

/* Varianta produktu - sirka imputs na celu sirku ramu */ 
 .product-variants-item select.form-control.form-control-select {
 width: 100%;
 max-width: 100%;
 box-sizing: border-box;
 margin: 0px auto;
}

/* Produktova stranka: Doba vyroby - centrovanie textu */ 
.product-information .product-prices .tax-shipping-delivery-label {
text-align:center;
}

/* Produktova stranka: Cena tovaru  */ 
.product-information .product-prices .product-price {
font-size:1.8rem;
text-align:center;
display: block;
margin: 5px auto;
color: #62038F;
}

/* Produktova stranka: Množstvo na sklade  */ 
#product-quantity-actions .product-quantities {
text-align:center;
font-weight:bold;
display: block;
margin: 0px auto;
color:#62038F;
}

/* Produktova stranka: prispôsobenie tovaru - nadpis a sipky pod nadpisom */ 
.card.card-block,
.card.card-block .h4.card-title {text-align:center;}

/* Nakupny kosik - modalne okno s prisposobeniami produktu */ 
.customization-modal .modal-content .modal-body .product-customization-line {padding-top: .5rem; padding-bottom: .5rem;}
.customization-modal .modal-content .modal-body .product-customization-line .label {font-weight: 400 !important; }
.customization-modal .modal-content .modal-body .product-customization-line .value {font-weight: 400 !important; color:#52016B; }


/*CELY ESHOP - nastavenie farieb */ 
h1, h2, h3, h4, .h1, .h2, .h3, .h4 {color:#52016B !important;}
.container {background-color:#f6f6f6;}
#footer .row { padding-top:10px; }
#wrapper { background:linear-gradient(to bottom, #8201a9 0%, #c610fe 20%);}
#wrapper .container {padding-top: 10px;}
#footer { padding-top: 0; background:linear-gradient(to top, #8201a9 0%, #c610fe 50%);}
.footer-container .container {padding-top: 30px; border-radius: 15px;}

/*CELY ESHOP - žlte pozadie textových imput */ 
.form-control,
.product-variants>.product-variants-item select { background:  #FFFFE0;}

/* 1. Nahradenie background: #24b9d7 */
.bootstrap-touchspin .group-span-filestyle .btn-touchspin,
.group-span-filestyle .bootstrap-touchspin .btn-touchspin,
.group-span-filestyle .btn-default,
.product-flags li.product-flag,
#header .header-nav .cart-preview.active {
 background: #62038F;
}

/* 2. Nahradenie background-color: #24b9d7
 (primárne tlačidlá sú upravené samostatne nižšie) */
.dropdown-item.active,
.dropdown-item.active:focus,
.dropdown-item.active:hover,
.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover,
.card-primary,
.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover,
.tag-primary,
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover,
.custom-radio input[type="radio"]:checked + span,
.block-social ul li:hover {
 background-color: #62038F;
}

/* Tieto pravidlá nadradenej témy používajú !important */
.bg-primary,
a.bg-primary:focus,
a.bg-primary:hover {
 background-color: #62038F !important;
}

/* 3. Nahradenie color: #24b9d7 */
a,
a:hover,
#header .top-menu a[data-depth="0"]:hover,
.btn-link,
.btn-outline-primary,
.btn-unstyle:focus .expand-more,
.block_newsletter form input[type="text"]:focus + button .search,
.search-widget form input[type="text"]:focus + button .search,
.dropdown-item:focus,
.dropdown-item:hover,
.carousel .carousel-control .icon-prev:hover i,
.dropdown:hover .expand-more,
.page-my-account #content .links a:hover i,
.search-widget form button[type="submit"] .search:hover,
.top-menu .sub-menu a:hover,
.pagination .current a,
.block-categories .arrows .arrow-down:hover,
.block-categories .arrows .arrow-right:hover,
.block-categories .collapse-icons .add:hover,
.block-categories .collapse-icons .remove:hover,
#subcategories ul li .subcategory-name:hover,
.cart-grid-body a.label:hover,
.product-miniature .highlighted-informations .quick-view:hover,
.product-price,
.tabs .nav-tabs .nav-link.active,
#blockcart-modal .product-name,
.block-promo .promo-code-button.cancel-promo,
.account-list a:hover,
.block_newsletter form button[type="submit"] .search:hover,
.footer-container li a:hover,
#header a:hover {
 color: #62038F;
}

/* .text-primary používa v téme !important */
.text-primary,
a.text-primary:focus,
a.text-primary:hover {
 color: #62038F !important;
}


/*  5. background: #f39d72 → background: #B1BF5A*/
.has-discount .discount,
.product-flags li.product-flag.discount,
.product-flags li.product-flag.on-sale {
 background: #B1BF5A;
}


/* 4. Tlačidlá s pôvodným background-color: #24b9d7 */
.btn-primary,
.btn-primary.disabled.focus,
.btn-primary.disabled:hover,
.btn-outline-primary:hover,
.btn-outline-primary.focus,
.btn-outline-primary.active,
.open > .btn-outline-primary.dropdown-toggle {
 border: 1px solid #62038F !important;
 border-radius: 5px !important;
 background-color: #62038F !important;
 background-image: linear-gradient(#CC33CC, #62038F) !important;
}

/* 5. Hover tlačidiel – pôvodné background-color: #1d93ab */
.btn-primary:hover,
.btn-outline-primary:hover {
 background-image: linear-gradient(#62038F, #CC33CC) !important;
}



/* 6. Tlačidlá s pôvodným background-color: #24b9d7 */

#content-wrapper .cart-grid-body > a.label,
.btn-secondary,
.btn-secondary.disabled.focus,
.btn-secondary.disabled:hover,
.btn-outline-secondary:hover,
.btn-outline-secondary.focus,
.btn-outline-secondary.active,
.open > .btn-outline-secondary.dropdown-toggle {
color: #FFF;
 border: 1px solid #004c00 !important;
 border-radius: 5px !important;
 background-color: #004c00 !important;
 background-image: linear-gradient(#70a970, #004c00) !important;
}

/* 7. Hover tlačidiel – pôvodné background-color: #1d93ab */
#content-wrapper .cart-grid-body > a.label,
.btn-secondary:hover,
.btn-outline-secondary:hover {
color: #FFF;
 background-image: linear-gradient(#004c00, #70a970) !important;
}


/* 8. Tlačidlá v košíku : Pokračovať v nakupovaní, Prisposobenia tovaru */

#content-wrapper .cart-grid-body > a.label,
.featured-products > a.all-product-link,
.product-line-grid-body > a  {
	color: #FFF !important;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	direction: ltr;
	font-family: Manrope,sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	box-sizing: inherit;
	text-decoration: none;
	touch-action: manipulation;
	display: block;
	margin: 0px auto;
	line-height: 1.25;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	font-size: 1rem;
	padding: .5rem 1.25rem;
	font-weight: 600;
	text-transform: uppercase;
	border: 1px solid #62038F !important;
	border-radius: 5px !important;
	white-space: normal;
	max-width:330px;
	border: 1px solid #004c00 !important;
	border-radius: 5px !important;
	background-color: #004c00 !important;
	background-image: linear-gradient(#70a970, #004c00) !important;
}

/* 9. HLAVNE MENU - formátovanie bloku podmenu  */
@media (min-width:768px) {.popover.sub-menu.js-sub-menu.collapse {padding-bottom: 15px; padding-top: 15px;  border: 2px solid #62038F; border-radius: 5px; box-shadow: 2px 1px 11px 2px rgba(0,0,0,.5); background: #FFFFE0;}}

/* 10. Vypnutie rýchleho náhľadu produktu v kategóriach - dali s vložiť do košíka aj bez zadania prispôsobeniaí produktu */
.thumbnail-container > .thumbnail-top > .highlighted-informations  { display:none !important;}

/* 11. Hover Tlačidlo v košíku : Pokračovať v nakupovaní  */
#content-wrapper .cart-grid-body > a.label:hover {
	background-image: linear-gradient(#004c00, #70a970) !important;
}

/* 12. Tlačidlo v košíku :  Prisposobenia tovaru */
.featured-products > a.all-product-link,
.product-line-grid-body > a  {
	background-color: #c9561d !important;
	background-image: linear-gradient(#f39d72, #c9561d) !important;
}

/* 13. Hover Tlačidlo v košíku :  Prisposobenia tovaru */
.featured-products > a.all-product-link:hover,
.product-line-grid-body > a:hover  {
	background-image: linear-gradient(#c9561d, #f39d72) !important;
}

/* 14. AJAX košík - uprava tlacidiel Ešte nakupovat a Skontrolovať košík  */
@media (max-width:767px) {  
.cart-content-btn {display: block !important;}
.cart-content-btn .btn-secondary, .cart-content-btn .btn-primary{ display: block; margin: 10px auto !important;  width: 100%; max-width: 100%; }
}

/* 15. Objednávkový formulár - skrytie Vytvorenia účtu */
#customer-form > div > div.field-password-policy,
#customer-form > div > p.form-informations,
body#order-confirmation #content-wrapper .card > .card-block > h4,
body#order-confirmation #content-wrapper .card > .card-block > ul,
body#order-confirmation #content-wrapper .card > .card-block > form { display:none !important;}

/* 16. Objednávkový formulár - div s výzvou imput pre Fakturačnú aj Dodaciu adresu  */
#delivery-address .js-address-form .form-fields div:has(> #use_same_address), {
 display: flex;
 align-items: center;
 flex-wrap: nowrap;
 gap: 6px;
 background-color:#eff5ef;
 padding:10px;
 margin: 0 15px 15px 15px;
 border: 1px solid rgba(0, 0, 0, .25);
 border-radius: 10px; }
#delivery-address .js-address-form .form-fields div:has(> #use_same_address) label[for="use_same_address"] { margin: 0; text-align:center;}
#delivery-address .js-address-form .form-fields #use_same_address {  width: 40px; height: 40px;}

/* 17. Objednávkový formulár ADRESY - formatovanie názvov Doručovacia a Fakturačná + výzva na výber adresy */
.content .js-address-form  h2.h4 {text-align:center; padding-top:10px; padding-bottom:10px; border-radius: 10px; background-color: #dff0d8;  border: 1px solid rgba(0, 0, 0, .25);}
.content .js-address-form  h2.h4 span.vyzva { font-size:14px; color: #FF0000; font-weight:500;}

/* 18. Odoslanie objednávky - zväčšenie a centrovanie tlacitka*/
#payment-confirmation .ps-shown-by-js button { display:block; margin:10px auto; width:280px; padding-top:20px; padding-bottom:20px; color:#FFFF00;}

/* 19. podfarbenie blokov výberu platby a potvrdenia o precitaní Obchodných podmienok*/
#checkout-payment-step .payment-options,
#conditions-to-approve { 
 background-color:#eff5ef;
 padding:10px;
 margin: 0 15px 15px 15px;
 border: 1px solid rgba(0, 0, 0, .25);
 border-radius: 10px;
 text-align:center; 
}

/* 20. Zhrnutie objednávky formatovanie */
body#checkout #order-summary-content #order-items h3.h3 { font-size:12px;  font-weight:300;}