/**
* Athlete2
* Theme by Olegnax
* Copyright (c) 2023 Olegnax 
* https://olegnax.com
*
* WARNING: Do not change this file. Your changes will be lost.
* <?php echo date( "Y-m-d H:i:s" ); ?>
*/

<?php
$root = '';
$theme_helper = $this->helper('Olegnax\Athlete2\Helper\Helper');
$manadevlayered = (bool)$theme_helper->isActivePlugin( 'Manadev_LayeredNavigation' );
$amastyXsearch = (bool)$theme_helper->isActivePlugin( 'Amasty_Xsearch' );
$amastyLayered = (bool)$theme_helper->isActivePlugin( 'Amasty_Shopby' );
$athleteSlideshow = (bool)$theme_helper->isActivePlugin( 'Olegnax_Athlete2Slideshow' );
$megaMenuActive = (bool)$theme_helper->isActivePlugin( 'Olegnax_MegaMenu' );
if($megaMenuActive){
	$mm_settings = 	$this->getConfig( 'ox_megamenu_settings/general', $this->getData( 'dynamic_store_code' ) );
}

$headerMenu = ''; 
$mobileMenu = '';

$mobile_theme = $this->helper( 'Olegnax\Core\Helper\Helper' )->isMobileTheme();
$desktop_styles = $mobile_styles = [];
$mw_breakpoint_end = $mw_breakpoint_start = '';
if(!$mobile_theme){
	$mw_breakpoint_start = '@media only screen and (max-width: 1024px){';
	$mw_breakpoint_end = '}'; 
}

$at_settings		 = $this->getConfig( 'athlete2_settings', $this->getData( 'dynamic_store_code' ) );
$at_appearance		 = $this->getConfig( 'athlete2_design', $this->getData( 'dynamic_store_code' ) );
$_helper = $this->helper( 'Olegnax\Athlete2\Helper\CssFiles' );
$_helper->setStoreCode( $this->getData( 'dynamic_store_code' ) );
$global_fallback = $at_appearance[ 'appearance_general' ][ 'fallback' ];

$modal_close_btn_color = $at_appearance[ 'appearance_modals' ][ 'modal_close_icon_color' ];
$modal_close_btn_bg = $at_appearance[ 'appearance_modals' ][ 'modal_close_icon_bg' ];
$modal_close_btn_color_hover = $at_appearance[ 'appearance_modals' ][ 'modal_close_icon_color_hover' ];
$modal_close_btn_bg_hover = $at_appearance[ 'appearance_modals' ][ 'modal_close_icon_bg_hover' ];

$newsletterBig = $at_settings['footer']['newsletter_style'] === 'big';
$newsletterPref = $newsletterBig ? '.newsletter-style--big' : '';
$newsletterUnderlined = $at_settings['footer']['newsletter_input_underlined'];
$newsletterInputPref = $newsletterUnderlined ? '.inputs-style--underlined' : '';
?>

<?php if($at_settings['footer']['footer_store_switcher_font_style']): ?>
.page-footer .switcher .action.toggle strong{
	font-family: <?php echo $_helper->fontOutput( $_helper->getFont( 'general_font' ), $at_appearance['appearance_general']['general_font_custom']); ?>;
	font-weight: <?php if(!empty($at_appearance[ 'appearance_general' ][ 'text_font_weight_small' ])) { echo $at_appearance[ 'appearance_general' ][ 'text_font_weight_small' ]; } else { echo '700'; } ?>;
	font-size: 1.4rem;
    text-transform:uppercase;
    letter-spacing: <?php if(!empty($text_letter_spacing_small)) { echo $text_letter_spacing_small . 'px'; } else { echo '-0.03em'; } ?>;
}
<?php endif; ?>
<?php if($at_settings[ 'products_listing' ][ 'grid_disable_link' ]): ?>
.touch .product-item-inner .overlay-link{
	display: none;
}
<?php /* $mobile_styles[] = '.product-item-inner .overlay-link{display: none;}'; */ ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_general' ][ 'website_bg_color' ])): ?>
body { background-color: <?php echo $at_appearance[ 'appearance_general' ][ 'website_bg_color' ]; ?>; }
<?php endif; ?>
<?php $website_bg_image = $at_appearance[ 'appearance_general' ][ 'website_bg_image' ]; ?>
<?php if(!empty($website_bg_image) && $at_appearance[ 'appearance_general' ][ 'website_bg_image_enabled' ]): ?>
body {
	<?php echo 'background-image: url(' . $_helper->getBaseMediaUrl( Olegnax\Athlete2\Model\Config\Backend\Image\Logo::UPLOAD_DIR ) . "/" . $website_bg_image . ');' ?>
	background-position: <?php echo $at_appearance[ 'appearance_general' ][ 'website_bg_position_x' ]; ?> <?php echo $at_appearance[ 'appearance_general' ][ 'website_bg_position_y' ]; ?>;
	background-repeat: <?php echo $at_appearance[ 'appearance_general' ][ 'website_bg_repeat' ]; ?>;
	background-size: <?php echo $at_appearance[ 'appearance_general' ][ 'website_bg_size' ]; ?>;
}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_general' ][ 'content_bg_color' ])): ?>
.page-main { background-color: <?php echo $at_appearance[ 'appearance_general' ][ 'content_bg_color' ]; ?>; }
<?php endif; ?>
<?php $content_bg_image = $at_appearance[ 'appearance_general' ][ 'content_bg_image' ]; ?>
<?php if(!empty($content_bg_image) && $at_appearance[ 'appearance_general' ][ 'content_bg_image_enabled' ]): ?>
.page-main {
	<?php echo 'background-image: url(' . $_helper->getBaseMediaUrl( Olegnax\Athlete2\Model\Config\Backend\Image\Logo::UPLOAD_DIR ) . "/" . $content_bg_image . ');' ?>
	background-position: <?php echo $at_appearance[ 'appearance_general' ][ 'content_bg_position_x' ]; ?> <?php echo $at_appearance[ 'appearance_general' ][ 'content_bg_position_y' ]; ?>;
	background-repeat: <?php echo $at_appearance[ 'appearance_general' ][ 'content_bg_repeat' ]; ?>;
	background-size: <?php echo $at_appearance[ 'appearance_general' ][ 'content_bg_size' ]; ?>;
}
<?php endif; ?>
<?php if(!empty($at_settings[ 'general' ][ 'content_maxwidth' ])): ?>
	<?php 
	$breadcrumbs = '.breadcrumbs,';
	if($at_appearance['appearance_breadcrumbs']['fullwidth']){
		$breadcrumbs = '';
	} ?>
<?php $desktop_styles[] = '[data-content-type=\'row\'][data-appearance=\'contained\'], .container,
	.navigation, .ox-megamenu, ' . $breadcrumbs . ' .page-header .header.panel, .header.content, .footer.content, .page-wrapper>.page-bottom, .block.category.event, .top-container, .page-main {
		max-width:' .  $at_settings['general']['content_maxwidth'] . 'px;
	}'; ?>
<?php endif; ?>
<?php if(!empty($at_settings[ 'product' ][ 'gallery_wrapper' ]) && !empty($at_settings[ 'product' ][ 'gallery_wrapper_maxwidth' ])): ?>
<?php $desktop_styles[] = '.athlete2_product_info__wrapper {
		max-width: ' . $at_settings['product']['gallery_wrapper_maxwidth'] . 'px;
		margin-left: auto;
		margin-right: auto;
	}'; ?>
<?php endif; ?>
<?php if(!empty($at_settings[ 'product' ][ 'bottom_wrapper_maxwidth' ])): ?>
<?php $desktop_styles[] = '.athlete2_product__bottom {
		max-width: ' . $at_settings['product']['bottom_wrapper_maxwidth'] . 'px;
		margin-left: auto;
		margin-right: auto;
	}';?>
<?php endif; ?>
<?php if(!empty($at_settings[ 'product' ][ 'columns_maxwidth' ])): ?>
<?php $desktop_styles[] = '.catalog-product-view .columns {
		max-width:' . $at_settings['product']['columns_maxwidth'] . 'px;
		margin-left: auto;
		margin-right: auto;
	}'; ?>
<?php endif; ?>
<?php if(!empty($at_settings[ 'product' ][ 'related_overflow' ])): ?>
.additional-products:is(.upsell, .related) .owl-carousel .owl-stage-outer{
	overflow: visible;
	contain: none;
}
<?php endif; ?>
<?php if(!empty($at_settings[ 'products_listing' ][ 'grid_fullwidth' ])): ?>
	.catalogsearch-result-index .page-main,
	.catalog-category-view .page-main{ 
		max-width: 100%!important; 
	}
	<?php if($at_settings[ 'products_listing' ][ 'grid_fullwidth_nopadding' ]): ?>
	.page-products .columns{margin-left: -20px; margin-right: -20px; }
	.filter-current-count{left:0;}
	<?php endif; ?>
	<?php 	
		$desktop_styles[] = '.catalogsearch-result-index .page-main,
		.catalog-category-view .page-main{
			padding-left: 30px;
			padding-right: 30px;
		}'; 
	?>
	<?php if($at_settings[ 'products_listing' ][ 'grid_fullwidth_nopadding' ]){
		$desktop_styles[] = '.page-products .columns{margin-left: -30px; margin-right: -30px;	}';
	} ?>
<?php endif; ?>
<?php 
$product_gallery_width = '';
$product_content_width = '';
$product_gallery_width_2col = '';
$product_content_width_2col = '';
$product_gallery_width_3col = '';
$product_content_width_3col = '';
if(!empty($at_settings[ 'product' ][ 'product_gallery_fixed_size' ])){
	if(!empty($at_settings[ 'product_images' ][ 'product_image_width' ])){
		$product_gallery_width = (int) $at_settings[ 'product_images' ][ 'product_image_width' ];
		$product_content_width = 'calc(95% - ' . $product_gallery_width . 'px)';
		$product_content_width_3col = $product_gallery_width_2col = $product_gallery_width .= 'px';
	}
} else {
	if(!empty($at_settings[ 'product' ][ 'product_gallery_width' ])){
		$product_gallery_width = (int) $at_settings[ 'product' ][ 'product_gallery_width' ];
		$product_content_width = 95 - $product_gallery_width . '%';
		$product_gallery_width .= '%';
	}
	if(!empty($at_settings[ 'product' ][ 'product_gallery_width_2col' ])){
		$product_gallery_width_2col = (int) $at_settings[ 'product' ][ 'product_gallery_width_2col' ];
		$product_content_width_2col = 95 - $product_gallery_width_2col . '%';
		$product_gallery_width_2col .= '%';
	}
	if(!empty($at_settings[ 'product' ][ 'product_gallery_width_3col' ])){
		$product_gallery_width_3col = (int) $at_settings[ 'product' ][ 'product_gallery_width_3col' ];
		$product_content_width_3col = 95 - $product_gallery_width_3col . '%';
		$product_gallery_width_3col .= '%';
	}
}?>

<?php if(!empty($product_gallery_width)): ?>
	<?php $desktop_styles[] = '.page-layout-2columns-left .product.media, 
	.page-layout-2columns-right .product.media, 
	.page-layout-3columns .product.media,
	.page-layout-1column-fullwidth .product.media, 
	.page-layout-1column .product.media {
		width: ' . $product_gallery_width . ';
	}
	.page-layout-2columns-left .product-info-main, 
	.page-layout-2columns-right .product-info-main, 
	.page-layout-3columns .product-info-main,
	.page-layout-1column-fullwidth .product-info-main, 
	.page-layout-1column .product-info-main {
		width: ' . $product_content_width . ';
	}'; 
	?>
<?php endif; ?>
<?php if(!empty($product_gallery_width_2col)): ?>
	<?php $desktop_styles[] = '.page-layout-2columns-left .product.media, 
	.page-layout-2columns-right .product.media{
		width: ' . $product_gallery_width_2col . ';
	}
	.page-layout-2columns-left .product-info-main, 
	.page-layout-2columns-right .product-info-main {
		width: ' . $product_content_width_2col . ';
	}';
	?>
<?php endif; ?>
<?php if(!empty($product_gallery_width_3col)): ?>
	<?php $desktop_styles[] = '.page-layout-3columns .product.media {
		width: ' . $product_gallery_width_3col . ';
	}
	.page-layout-3columns .product-info-main{
		width: ' . $product_content_width_3col .';
	}'; ?>
<?php endif; ?>

<?php /* Logo Settigns */ ?>
<?php 
$logoWidth = $at_settings[ 'logo' ][ 'logo_width' ];
$logoPaddingHorizontal = $at_settings[ 'logo' ][ 'logo_padding_horizontal' ]; 
?>
<?php if($logoPaddingHorizontal != '' ): ?>
.logo__container { padding-left: <?php echo $logoPaddingHorizontal; ?>px; padding-right: <?php echo $logoPaddingHorizontal; ?>px; }
<?php endif; ?>
	<?php if($at_settings[ 'logo' ][ 'logo_padding_vertical' ] != ''): ?>
.logo__container { padding-top: <?php echo $at_settings[ 'logo' ][ 'logo_padding_vertical' ]; ?>px; padding-bottom: <?php echo $at_settings[ 'logo' ][ 'logo_padding_vertical' ]; ?>px; }
<?php endif; ?>

<?php if($at_settings[ 'logo' ][ 'mobile_logo_padding_horizontal' ] != '' ): ?>
<?php $mobile_styles[] = '.logo__container { padding-left: ' . $at_settings[ 'logo' ][ 'mobile_logo_padding_horizontal' ] . 'px; padding-right: ' . $at_settings[ 'logo' ][ 'mobile_logo_padding_horizontal' ] . 'px; }'; ?>
<?php endif; ?>
<?php if($at_settings[ 'logo' ][ 'mobile_logo_padding_vertical' ] != '' ): ?>
<?php $mobile_styles[] = '.logo__container { padding-top:' . $at_settings[ 'logo' ][ 'mobile_logo_padding_vertical' ] . 'px; padding-bottom: ' . $at_settings[ 'logo' ][ 'mobile_logo_padding_vertical' ] . 'px; }'; ?>
<?php endif; ?>
<?php $headerLayout = $at_settings[ 'header' ][ 'header_layout' ]; ?>
<?php if(!empty($logoWidth)): ?>
<?php $mobile_styles[] = '.mobile-header--layout-5 .logo__container,
.mobile-header--layout-4 .logo__container{ max-width: ' . $logoWidth . 'px; }'; ?>

	<?php if($headerLayout): ?>
	<?php $desktop_styles[] = '.header--layout-' . $headerLayout[-1] . ' .logo__container,'; ?>
	<?php endif; ?>
	<?php $desktop_styles[] = '.logo__container {
		width: ' . $logoWidth . 'px;
	}'; ?>

@media (min-width: 641px){
.mobile-header--layout-1 .logo__container{
	width: <?php echo $logoWidth; ?>px;
}
}
<?php endif; ?>

<?php /* logo size calc */ ?>
<?php 
$logoMobilePaddingHorizontal = $at_settings[ 'logo' ][ 'mobile_logo_padding_horizontal' ]; 
if($logoMobilePaddingHorizontal == ''){
	$logoMobilePaddingHorizontal = 20; 
}
if($logoPaddingHorizontal == ''){
	$logoPaddingHorizontal = 20; 
}
if($logoWidth=='' || empty($logoWidth)){
	$logoWidth = 210; 
}
?>

<?php $desktop_styles[] = '.logo__container .logo img{ max-width: ' . ($logoWidth - $logoPaddingHorizontal*2) . 'px; }'; ?>
<?php $mobile_styles[] = '.logo__container .logo img{ max-width: ' . ($logoWidth - $logoMobilePaddingHorizontal*2) . 'px; }'; ?>
<?php /* hide logo in simplified sticky */ ?>
<?php if(!empty($at_settings[ 'header' ][ 'sticky_header_hide_logo' ])): ?>
<?php $desktop_styles[] = '.sticky-minimized .ox-sticky.sticky.resize .logo__container {
		overflow: hidden;
		padding: 0;
		position: absolute;
		min-height: 0;
		max-height: 0;
		opacity:0;
	}'; ?>
	<?php if($headerLayout == 'header_5'): ?>
	<?php $desktop_styles[] = '.logo__container{
	    transition-property: min-height, max-height, opacity;
	}
	.sticky-minimized .ox-sticky.sticky.resize .logo__container {
		left: 50%;
		transform: translateX(-50%);
	}
	.header--layout-5.sticky.resize .header__content .header__left, 
	.header--layout-5.sticky.resize .header__content .header__right{

		flex-basis: 50%;
		max-width: 50%;
	}'; ?>
	<?php endif; ?>

<?php endif; ?>

<?php /* header layout 5 calc columns width */ ?>
<?php if($headerLayout == 'header_5'): ?>	

<?php $desktop_styles[] = '.header--layout-5 .header__content .header__left, 
	.header--layout-5 .header__content .header__right {

		flex-basis: calc(50% - ' . floor($logoWidth/02) . 'px);
		max-width: calc(50% - ' . floor($logoWidth/02) . 'px);
	}'; ?>
<?php endif; ?>

<?php /* Header Items Order */ ?>
<?php if(!empty($at_settings[ 'header' ][ 'header_item_search_order' ])): ?>
.header__item-search{ order: <?php echo $at_settings[ 'header' ][ 'header_item_search_order' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_settings[ 'header' ][ 'header_item_account_order' ])): ?>
.header__item-account{ order: <?php echo $at_settings[ 'header' ][ 'header_item_account_order' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_settings[ 'header' ][ 'header_item_wishlist_order' ])): ?>
.header__item-wishlist{ order: <?php echo $at_settings[ 'header' ][ 'header_item_wishlist_order' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_settings[ 'header' ][ 'header_item_compare_order' ])): ?>
.header__item-compare{ order: <?php echo $at_settings[ 'header' ][ 'header_item_compare_order' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_settings[ 'header' ][ 'header_item_cart_order' ])): ?>
.header__content .minicart-wrapper { order: <?php echo $at_settings[ 'header' ][ 'header_item_cart_order' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_settings[ 'header' ][ 'header_item_language_order' ])): ?>
.header__item-language { order: <?php echo $at_settings[ 'header' ][ 'header_item_language_order' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_settings[ 'header' ][ 'header_item_custom_order' ])): ?>
.header__item-custom { order: <?php echo $at_settings[ 'header' ][ 'header_item_custom_order' ]; ?> }
<?php endif; ?>
<?php /* Links */ ?>

<?php /* Basic links */ ?>
<?php if(!empty($at_appearance[ 'appearance_general' ][ 'links_hover' ])): ?>
.block-reorder .actions-toolbar .action.view:hover,
a:hover, .alink:hover { color:<?php echo $at_appearance[ 'appearance_general' ][ 'links_hover' ]; ?> }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_general' ][ 'input_label_color' ])): ?>
.swatch-attribute-label,
.field > .label { color:<?php echo $at_appearance[ 'appearance_general' ][ 'input_label_color' ]; ?> }
<?php endif; ?>

<?php /* Links with bg */ ?>
<?php if(!empty($at_appearance[ 'appearance_general' ][ 'links_color' ])): ?>
a, .alink,
a:visited, .alink:visited,
.filter-options-content a,
.breadcrumbs a, .reviews-actions a,
.post-view .post-meta a.item,
.block-reorder .actions-toolbar .action.view,
a.bg-hover, .std a, .links-bg-hover a{ color:<?php echo $at_appearance[ 'appearance_general' ][ 'links_color' ]; ?> }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_general' ][ 'bg_links_hover' ])): ?>
.ox-megamenu__dropdown .ox-owl-nav button.owl-next:hover span:after, 
.ox-megamenu__dropdown .ox-owl-nav button.owl-prev:hover span:after, 
.ox-megamenu__dropdown .ox-owl-nav button.owl-next:hover span:before, 
.ox-megamenu__dropdown .ox-owl-nav button.owl-prev:hover span:before,
.ox-brand-slider__container .ox-owl-nav button.owl-prev:hover span:after,
.ox-brand-slider__container .ox-owl-nav button.owl-next:hover span:after,
.ox-brand-slider__container .ox-owl-nav button.owl-prev:hover span:before,
.ox-brand-slider__container .ox-owl-nav button.owl-next:hover span:before { background-color: <?php echo $at_appearance[ 'appearance_general' ][ 'bg_links_hover' ]; ?>  }

.sidebar-additional .block.block-recent-posts .item a:hover,
.sidebar-additional .block.block-archive .item a:hover,
.sidebar-additional .block.block-categories li a:hover,
.post-view .block.comments .c-comment .p-actions a:hover,
.post-view .post-nextprev-hld .nextprev-link:hover .h3,
.post-view .post-meta a.item:hover,
.abs-discount-block > .title:hover:after, .cart-summary .block > .title:hover:after, .opc-block-summary .items-in-cart > .title:hover:after, 
.checkout-payment-method .payment-option._collapsible > .title:hover:after, .paypal-review-discount .block > .title:hover:after,
.filter-options-content a:hover,
.filter.block .content dl.options dd li a:hover,
.breadcrumbs a:hover, .reviews-actions a:hover,
a.bg-hover:hover, .std a:hover, .links-bg-hover a:hover { color:<?php echo $at_appearance[ 'appearance_general' ][ 'bg_links_hover' ]; ?> }

<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_general' ][ 'bg_links_hover_bg' ])): ?>
.sidebar-additional .block.block-recent-posts .item a:hover,
.sidebar-additional .block.block-archive .item a:hover,
.sidebar-additional .block.block-categories li a:hover,
.post-view .block.comments .c-comment .p-actions a:hover,
.post-view .post-nextprev-hld .nextprev-link:hover .h3,
.post-view .post-meta a.item:hover,
.ox-megamenu__dropdown .ox-owl-nav button.owl-next:hover, 
.ox-megamenu__dropdown .ox-owl-nav button.owl-prev:hover,
.ox-brand-slider__container .ox-owl-nav button.owl-next:hover, 
.ox-brand-slider__container .ox-owl-nav button.owl-prev:hover,
.cart-summary .block > .title:hover:after, .opc-block-summary .items-in-cart > .title:hover:after, 
.checkout-payment-method .payment-option._collapsible > .title:hover:after, .paypal-review-discount .block > .title:hover:after,
.filter-options-content a:hover,
.filter.block .content dl.options dd li a:hover,
.breadcrumbs a:hover, .reviews-actions a:hover,
a.bg-hover:hover, .std a:hover, .links-bg-hover a:hover { background-color:<?php echo $at_appearance[ 'appearance_general' ][ 'bg_links_hover_bg' ]; ?> }
<?php endif; ?>


<?php if(!empty($at_appearance[ 'appearance_general' ][ 'main_color' ])): ?>
<?php if($global_fallback): ?>
.extended-review-summary .ratings-value,
.review-control-vote label:before,
.rating-summary .rating-result > span:before,
.review-list .rating-summary .rating-result > span:before,
<?php endif; ?>
.products-grid .product-item:hover .price-box .price-container .price,
.ox-prev-next__link .label,
.accent-color,
.post-view .social-share__content a:hover i,
.ox-prev-next__link .label{ color:<?php echo $at_appearance[ 'appearance_general' ][ 'main_color' ]; ?> }

<?php if($global_fallback): ?>
button:hover,
.primary > .action.naked:after,
a.action.primary.naked:after,
.action.primary.naked:after,
.button.primary.naked:after,
a.button.primary.naked:after,
a.button.naked:after,
.button.naked:after,
button.naked:after,
.button.secondary:after,
a.button.secondary:after,
.action.secondary:after,
.action-secondary:after,
button.action-secondary:after,
button.action.secondary:after,
.secondary > a.action:after,
.primary > .action,
a.action.primary,
.action.primary,
.button.primary,
a.button.primary,
a.button,
.button,
button,
.logo__container,
.number-of-ratings .rating-result span:before,
.extended-review-summary .ratings-count .rating-result span:before,

.crosssell .owl-carousel .owl-nav button.owl-next:after,
.related .owl-carousel .owl-nav button.owl-next:after,
.upsell .owl-carousel .owl-nav button.owl-next:after,
.crosssell .owl-carousel .owl-nav button.owl-prev:after,
.related .owl-carousel .owl-nav button.owl-prev:after,
.upsell .owl-carousel .owl-nav button.owl-prev:after,
.owl-nav button.owl-next:after,
.owl-nav button.owl-prev:after,
.owl-carousel.widget-product-grid .owl-nav button.owl-next:after,
.owl-carousel.widget-product-grid .owl-nav button.owl-prev:after,
.footer.content a:hover,
<?php endif; ?>
.ox-banner-animated-text .ox-banner-animated-container .text.accent-bg:after,
.ox-banner__text-container .text:after,
<?php if($athleteSlideshow): ?>
.athlete-slideshow .slide .controls .slide-control:after,
<?php endif; ?>
.opc-block-shipping-information .shipping-information-title .action-edit:after,
.opc-progress-bar-item._active:before,
.cart-summary .actions-toolbar > .primary button.naked:after,
.action.action-edit-address:after,
.filter-current .action.remove:hover:before,

.opc-progress-bar-item._active:before,
.slider-progress:after,
.animated-text--bg.accent:after,
blockquote:after,
blockquote:before,

button:focus,
button:active,
.abs-action-link-button:hover,
.abs-action-link-button:focus,
.abs-action-link-button:active,

.abs-action-addto-product:focus,
.abs-action-addto-product:active,
.abs-action-addto-product:hover,

.block-event .slider-panel .slider .item .action.event:focus,
.block-event .slider-panel .slider .item .action.event:active,
.block-event .slider-panel .slider .item .action.event:hover,

.sidebar .action.delete:hover:before,
.block-compare .action.delete:hover:before,
.abs-shopping-cart-items .action.continue:after,
.block-cart-failed .action.continue:after,
.cart-container .form-cart .action.continue:after,
.abs-shopping-cart-items .action.clear:after,
.block-cart-failed .action.clear:after,
.cart-container .form-cart .action.clear:after,
.abs-shopping-cart-items .action.update:after,
.block-cart-failed .action.update:after,
.cart-container .form-cart .action.update:after,
.message.warning:before,
.hightlighted-text:before,
.top-bar .switcher:hover,
.page-footer .switcher:hover .action.toggle,
.page-footer .switcher .action.toggle.active 
.page-header .header.links a:not(.button):hover,
.footer.content a.athlete2-social-icon,
.footer.content a:not(.button).athlete2-social-icon,
.content a.athlete2-social-icon,
.std a.athlete2-social-icon,
.athlete2-social-icons > a.athlete2-social-icon,
a.athlete2-social-icon,
.amshopby-button,
.pages strong.page,

.action-search-slideout,
.page-header .navigation .level0 > .level-top:before,

.fotorama__active .fotorama__dot,
.owl-carousel .owl-dots button.owl-dot.active span,
.owl-carousel .owl-dots button.owl-dot:hover span,
.ox-css-dots > a span,
#toTop,
.header-top-banner,
.at-close-cross:hover,

.ox-banner-animated-text .ox-banner-animated-container .link,
.ox-banner .link,
<?php if(!$modal_close_btn_bg_hover): ?>
#ox_quickview_wrapper .ox-overlay-close-btn:hover,
.ui-dialog.popup .action.close:focus,
.ui-dialog.popup .action.close:hover,
.modal-custom .action-close:focus, 
.modal-popup .action-close:focus, 
.modal-slide .action-close:focus, 
.modal-custom .action-close:hover, 
.modal-popup .action-close:hover, 
.modal-slide .action-close:hover,
<?php endif; ?>
.ox-banner__text-container .link,
<?php if($athleteSlideshow): ?>
	.athlete-slideshow .slide .controls .progress,
<?php endif; ?>

.slide-title .link,
.cart-summary .actions-toolbar > .primary button,

.minicart-wrapper .action.showcart,

.gift-item-block .title:focus,
.gift-item-block .title:active,
.js-toolbar-dropdown > div:hover,

.products-grid .product-grid__image-wrapper .product-item-inner .action:is(.tocompare, .towishlist, .primary):hover,
.table-comparison .cell.remove .action.delete:hover,
.table-comparison .action.towishlist:hover,
.table-comparison .action.tocart:hover,

.sidebar-additional .block:before,
.block-event .slider-panel .slider .item .action.event,
.ox-product-item__amount .amount-count-line span,
.ox-item-scroll__amount .amount-count-line span,
.ox-product-scroll__amount .amount-count-line span,
.toolbar-amount .amount-count-line span, 

.post-view .post-categories a,
.post-list.blog-style-modern article .post-categories a,
.post-list.blog-style-classic .post-date .hover,
.post-view .post-tags a:hover,

.sidebar-additional .block.block-tagclaud a:hover,
<?php if($manadevlayered): ?>
.filter-options-content .mana-filter-slider > .mana-slider-span,
<?php endif; ?>
.filter-options-content .ui-slider .ui-slider-range,
.filter-options-content .ox-price-slider .ui-slider-range,
.filter-options-content .noUi-connect,
.filter-current-count,
#toTop { background-color:<?php echo $at_appearance[ 'appearance_general' ][ 'main_color' ]; ?> }

<?php $root .= '--a2-main-color:' . $at_appearance[ 'appearance_general' ][ 'main_color' ] . ';'; ?>
<?php $root .= '--a2-toolbar-i-bg-hover:' . $at_appearance[ 'appearance_general' ][ 'main_color' ] . ';'; ?>
<?php $mobile_styles[] = '.order-links .item.current strong,
.ox-nav-sections-item-title.active:after, 
.product.data.items > .item.title:not(.disabled) > .switch:focus,
.product.data.items > .item.title:not(.disabled) > .switch:hover,
.product.data.items > .item.title:not(.disabled) > .switch:active,
.product.data.items > .item.title.active > .switch,
.product.data.items > .item.title.active > .switch:focus,
.product.data.items > .item.title.active > .switch:hover { background:' . $at_appearance[ 'appearance_general' ][ 'main_color' ] . ' }'; ?>

<?php if(!$mobile_theme){ ?>
<?php $headerMenu .= '--oxmm-l0-bg-h:' . $at_appearance[ 'appearance_general' ][ 'main_color' ] . ';'; ?>
<?php $headerMenu .= '--oxmm-item-bg-a:' . $at_appearance[ 'appearance_general' ][ 'main_color' ] . ';'; ?>
@media only screen and (min-width: 1025px){
	.ox-megamenu-navigation .category-item.has-active > .ox-mm-a-wrap .level-top,
	.ox-megamenu-navigation .category-item.active > .ox-mm-a-wrap .level-top,
	<?php if($global_fallback): ?>
	.ox-megamenu-navigation .category-item.has-active > .ox-mm-a-wrap  a,
	.ox-megamenu-navigation .category-item.active > .ox-mm-a-wrap  a,
	.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu-list > .category-item.has-active > .ox-mm-a-wrap  a,
	.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu__categories > .ox-megamenu-list > .category-item > .submenu > .category-item.has-active > .ox-mm-a-wrap  a,
	.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu-list > .category-item.active > .ox-mm-a-wrap  a,
	.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu__categories > .ox-megamenu-list > .category-item > .submenu > .category-item.active > .ox-mm-a-wrap  a,
	.ox-megamenu-navigation > .level0 > .ox-mm-a-wrap  a:before,
	<?php endif; ?>
	<?php if($headerLayout == 'header_4'): ?>
	.header--layout-4 .minicart-wrapper .action.showcart:after,
	<?php endif; ?>
	.order-links .item.current strong,
	.product.data.items > .item.title > .switch:after,
	.block-search .action.search
	{ background: <?php echo $at_appearance[ 'appearance_general' ][ 'main_color' ] ?> }
	<?php if($global_fallback): ?>
	.ox-megamenu-navigation .ox-megamenu__dropdown .category-item.active > .ox-mm-a-wrap  a,
	.ox-megamenu-navigation .ox-megamenu__dropdown .category-item.active + .category-item > .ox-mm-a-wrap  a { border-color: <?php echo  $at_appearance[ 'appearance_general' ][ 'main_color' ] ?> }
	<?php endif; ?>
} 
<?php } ?>
.post-view .block.comments .c-comment .c-post,
.post-list.blog-style-modern article .post-links > .item:hover,
.filter-options,
.filter.block .content,
.a-underlined-links a,
.underlined-links a:hover,
.account-nav .content { border-color:<?php echo $at_appearance[ 'appearance_general' ][ 'main_color' ]; ?> }
<?php if($global_fallback): ?>
.slide-out-menu--mobile .icon{ color: <?php echo $at_appearance[ 'appearance_general' ][ 'main_color' ]; ?> }
<?php endif; ?>
.accent-color svg,
svg.accent-color { fill: <?php echo $at_appearance[ 'appearance_general' ][ 'main_color' ]; ?>!important }
<?php endif; ?>

<?php /* Typography */ ?>

<?php if(!empty($at_appearance[ 'appearance_general' ][ 'body_color' ])): ?>
.ox-megamenu,
body{ color:<?php echo $at_appearance[ 'appearance_general' ][ 'body_color' ]; ?> }
@media only screen and (max-width: 639px){
.table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr td[data-th]:before,
.table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr th[data-th]:before { color:<?php echo $at_appearance[ 'appearance_general' ][ 'body_color' ]; ?> }
}
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_general' ][ 'highlight_color' ])): ?>
	<?php $root .= '--a2-highlight:' . $at_appearance[ 'appearance_general' ][ 'highlight_color' ] . ';'; ?>
.hightlighted-text:before { background-color: <?php echo $at_appearance[ 'appearance_general' ][ 'highlight_color' ]; ?>}
<?php endif; ?>

<?php /* Headings */ ?>

<?php if(!empty($at_appearance[ 'appearance_general' ][ 'titles_color' ])): ?>
.multicheckout .box-title > span, 
.paypal-review .block .box-title > span, 
.magento-rma-guest-returns .column.main .block:not(.widget) .box-title > span, 
[class^='sales-guest-'] .column.main .block:not(.widget) .box-title > span, 
.sales-guest-view .column.main .block:not(.widget) .box-title > span, 
.account .column.main .block:not(.widget) .box-title > span,
.abs-account-blocks .block-title > strong, 
.block-giftregistry-results .block-title > strong, 
.block-giftregistry-shared-items .block-title > strong, 
.block-wishlist-search-results .block-title > strong,
.order-details-items .order-title > strong,
.widget .block-title > strong, 
.multicheckout .block-title > strong, 
.paypal-review .block .block-title > strong, 
.magento-rma-guest-returns .column.main .block:not(.widget) 
[class^='sales-guest-'] .column.main .block:not(.widget) .block-title > strong, 
.sales-guest-view .column.main .block:not(.widget) .block-title > strong, 
.account .column.main .block:not(.widget) .block-title > strong,
.cart-empty-big-text,
.fieldset > .legend,
.cart-summary > .title,
.fieldset .review-legend.legend,
.review-list .block-title strong,
.filter.block .content dl.options dt,
.sidebar-additional .block .block-title > strong,
.bundle-options-container .block-bundle-summary > .title > strong,
.bundle-options-container .block-bundle-summary .bundle-summary > .subtitle,
.bundle-options-container .legend.title,
.opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary > .title, .checkout-agreements-items .checkout-agreements-item-title,
.review-title,
.post-list.blog-style-classic article .post-title a,
.post-list.blog-style-modern article .post-title a,
.post-list.blog-style-modern article .post-title,
.post-view .block.comments .c-count,
.post-view .block.comments .c-comment .p-name,
.modal-popup .modal-title,
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {	color:<?php echo $at_appearance[ 'appearance_general' ][ 'titles_color' ]; ?>;}
<?php endif; ?>

<?php if(($at_appearance['appearance_general']['google_font_enable'] && $_helper->getFont( 'body_font' )) || $at_appearance['appearance_general']['body_font_custom'] != ''): ?>
	<?php $root .= '--oxmm-ff:' . $_helper->fontOutput( $_helper->getFont( 'body_font' ), $at_appearance['appearance_general']['body_font_custom']) . ';'; ?>
	<?php if($global_fallback): ?>
	.ox-megamenu,
	<?php endif; ?>
	.ox-dropdown--megamenu .ox-megamenu-block p,
	.ox-dropdown--megamenu .ox-megamenu-list > .category-item > .submenu > ul > .category-item > .ox-mm-a-wrap  a,
	body {	font-family: <?php echo $_helper->fontOutput( $_helper->getFont( 'body_font' ), $at_appearance['appearance_general']['body_font_custom']); ?> }
<?php endif; ?>
<?php if(( $at_appearance['appearance_general']['google_font_enable'] && $_helper->getFont( 'title_font' )) || $at_appearance['appearance_general']['title_font_custom'] != ''): ?>
:is(.ox-slideout,.ox-overlay) .header__search-wrapper form :is( input,.label),
.extended-review-summary .ratings-value,
.ox-carousel .ox-slide-item .title:is(.huge,.big,.huge-6vw,.huge-7vw),
<?php if($at_appearance['appearance_footer_newsletter']['footer_newsletter_title_size'] == 'h1'): ?>
.block.newsletter<?php echo $newsletterPref ?> .title,
<?php endif; ?>
.h1, h1, .big-font{	font-family: <?php echo $_helper->fontOutput( $_helper->getFont( 'title_font' ), $at_appearance['appearance_general']['title_font_custom']); ?> }
<?php endif; ?>
<?php if(( $at_appearance['appearance_general']['google_font_enable'] && $_helper->getFont( 'title_font_fancy' )) || $at_appearance['appearance_general']['title_font_fancy_custom'] != ''): ?>
.fancy-text{ font-family: <?php echo $_helper->fontOutput( $_helper->getFont( 'title_font_fancy' ), $at_appearance['appearance_general']['title_font_fancy_custom']); ?>!important; }
<?php endif; ?>

	<?php
	$fontMedium = '';
	if ((($at_appearance['appearance_general']['google_font_enable'] && $at_appearance['appearance_general']['title_font_medium'] != '') || $at_appearance['appearance_general']['title_font_medium_custom'] != '') && $at_appearance['appearance_general']['title_font_medium_enable']){
		$fontMedium = 'title_font_medium';
	} elseif (($at_appearance['appearance_general']['google_font_enable'] && $at_appearance['appearance_general']['title_font'] != '') || $at_appearance['appearance_general']['title_font_custom'] != '') {
		$fontMedium = 'title_font';
	}
	?>
	<?php if( $fontMedium ): ?>
		<?php if($at_appearance['appearance_footer_newsletter']['footer_newsletter_title_size'] == 'h2'): ?>
		.block.newsletter<?php echo $newsletterPref ?> .title,
		<?php endif; ?>
		.cart-summary > .title,
		.abs-account-blocks .block-title > strong,
		.block-giftregistry-results .block-title > strong,
		.block-giftregistry-shared-items .block-title > strong,
		.block-wishlist-search-results .block-title > strong,
		.order-details-items .order-title > strong,
		.widget .block-title > strong,
		.multicheckout .block-title > strong,
		.paypal-review .block .block-title > strong,
		.magento-rma-guest-returns .column.main .block:not(.widget)
		[class^='sales-guest-'] .column.main .block:not(.widget) .block-title > strong,
		.sales-guest-view .column.main .block:not(.widget) .block-title > strong,
		.account .column.main .block:not(.widget) .block-title > strong,
		.cart-empty-big-text,
		.ox-banner-animated-text.ox-banner-medium .ox-banner__text-container .text,
		.ox-banner-animated-text.ox-banner-big .ox-banner__text-container .text,
		.ox-banner__text-container .text,
		.column.main .block .title strong, .block .title strong, .block-title strong,
		.opc-wrapper .step-title,
		.opc-block-shipping-information .shipping-information-title,
		.opc-block-summary > .title,
		.checkout-agreements-items .checkout-agreements-item-title,
		.fieldset .review-legend.legend,
		.review-list .block-title strong,
		.bundle-options-container .block-bundle-summary > .title > strong,
		.bundle-options-container .block-bundle-summary .bundle-summary > .subtitle,
		.bundle-options-container .legend.title,
		.post-view .block.comments .c-count,
		.modal-popup .modal-title,
		.contact-index-index .form.contact .fieldset .legend,
		.h2, .h3, h2, h3, .title-font {	font-family: <?php echo $_helper->fontOutput( $_helper->getFont( $fontMedium ), $at_appearance['appearance_general'][ $fontMedium . '_custom']); ?> }
	<?php endif; ?>

<?php if(($at_appearance['appearance_general']['google_font_enable'] &&  $_helper->getFont( 'general_font' )) || $at_appearance['appearance_general']['general_font_custom'] != '' ): ?>
<?php if($amastyXsearch) : ?>.amsearch-block-header .amsearch-title,<?php endif; ?>
.block.newsletter .title,
.multicheckout .box-title > span, 
.paypal-review .block .box-title > span, 
.magento-rma-guest-returns .column.main .block:not(.widget) .box-title > span, 
[class^='sales-guest-'] .column.main .block:not(.widget) .box-title > span, 
.sales-guest-view .column.main .block:not(.widget) .box-title > span, 
.account .column.main .block:not(.widget) .box-title > span,
.minicart-wrapper .action.showcart,
.ox-banner span.text,
.ox-banner-animated-text .ox-banner-animated-container span.text,
.ox-banner__text-container .text,
.filter-options-title,
.filter .block-subtitle,
.small-subtitle,
.fieldset > .legend,
.opc-progress-bar-item > span,
.filter.block .content dl.options dt,
.sidebar-additional .block .block-title > strong,
.review-title,
.post-list.blog-style-modern article .post-title,
.post-list.blog-style-modern article .post-image-wrapper .post-posed-date,
.post-list.blog-style-modern article .post-categories a,
.post-list.blog-style-modern article .post-links > .item,
.post-list.blog-style-classic .post-date .day,
.post-list.blog-style-classic .post-date .hover,
.post-view .post-categories a,
.post-view .block.comments .c-comment .p-name,
.h4, .h5, .h6, h4, h5, h6 {	font-family: <?php echo $_helper->fontOutput( $_helper->getFont( 'general_font' ), $at_appearance['appearance_general']['general_font_custom']); ?> }
<?php endif; ?>

<?php /* Letter Spacing */ ?>
<?php if($at_appearance[ 'appearance_general' ][ 'text_letter_spacing_big' ] != ''): ?>
<?php if($at_appearance['appearance_footer_newsletter']['footer_newsletter_title_size'] == 'h1'): ?>
.block.newsletter<?php echo $newsletterPref ?> .title,
<?php endif; ?>
:is(.ox-slideout,.ox-overlay) .header__search-wrapper form :is( input,.label),
.ox-carousel .ox-slide-item .title:is(.huge,.big,.huge-6vw,.huge-7vw),
.h1, h1, h1.big, .h1.big{	letter-spacing: <?php echo $at_appearance[ 'appearance_general' ][ 'text_letter_spacing_big' ]; ?>px;}
<?php endif; ?>
<?php if($at_appearance[ 'appearance_general' ][ 'text_letter_spacing_medium' ] != '' ): ?>
<?php if($at_appearance['appearance_footer_newsletter']['footer_newsletter_title_size'] == 'h2'): ?>
.block.newsletter<?php echo $newsletterPref ?> .title,
<?php endif; ?>
.abs-account-blocks .block-title > strong, 
.block-giftregistry-results .block-title > strong, 
.block-giftregistry-shared-items .block-title > strong, 
.block-wishlist-search-results .block-title > strong,
.order-details-items .order-title > strong,
.widget .block-title > strong, 
.multicheckout .block-title > strong, 
.paypal-review .block .block-title > strong, 
.magento-rma-guest-returns .column.main .block:not(.widget) 
[class^='sales-guest-'] .column.main .block:not(.widget) .block-title > strong, 
.sales-guest-view .column.main .block:not(.widget) .block-title > strong, 
.account .column.main .block:not(.widget) .block-title > strong,
.cart-empty-big-text,
.ox-banner-animated-text.ox-banner-medium .ox-banner__text-container .text,
.ox-banner-animated-text.ox-banner-big .ox-banner__text-container .text,
.ox-banner__text-container .text,
.column.main .block .title strong, .block .title strong, .block-title strong,
.cart-summary > .title,
.fieldset .review-legend.legend,
.review-list .block-title strong,
.bundle-options-container .block-bundle-summary > .title > strong,
.bundle-options-container .block-bundle-summary .bundle-summary > .subtitle,
.bundle-options-container .legend.title,
.post-view .block.comments .c-count,
.modal-popup .modal-title,
.opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary > .title, .checkout-agreements-items .checkout-agreements-item-title,
.contact-index-index .form.contact .fieldset .legend,
.h2, .h3, h2, h3 {	letter-spacing: <?php echo $at_appearance[ 'appearance_general' ][ 'text_letter_spacing_medium' ]; ?>px;}
<?php endif; ?>
<?php 
$text_letter_spacing_small = $at_appearance[ 'appearance_general' ][ 'text_letter_spacing_small' ];
if( $text_letter_spacing_small != '' ): ?>
<?php if($amastyXsearch) : ?>.amsearch-block-header .amsearch-title,<?php endif; ?>
.block.newsletter .title,
.multicheckout .box-title > span, 
.paypal-review .block .box-title > span, 
.magento-rma-guest-returns .column.main .block:not(.widget) .box-title > span, 
[class^='sales-guest-'] .column.main .block:not(.widget) .box-title > span, 
.sales-guest-view .column.main .block:not(.widget) .box-title > span, 
.account .column.main .block:not(.widget) .box-title > span,
.ox-banner span.text,
.ox-banner-animated-text .ox-banner-animated-container span.text,
.filter-options-title,
.filter .block-subtitle,
.login-container .block-new-customer .block-title strong,
.ox-overlay .header__search-wrapper form .input-focused .label,
.fieldset > .legend,
.opc-progress-bar-item > span,
.filter.block .content dl.options dt,
.sidebar-additional .block .block-title > strong,
.review-title,
.post-list.blog-style-modern article .post-image-wrapper .post-posed-date,
.post-list.blog-style-modern article .post-categories a,
.post-list.blog-style-modern article .post-links > .item,
.post-list.blog-style-classic .post-date .day,
.post-list.blog-style-classic .post-date .hover,
.post-list.blog-style-modern article .post-title,
.post-view .post-categories a,
.post-view .block.comments .c-comment .p-name,
.column.main .cart-summary .block > .title strong, .column.main .opc-block-summary .items-in-cart > .title strong, .column.main .checkout-payment-method .payment-option._collapsible > .title strong, .column.main .paypal-review-discount .block > .title strong,
.h5, .h6, h5, h6 {	letter-spacing: <?php echo $text_letter_spacing_small; ?>px;}
<?php endif; ?>
<?php /* Font Weight */ ?>
<?php
$text_font_weight_big = $at_appearance[ 'appearance_general' ][ 'text_font_weight_big' ];
$text_transform_big = $at_appearance[ 'appearance_general' ][ 'text_transform_big' ];
?>
<?php if(!empty($text_font_weight_big) || !empty($text_transform_big)): ?>
<?php if($at_appearance['appearance_footer_newsletter']['footer_newsletter_title_size'] == 'h1'): ?>
.block.newsletter<?php echo $newsletterPref ?> .title,
<?php endif; ?>
:is(.ox-slideout,.ox-overlay) .header__search-wrapper form :is( input,.label),
.ox-carousel .ox-slide-item .title:is(.huge,.big,.huge-6vw,.huge-7vw),
.h1, h1, h1.big, .h1.big {
	<?php if(!empty($text_font_weight_big)): ?>
		font-weight: <?php echo $text_font_weight_big; ?>;
	<?php endif; ?>
	<?php if($text_transform_big != ''): ?>
		text-transform: <?php echo $text_transform_big; ?>;
	<?php endif; ?>
}
<?php endif; ?>
<?php /* Font Weight */ ?>
<?php
$fancy_text_font_weight = $at_appearance[ 'appearance_general' ][ 'text_font_weight_fancy' ];
$fancy_text_letter_spacing = $at_appearance[ 'appearance_general' ][ 'text_letter_spacing_fancy' ];
$fancy_text_transform = $at_appearance[ 'appearance_general' ][ 'text_transform_fancy' ];
?>
<?php if(!empty($fancy_text_font_weight) || !empty($fancy_text_letter_spacing) || !empty($fancy_text_transform)): ?>
.fancy-text {
	<?php if(!empty($fancy_text_font_weight)): ?>
		font-weight: <?php echo $fancy_text_font_weight; ?>!important;
	<?php endif; ?>
	<?php if($fancy_text_letter_spacing != ''): ?>
		letter-spacing: <?php echo $fancy_text_letter_spacing; ?>px!important;
	<?php endif; ?>
	<?php if($fancy_text_transform != ''): ?>
		text-transform: <?php echo $fancy_text_transform; ?>!important;
	<?php endif; ?>
}
<?php endif; ?>
<?php
$text_font_weight_other = $at_appearance[ 'appearance_general' ][ 'text_font_weight_other' ];
$text_transform_other = $at_appearance[ 'appearance_general' ][ 'text_transform_other' ];
?>
<?php if(!empty($text_font_weight_other) || !empty($text_transform_other)): ?>
.product-info-main .product__social-share .social-share__content .ox-social-button span, .product-options-bottom .product__social-share .social-share__content .ox-social-button span,
.info-block strong,
.order-details-items .table:not(.cart):not(.totals) > thead > tr > th, .order-details-items .table > thead > tr > th,
.order-actions-toolbar .action.order,
.action.print,
.order-links .item.current strong,
.checkout-success-wrapper .multicheckout.success .your-order-is,
.checkout-success-wrapper .checkout-success .your-order-is,
.account-nav .item a, 
.account-nav .item > strong,
.account .data.table .col .action,
.account .data.table thead,
.paypal-review .block .block-title > .action, 
.magento-rma-guest-returns .column.main .block:not(.widget) .block-title > .action, 
.account .column.main .block:not(.widget) .block-title > .action, 
.multicheckout .block-title > .action, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title > .action, 
.sales-guest-view .column.main .block:not(.widget) .block-title > .action,
.ox-product-page__category-link,
.tippy-tooltip,
.ox-prev-next__link .content,
.product.info.detailed .additional-attributes th,
.table-bordered table tr th,
.review-fields-wrapper .field label,
.page-footer .switcher .action.toggle strong,
.product-info-main .action.tocompare span,
.product-options-bottom .action.tocompare span,
.product-info-main .action.towishlist span,
.product-options-bottom .action.towishlist span,
.minicart-wrapper .action.showcart,
.block-compare .subtotal .label,
.block-wishlist .subtotal .label,
.block-minicart .subtotal .label,
.multicheckout.address.form .table-wrapper .table .items thead,
.cart.table-wrapper .items thead,
table.table-totals tbody tr.grand.totals th,
table.totals tbody tr.grand.totals th,
.message.error,
.message.warning,
.message.notice,
.message.info,
.message.success,
.minicart-items .product .toggle > span,
.minicart-items dl.product.options.list dt,
.block-compare .subtitle.empty,
.block-wishlist .subtitle.empty,
.small-subtitle,
.block-minicart .subtitle.empty {
	<?php if(!empty($text_font_weight_other)): ?>
		font-weight: <?php echo $text_font_weight_other; ?>;
	<?php endif; ?>
	<?php if($text_transform_other != ''): ?>
		text-transform: <?php echo $text_transform_other; ?>;
	<?php endif; ?>
}
<?php if($text_transform_other != ''): ?>
.swatch-attribute-label,
.block-compare .items-total,
.block-wishlist .items-total,
.block-minicart .items-total,
.block-compare .items-total, .block-wishlist .items-total, .block-minicart .items-total,
.block-compare .subtotal .label, .block-wishlist .subtotal .label, .block-minicart .subtotal .label{
	text-transform: <?php echo $text_transform_other; ?>;
	}
<?php endif; ?>

@media only screen and (max-width: 639px){
	.table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr td[data-th]:before, 
	.table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr th[data-th]:before{
		<?php if(!empty($text_font_weight_other)): ?>
			font-weight: <?php echo $text_font_weight_other; ?>;
		<?php endif; ?>
		<?php if($text_transform_other != ''): ?>
			text-transform: <?php echo $text_transform_other; ?>;
		<?php endif; ?>
	}
}
<?php endif; ?>
<?php if ($text_transform_other != 'uppercase' && $text_transform_other != ''): ?>
.message.error,
.message.warning,
.message.notice,
.message.info,
.message.success{
 font-size:1.4rem;
}
<?php endif; ?>
<?php
$text_font_weight_medium = $at_appearance[ 'appearance_general' ][ 'text_font_weight_medium' ];
$text_transform_medium = $at_appearance[ 'appearance_general' ][ 'text_transform_medium' ];
?>
<?php if(!empty($text_font_weight_medium) || !empty($text_transform_medium)): ?>
<?php if($at_appearance['appearance_footer_newsletter']['footer_newsletter_title_size'] == 'h2'): ?>
.block.newsletter<?php echo $newsletterPref ?> .title,
<?php endif; ?>
.cart-summary > .title,
.abs-account-blocks .block-title > strong, 
.block-giftregistry-results .block-title > strong, 
.block-giftregistry-shared-items .block-title > strong, 
.block-wishlist-search-results .block-title > strong, 
.order-details-items .order-title > strong,
.widget .block-title > strong, 
.multicheckout .block-title > strong, 
.paypal-review .block .block-title > strong, 
.magento-rma-guest-returns .column.main .block:not(.widget) 
[class^='sales-guest-'] .column.main .block:not(.widget) .block-title > strong, 
.sales-guest-view .column.main .block:not(.widget) .block-title > strong, 
.account .column.main .block:not(.widget) .block-title > strong,
.cart-empty-big-text,
.ox-banner-animated-text.ox-banner-medium .ox-banner__text-container .text,
.ox-banner-animated-text.ox-banner-big .ox-banner__text-container .text,
.ox-banner__text-container .text,
.column.main .block .title strong, .block .title strong, .block-title strong,
.opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary > .title, .checkout-agreements-items .checkout-agreements-item-title,
.fieldset .review-legend.legend,
.review-list .block-title strong,
.bundle-options-container .block-bundle-summary > .title > strong,
.bundle-options-container .block-bundle-summary .bundle-summary > .subtitle,
.bundle-options-container .legend.title,
.post-view .block.comments .c-count,
.modal-popup .modal-title,
.contact-index-index .form.contact .fieldset .legend,
.h2, .h3, h2, h3 {
	<?php if(!empty($text_font_weight_medium)): ?>
		font-weight: <?php echo $text_font_weight_medium; ?>;
	<?php endif; ?>
	<?php if($text_transform_medium != ''): ?>
		text-transform: <?php echo $text_transform_medium; ?>;
	<?php endif; ?>
}
<?php endif; ?>
<?php
$text_font_weight_small = $at_appearance[ 'appearance_general' ][ 'text_font_weight_small' ];
$text_transform_small = $at_appearance[ 'appearance_general' ][ 'text_transform_small' ];
?>
<?php if(!empty($text_font_weight_small) || !empty($text_transform_small)): ?>
<?php if($amastyXsearch) : ?>.amsearch-block-header .amsearch-title,<?php endif; ?>
:is(.product-info-main, .product-options-bottom) .product__social-share .social-share__action .label, 
.block.newsletter .title,
.opc-progress-bar-item > span,
.column.main .block .title strong, .block .title strong, .block-title strong,
.product-info-main .action.tocompare span, 
.product-options-bottom .action.tocompare span, 
.product-info-main .action.towishlist span, 
.product-options-bottom .action.towishlist span,
.multicheckout .box-title > span, 
.paypal-review .block .box-title > span, 
.magento-rma-guest-returns .column.main .block:not(.widget) .box-title > span, 
[class^='sales-guest-'] .column.main .block:not(.widget) .box-title > span, 
.sales-guest-view .column.main .block:not(.widget) .box-title > span, 
.account .column.main .block:not(.widget) .box-title > span,
.ox-banner span.text,
.ox-banner-animated-text .ox-banner-animated-container span.text,
.filter-options-title,
.filter .block-subtitle,
.login-container .block-new-customer .block-title strong,
.filter-options-title strong,
.fieldset > .legend,
.filter.block .content dl.options dt,
.sidebar-additional .block .block-title > strong,
.review-title,
.post-list.blog-style-modern article .post-image-wrapper .post-posed-date,
.post-list.blog-style-modern article .post-categories a,
.post-list.blog-style-modern article .post-links > .item,
.post-list.blog-style-classic .post-date .day,
.post-list.blog-style-classic .post-date .hover,
.post-list.blog-style-modern article .post-title,
.post-view .post-categories a,
.post-view .block.comments .c-comment .p-name,
.column.main .cart-summary .block > .title strong, .column.main .opc-block-summary .items-in-cart > .title strong, .column.main .checkout-payment-method .payment-option._collapsible > .title strong, .column.main .paypal-review-discount .block > .title strong,
.h4, .h5, .h6, h4, h5, h6 {	
	<?php if(!empty($text_font_weight_small)): ?>
		font-weight: <?php echo $text_font_weight_small; ?>;
	<?php endif; ?>
	<?php if($text_transform_small != ''): ?>
		text-transform: <?php echo $text_transform_small; ?>;
	<?php endif; ?>
}
<?php if($text_transform_small != ''): ?>
.checkout-payment-method .payment-option-title span,
.checkout-payment-method .payment-method-title{
	text-transform: <?php echo $text_transform_small; ?>;
}
<?php endif; ?>
<?php endif; ?>

<?php
$text_font_weight_h4 = $at_appearance[ 'appearance_general' ][ 'text_font_weight_h4' ] ?: $text_font_weight_small;
$text_transform_h4 = $at_appearance[ 'appearance_general' ][ 'text_transform_h4' ] ?: $text_transform_small;
$text_letter_spacing_h4 = $at_appearance[ 'appearance_general' ][ 'text_letter_spacing_h4' ] ?: $text_letter_spacing_small;
?>
<?php if(!empty($text_font_weight_h4) || !empty($text_transform_h4)): ?>
.h4, h4{	
	<?php if(!empty($text_font_weight_h4)): ?>
		font-weight: <?php echo $text_font_weight_h4; ?>;
	<?php endif; ?>
	<?php if($text_transform_h4 != ''): ?>
		text-transform: <?php echo $text_transform_h4; ?>;
	<?php endif; ?>
	<?php if($text_letter_spacing_h4 != ''): ?>
		letter-spacing: <?php echo $text_letter_spacing_h4; ?>px;
	<?php endif; ?>
}
<?php endif; ?>

<?php /* Form labels */ ?>
<?php
$text_font_weight_form_label = $at_appearance[ 'appearance_forms' ][ 'label_font_weight' ];
$text_transform_form_label = $at_appearance[ 'appearance_forms' ][ 'label_text_transform' ];
$font_size_form_label =  $at_appearance[ 'appearance_forms' ][ 'label_font_size' ];
?>
<?php if(!empty($text_font_weight_form_label) || !empty($text_transform_form_label) || !empty($font_size_form_label)): ?>
.review-fields-wrapper .field label,
.product.info.detailed .additional-attributes th,
.login-container .fieldset > .field:not(.choice) > .label,
.inputs-style--underlined .fieldset > .fields > .field.choice .label, 
.inputs-style--underlined .fieldset > .field.choice .label,
.form.password.reset .fieldset > .field:not(.choice) > .label, 
.form.send.confirmation .fieldset > .field:not(.choice) > .label, 
.form.password.forget .fieldset > .field:not(.choice) > .label, 
.form.create.account .fieldset > .field:not(.choice) > .label,
.fieldset > .field:not(.choice) .label, .fieldset > .fields > .field:not(.choice) .label{
	<?php if(!empty($text_font_weight_form_label)): ?>
		font-weight: <?php echo $text_font_weight_form_label; ?>;
	<?php endif; ?>
	<?php if($text_transform_form_label != ''): ?>
		text-transform: <?php echo $text_transform_form_label; ?>;
	<?php endif; ?>
	<?php if($font_size_form_label != ''): ?>
		font-size: <?php echo $font_size_form_label; ?>px;
	<?php endif; ?>
}
<?php endif; ?>

<?php /* Header Appearance */ ?>
<?php $header_bg = $at_appearance[ 'appearance_header' ][ 'header_bg' ]; ?>
<?php if(!empty($header_bg)): ?>
.page-header, .page-header .sticky-wrapper { background: <?php echo $header_bg; ?>; }
<?php endif; ?>

<?php $header_bg_image = $at_appearance[ 'appearance_header' ][ 'header_bg_image' ]; ?>
<?php if(!empty($header_bg_image) && $at_appearance[ 'appearance_header' ][ 'header_bg_image_enabled' ]): ?>
.page-header .sticky-wrapper {
	<?php echo 'background-image: url(' . $_helper->getBaseMediaUrl( Olegnax\Athlete2\Model\Config\Backend\Image\Logo::UPLOAD_DIR ) . "/" . $header_bg_image . ');' ?>
	background-position: <?php echo $at_appearance[ 'appearance_header' ][ 'header_bg_position_x' ]; ?> <?php echo $at_appearance[ 'appearance_header' ][ 'header_bg_position_y' ]; ?>;
	background-repeat: <?php echo $at_appearance[ 'appearance_header' ][ 'header_bg_repeat' ]; ?>;
	background-size: <?php echo $at_appearance[ 'appearance_header' ][ 'header_bg_size' ]; ?>;
}
<?php endif; ?>

<?php if($at_appearance[ 'appearance_header' ][ 'header_border_enable' ] && !empty($at_appearance[ 'appearance_header' ][ 'header_border_color' ])): ?>
.sticky-wrapper { border-bottom: 1px solid <?php echo $at_appearance[ 'appearance_header' ][ 'header_border_color' ]; ?>; }
<?php endif; ?>
<?php if($at_appearance[ 'appearance_header' ][ 'header_border_enable' ] && !empty($at_appearance[ 'appearance_header' ][ 'header_sticky_border_color' ])): ?>
.page-header.sticky .sticky-wrapper { border-bottom: 1px solid <?php echo $at_appearance[ 'appearance_header' ][ 'header_sticky_border_color' ]; ?>; }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_header' ][ 'logo_bg' ])): ?>
	<?php if($global_fallback): ?>
		<?php if($headerLayout == 'header_4'): ?>
			.header--layout-4 .header__content .logo__container:before,
		<?php endif; ?>
		.logo__container { background: <?php echo $at_appearance[ 'appearance_header' ][ 'logo_bg' ]; ?>; }
	<?php endif; ?>
	<?php $root .='--a2-logo-bg:' . $at_appearance[ 'appearance_header' ][ 'logo_bg' ] . ';'; ?>
<?php endif; ?>


<?php /* Top Bar */ ?>
<?php if(!empty($at_appearance[ 'appearance_header' ][ 'top_bar_bg' ])): ?>
.top-bar, .top-bar:before { background-color: <?php echo $at_appearance[ 'appearance_header' ][ 'top_bar_bg' ]; ?>; }
<?php endif; ?>

<?php $top_bar_bg_image = $at_appearance[ 'appearance_header' ][ 'top_bar_bg_image' ]; ?>
<?php if(!empty($top_bar_bg_image) && $at_appearance[ 'appearance_header' ][ 'top_bar_bg_image_enabled' ]): ?>
.top-bar:before {
	<?php echo 'background-image: url(' . $_helper->getBaseMediaUrl( Olegnax\Athlete2\Model\Config\Backend\Image\Logo::UPLOAD_DIR ) . "/" . $top_bar_bg_image . ');' ?>
	background-position: <?php echo $at_appearance[ 'appearance_header' ][ 'top_bar_bg_position_x' ]; ?> <?php echo $at_appearance[ 'appearance_header' ][ 'top_bar_bg_position_y' ]; ?>;
	background-repeat: <?php echo $at_appearance[ 'appearance_header' ][ 'top_bar_bg_repeat' ]; ?>;
	background-size: <?php echo $at_appearance[ 'appearance_header' ][ 'top_bar_bg_size' ]; ?>;
}
<?php endif; ?>

<?php if($at_appearance[ 'appearance_header' ][ 'top_bar_border_enable' ] && !empty($at_appearance[ 'appearance_header' ][ 'top_bar_border_color' ])): ?>
.top-bar:before { border-bottom: 1px solid <?php echo $at_appearance[ 'appearance_header' ][ 'top_bar_border_color' ]; ?>; }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_header' ][ 'top_bar_color' ])): ?>
.top-bar, 
.top-bar .switcher, 
.top-bar .topline-block a:not(.button),
.top-bar .header.links a:not(.button) { color: <?php echo $at_appearance[ 'appearance_header' ][ 'top_bar_color' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header' ][ 'top_bar_links_color_hover' ])): ?>
.top-bar .switcher:hover, 
.top-bar .topline-block a:not(.button):hover,
.top-bar .header.links a:not(.button):hover { color: <?php echo $at_appearance[ 'appearance_header' ][ 'top_bar_links_color_hover' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header' ][ 'top_bar_links_bg' ])): ?>
.top-bar .switcher:hover, 
.top-bar .topline-block a:not(.button):hover,
.top-bar .header.links a:not(.button):hover { background-color: <?php echo $at_appearance[ 'appearance_header' ][ 'top_bar_links_bg' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header' ][ 'top_bar_text_font_size' ])): ?>
.top-bar, 
.top-bar .topline-block,
.top-bar .header.links .greet.welcome span,
.top-bar .topline-block .greet.welcome span,
.top-bar .topline-block a:not(.button),
.top-bar .header.links a:not(.button){ font-size: <?php echo $at_appearance[ 'appearance_header' ][ 'top_bar_text_font_size' ]; ?>px; }
<?php endif; ?>

<?php if($at_appearance[ 'appearance_header' ][ 'top_bar_switcher_border_enable' ] && !empty($at_appearance[ 'appearance_header' ][ 'top_bar_switcher_border_color' ])): ?>

<?php $desktop_styles[] = '.top-bar .switcher .action.toggle {
		border-right: 1px solid ' . $at_appearance[ 'appearance_header' ][ 'top_bar_switcher_border_color' ] . ';
	}'; ?>

<?php endif; ?>

<?php /* Minicart Action */ ?>
<?php if(!empty($at_appearance[ 'appearance_header' ][ 'minicart_icon_bg' ])): ?>
.minicart-wrapper .action.showcart { background: <?php echo $at_appearance[ 'appearance_header' ][ 'minicart_icon_bg' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header' ][ 'minicart_icon_color' ])): ?>
.minicart-wrapper .action.showcart, .minicart-wrapper .action.showcart span { color: <?php echo $at_appearance[ 'appearance_header' ][ 'minicart_icon_color' ]; ?>; }
.minicart-wrapper .action.showcart svg { fill: <?php echo $at_appearance[ 'appearance_header' ][ 'minicart_icon_color' ]; ?>; stroke: <?php echo $at_appearance[ 'appearance_header' ][ 'minicart_icon_color' ]; ?>;  }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_header' ][ 'minicart_icon_bg_hover' ]) && ($headerLayout == 'header_4' || $headerLayout == 'header_2' || $headerLayout == 'header_1')): ?>
	<?php if($headerLayout == 'header_4'): ?>
	.header--layout-4 .minicart-wrapper .action.showcart:after
	<?php endif; ?>
	<?php if($headerLayout == 'header_2'): ?>
	.header--layout-2 .minicart-wrapper .action.showcart:hover
	<?php endif; ?>
	<?php if($headerLayout == 'header_1'): ?>
	.header--layout-1 .minicart-wrapper .action.showcart:hover
	<?php endif; ?>
	{ background: <?php echo $at_appearance[ 'appearance_header' ][ 'minicart_icon_bg_hover' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header' ][ 'minicart_icon_color_hover' ])): ?>
.minicart-wrapper .action.showcart:hover, .minicart-wrapper .action.showcart:hover span { color: <?php echo $at_appearance[ 'appearance_header' ][ 'minicart_icon_color_hover' ]; ?>; }
.minicart-wrapper .action.showcart:hover svg { fill: <?php echo $at_appearance[ 'appearance_header' ][ 'minicart_icon_color_hover' ]; ?>;  stroke: <?php echo $at_appearance[ 'appearance_header' ][ 'minicart_icon_color_hover' ]; ?>; }
<?php endif; ?>

<?php 
$header_counter_bg = $at_appearance[ 'appearance_header' ][ 'minicart_counter_bg' ];
$header_counter_text = $at_appearance[ 'appearance_header' ][ 'minicart_counter_text' ];
if(!empty($header_counter_bg)): ?>
@media only screen and (max-width: 639px){
	.minicart--show-counter-mobile .minicart-wrapper .action.showcart span.qty { background: <?php echo $header_counter_bg; ?>;	}
}
.header__item-badge,
.minicart-btn--minimal .minicart-wrapper .action.showcart span.qty { background: <?php echo $header_counter_bg; ?>; }
<?php endif; ?>
<?php if(!empty($header_counter_text)): ?>
@media only screen and (max-width: 639px){
.minicart--show-counter-mobile .minicart-wrapper .action.showcart span.qty {color: <?php echo $header_counter_text; ?>;}
}
.header__item-badge,
.minicart-btn--minimal .minicart-wrapper .action.showcart :is(span.qty, span.qty .counter-number) { color: <?php echo $header_counter_text; ?>; }
<?php endif; ?>

<?php /* Header Items */ 
$header_item_icon_bg = $at_appearance[ 'appearance_header' ][ 'header_item_icon_bg' ];
$header_item_icon_color = $at_appearance[ 'appearance_header' ][ 'header_item_icon_color' ];
$header_item_icon_bg_hover = $at_appearance[ 'appearance_header' ][ 'header_item_icon_bg_hover' ];
$header_item_icon_color_hover = $at_appearance[ 'appearance_header' ][ 'header_item_icon_color_hover' ];
?>
<?php if(!empty($header_item_icon_bg ) || !empty($header_item_icon_color )): ?>
.header__content .header__item .button { 
	<?php if(!empty($header_item_icon_bg)): ?>
	background: <?php echo $header_item_icon_bg ; ?>; 
	<?php endif; ?>
	<?php if(!empty($header_item_icon_color)): ?>
	color: <?php echo $header_item_icon_color; ?>;
	<?php endif; ?>
}
<?php endif; ?>
<?php if(!empty($header_item_icon_bg_hover) || !empty($header_item_icon_color_hover)): ?>
.header__content .header__item .button:hover { 
	<?php if(!empty($header_item_icon_bg_hover)): ?>
	background-color: <?php echo $header_item_icon_bg_hover; ?>; 
	<?php endif; ?>
	<?php if(!empty($header_item_icon_color_hover)): ?>
	color: <?php echo $header_item_icon_color_hover; ?>;
	<?php endif; ?>
}
<?php endif; ?>

<?php /* Header Search Action */ ?>
<?php if(!empty($at_appearance[ 'appearance_header' ][ 'search_icon_bg' ])): ?>
.page-header .block-search .action.search, 
.page-header .block-search .action-search-slideout { background: <?php echo $at_appearance[ 'appearance_header' ][ 'search_icon_bg' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header' ][ 'search_icon_color' ])): ?>
.page-header .block-search .action.search svg, 
.page-header a.button.action-search-slideout svg { fill: <?php echo $at_appearance[ 'appearance_header' ][ 'search_icon_color' ]; ?>; stroke: <?php echo $at_appearance[ 'appearance_header' ][ 'search_icon_color' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header' ][ 'search_icon_bg_hover' ])): ?>
.page-header .block-search .action.search:after, 
.page-header .block-search .action-search-slideout:hover { background-color: <?php echo $at_appearance[ 'appearance_header' ][ 'search_icon_bg_hover' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header' ][ 'search_icon_color_hover' ])): ?>
.page-header .block-search .action.search:hover svg, 
.page-header a.button.action-search-slideout:hover svg { fill: <?php echo $at_appearance[ 'appearance_header' ][ 'search_icon_color_hover' ]; ?>; stroke: <?php echo $at_appearance[ 'appearance_header' ][ 'search_icon_color_hover' ]; ?>;}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header' ][ 'search_field_bg' ])): ?>
	<?php if($global_fallback): ?>
		.page-header .header__item-search form input { background: <?php echo $at_appearance[ 'appearance_header' ][ 'search_field_bg' ]; ?>; }
	<?php endif; ?>
	<?php $root .= '--a2-header-search-bg:' . $at_appearance[ 'appearance_header' ][ 'search_field_bg' ] . ';' ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header' ][ 'search_field_text_color' ])): ?>
.page-header.header__item-search form input { color: <?php echo $at_appearance[ 'appearance_header' ][ 'search_field_text_color' ]; ?>; }
<?php endif; ?>
<?php 
$value = $at_appearance[ 'appearance_header' ][ 'search_field_placeholder_color' ];
if(!empty($value)): ?>
.page-header .block-search input::-webkit-input-placeholder {
  color: <?= $value ?>;
}
.page-header .block-search input:-moz-placeholder {
  color: <?= $value ?>;
}
.page-header .block-search input::-moz-placeholder {
  color:<?= $value ?>;
}
.page-header .block-search input:-ms-input-placeholder {
  color: <?= $value ?>;
}
<?php endif; ?>
<?php if($at_appearance[ 'appearance_header' ][ 'search_style' ] == 'border-single'): ?>
	.page-header .header__item-search form input[type="text"] { border: 1px solid; }
<?php elseif($at_appearance[ 'appearance_header' ][ 'search_style' ] == 'border-double'): ?>
	.page-header .header__item-search form input[type="text"] { border: 2px solid; }
<?php elseif($at_appearance[ 'appearance_header' ][ 'search_style' ] == 'underlined'): ?>
	.page-header .header__item-search form input[type="text"] { border:none; border-bottom: 2px solid; }
<?php else: ?>
	.page-header .header__item-search form  input[type="text"]{
		border: none;
	}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header' ][ 'search_field_border_color' ])): ?>
	.page-header .header__item-search form input[type="text"] { border-color: <?php echo $at_appearance[ 'appearance_header' ][ 'search_field_border_color' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header' ][ 'search_field_border_color_hover' ])): ?>
	.page-header .header__item-search form input[type="text"]:focus,
	.page-header .header__item-search form input[type="text"]:hover { border-color: <?php echo $at_appearance[ 'appearance_header' ][ 'search_field_border_color_hover' ]; ?>; }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_header' ][ 'search_field_width' ])): ?>
		<?php $desktop_styles[] = '@media (min-width: 1300px){.page-header{--a2-header-search-width:' . $at_appearance[ 'appearance_header' ][ 'search_field_width' ] . '}}'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header' ][ 'search_field_border_radius' ])): ?>
		<?php $root .= '--a2-header-search-br:' . $at_appearance[ 'appearance_header' ][ 'search_field_border_radius' ] . ';'; ?>
	<?php endif; ?>
<?php if($at_appearance[ 'appearance_header' ][ 'search_size' ] === 'custom'): ?>
	<?php if(!empty($at_appearance[ 'appearance_header' ][ 'search_field_padding' ])): ?>
		<?php $root .= '--a2-header-search-padding:' . $at_appearance[ 'appearance_header' ][ 'search_field_padding' ] . ';'; ?>
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_header' ][ 'search_field_font_size' ])): ?>
		<?php $root .= '--a2-header-search-fs:' . $at_appearance[ 'appearance_header' ][ 'search_field_font_size' ] . ';'; ?>
	<?php endif; ?>
	<?php if($at_appearance['appearance_header']['search_field_font_enable']){
			$value =  $at_appearance['appearance_header']['search_field_font_custom'] ?: $at_appearance['appearance_header']['search_field_font'];
			if(!empty($value)){
				$root .='--a2-header-search-font:' . $value . ' var(--a2-font-base);'; 
			}
		} ?>
<?php elseif($at_appearance[ 'appearance_header' ][ 'search_size' ] === 'big'): ?>
	<?php $root .= '--a2-header-search-fs:18px; --a2-header-search-font: var(--oxmm-ff, inherit);'; ?>
	<?php if($headerLayout == 'header_4'): ?>
		<?php $root .= '--a2-header-search-padding: 11px  var(--a2-header-search-btn-size,var(--a2-header4-item-width)) 10px 24px;'; ?>
	<?php else: ?>
		<?php $root .= '--a2-header-search-padding: 11px var(--a2-header-search-btn-size,var(--a2-header-item-width)) 10px 24px;'; ?>
	<?php endif; ?>
<?php endif; ?>


<?php if($at_settings[ 'mobile_header' ][ 'search_mobile_below' ]): ?>
	<?php if($at_settings[ 'header' ][ 'sticky_header' ] && $at_settings[ 'header' ][ 'sticky_header_minimized' ] && !$at_settings[ 'header' ][ 'sticky_header_mobile' ]): ?>
	.page-header.sticky.resize .header__search-below{
		max-height: 0;
		padding: 0;
		border: 0;
		overflow: hidden;
	}
	<?php endif; ?>
	<?php /* Search below header */ ?>
	<?php $belowHeaderSearchBlock  = '' ; ?>
	<?php $belowHeaderSearchInput  = '' ; ?>

	<?php if($at_appearance[ 'appearance_header_mobile' ][ 'search_style' ] == 'border-single'): ?>
		<?php $belowHeaderSearchInput .= ' border-width: 1px; border-style: solid; '; ?>
	<?php elseif($at_appearance[ 'appearance_header_mobile' ][ 'search_style' ] == 'border-double'): ?>
		<?php $belowHeaderSearchInput .= ' border-width: 2px; border-style: solid;'; ?>
	<?php elseif($at_appearance[ 'appearance_header_mobile' ][ 'search_style' ] == 'underlined'): ?>
		<?php $belowHeaderSearchInput .= ' border-width: 1px; border-style: solid; border-top:none; border-left:none; border-right:none;'; ?>
	<?php else: ?>
		<?php $belowHeaderSearchInput .= 'border: none!important;'; ?>
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'search_field_bg' ])): ?>
		<?php if($global_fallback): ?>
			<?php $belowHeaderSearchInput .= ' background: ' . $at_appearance[ 'appearance_header_mobile' ][ 'search_field_bg' ] . ';'; ?>
		<?php endif; ?>
		<?php $belowHeaderSearchBlock .= '--a2-header-search-bg:' . $at_appearance[ 'appearance_header_mobile' ][ 'search_field_bg' ] . ';' ?>
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'search_field_text_color' ])): ?>
			<?php $belowHeaderSearchInput .= ' color: ' . $at_appearance[ 'appearance_header_mobile' ][ 'search_field_text_color' ] . ';'; ?>
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'search_field_border_color' ])): ?>
		<?php $belowHeaderSearchInput .= ' border-color: ' . $at_appearance[ 'appearance_header_mobile' ][ 'search_field_border_color' ] . ';'; ?>
	<?php endif; ?>
	<?php if(!empty($belowHeaderSearchInput)) : ?>
		.header__search-below .header__item-search form input[type="text"]{<?php echo $belowHeaderSearchInput ?>}
	<?php endif; ?>

	<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'search_field_height' ])): ?>
			<?php $belowHeaderSearchBlock .= '--a2-input-height:' . (int)$at_appearance[ 'appearance_header_mobile' ][ 'search_field_height' ] . 'px;'; ?>
			.header__search-below.block-search .action.search{
				height: var(--a2-input-height);
				width: var(--a2-input-height);
			}
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'search_field_font_size' ])): ?>
		<?php $belowHeaderSearchBlock .= '--a2-header-search-fs:' . (int)$at_appearance[ 'appearance_header_mobile' ][ 'search_field_font_size' ] . 'px;'; ?>
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'search_block_bg' ])): ?>
		<?php $belowHeaderSearchBlock .= 'background: ' . $at_appearance[ 'appearance_header_mobile' ][ 'search_block_bg' ] . ';'; ?>
	<?php endif; ?>
	<?php if($at_appearance[ 'appearance_header_mobile' ][ 'search_block_border_enable' ] && !empty($at_appearance[ 'appearance_header_mobile' ][ 'search_block_border_color' ])): ?>
		<?php $belowHeaderSearchBlock .= 'border-top: 1px solid ' . $at_appearance[ 'appearance_header_mobile' ][ 'search_block_border_color' ] . ';'; ?>
	<?php endif; ?>
	<?php if('' != $at_appearance[ 'appearance_header_mobile' ][ 'search_block_padding' ] && $at_appearance[ 'appearance_header_mobile' ][ 'search_block_padding' ] >= 0): ?>
		<?php $belowHeaderSearchBlock .= 'padding: ' . $at_appearance[ 'appearance_header_mobile' ][ 'search_block_padding' ] .';'; ?>
	<?php endif; ?>
	<?php if(!empty($belowHeaderSearchBlock)) : ?>
		.header__search-below.block-search{<?php echo $belowHeaderSearchBlock ?>}
	<?php endif; ?>
<?php endif; ?>

<?php /* Menu Appearance */ ?>

<?php if(!empty($at_appearance[ 'appearance_header' ][ 'menu_below_bg' ])): ?>
<?php $mobile_styles[] = '.header__search-below, .menu-position--below .header__content{ background-color: ' . $at_appearance[ 'appearance_header' ][ 'menu_below_bg' ] . '; }'; ?>
.menu-position--below .ox-sticky.sticky.resize .sticky-wrapper,
.header-nav-wide { background-color: <?php echo $at_appearance[ 'appearance_header' ][ 'menu_below_bg' ]; ?>; }
<?php endif; ?>

<?php if($at_appearance[ 'appearance_header' ][ 'menu_below_border_enable' ] && !empty($at_appearance[ 'appearance_header' ][ 'menu_below_border_color' ])): ?>
	.header-nav-wide { border-top: 1px solid <?php echo $at_appearance[ 'appearance_header' ][ 'menu_below_border_color' ]; ?>; }
<?php endif; ?>


<?php if(!empty($at_appearance[ 'appearance_header' ][ 'menu_color' ])): ?>
	<?php if(!$megaMenuActive): ?>
		.page-header .navigation .level0 > .level-top { color: <?php echo $at_appearance[ 'appearance_header' ][ 'menu_color' ]; ?>; }
	<?php else: ?>
		<?php if($global_fallback): ?>
		.page-header .ox-megamenu .level0 > .ox-mm-a-wrap .level-top,
		<?php endif; ?>
		.slide-out-menu--mobile { color: <?php echo $at_appearance[ 'appearance_header' ][ 'menu_color' ]; ?>; }
		<?php $root .= '--oxmm-l0-color:' . $at_appearance[ 'appearance_header' ][ 'menu_color' ] . ';'; ?>
		<?php $headerMenu .= '--oxmm-l0-color:' . $at_appearance[ 'appearance_header' ][ 'menu_color' ] . ';'; ?>
	<?php endif; ?>

<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_header' ][ 'menu_bg_hover' ])): ?>
	<?php if(!$megaMenuActive): ?>
		.navigation .level0 > .level-top:hover,
		.page-header .navigation .level0 > .ox-mm-a-wrap .level-top:before { background-color: <?php echo $at_appearance[ 'appearance_header' ][ 'menu_bg_hover' ]; ?>; }
	<?php else: ?>
		<?php if($global_fallback): ?>
		.ox-megamenu .level0 > .ox-mm-a-wrap .level-top:hover, 	
		.ox-megamenu-navigation > .level0 > .ox-mm-a-wrap .level-top:hover,
		.page-header .ox-megamenu .level0 > .ox-mm-a-wrap .level-top:before
		{ background-color: <?php echo $at_appearance[ 'appearance_header' ][ 'menu_bg_hover' ]; ?>; }
		<?php $desktop_styles[] = '.menu-style-5 .page-header .ox-megamenu-navigation > .level0 > .ox-mm-a-wrap  a .a2-menu-stroke span { background-color: ' . $at_appearance[ 'appearance_header' ][ 'menu_bg_hover' ] .'!important; }'; ?>
		<?php endif; ?>

		<?php $root .= '--oxmm-style5-bg:' . $at_appearance[ 'appearance_header' ][ 'menu_bg_hover' ] . ';'; ?>
		<?php $root .= '--oxmm-l0-bg-h:' . $at_appearance[ 'appearance_header' ][ 'menu_bg_hover' ] . ';'; ?>
		<?php $headerMenu .= '--oxmm-l0-bg-h:' . $at_appearance[ 'appearance_header' ][ 'menu_bg_hover' ] . ';'; ?>
	<?php endif; ?>
<?php endif; ?>

<?php if(!empty($value = $at_appearance[ 'appearance_header' ][ 'menu_color_hover' ])): ?>
	<?php if(!$megaMenuActive): ?>
		.menu-style-2 .page-header .navigation > ul > .level0:hover > .level-top,
		.menu-style-2 .page-header .navigation > ul > .level0.active > .level-top,
		.page-header .navigation > ul > .level0:hover > .level-top,
		.page-header .navigation .level0.active > .level-top, 
		.page-header .navigation .level0.has-active > .level-top {
			color: <?php echo $value; ?>;
		}
	<?php else: ?>
		<?php if($global_fallback): ?>
		.menu-style-2 .page-header .ox-megamenu > ul > .level0.active > .ox-mm-a-wrap .level-top,  
		.menu-style-2 .page-header .ox-megamenu > ul > .level0:hover > .ox-mm-a-wrap .level-top, 
		<?php endif; ?>
		.ox-megamenu-navigation > .level0:not(.active):not(.has-active):hover > .ox-mm-a-wrap .level-top,
		.page-header .ox-megamenu > ul > .level0:hover > .ox-mm-a-wrap .level-top,
		.page-header .ox-megamenu .level0.active > .ox-mm-a-wrap .level-top, 
		.page-header .ox-megamenu .level0.has-active > .ox-mm-a-wrap .level-top{
			color: <?php echo $value; ?>;
		}

		<?php $root .= '--oxmm-style2-color:' . $at_appearance[ 'appearance_header' ][ 'menu_color_hover' ] . ';'; ?>
		<?php $headerMenu .= '--oxmm-l0-color-h:' . $at_appearance[ 'appearance_header' ][ 'menu_color_hover' ] . ';'; ?>
	<?php endif; ?>
<?php endif; ?>

<?php if(!empty($value = $at_appearance[ 'appearance_header' ][ 'menu_font_weight_active' ])): ?>
	<?php if(!$megaMenuActive): ?>
		.page-header .navigation .level0.active > .level-top, 
		.page-header .navigation .level0.has-active > .level-top
		{
			font-weight: <?php echo $value; ?>;
		}
	<?php else: ?>
		<?php if($global_fallback): ?>
		.menu-style-2 .page-header .ox-megamenu > ul > .level0.active > .ox-mm-a-wrap .level-top, 
		.menu-style-2 .page-header .navigation > ul > .level0.active > .level-top, 
		.page-header .ox-megamenu .level0.active > .ox-mm-a-wrap .level-top, 
		.page-header .ox-megamenu .level0.has-active > .ox-mm-a-wrap .level-top
		{
			font-weight: <?php echo $value; ?>;
		}
		<?php endif; ?>
		<?php $headerMenu .= '--oxmm-l0-fw-a:' . $at_appearance[ 'appearance_header' ][ 'menu_font_weight_active' ] . ';'; ?>
	<?php endif; ?>
<?php endif; ?>

<?php if( isset($at_appearance[ 'appearance_header' ][ 'menu_letter_spacing' ]) && $at_appearance[ 'appearance_header' ][ 'menu_letter_spacing' ] != '' ): ?>
	<?php if(!$megaMenuActive): ?>
		.page-header .navigation .level0 > .level-top, 
		.minicart-wrapper .action.showcart,
		.ox-nav-sections-item-title .ox-nav-sections-item-switch{ letter-spacing:<?php echo $at_appearance[ 'appearance_header' ][ 'menu_letter_spacing' ]; ?>px;}
	<?php else: ?>
		<?php if($global_fallback): ?>
			<?php $desktop_styles[] = '
			.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu-list > .category-item > .ox-mm-a-wrap  a, 
			.ox-dropdown--megamenu > .ox-megamenu__dropdown .level1.category-item > .ox-mm-a-wrap  a,
			.ox-megamenu-navigation .category-item > .ox-mm-a-wrap  a { letter-spacing:' . $at_appearance[ 'appearance_header' ][ 'menu_letter_spacing' ] . 'px;}'; 
			?>
			.page-header .ox-megamenu .level0 > .ox-mm-a-wrap .level-top, 		
			.ox-megamenu-navigation .category-item > .ox-mm-a-wrap  a,
			.ox-megamenu-navigation > .level0 > .ox-mm-a-wrap .level-top,
		<?php endif; ?>
		.slide-out-menu--mobile,
		.minicart-wrapper .action.showcart,
		.ox-nav-sections-item-title .ox-nav-sections-item-switch{ letter-spacing:<?php echo $at_appearance[ 'appearance_header' ][ 'menu_letter_spacing' ]; ?>px;}
		<?php $root .= '--oxmm-l0-ls:' . $at_appearance[ 'appearance_header' ][ 'menu_letter_spacing' ] . 'px;'; ?>
		<?php $root .= '--oxmm-item-ls:' . $at_appearance[ 'appearance_header' ][ 'menu_letter_spacing' ] . 'px;'; ?>
		<?php $headerMenu .= '--oxmm-l0-ls:' . $at_appearance[ 'appearance_header' ][ 'menu_letter_spacing' ] . 'px;'; ?>
		<?php $headerMenu .= '--oxmm-item-ls:' . $at_appearance[ 'appearance_header' ][ 'menu_letter_spacing' ] . 'px;'; ?>	
	<?php endif; ?>
<?php endif; ?>

<?php 
$menu_font_weight = $at_appearance[ 'appearance_header' ][ 'menu_font_weight' ];
$menu_text_transform = $at_appearance[ 'appearance_header' ][ 'menu_text_transform' ];
?>
<?php if(!empty($menu_font_weight) || !empty($menu_text_transform)): ?>
	<?php if($global_fallback): ?>
	.ox-dialog .switcher .switcher-option strong span,
	.ox-dialog .switcher .options .action.toggle strong span,
	.ox-dialog .switcher .options ul a,
	.ox-dialog .switcher .options ul.dropdown a,
	<?php // desktop menu ?>
	.page-header .ox-megamenu .level0 > .ox-mm-a-wrap .level-top, 
	.page-header .navigation .level0 > .level-top, 
	<?php // mobile menu all levels ?>
	.ox-megamenu-navigation > li > .ox-mm-a-wrap  a, .ox-megamenu-navigation .category-item > .ox-mm-a-wrap  a,
	.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu-list > .category-item > .ox-mm-a-wrap  a, 
	.ox-dropdown--megamenu > .ox-megamenu__dropdown .level1.category-item > .ox-mm-a-wrap  a,
	.ox-megamenu-navigation .ox-dropdown--simple .category-item  a,
	.ox-megamenu-navigation > .level0 > .ox-mm-a-wrap .level-top,
	<?php endif; ?>
	.slide-out-menu--mobile,
	.minicart-wrapper .action.showcart,
	<?php //language switcher modal ?>
	.ox-dialog .header.links .logged-in, 
	.ox-dialog .header.links a:not(.button),
	.ox-nav-sections-item-title .ox-nav-sections-item-switch{ 
		<?php if(!empty($menu_font_weight)): ?>
			font-weight: <?php echo $menu_font_weight; ?>;
		<?php endif; ?>
		<?php if($menu_text_transform != ''): ?>
			text-transform: <?php echo $menu_text_transform; ?>;
		<?php endif; ?>
	}
	<?php if(!empty($menu_font_weight)): ?>
		<?php $root .= '--a2-switcher-dd-fw:' . $menu_font_weight . ';'; ?>
		<?php $root .= '--oxmm-l0-fw:' . $menu_font_weight . ';'; ?>
		<?php $root .= '--oxmm-item-fw:' . $menu_font_weight . ';'; ?>
		<?php $headerMenu .= '--oxmm-l0-fw:' . $menu_font_weight . ';'; ?>
		<?php $headerMenu .= '--oxmm-item-fw:' . $menu_font_weight . ';'; ?>	
	<?php endif; ?>
	<?php if($menu_text_transform != ''): ?>
		<?php $root .= '--a2-switcher-dd-tt:' . $menu_text_transform . ';'; ?>
		<?php $root .= '--oxmm-l0-tt:' . $menu_text_transform . ';'; ?>
		<?php $root .= '--oxmm-item-tt:' . $menu_text_transform . ';'; ?>
		<?php $headerMenu .= '--oxmm-l0-tt:' . $menu_text_transform . ';'; ?>
		<?php $headerMenu .= '--oxmm-item-tt:' . $menu_text_transform . ';'; ?>	
	<?php endif; ?>
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_header' ][ 'menu_font_size' ])): ?>
	<?php if($global_fallback): ?>
	.page-header .ox-megamenu .level0 > .ox-mm-a-wrap .level-top, 
	.page-header .navigation .level0 > .level-top, 
	.ox-megamenu-navigation > .level0 > .ox-mm-a-wrap .level-top,
	<?php endif; ?>
	<?php if($headerLayout == 'header_4'): ?>
	.header--layout-4 .minicart-wrapper .action.showcart,
	<?php endif; ?>
	.slide-out-menu--mobile,
	.ox-nav-sections-item-title .ox-nav-sections-item-switch
	{ font-size:<?php echo (int)$at_appearance[ 'appearance_header' ][ 'menu_font_size' ]; ?>px;}
	<?php $headerMenu .= '--oxmm-l0-fs:' . (int)$at_appearance[ 'appearance_header' ][ 'menu_font_size' ] . 'px;'; ?>
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_header' ][ 'menu_margin' ])): ?>
	@media (min-width: 1160px){
	.ox-megamenu-navigation > .level0 { margin-right:<?php echo (int)$at_appearance[ 'appearance_header' ][ 'menu_margin' ]; ?>px;}
	}
<?php endif; ?>

<?php /* Mobile menu*/ ?>
<?php if( $at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_letter_spacing' ] != '' ): ?>
	<?php if($global_fallback): ?>
	.ox-section-item-content .ox-megamenu-navigation > .level0 > .ox-mm-a-wrap .level-top{ letter-spacing:<?php echo (int)$at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_letter_spacing' ]; ?>px;}
	<?php endif; ?>
	<?php $mobileMenu .= '--oxmm-l0-ls:' . (int)$at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_letter_spacing' ] . 'px;'; ?>	
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_font_weight' ])): ?>
	<?php if($global_fallback): ?>
	.ox-section-item-content .ox-megamenu-navigation > .level0 > .ox-mm-a-wrap .level-top{ font-weight:<?php echo (int)$at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_font_weight' ]; ?>;}
	<?php endif; ?>
	<?php $mobileMenu .= '--oxmm-l0-fw:' . (int)$at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_font_weight' ] . ';'; ?>	
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_font_size' ])): ?>
	<?php if($global_fallback): ?>
	.ox-section-item-content .ox-megamenu-navigation > .level0 > .ox-mm-a-wrap .level-top{ font-size:<?php echo (int)$at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_font_size' ]; ?>px;}
	<?php endif; ?>
	<?php $mobileMenu .= '--oxmm-l0-fs:' . (int)$at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_font_size' ] . 'px;'; ?>	
<?php endif; ?>

<?php /* Menu Drop Down Appearance */ ?>
<?php if(!empty($at_appearance[ 'appearance_header' ][ 'dropdown_menu_text_color' ])): ?>
	<?php if($global_fallback): ?>
	.ox-megamenu-navigation li > .ox-mm-a-wrap  a .ox-menu-arrow:after, 
	.ox-megamenu-navigation li > .ox-mm-a-wrap  a .ox-menu-arrow:before,
	.ox-megamenu-navigation li.parent > .ox-mm-a-wrap  a .ox-menu-arrow:after, 
	.ox-megamenu-navigation li.parent > .ox-mm-a-wrap  a .ox-menu-arrow:before,
	.page-header .navigation .level0 .submenu li.parent > a > .ui-menu-icon:after,
	.page-header .navigation .level0 .submenu li.parent > a > .ui-menu-icon:before  { background: <?php echo $at_appearance[ 'appearance_header' ][ 'dropdown_menu_text_color' ]; ?>; }
	<?php endif; ?>

	<?php if($global_fallback): ?>
	.ox-megamenu .level0 > .ox-mm-a-wrap .level-top,
	.navigation .level0 > .level-top,	
	.ox-megamenu__dropdown .category-item > .ox-mm-a-wrap  a,
	.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu-list > .category-item > .ox-mm-a-wrap  a,
	.page-header .ox-megamenu .level0 .submenu a,
	.page-header .level0 .submenu a,
	<?php endif; ?>
	.ox-megamenu-navigation .ox-megamenu-block .links-bg-hover a,
	.ox-megamenu-navigation .ox-megamenu-block a.bg-hover,
	.ox-megamenu-navigation .ox-megamenu-block .std a,
	.ox-section-item-content,
	.ox-section-item-content input,
	.ox-section-item-content .block-title strong,
	.ox-section-item-content .block-customer-login .secondary > a.action,
	.ox-dialog .header.links .logged-in,
	.ox-dialog .header.links a:not(.button),
	.ox-slideout.ox-links-drop .header.links li .logged-in, 
	.ox-dropdown.ox-links-drop .header.links li .logged-in, 
	.ox-slideout.ox-links-drop .header.links li a:not(.button), 
	.ox-dropdown.ox-links-drop .header.links li a:not(.button),
	.ox-dialog .switcher ul a,
	.ox-dialog .switcher .options ul.dropdown a,
	.ox-megamenu-navigation a.bg-hover, 
	.ox-megamenu-navigation .std a, 
	.ox-megamenu-navigation .links-bg-hover a,
	.ox-megamenu-navigation :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6),
	.ox-megamenu__dropdown { color: <?php echo $at_appearance[ 'appearance_header' ][ 'dropdown_menu_text_color' ]; ?>; }
	
	<?php if(!$global_fallback): ?>
		<?php $headerMenu .= '--oxmm-l1-color:' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_text_color' ] . ';'; ?>
		<?php $root .= '--oxmm-l1-color:' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_text_color' ] . ';'; ?>
		<?php $headerMenu .= '--oxmm-item-color:' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_text_color' ] . ';'; ?>
		<?php $root .= '--oxmm-item-color:' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_text_color' ] . ';'; ?>
		<?php $root .= '--oxmm-toggle-color:' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_text_color' ] . ';'; ?>	
		<?php $root .= '--oxmm-arrow-color:' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_text_color' ] . ';'; ?>	
	<?php endif; ?>
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_header' ][ 'dropdown_menu_text_bg_hover' ]) || !empty($at_appearance[ 'appearance_header' ][ 'dropdown_menu_color_hover' ])): ?>
	<?php $colors = ''; ?>
	<?php if(!empty($at_appearance[ 'appearance_header' ][ 'dropdown_menu_text_bg_hover' ])): ?>
	<?php $colors .= 'background: ' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_text_bg_hover' ] . ';'; ?>
		<?php $root .= '--oxmm-item-bg-a:' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_text_bg_hover' ] . ';'; ?>
		<?php $headerMenu .= '--oxmm-item-bg-a:' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_text_bg_hover' ] . ';'; ?>
		<?php $root .= '--oxmm-item-bg-h:' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_text_bg_hover' ] . ';'; ?>
		<?php $headerMenu .= '--oxmm-item-bg-h:' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_text_bg_hover' ] . ';'; ?>
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_header' ][ 'dropdown_menu_color_hover' ])): ?>
	<?php $colors .= 'color: ' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_color_hover' ] . ';'; ?>
		<?php $root .= '--oxmm-item-color-a:' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_color_hover' ] . ';'; ?>
		<?php $headerMenu .= '--oxmm-item-color-a:' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_color_hover' ] . ';'; ?>
		<?php $root .= '--oxmm-item-color-h:' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_color_hover' ] . ';'; ?>
		<?php $headerMenu .= '--oxmm-item-color-h:' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_color_hover' ] . ';'; ?>
	<?php endif; ?>
	<?php if($global_fallback): ?>
	.ox-nav-sections .ox-megamenu-navigation .category-item.has-active > .ox-mm-a-wrap .level-top, 
	.ox-nav-sections .ox-megamenu-navigation .category-item.active > .ox-mm-a-wrap .level-top, 
	.ox-nav-sections .ox-megamenu-navigation .category-item.has-active > .ox-mm-a-wrap  a, 
	.ox-nav-sections .ox-megamenu-navigation .category-item.active > .ox-mm-a-wrap  a,
	.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu-list > .category-item > .ox-mm-a-wrap  a:hover,
	.ox-megamenu__dropdown .category-item:hover > .ox-mm-a-wrap  a,
	.page-header .ox-megamenu .level0 .submenu a:hover, .page-header .ox-megamenu .level0 .submenu a.ui-state-focus,
	.page-header .navigation .level0 .submenu a:hover, .page-header .navigation .level0 .submenu a.ui-state-focus,
	<?php endif; ?>
	.ox-megamenu-block .links-bg-hover a:hover,
	.ox-megamenu-block a.bg-hover:hover,
	.ox-megamenu-block .std a:hover,
	.ox-section-item-content .block-customer-login .secondary > a.action:hover,
	.ox-section-item-content .block-customer-login .secondary > a.action:after
	{ 
		<?php echo $colors; ?>
	}
	<?php $desktop_styles[] = '
	.ox-slideout.ox-links-drop .header.links a:not(.button):hover, 
	.ox-dropdown.ox-links-drop .header.links a:not(.button):hover, 
	.ox-slideout.ox-links-drop .header.links a:not(.button):focus, 
	.ox-dropdown.ox-links-drop .header.links a:not(.button):focus,
	.ox-dialog .switcher-option:hover a{ ' . $colors . '	}'; ?>
	<?php if($global_fallback): ?>
		<?php $desktop_styles[] = '.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu__categories > .ox-megamenu-list > .category-item > .submenu > .category-item > .ox-mm-a-wrap  a:hover{ ' . $colors . '	}'; ?>
	<?php endif; ?>	
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_header' ][ 'dropdown_menu_active_color' ])): ?>
	<?php if($global_fallback): ?>
		<?php $desktop_styles[] = '.ox-megamenu-navigation .category-item.has-active > .ox-mm-a-wrap .level-top .ox-menu-arrow:before, 
		.ox-megamenu-navigation .category-item.active > .ox-mm-a-wrap .level-top .ox-menu-arrow:before, 
		.ox-megamenu-navigation .category-item.has-active > .ox-mm-a-wrap  a .ox-menu-arrow:before, 
		.ox-megamenu-navigation .category-item.active > .ox-mm-a-wrap  a .ox-menu-arrow:before, 
		.ox-megamenu-navigation .category-item.has-active > .ox-mm-a-wrap .level-top .ox-menu-arrow:after, 
		.ox-megamenu-navigation .category-item.active > .ox-mm-a-wrap .level-top .ox-menu-arrow:after, 
		.ox-megamenu-navigation .category-item.has-active > .ox-mm-a-wrap  a .ox-menu-arrow:after, 
		.ox-megamenu-navigation .category-item.active > .ox-mm-a-wrap  a .ox-menu-arrow:after{ background-color: ' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_active_color' ] . '; }'; ?>
		.ox-dialog .switcher .switcher-option strong,
		.ox-dialog .switcher .options .action.toggle strong span,
		.ox-dialog .switcher.language .options .action.toggle strong span,
		.ox-megamenu-navigation .ox-megamenu__dropdown .category-item.has-active > .ox-mm-a-wrap  a,
		.ox-megamenu-navigation .ox-megamenu__dropdown .category-item.active > .ox-mm-a-wrap  a,
		.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu__categories > .ox-megamenu-list > .category-item > .submenu > .category-item.has-active > .ox-mm-a-wrap  a,
		.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu__categories > .ox-megamenu-list > .category-item > .submenu > .category-item.active > .ox-mm-a-wrap  a,
		.page-header .ox-megamenu .level0 .ox-submenu .active > .ox-mm-a-wrap  a,
		.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu-list > .category-item.active > .ox-mm-a-wrap  a{ color: <?php echo $at_appearance[ 'appearance_header' ][ 'dropdown_menu_active_color' ]; ?>; }
	<?php endif; ?>
	<?php if(!$global_fallback): ?>
		<?php $headerMenu .= '--oxmm-item-color-a:' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_active_color' ] . ';'; ?>
		<?php $root .= '--oxmm-item-color-a:' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_active_color' ] . ';'; ?>
		<?php $root .= '--oxmm-toggle-color-a:' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_active_color' ] . ';'; ?>	
		<?php $root .= '--oxmm-arrow-color-a:' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_active_color' ] . ';'; ?>	
		<?php $root .= '--a2-switcher-dd-a-color:' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_active_color' ] . ';'; ?>
	<?php endif; ?>
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_header' ][ 'dropdown_menu_active_bg' ])): ?>
	<?php $headerMenu .= '--oxmm-item-bg-a:' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_active_bg' ] . ';'; ?>
	<?php $root .= '--oxmm-item-bg-a:' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_active_bg' ] . ';'; ?>
	<?php $root .= '--a2-switcher-dd-a-bg:' . $at_appearance[ 'appearance_header' ][ 'dropdown_menu_active_bg' ] . ';'; ?>
	<?php if($global_fallback): ?>
	.ox-dialog .switcher .switcher-option strong,
	.ox-dialog .switcher .options .action.toggle strong span,
	.ox-dialog .switcher.language .options .action.toggle strong span,
	.ox-megamenu-navigation .ox-megamenu__dropdown .category-item.has-active > .ox-mm-a-wrap  a,
	.ox-megamenu-navigation .ox-megamenu__dropdown .category-item.active > .ox-mm-a-wrap  a,
	.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu__categories > .ox-megamenu-list > .category-item > .submenu > .category-item.has-active > .ox-mm-a-wrap  a,
	.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu__categories > .ox-megamenu-list > .category-item > .submenu > .category-item.active > .ox-mm-a-wrap  a,
	.page-header .ox-megamenu .level0 .ox-submenu .active > .ox-mm-a-wrap  a,
	.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu-list > .category-item.active > .ox-mm-a-wrap  a{ background-color: <?php echo $at_appearance[ 'appearance_header' ][ 'dropdown_menu_active_bg' ]; ?>; }
	<?php endif; ?>
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_header' ][ 'dropdown_bg' ])): ?>
.page-header .ox-megamenu .level0 .submenu,
.ox-nav-sections-item-content,
.ox-megamenu__dropdown,
.ox-nav-sections,
.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu-list > .category-item > .ox-submenu,
.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu-list > .category-item > .submenu,
.page-header .navigation .level0 .submenu { background: <?php echo $at_appearance[ 'appearance_header' ][ 'dropdown_bg' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header' ][ 'submenu_dropdown_bg' ])): ?>
<?php $desktop_styles[] = '.page-header .ox-megamenu .level0 .submenu, .page-header .navigation .level0 .submenu,
.page-header .ox-megamenu .level0 .ox-submenu, .page-header .navigation .level0 .ox-submenu,
.ox-submenu{ background: ' . $at_appearance[ 'appearance_header' ][ 'submenu_dropdown_bg' ] . '}'; ?>
<?php endif; ?>

<?php /* Mobile tab */ ?>

<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_tab_color' ])): ?>
<?php $mobile_styles[] = '.ox-nav-sections-item-title .ox-nav-sections-item-switch { color: ' . $at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_tab_color' ] . '; }' ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_tab_bg' ])): ?>
<?php $mobile_styles[] = '.ox-nav-sections-item-title:after{ background: ' . $at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_tab_bg' ] . '; }' ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_tab_color_hover' ])): ?>
<?php $mobile_styles[] = '.ox-nav-sections-item-title.active .ox-nav-sections-item-switch { color: ' . $at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_tab_color_hover' ] . '; }' ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_tab_bg_hover' ])): ?>
<?php $mobile_styles[] = '.ox-nav-sections-item-title.active:after{ background: ' . $at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_tab_bg_hover' ] . '; }'; ?>
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'menu_color' ])): ?>
	<?php $root .= '--oxmm-l0-color:' . $at_appearance[ 'appearance_header_mobile' ][ 'menu_color' ] . ';'; ?>
	<?php if($global_fallback): ?>
		<?php $mobile_styles[] = '.ox-megamenu-navigation > .level0 > .ox-mm-a-wrap .level-top,'; ?>
	<?php endif; ?>
	<?php $mobile_styles[] = '.slide-out-menu--mobile{ color: ' . $at_appearance[ 'appearance_header_mobile' ][ 'menu_color' ] . '; }'; ?>	
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'menu_bg_hover' ])): ?>

	<?php if(!$megaMenuActive): ?>
		<?php $mobile_styles[] = '
		.navigation > .level0.active > a .level-top,
		.navigation > .level0.has-active > a .level-top,
		.navigation .level0 > a .level-top:hover,'; ?>
	<?php else: ?>
			<?php $mobile_styles[] = '.ox-megamenu-navigation > .level0.active > .ox-mm-a-wrap .level-top,
			.ox-megamenu-navigation > .level0.has-active > .ox-mm-a-wrap .level-top,
			.ox-megamenu .level0 > .ox-mm-a-wrap .level-top:hover, 
			.ox-megamenu-navigation > .level0:not(.active):not(.has-active):hover > .ox-mm-a-wrap .level-top,
			.ox-megamenu-navigation > .level0 > .ox-mm-a-wrap .level-top:hover { background-color: ' . $at_appearance[ 'appearance_header_mobile' ][ 'menu_bg_hover' ] . '; }'; ?>
		<?php $mobileMenu .= '--oxmm-l0-bg-h:' . $at_appearance[ 'appearance_header_mobile' ][ 'menu_bg_hover' ] . ';'; ?>

	<?php endif; ?>
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'menu_color_hover' ])): ?>
	<?php if(!$megaMenuActive): ?>
		<?php $mobile_styles[] = '.navigation > .level0.active > a .level-top,
		.navigation > .level0.has-active > a .level-top,'; ?>
		<?php else: ?>
		<?php $mobile_styles[] = '.ox-megamenu-navigation > .level0.active > .ox-mm-a-wrap .level-top,
		.ox-megamenu-navigation > .level0.has-active > .ox-mm-a-wrap .level-top,
		.ox-megamenu-navigation > .level0:not(.active):not(.has-active):hover > .ox-mm-a-wrap .level-top { color: ' . $at_appearance[ 'appearance_header_mobile' ][ 'menu_color_hover' ] . '; }'; ?>

		<?php $mobileMenu .= '--oxmm-l0-color-h:' . $at_appearance[ 'appearance_header_mobile' ][ 'menu_color_hover' ] . ';'; ?>
	<?php endif; ?>
<?php endif; ?>
<?php $menuFont = $_helper->fontOutput( $_helper->getFont( 'menu_font' ), $at_appearance['appearance_general']['menu_font_custom']); ?>
<?php if(($at_appearance['appearance_general']['google_font_enable'] && $_helper->getFont( 'menu_font' )) || $at_appearance['appearance_general']['menu_font_custom'] != ''): ?>
	<?php $root .= '--oxmm-ff:' . $menuFont . ';'; ?>
	<?php if($global_fallback): ?>
	.navigation .level0 > .level-top,
	.page-header .navigation .level0 > .level-top,
	.ox-megamenu-navigation .ox-dropdown--simple,
	.ox-megamenu .level0 > .ox-mm-a-wrap .level-top, 
	.page-header .ox-megamenu .level0 > .ox-mm-a-wrap .level-top, 
	.page-header .ox-megamenu .level0 .ox-submenu,
	.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu__categories .ox-megamenu-list > .category-item > .ox-mm-a-wrap  a,
	<?php endif; ?>
	.ox-dialog .header.links .logged-in,
	.ox-dialog .header.links a:not(.button),
	.ox-dialog .switcher,
	.slide-out-menu--mobile,
	.ox-nav-sections-item-title .ox-nav-sections-item-switch,
	.minicart-wrapper .action.showcart
	{ font-family: <?php echo $menuFont; ?> }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_header' ][ 'dropdown_3rd_color' ])): ?>
	<?php if($global_fallback): ?>
	.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu__categories > .ox-megamenu-list > .category-item > .submenu > .category-item > .ox-mm-a-wrap  a{ color: <?php echo $at_appearance[ 'appearance_header' ][ 'dropdown_3rd_color' ]; ?>; }
	<?php endif; ?>
	<?php $root .= '--oxmm-l1s-color:' . $at_appearance[ 'appearance_header' ][ 'dropdown_3rd_color' ] . ';'; ?>
<?php endif; ?>

<?php if($at_appearance[ 'appearance_header' ][ 'menu_drop_letter_spacing' ] != '' ): ?>
	<?php if($global_fallback): ?>
	.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu__categories .ox-megamenu-list > .category-item > .ox-mm-a-wrap  a
	.page-header .ox-megamenu .level0 .ox-submenu .category-item > .ox-mm-a-wrap  a,
	.ox-megamenu-navigation .ox-dropdown--simple .category-item  a,
	<?php endif; ?>
	.ox-dialog .header.links .logged-in,
	.ox-dialog .header.links a:not(.button),
	.ox-dialog .switcher{ letter-spacing:<?php echo $at_appearance[ 'appearance_header' ][ 'menu_drop_letter_spacing' ]; ?>px;}
	<?php $root .= '--oxmm-item-ls:' . $at_appearance[ 'appearance_header' ][ 'menu_drop_letter_spacing' ] . 'px;'; ?>
<?php endif; ?>
<?php 
$menu_drop_font_weight = $at_appearance[ 'appearance_header' ][ 'menu_drop_font_weight' ];
$menu_drop_text_transform = $at_appearance[ 'appearance_header' ][ 'menu_drop_text_transform' ];
?>
<?php if(!empty($menu_drop_font_weight) || !empty($menu_drop_text_transform)): ?>
	<?php if($global_fallback): ?>
	.ox-dialog .switcher ul a,
	.ox-dialog .switcher ul.dropdown a,
	.ox-dialog .switcher .action.toggle strong span,
	.ox-dialog .switcher .switcher-option strong,
	.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu__categories .ox-megamenu-list > .category-item > .ox-mm-a-wrap  a,
	.page-header .ox-megamenu .level0 .ox-submenu .category-item > .ox-mm-a-wrap  a,
	.ox-megamenu-navigation .ox-dropdown--simple .category-item  a,
	<?php endif; ?>
	.ox-dialog .header.links .logged-in,
	.ox-dialog .header.links a:not(.button)
	{ 
		<?php if(!empty($menu_drop_font_weight)): ?>
			font-weight: <?php echo $menu_drop_font_weight; ?>;
		<?php endif; ?>
		<?php if($menu_drop_text_transform != ''): ?>
			text-transform: <?php echo $menu_drop_text_transform; ?>;
		<?php endif; ?>
	}
	<?php if(!empty($menu_drop_font_weight)): ?>
		<?php $root .= '--oxmm-item-fw:' .  $menu_drop_font_weight . ';'; ?>
		<?php $root .= '--a2-switcher-dd-fw:' . $menu_drop_font_weight . ';'; ?>
	<?php endif; ?>
	<?php if($menu_drop_text_transform != ''): ?>
		<?php $root .= '--oxmm-item-tt:' . $menu_drop_text_transform . ';'; ?>
		<?php $root .= '--a2-switcher-dd-tt:' . $menu_drop_text_transform . ';'; ?>
	<?php endif; ?>
<?php endif; ?>

<?php 
$menu_drop3_text_transform = $at_appearance[ 'appearance_header' ][ 'menu_drop3_text_transform' ];
$menu_drop3_font_weight = $at_appearance[ 'appearance_header' ][ 'menu_drop3_font_weight' ];
?>
<?php if('' != $menu_drop3_text_transform || '' != $menu_drop3_font_weight): ?>
	<?php if($global_fallback): ?>
		<?php $desktop_styles[] = '.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu-list > .category-item > .submenu > .category-item > .ox-mm-a-wrap  a,
		.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu__categories > .ox-megamenu-list > .category-item > .submenu > .category-item > .ox-mm-a-wrap  a{'; ?>
		<?php 
			if('' != $menu_drop3_text_transform) {
				$desktop_styles[] =  'text-transform:' . $menu_drop3_text_transform . ';';
			}
			if('' != $menu_drop3_font_weight) {
				$desktop_styles[] =  'font-weight:' . $menu_drop3_font_weight . ';';
			}
		?>
		<?php $desktop_styles[] = '}'; ?>

		.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu-list > .category-item > .submenu > .category-item > .ox-mm-a-wrap  a,
		.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu__categories > .ox-megamenu-list > .category-item > .submenu > .category-item > .ox-mm-a-wrap  a{ 
		<?php 
			if((bool)$menu_drop3_text_transform) {
				echo 'text-transform:' . $menu_drop3_text_transform . ';';
			}
			if((bool)$menu_drop3_font_weight) {
				echo 'font-weight:' . $menu_drop3_font_weight . ';';
			}
		?>
		}
	<?php endif; ?>
	<?php 
		if((bool)$menu_drop3_text_transform) {
			$root .= '--oxmm-l1s-tt:' . $menu_drop3_text_transform . ';';
			$headerMenu .= '--oxmm-l1s-tt:' . $menu_drop3_text_transform . ';';
		}
		if((bool)$menu_drop3_font_weight) {
			$root .= '--oxmm-l1s-fw:' . $menu_drop3_font_weight . ';';
			$headerMenu .= '--oxmm-l1s-fw:' . $menu_drop3_font_weight . ';';
		}
	?>
<?php endif; ?>

<?php 
$menu_drop2_letter_spacing = $at_appearance[ 'appearance_header' ][ 'menu_drop2_letter_spacing' ];
$menu_drop2_font_size = $at_appearance[ 'appearance_header' ][ 'menu_drop2_font_size' ];
$menu_drop2_text_transform = $at_appearance[ 'appearance_header' ][ 'menu_drop2_text_transform' ];
$menu_drop2_font_weight = $at_appearance[ 'appearance_header' ][ 'menu_drop2_font_weight' ];
?>
<?php if('' != $menu_drop2_text_transform || '' != $menu_drop2_font_weight): ?>
	<?php if($global_fallback): ?>
		<?php $desktop_styles[] = '.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu-list > .category-item > .ox-mm-a-wrap a, 
		.ox-dropdown--megamenu > .ox-megamenu__dropdown .level1.category-item > .ox-mm-a-wrap a{'; ?>
		<?php 
			if('' != $menu_drop2_text_transform) {
				$desktop_styles[] =  'text-transform:' . $menu_drop2_text_transform . ';';
			}
			if('' != $menu_drop2_font_weight) {
				$desktop_styles[] =  'font-weight:' . $menu_drop2_font_weight . ';';
			}
		?>
		<?php $desktop_styles[] = '}'; ?>
	<?php endif; ?>
	<?php 
		if((bool)$menu_drop2_font_size) {
			$root .= '--oxmm-l1-fs:' . $menu_drop2_font_size . 'px;';
		}
		if($menu_drop2_letter_spacing !== '') {
			$root .= '--oxmm-l1-ls:' . $menu_drop2_letter_spacing . 'px;';
		}
		if((bool)$menu_drop2_text_transform) {
			$root .= '--oxmm-l1-tt:' . $menu_drop2_text_transform . ';';
		}
		if('' != $menu_drop2_font_weight) {
			$root .= '--oxmm-l1-fw:' . $menu_drop2_font_weight . ';';
		}
	?>
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_header' ][ 'menu_drop_font_size' ])): ?>
	<?php $root .= '--oxmm-item-fs:' . $at_appearance[ 'appearance_header' ][ 'menu_drop_font_size' ] . 'px;'; ?>
	<?php if($global_fallback): ?>
		.page-header .ox-megamenu .level0 .ox-submenu .category-item > .ox-mm-a-wrap  a,
		.ox-megamenu-navigation .ox-dropdown--simple .category-item  a,
		.ox-dialog .header.links .logged-in,
		.ox-dialog .header.links a:not(.button),
		.ox-dialog .switcher,
		.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu__categories .ox-megamenu-list > .category-item > .ox-mm-a-wrap  a { font-size:<?php echo $at_appearance[ 'appearance_header' ][ 'menu_drop_font_size' ]; ?>px;}
	<?php endif; ?>
<?php endif; ?>

<?php if(!empty($headerMenu)): ?>
	<?php $desktop_styles[] = '.page-header{' . $headerMenu . '}';  ?>
<?php endif; ?>
<?php if(!empty($mobileMenu)): ?>
	<?php $mobile_styles[] = '.ox-nav-sections{' . $mobileMenu . '}';  ?>
<?php endif; ?>

<?php /* Mobile Menu Toggle */ ?>
<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_account_input_border' ])): ?>
<?php /*
.inputs-style--underlined :is(
input,
input[type="text"], 
input[type="password"], 
input[type="url"], 
input[type="tel"], 
input[type="search"], 
input[type="number"], 
input[type="datetime"], 
input[type="email"], 
select, 
textarea),*/ ?>
.ox-section-item-content :is(
input,
input[type="text"], 
input[type="password"], 
input[type="url"], 
input[type="tel"], 
input[type="search"], 
input[type="number"], 
input[type="datetime"], 
input[type="email"], 
select, 
textarea)
 { border-color: <?php echo $at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_account_input_border' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_account_input_border_hover' ])): ?>
<?php /* .inputs-style--underlined :is(
input:hover,
input[type="text"]:hover, 
input[type="password"]:hover, 
input[type="url"]:hover, 
input[type="tel"]:hover, 
input[type="search"]:hover, 
input[type="number"]:hover, 
input[type="datetime"]:hover, 
input[type="email"]:hover, 
select:hover, 
textarea:hover,
input:focus,
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="url"]:focus, 
input[type="tel"]:focus, 
input[type="search"]:focus, 
input[type="number"]:focus, 
input[type="datetime"]:focus, 
input[type="email"]:focus, 
select:focus, 
textarea:focus),*/?>
.ox-section-item-content :is(
input:hover,
input:focus,
input[type="text":hover], 
input[type="password"]:hover, 
input[type="url"]:hover, 
input[type="tel"]:hover, 
input[type="search"]:hover, 
input[type="number"]:hover, 
input[type="datetime"]:hover, 
input[type="email"]:hover, 
select:hover, 
textarea:hover,
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="url"]:focus, 
input[type="tel"]:focus, 
input[type="search"]:focus, 
input[type="number"]:focus, 
input[type="datetime"]:focus, 
input[type="email"]:focus, 
select:focus, 
textarea:focus)
 { border-color: <?php echo $at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_account_input_border_hover' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_account_input_text_color' ])): ?>
.ox-section-item-content input { color: <?php echo $at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_account_input_text_color' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_account_input_bg' ])): ?>
	<?php /* .inputs-style--underlined :is(
input,
input[type="text"], 
input[type="password"], 
input[type="url"], 
input[type="tel"], 
input[type="search"], 
input[type="number"], 
input[type="datetime"], 
input[type="email"], 
select, 
textarea), */ ?>
.ox-section-item-content input,
.ox-section-item-content :is(
input[type="text"], 
input[type="password"], 
input[type="url"], 
input[type="tel"], 
input[type="search"], 
input[type="number"], 
input[type="datetime"], 
input[type="email"], 
select, 
textarea){ background: <?php echo $at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_account_input_bg' ]; ?>; }
<?php endif; ?>

 <?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_account_new_text' ])): ?>
.ox-section-item-content .block-new-customer { color: <?php echo $at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_account_new_text' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_account_new_bg' ])): ?>
.ox-section-item-content .block-new-customer { background: <?php echo $at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_account_new_bg' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_account_new_title' ])): ?>
.ox-section-item-content .block-new-customer .block-title strong { color: <?php echo $at_appearance[ 'appearance_header_mobile' ][ 'menu_mobile_account_new_title' ]; ?>; }
<?php endif; ?>
 
<?php /* Mobile Menu Toggle */ ?>
<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'menu_toggle_bg' ])): ?>
.slide-out-menu--mobile { background: <?php echo $at_appearance[ 'appearance_header_mobile' ][ 'menu_toggle_bg' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'menu_toggle_text' ])): ?>
.slide-out-menu--mobile { color: <?php echo $at_appearance[ 'appearance_header_mobile' ][ 'menu_toggle_text' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_header_mobile' ][ 'menu_toggle_icon' ])): ?>
.slide-out-menu--mobile .icon { color: <?php echo $at_appearance[ 'appearance_header_mobile' ][ 'menu_toggle_icon' ]; ?>; }
<?php endif; ?>

<?php /* Overlay Search */ ?>
<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'overlay_bg' ])): ?>
	<?php $root .='--a2-overlay-bg:' . $at_appearance[ 'appearance_modals' ][ 'overlay_bg' ] . ';'; ?>
.ox-slideout-top,
.ox-overlay,
.ox-overlay .header__search-wrapper { background: <?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_bg' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'overlay_text_color' ])): ?>
	<?php if($amastyXsearch) :?>
	.amsearch-form-block,
	.amsearch-form-block .price-container .price, 
	.amsearch-form-block .price-box .price,
	.amsearch-form-block form input,
	.amsearch-block-header .amsearch-link,
	.amsearch-block-header .amsearch-title,
	.amsearch-products-section .product-item .product-reviews-summary .reviews-actions .action.view,
	<?php endif; ?>

.ox-slideout-top .price-container .price, 
.ox-slideout-top .price-box .price,
.ox-slideout-top .header__search-wrapper form input,
.ox-slideout-top .header__search-wrapper,
.ox-overlay .price-container .price, 
.ox-overlay .price-box .price,
.ox-overlay .header__search-wrapper form input,
.ox-overlay .header__search-wrapper { color: <?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_text_color' ]; ?>; }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'overlay_search_oldprice' ])): ?>
	<?php if($amastyXsearch): ?>.amsearch-form-block .old-price .price-wrapper span,<?php endif; ?>
.ox-slideout-top .old-price .price-wrapper span,
.ox-overlay .old-price .price-wrapper span { color: <?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_search_oldprice' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'overlay_search_special_price' ])): ?>
.ox-slideout-top .product-item .special-price .price,
.ox-slideout-top  .special-price .price,
<?php if($amastyXsearch): ?>.amsearch-form-block .product-item .special-price  .price,
.amsearch-form-block .special-price .price,<?php endif; ?>
.ox-overlay .product-item .special-price .price,
.ox-overlay .special-price .price { color: <?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_search_special_price' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'overlay_search_product_name' ])): ?>
	<?php if($amastyXsearch): ?>.amsearch-form-block .amsearch-product-list .product-item-link,<?php endif; ?>
.ox-slideout-top .amsearch-product-list .product-item-link,
.ox-overlay .amsearch-product-list .product-item-link  { color: <?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_search_product_name' ]; ?>; }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'overlay_accents' ])): ?>
.animated-text--masked:after,
.ox-slideout .header__search-wrapper form .flashing-cursor,
.ox-overlay .header__search-wrapper form .flashing-cursor { background: <?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_accents' ]; ?>; }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'overlay_search_text' ])): ?>
.header__search-wrapper .animated-text--masked .inner,
.ox-slideout .header__search-wrapper form .label,
.ox-overlay .header__search-wrapper form .label { color: <?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_search_text' ]; ?>; }
<?php endif; ?>

<?php /* ---------- Modal Close Button ------------ */ ?>

<?php if($modal_close_btn_color): ?>
#ox_quickview_wrapper .ox-overlay-close-btn,
.ui-dialog.popup .action.close:before,
.modal-custom .action-close:before, 
.modal-popup .action-close:before, 
.modal-slide .action-close:before{
	color: <?php echo $modal_close_btn_color ?>;
}
<?php endif; ?>

<?php if($modal_close_btn_bg): ?>
#ox_quickview_wrapper .ox-overlay-close-btn,
.ui-dialog.popup .action.close,
.modal-custom .action-close, 
.modal-popup .action-close, 
.modal-slide .action-close{
	background-color: <?php echo $modal_close_btn_bg ?>;
}
<?php endif; ?>

<?php if($modal_close_btn_color_hover || $modal_close_btn_bg_hover): ?>
#ox_quickview_wrapper .ox-overlay-close-btn:hover,
.ui-dialog.popup .action.close:focus:before,
.ui-dialog.popup .action.close:hover:before,
.modal-custom .action-close:focus:before, 
.modal-popup .action-close:focus:before, 
.modal-slide .action-close:focus:before, 
.modal-custom .action-close:hover:before, 
.modal-popup .action-close:hover:before, 
.modal-slide .action-close:hover:before{
	<?php if($modal_close_btn_color_hover): ?>
	color: <?php echo $modal_close_btn_color_hover ?>;
	<?php endif; ?>
	<?php if($modal_close_btn_bg_hover): ?>
	background-color: <?php echo $modal_close_btn_bg_hover ?>;
	<?php endif; ?>
}
<?php endif; ?>

<?php /*-------------------------------------------------- */ ?>
<?php $sidebar_nobg = $at_appearance[ 'appearance_sidebar' ][ 'sidebar_nobg' ] ? '.sidebar-nobg' : '';  ?>
<?php if($amastyXsearch): ?>
	<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'overlay_search_dividers' ])): ?>
	.ox-overlay.am-search-modal .amsearch-result-section:before, .ox-slideout.am-search-modal .amsearch-result-section:before{
		background-color: <?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_search_dividers' ]; ?>;
	}
	.amsearch-result-section .amsearch-products-section {
		border-color: <?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_search_dividers' ]; ?>;
	}
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'overlay_search_price' ])): ?>
	.amsearch-form-block .product-item .price { color: <?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_search_price' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'overlay_search_price_hover' ])): ?>
	.amsearch-form-block .product-item:hover .price-container .price { color: <?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_search_price_hover' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'overlay_search_titles' ])): ?>
	.amsearch-block-header .amsearch-title { color: <?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_search_titles' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'overlay_search_icons' ])): ?>
	.amsearch-products-section .product-item-actions .-compare:before, 
	.amsearch-products-section .product-item-actions .-wishlist:before, 
	.amsearch-products-section .product-item-actions .action.tocompare:before, 
	.amsearch-products-section .product-item-actions .action.towishlist:before{ color: <?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_search_icons' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'overlay_search_link_color' ])): ?>
	.amsearch-products-section .product-item .product-reviews-summary .reviews-actions .action.view,
	.amsearch-block-header .amsearch-link,
	.amsearch-item-container .amsearch-item .amsearch-link { color: <?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_search_link_color' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'overlay_search_link_hover' ])): ?>
	.amsearch-item-container .amsearch-item .amsearch-link:hover { color: <?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_search_link_hover' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'overlay_search_link_bg' ])): ?>
	.amsearch-item-container .amsearch-item .amsearch-link:hover { background: <?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_search_link_bg' ]; ?>; }
	<?php endif; ?>



	<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'overlay_search_tag_color' ])): ?>
		<?php echo $sidebar_nobg ?> .amsearch-related-terms > .amsearch-item,
		<?php echo $sidebar_nobg ?> .amsearch-item-container.-recent_searches .amsearch-item .amsearch-link{ color: <?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_search_tag_color' ]; ?>;} 
	<?php endif; ?>
	
	<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'overlay_search_tag_bg' ])): ?>
		<?php if($at_appearance[ 'appearance_sidebar' ][ 'sidebar_nobg' ]): ?>
			.sidebar-nobg .amsearch-related-terms > .amsearch-item,
			.sidebar-nobg .amsearch-item-container.-recent_searches .amsearch-item .amsearch-link {border-color:<?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_search_tag_bg' ]; ?>;}
		<?php else: ?>
			.amsearch-related-terms > .amsearch-item,
			.amsearch-item-container.-recent_searches .amsearch-item .amsearch-link { background: <?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_search_tag_bg' ]; ?>; } 
		<?php endif; ?>
	<?php endif; ?>

	<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'overlay_search_tag_hover' ])): ?>
		<?php echo $sidebar_nobg ?> .amsearch-related-terms > .amsearch-item:hover,
		<?php echo $sidebar_nobg ?> .amsearch-item-container.-recent_searches .amsearch-item .amsearch-link:hover { color: <?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_search_tag_hover' ]; ?>; }
	<?php endif; ?>

	<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'overlay_search_tag_hover_bg' ])): ?>
		<?php if($at_appearance[ 'appearance_sidebar' ][ 'sidebar_nobg' ]): ?>
			.sidebar-nobg .amsearch-related-terms > .amsearch-item:hover,
			.sidebar-nobg .amsearch-item-container.-recent_searches .amsearch-item .amsearch-link:hover{border-color:<?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_search_tag_hover_bg' ]; ?>;}
		<?php else: ?>
			.amsearch-related-terms > .amsearch-item:hover,
			.amsearch-item-container.-recent_searches .amsearch-item .amsearch-link:hover { background: <?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_search_tag_hover_bg' ]; ?>; }
		<?php endif; ?>
	<?php endif; ?>

	<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'overlay_search_highlight_color' ]) || !empty($at_appearance[ 'appearance_modals' ][ 'overlay_search_highlight_bg' ])): ?>
		.amsearch-products-section .amsearch-highlight,
		.amsearch-item-container .amsearch-highlight { 
		<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'overlay_search_highlight_color' ])): ?>
			color: <?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_search_highlight_color' ]; ?>;
		<?php endif; ?>
		<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'overlay_search_highlight_bg' ])): ?>
			background: <?php echo $at_appearance[ 'appearance_modals' ][ 'overlay_search_highlight_bg' ]; ?>;
		<?php endif; ?>
		}
	<?php endif; ?>
<?php endif; ?>

<?php /* Login Page Background */ ?>
<?php 
if ( isset( $at_appearance['login_page']['login_page_image'] ) && ! empty( $at_appearance['login_page']['login_page_image'] ) ) {
	echo '.multishipping-checkout-login .page-main, .customer-account-login .page-main, .customer-account-forgotpassword .page-main { background-image: url(' . $_helper->getBaseMediaUrl( Olegnax\Athlete2\Model\Config\Backend\Image\Logo::UPLOAD_DIR ) . "/" . $at_appearance['login_page']['login_page_image'] . '); }';
} ?>
<?php if(!empty($at_appearance[ 'login_page' ][ 'login_page_bg_color' ])): ?>
.multishipping-checkout-login .page-main, .customer-account-login .page-main, .customer-account-forgotpassword .page-main { background-color: <?php echo $at_appearance[ 'login_page' ][ 'login_page_bg_color' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'login_page' ][ 'login_page_create_account_bg' ])): ?>
.block-new-customer { background-color: <?php echo $at_appearance[ 'login_page' ][ 'login_page_create_account_bg' ]; ?>; }
<?php endif; ?>


<?php /* Create account  */ ?>
<?php 
if ( isset( $at_appearance['login_page']['register_page_image'] ) && ! empty( $at_appearance['login_page']['register_page_image'] ) ) {
	echo '.multishipping-checkout-register .page-main, .customer-account-create .page-main { background-image: url(' . $_helper->getBaseMediaUrl( Olegnax\Athlete2\Model\Config\Backend\Image\Logo::UPLOAD_DIR ) . "/" . $at_appearance['login_page']['register_page_image'] . '); }';
} ?>
<?php if(!empty($at_appearance[ 'login_page' ][ 'register_page_bg_color' ])): ?>
.multishipping-checkout-register .page-main,
.customer-account-create .page-main { background-color: <?php echo $at_appearance[ 'login_page' ][ 'register_page_bg_color' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'login_page' ][ 'register_page_title_color' ])): ?>
.multishipping-checkout-register .page-title-wrapper h1.page-title,
.customer-account-create .page-title-wrapper h1.page-title { color: <?php echo $at_appearance[ 'login_page' ][ 'register_page_title_color' ]; ?>; }
<?php endif; ?>

<?php /* Contact Page */ ?>
<?php 
if ( $at_settings['contacts_page'][ 'first_block_type' ] === 'image' && isset( $at_settings['contacts_page']['contacts_page_image'] ) && ! empty( $at_settings['contacts_page']['contacts_page_image'] ) ) {
	echo '.contacts-layout-split .contacts-first-block { background-image: url(' . $_helper->getBaseMediaUrl( Olegnax\Athlete2\Model\Config\Backend\Image\Logo::UPLOAD_DIR ) . "/" . $at_settings['contacts_page']['contacts_page_image'] . '); }';
} ?>
<?php if($at_settings[ 'contacts_page' ][ 'contacts_page_swap_form' ] && $at_settings[ 'contacts_page' ][ 'contacts_layout' ] != 'left-right'): ?>
.contacts-layout-default .contacts-second-block{ order:1; }
.contacts-layout-default .contacts-form-block{ order:2; }
@media only screen and (max-width: 768px){
	.contact-index-index .contacts-layout-default .contacts-second-block, 
	.contacts-layout-default .contacts-second-block {
		margin-top: 0;
		margin-bottom: 50px;
	}
}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_contact_page' ][ 'contact_form_bg' ])): ?>
.contact-index-index .contacts-layout-default .form.contact { background-color: <?php echo $at_appearance[ 'appearance_contact_page' ][ 'contact_form_bg' ]; ?>; }
<?php endif; ?>
<?php if($at_appearance[ 'appearance_contact_page' ][ 'contact_form_padding' ] != '' && $at_appearance[ 'appearance_contact_page' ][ 'contact_form_padding' ] >= 0 ): ?>
.contact-index-index .contacts-layout-default .form.contact { padding: <?php echo $at_appearance[ 'appearance_contact_page' ][ 'contact_form_padding' ]; ?>px; }
<?php endif; ?>
<?php if($at_appearance[ 'appearance_contact_page' ][ 'contact_form_padding_mobile' ] != '' && $at_appearance[ 'appearance_contact_page' ][ 'contact_form_padding_mobile' ] >= 0 ): ?>
@media only screen and (max-width: 768px){
.contact-index-index .contacts-layout-default .form.contact { padding: <?php echo $at_appearance[ 'appearance_contact_page' ][ 'contact_form_padding_mobile' ]; ?>px; }
}
<?php endif; ?>

<?php /* Above Footer */ ?>

<?php if($at_appearance[ 'appearance_footer' ][ 'above_footer_border_enable' ] && !empty($at_appearance[ 'appearance_footer' ][ 'above_footer_border_color' ])): ?>
.above-footer-content { border-top: 1px solid <?php echo $at_appearance[ 'appearance_footer' ][ 'above_footer_border_color' ]; ?> }
<?php endif; ?>

<?php $above_footer_bg_image = $at_appearance[ 'appearance_footer' ][ 'above_footer_bg_image' ]; ?>
<?php if(!empty($above_footer_bg_image) && $at_appearance[ 'appearance_footer' ][ 'above_footer_bg_image_enabled' ]): ?>
.above-footer-content {
	<?php echo 'background-image: url(' . $_helper->getBaseMediaUrl( Olegnax\Athlete2\Model\Config\Backend\Image\Logo::UPLOAD_DIR ) . "/" . $above_footer_bg_image . ');' ?>
	background-position: <?php echo $at_appearance[ 'appearance_footer' ][ 'above_footer_bg_position_x' ]; ?> <?php echo $at_appearance[ 'appearance_footer' ][ 'above_footer_bg_position_y' ]; ?>;
	background-repeat: <?php echo $at_appearance[ 'appearance_footer' ][ 'above_footer_bg_repeat' ]; ?>;
	background-size: <?php echo $at_appearance[ 'appearance_footer' ][ 'above_footer_bg_size' ]; ?>;
}
<?php endif; ?>

<?php /* Footer */ ?>

<?php if($at_settings['footer']['show_footer']): ?>
	<?php $footerLayout = $at_settings['footer']['footer_layout']; ?>
	<?php if(($_helper->getFont( 'footer_content_font' ) && $at_appearance[ 'appearance_general' ][ 'footer_google_font_enable' ] ) || $at_appearance[ 'appearance_general' ][ 'footer_content_font_custom' ] != '' ): ?>
	.footer.content { font-family: <?php echo $_helper->fontOutput( $_helper->getFont( 'footer_content_font' ), $at_appearance['appearance_general']['footer_content_font_custom']); ?> }
	<?php endif; ?>

	<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'footer_bg' ])): ?>
	.page-footer { background-color: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_bg' ]; ?>; }
	<?php endif; ?>

	<?php $footer_bg_image = $at_appearance[ 'appearance_footer' ][ 'footer_bg_image' ]; ?>
	<?php if(!empty($footer_bg_image) && $at_appearance[ 'appearance_footer' ][ 'footer_bg_image_enabled' ]): ?>
	.page-footer  {
		<?php echo 'background-image: url(' . $_helper->getBaseMediaUrl( Olegnax\Athlete2\Model\Config\Backend\Image\Logo::UPLOAD_DIR ) . "/" . $footer_bg_image . ');' ?>
		background-position: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_bg_position_x' ]; ?> <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_bg_position_y' ]; ?>;
		background-repeat: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_bg_repeat' ]; ?>;
		background-size: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_bg_size' ]; ?>;
	}
	<?php endif; ?>

	<?php if($at_appearance[ 'appearance_footer' ][ 'footer_border_enable' ] && !empty($at_appearance[ 'appearance_footer' ][ 'footer_border_color' ])): ?>
	.page-footer { border-top: 1px solid <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_border_color' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'footer_color' ])): ?>
	.footer.content { color: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_color' ]; ?>; }
	<?php endif; ?>


	<?php 
	$footer_titles = $at_appearance[ 'appearance_footer' ][ 'footer_titles' ];
	$footer_titles_text_transform = $at_appearance[ 'appearance_footer' ][ 'footer_titles_text_transform' ];
	?>
	<?php if(!empty($footer_titles) || !empty($footer_titles_text_transform)): ?>
		.footer.content :is(h1,h2, h3,h4, h5, h6){ 
		<?php if(!empty($footer_titles)): ?>
			color: <?php echo $footer_titles; ?>;
		<?php endif; ?>
		<?php if($footer_titles_text_transform != ''): ?>
			text-transform: <?php echo $footer_titles_text_transform; ?>;
		<?php endif; ?>
	}
	<?php endif; ?>

	<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'footer_link' ])): ?>
		<?php $root .= '--a2-footer-link:' . $at_appearance[ 'appearance_footer' ][ 'footer_link' ] . ';'; ?>
		<?php if($global_fallback): ?>
		.footer.content a:not(.button) { color: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_link' ]; ?>; }
		<?php endif; ?>
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'footer_link_hover' ])): ?>
		<?php $root .= '--a2-footer-link-hover:' . $at_appearance[ 'appearance_footer' ][ 'footer_link_hover' ] . ';'; ?>
		<?php if($global_fallback): ?>
		.footer.content a:not(.button):hover,
		<?php endif; ?>
		.page-footer .switcher:hover  .options .action.toggle strong,
		.page-footer .switcher .options .action.toggle.active strong
		 { color: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_link_hover' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'footer_link_bg' ])): ?>
		<?php $root .= '--a2-footer-link-bg-hover:' . $at_appearance[ 'appearance_footer' ][ 'footer_link_bg' ] . ';'; ?>
		<?php if($global_fallback): ?>
		.footer.content a:not(.button):hover,
		<?php endif; ?>
		.page-footer .switcher:hover .options .action.toggle,
		.page-footer .switcher .options .action.toggle.active
		 { background-color: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_link_bg' ]; ?>; }
	<?php endif; ?>

	<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'footer_link_font_size' ])): ?>
	.footer.content a:not(.button) { font-size: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_link_font_size' ]; ?>px; }
	<?php endif; ?>

	<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'footer_button_color' ])): ?>
	.footer.content a.action.primary,
	.footer.content .action.primary,
	.footer.content .button.primary,
	.footer.content a.button.primary,
	.footer.content a.button,
	.footer.content .button,
	.footer.content button  { color: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_button_color' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'footer_button_hover_color' ])): ?>
	.footer.content a.action.primary:hover,
	.footer.content .action.primary:hover,
	.footer.content .button.primary:hover,
	.footer.content a.button.primary:hover,
	.footer.content a.button:hover,
	.footer.content .button:hover,
	.footer.content button:hover{ color: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_button_hover_color' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'footer_button_bg' ])): ?>
	.footer.content a.action.primary,
	.footer.content .action.primary,
	.footer.content .button.primary,
	.footer.content a.button.primary,
	.footer.content a.button,
	.footer.content .button,
	.footer.content button  { background-color: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_button_bg' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'footer_button_bg_hover' ])): ?>
	.footer.content a.action.primary:after,
	.footer.content .action.primary:after,
	.footer.content .button.primary:after,
	.footer.content a.button.primary:after,
	.footer.content a.button:after,
	.footer.content .button:after,
	.footer.content button:after { background-color: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_button_bg_hover' ]; ?>; }
	<?php endif; ?>

	<?php /* Footer Switcher */ ?>
	<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'footer_store_switcher_text_color' ])): ?>
	.page-footer .switcher .options .action.toggle strong { color: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_store_switcher_text_color' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'footer_store_switcher_bg' ])): ?>
	.page-footer .switcher .options .action.toggle { background: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_store_switcher_bg' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'footer_store_switcher_text_hover' ])): ?>
	.page-footer .switcher:hover .options .action.toggle strong,
	.page-footer .switcher .options .action.toggle.active strong { color: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_store_switcher_text_hover' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'footer_store_switcher_bg_hover' ])): ?>
	.page-footer .switcher:hover .options .action.toggle,
	.page-footer .switcher .options .action.toggle.active { background: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_store_switcher_bg_hover' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'footer_store_switcher_font_size' ])): ?>
	.page-footer .switcher .options .action.toggle strong { font-size: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_store_switcher_font_size' ]; ?>px; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'footer_store_switcher_drop_font_size' ])): ?>
	.page-footer .switcher .options ul.dropdown a { font-size: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_store_switcher_drop_font_size' ]; ?>px; }
	<?php endif; ?>


	<?php /* Newsletter */ ?>
	<?php if(!empty($at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_title_font_size' ])): ?>
		.footer.content .block.newsletter<?php echo $newsletterPref ?> .title{
			font-size:<?php echo (int)$at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_title_font_size' ] ?>px;
		}
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_title_font_size_mobile' ])): ?>
		@media only screen and (max-width: 639px){
			<?php 
			echo '.footer.content .block.newsletter'. $newsletterPref .' .title{ ';
			echo 'font-size:' . (int)$at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_title_font_size_mobile' ] .'px;}'; 
			?>
		}
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_min_height' ])): ?>
		.footer-newsletter-2col .footer.content .block.newsletter<?php echo $newsletterPref ?>{
			min-height:<?php echo (int)$at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_min_height' ] ?>px;
		}
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_big_padding' ])): ?>
	.footer-newsletter-wide .footer.content .block.newsletter<?php echo $newsletterPref ?> { 
		padding-top: <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_big_padding' ]; ?>px; 
		padding-bottom: <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_big_padding' ]; ?>px; 
	}
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_bg' ])): ?>
	.footer-newsletter-wide .footer.content .block.newsletter:before,
	.footer--layout-1 .footer .block.newsletter { background-color: <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_bg' ]; ?>; }
	<?php endif; ?>
	<?php if($at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_border_enable' ] && !empty($at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_border_color' ])): ?>
	.footer-newsletter-wide .footer.content .block.newsletter:before {border-bottom: 1px solid <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_border_color' ]; ?>; }
	<?php endif; ?>
	<?php $footer_newsletter_bg_image = $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_bg_image' ]; ?>
	<?php if(!empty($footer_newsletter_bg_image) && $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_bg_image_enabled' ]): ?>
	.footer-newsletter-wide .footer.content .block.newsletter:before,
	.footer--layout-1 .footer .block.newsletter {
		<?php echo 'background-image: url(' . $_helper->getBaseMediaUrl( Olegnax\Athlete2\Model\Config\Backend\Image\Logo::UPLOAD_DIR ) . "/" . $footer_newsletter_bg_image . ');' ?>
		background-position: <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_bg_position_x' ]; ?> <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_bg_position_y' ]; ?>;
		background-repeat: <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_bg_repeat' ]; ?>;
		background-size: <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_bg_size' ]; ?>;
	}
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_color' ])): ?>
	.footer .block.newsletter { color: <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_color' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_title' ])): ?>
	.footer .block.newsletter .title { color: <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_title' ]; ?>; }
	<?php endif; ?>

	<?php if(!empty($at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_button_color' ])): ?>
	.footer .block.newsletter .action.primary { color:   <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_button_color' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_button_bg' ])): ?>
	.footer .block.newsletter .action.primary { background-color:  <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_button_bg' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_button_hover' ])): ?>
	.footer .block.newsletter .action.primary:hover { color: <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_button_hover' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_button_hover_bg' ])): ?>
	.footer .block.newsletter .action.primary:after { background-color: <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_button_hover_bg' ]; ?>; }
	<?php endif; ?>

	<?php if(!empty($at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_input_bg' ])): ?>
	.footer .block.newsletter:not(.inputs-style--underlined) input { background-color: <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_input_bg' ]; ?>; }
	<?php endif; ?>

	<?php $newsletterBorderSize = 1; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_input_border_size' ])): ?>
		<?php $newsletterBorderSize = $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_input_border_size' ]; ?>
	.footer.content .block.newsletter<?php echo $newsletterPref . $newsletterInputPref ?> input {border-width: <?php echo $newsletterBorderSize; ?>px;}
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_input_border' ])): ?>
		<?php if($newsletterUnderlined): ?>
		.footer .block.newsletter.inputs-style--underlined input { border-color: <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_input_border' ]; ?>;}
		<?php else: ?>
		.footer .block.newsletter:not(.inputs-style--underlined) input{border:<?php echo $newsletterBorderSize ?>px solid <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_input_border' ]; ?>;}
		<?php endif; ?>
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_input_border_focus' ])): ?>
		<?php if($newsletterUnderlined): ?>
			.footer .block.newsletter.inputs-style--underlined input:focus
		<?php else: ?>
			.footer .block.newsletter:not(.inputs-style--underlined) input:focus
		<?php endif; ?>
	{ border-color: <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_input_border_focus' ]; ?>;}
	<?php endif; ?>

	<?php if(!empty($at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_input_color' ])): ?>
	<?php if($newsletterUnderlined): ?>
	.block.newsletter.inputs-style--underlined .newsletter .control:before,
	.block.newsletter.inputs-style--underlined .control:before{ color:  <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_input_color' ]; ?>; }
	<?php endif; ?>
	.footer .block.newsletter input {  color: <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_input_color' ]; ?>; }
	<?php if($newsletterUnderlined): ?>
	.footer .block.newsletter.inputs-style--underlined input::-webkit-input-placeholder,
	<?php endif; ?>
	.block.newsletter .control:before,
	.block.newsletter .field .control:before,
	.footer .block.newsletter input::-webkit-input-placeholder { color: <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_input_color' ]; ?>; }
	<?php if($newsletterUnderlined): ?>
	.footer .block.newsletter.inputs-style--underlined input::placeholder,
	<?php endif; ?>
	.footer .block.newsletter input::placeholder { color: <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_input_color' ]; ?>; }
	<?php if($newsletterUnderlined): ?>
	.footer .block.newsletter.inputs-style--underlined input:-ms-input-placeholder,
	<?php endif; ?>
	.footer .block.newsletter input:-ms-input-placeholder { color: <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_input_color' ]; ?>; }
	<?php if($newsletterUnderlined): ?>
	.footer .block.newsletter.inputs-style--underlined input::-ms-input-placeholder,
	<?php endif; ?>
	.footer .block.newsletter input::-ms-input-placeholder { color: <?php echo $at_appearance[ 'appearance_footer_newsletter' ][ 'footer_newsletter_input_color' ]; ?>; }
	<?php endif; ?>

	<?php if($footerLayout === '5' || $footerLayout === '6' ): ?>
		.footer-newsletter-wide .footer.content .block.newsletter{
			margin-bottom:0;
		}
		.block_newsletter_wrapper{
			width: 100%;
			flex: 0 0 100%;
			padding:0 clamp(25px,14px + 2.6vw,60px);
		}
		.footer-main,
		.footer-side{
			float:left;
			width:100%;
			flex: 0 0 100%;
			padding:60px clamp(25px,14px + 2.6vw,60px);
		}
		.footer.content{display: flex;flex-wrap: wrap;padding: 0;flex-direction:column;}
		<?php if($at_settings['footer']['show_footer_above']): ?>
		.footer-block-content-before{
			margin-top: -30px;
		}
		<?php endif; ?>
		<?php $footer_side_order = ($footerLayout === '5' ) ? 'order:2;' : ''; ?>		
		<?php $desktop_styles[] = '.footer.content{flex-direction:row;max-width:100%;padding: 0;}.footer-main{flex: 0 0 calc( 100% * 2 / 3 )}.footer-side{' . $footer_side_order . 'flex: 0 0 calc( 100% / 3 ); max-width:calc( 100% / 3 )}'; ?>
		<?php 
		// $desktop_styles[] = '.footer-newsletter-wide .footer.content .block.newsletter {
		// 	max-width:' .  $at_settings['general']['content_maxwidth'] . 'px;
		// 	margin: 0 auto;
		// }'; 
		?>
		
		<?php 
		/* foooter size block */
		$footer_side_bg_color = $at_appearance[ 'appearance_footer' ][ 'footer_side_bg' ];
		$footer_side_bg_image = $at_appearance[ 'appearance_footer' ][ 'footer_side_bg_image' ]; ?>
		<?php if((!empty($footer_side_bg_image) && $at_appearance[ 'appearance_footer' ][ 'footer_side_bg_image_enabled' ]) || !empty($footer_side_bg_color)): ?>
		.footer-side  {
			<?php if(!empty($footer_side_bg_color)): ?>
				background-color: <?php echo $footer_side_bg_color; ?>;
			<?php endif; ?>
			<?php if(!empty($footer_side_bg_image) && $at_appearance[ 'appearance_footer' ][ 'footer_side_bg_image_enabled' ]): ?>
				<?php echo 'background-image: url(' . $_helper->getBaseMediaUrl( Olegnax\Athlete2\Model\Config\Backend\Image\Logo::UPLOAD_DIR ) . "/" . $footer_side_bg_image . ');' ?>
				background-position: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_side_bg_position_x' ]; ?> <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_side_bg_position_y' ]; ?>;
				background-repeat: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_side_bg_repeat' ]; ?>;
				background-size: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_side_bg_size' ]; ?>;
			<?php endif; ?>
		}
		<?php endif; ?>

		<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'footer_side_titles' ])) : ?>
		.footer .footer-side :is(h1, h2, h3, h4, h5, h6){ 
			color:<?php echo $at_appearance[ 'appearance_footer' ][ 'footer_side_titles' ] ?>
		}
		<?php endif; ?>

		<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'footer_side_color' ])): ?>
		.footer .footer-side { color: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_side_color' ]; ?>; }
		<?php endif; ?>
		<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'footer_side_link' ])): ?>
		.footer .footer-side a { color: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_side_link' ]; ?>; }
		<?php endif; ?>
		<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'footer_side_link_hover' ])): ?>
		.footer .footer-side a:hover { color: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_side_link_hover' ]; ?>; }
		<?php endif; ?>
		<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'footer_side_link_bg' ])): ?>
		.footer .footer-side a:hover { background-color: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_side_link_bg' ]; ?>; }
		<?php endif; ?>
		
	<?php endif; // end footer layout 5 and 6 ?>

	<?php if($at_settings['footer']['show_footer_above']): ?>	
		<?php if($at_appearance[ 'appearance_footer' ][ 'footer_top_block_border_color' ] ): ?>
		.footer-block-content-before { border-color: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_top_block_border_color' ]; ?> }
		<?php endif; ?>
	<?php endif; ?>
	<?php if($at_settings['footer']['show_footer_bottom']): ?>	
		<?php if($at_appearance[ 'appearance_footer' ][ 'footer_bottom_block_border_color' ] ): ?>
		.footer-block-content-after { border-color: <?php echo $at_appearance[ 'appearance_footer' ][ 'footer_bottom_block_border_color' ]; ?> }
		<?php endif; ?>
	<?php endif; ?>
<?php endif; // end show_footer ?>

<?php /* Copyright */ ?>

	<?php if(($_helper->getFont( 'copyright_content_font' ) && $at_appearance[ 'appearance_general' ][ 'footer_google_font_enable' ] )  || $at_appearance['appearance_general']['copyright_content_font_custom'] != ''): ?>
	.copyright-footer { font-family: <?php echo $_helper->fontOutput( $_helper->getFont( 'copyright_content_font' ), $at_appearance['appearance_general']['copyright_content_font_custom']); ?>; }
	<?php endif; ?>

	<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'copyright_bg' ])): ?>
	.copyright-footer { background:  <?php echo $at_appearance[ 'appearance_footer' ][ 'copyright_bg' ]; ?>; }
	<?php endif; ?>
	<?php $copyright_bg_image = $at_appearance[ 'appearance_footer' ][ 'copyright_bg_image' ]; ?>
	<?php if(!empty($copyright_bg_image) && $at_appearance[ 'appearance_footer' ][ 'copyright_bg_image_enabled' ]): ?>
	.copyright-footer {
		<?php echo 'background-image: url(' . $_helper->getBaseMediaUrl( Olegnax\Athlete2\Model\Config\Backend\Image\Logo::UPLOAD_DIR ) . "/" . $copyright_bg_image . ');' ?>
		background-position: <?php echo $at_appearance[ 'appearance_footer' ][ 'copyright_bg_position_x' ]; ?> <?php echo $at_appearance[ 'appearance_footer' ][ 'copyright_bg_position_y' ]; ?>;
		background-repeat: <?php echo $at_appearance[ 'appearance_footer' ][ 'copyright_bg_repeat' ]; ?>;
		background-size: <?php echo $at_appearance[ 'appearance_footer' ][ 'copyright_bg_size' ]; ?>;
	}
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'copyright_color' ])): ?>
	.copyright-footer { color: <?php echo $at_appearance[ 'appearance_footer' ][ 'copyright_color' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'copyright_links_color' ])): ?>
	.copyright-footer a{ color: <?php echo $at_appearance[ 'appearance_footer' ][ 'copyright_links_color' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'copyright_links_hover_color' ])): ?>
	.copyright-footer a:focus,
	.copyright-footer a:hover{ color: <?php echo $at_appearance[ 'appearance_footer' ][ 'copyright_links_hover_color' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_footer' ][ 'copyright_links_hover_bg' ])): ?>
	.copyright-footer .a-underlined-links a:hover,
	.copyright-footer .underlined-links a:hover{ border-color: <?php echo $at_appearance[ 'appearance_footer' ][ 'copyright_links_hover_bg' ]; ?>; }
	.copyright-footer a.bg-hover:hover, 
	.copyright-footer .std a:hover, 
	.copyright-footer .links-bg-hover a:hover,
	.copyright-footer a.bg-hover:focus, 
	.copyright-footer .std a:focus, 
	.copyright-footer .links-bg-hover a:focus{ background-color: <?php echo $at_appearance[ 'appearance_footer' ][ 'copyright_links_hover_bg' ]; ?>; }
	<?php endif; ?>
	<?php if($at_appearance[ 'appearance_footer' ][ 'copyright_border_enable' ] && !empty($at_appearance[ 'appearance_footer' ][ 'copyright_border_color' ])): ?>
	.copyright-footer{ border-top: 1px solid <?php echo $at_appearance[ 'appearance_footer' ][ 'copyright_border_color' ]; ?> }
	<?php endif; ?>

	<?php /* Header Switcher */ ?>
	<?php if(!empty($at_appearance[ 'appearance_header' ][ 'top_bar_switcher_text_color' ])): ?>
	.top-bar .switcher { color: <?php echo $at_appearance[ 'appearance_header' ][ 'top_bar_switcher_text_color' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_header' ][ 'top_bar_switcher_bg' ])): ?>
	.top-bar .switcher { background: <?php echo $at_appearance[ 'appearance_header' ][ 'top_bar_switcher_bg' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_header' ][ 'top_bar_switcher_text_hover' ])): ?>
	.top-bar .switcher:hover { color: <?php echo $at_appearance[ 'appearance_header' ][ 'top_bar_switcher_text_hover' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_header' ][ 'top_bar_switcher_bg_hover' ])): ?>
	.top-bar .switcher:hover { background: <?php echo $at_appearance[ 'appearance_header' ][ 'top_bar_switcher_bg_hover' ]; ?>; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_header' ][ 'top_bar_switcher_font_size' ])): ?>
	.top-bar .switcher .options .action.toggle strong { font-size: <?php echo $at_appearance[ 'appearance_header' ][ 'top_bar_switcher_font_size' ]; ?>px; }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_header' ][ 'top_bar_switcher_drop_font_size' ])): ?>
	.top-bar .switcher .options ul.dropdown a { font-size: <?php echo $at_appearance[ 'appearance_header' ][ 'top_bar_switcher_drop_font_size' ]; ?>px; line-height: 1.6; }
	<?php endif; ?>


<?php /* Buttons*/ ?>
<?php if(!empty($at_appearance[ 'appearance_buttons' ][ 'main_button_bg_color' ])): ?>
	<?php $root .= '--a2-btn-bg:' . $at_appearance[ 'appearance_buttons' ][ 'main_button_bg_color' ] . ';'; ?>

	<?php if($global_fallback): ?>
		<?php if($amastyLayered): ?>
		.amshopby-button,
		.amshopby-button:hover,
		.amshopby-button:active, 
		.amshopby-button:focus,
		<?php endif; ?>
		.ox-toggle.medium-left .ox-toggle-title:hover .toggle-minus,
		.primary > .action, 
		a.action.primary, 
		.action.primary, 
		.button.primary, 
		a.button.primary, 
		a.button, 
		.button, 
		button,
		.primary > .action:hover,
		a.action.primary:hover, 
		.action.primary:hover, 
		.button.primary:hover, 
		a.button.primary:hover, 
		a.button:hover, 
		.button:hover, 
		button:hover, 
		button:active
		{ background: <?php echo $at_appearance[ 'appearance_buttons' ][ 'main_button_bg_color' ]; ?>; }
	<?php else: ?>
		<?php if($amastyLayered): ?>
		.amshopby-button,
		.amshopby-button:hover,
		.amshopby-button:active, 
		.amshopby-button:focus,
		<?php endif; ?>
		.cart-summary .actions-toolbar > .primary button,
		.footer.content a.athlete2-social-icon, 
		.footer.content a:not(.button).athlete2-social-icon, 
		.content a.athlete2-social-icon, 
		.std a.athlete2-social-icon, 
		.athlete2-social-icons > a.athlete2-social-icon, 
		a.athlete2-social-icon,
		.ox-banner-animated-text .ox-banner-animated-container .link,
		.ox-banner .link,
		.cart.table-wrapper .actions-toolbar > .action, .action-gift,
		.primary > .action:hover,
		a.action.primary:hover, 
		.action.primary:hover, 
		.button.primary:hover, 
		a.button.primary:hover, 
		a.button:hover, 
		.button:hover, 
		button:hover, 
		button:active{
			background:var(--a2-btn-bg);
		}
	<?php endif; ?>
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_buttons' ][ 'main_button_text_color' ])): ?>
	<?php $root .= '--a2-btn-color:' . $at_appearance[ 'appearance_buttons' ][ 'main_button_text_color' ] . ';'; ?>

	<?php if($global_fallback): ?>
		<?php if($amastyLayered): ?>
		.amshopby-button,
		#am-shopby-container ~ .filter-actions .filter-clear,
		<?php endif; ?>
		.primary > .action, 
		a.action.primary, 
		.action.primary, 
		.button.primary, 
		a.button.primary, 
		a.button, 
		.button, 
		button,

		button:focus,
		.cart-summary .actions-toolbar > .primary button,
		.footer.content a.athlete2-social-icon, 
		.footer.content a:not(.button).athlete2-social-icon, 
		.content a.athlete2-social-icon, 
		.std a.athlete2-social-icon, 
		.athlete2-social-icons > a.athlete2-social-icon, 
		a.athlete2-social-icon,
		.ox-banner-animated-text .ox-banner-animated-container .link,
		.ox-banner .link
		.cart.table-wrapper .actions-toolbar > .action, .action-gift { color: <?php echo $at_appearance[ 'appearance_buttons' ][ 'main_button_text_color' ]; ?>; }
		.ox-toggle.medium-left .ox-toggle-title:hover .toggle-minus { color: <?php echo $at_appearance[ 'appearance_buttons' ][ 'main_button_text_color' ]; ?>;}
		.primary > .action svg, a.action.primary svg, .action.primary svg, .button.primary svg, a.button.primary svg, a.button svg, .button svg, button svg, .cart.table-wrapper .actions-toolbar > .action svg, .action-gift svg{ fill: currentColor; }
	<?php else: ?>
		<?php if($amastyLayered): ?>
		.amshopby-button,
		#am-shopby-container ~ .filter-actions .filter-clear,
		<?php endif; ?>
		button:focus,
		.cart-summary .actions-toolbar > .primary button,
		.footer.content a.athlete2-social-icon, 
		.footer.content a:not(.button).athlete2-social-icon, 
		.content a.athlete2-social-icon, 
		.std a.athlete2-social-icon, 
		.athlete2-social-icons > a.athlete2-social-icon, 
		a.athlete2-social-icon,
		.ox-banner-animated-text .ox-banner-animated-container .link,
		.ox-banner .link
		.cart.table-wrapper .actions-toolbar > .action, .action-gift{ color:var(--a2-btn-color); }
		.cart.table-wrapper .actions-toolbar > .action svg, .action-gift svg{fill: currentColor;}
	<?php endif; ?>

	.products-grid .product-item .ox-add-to-cart-loading .action:before{
		border-left: 2px solid <?php echo $at_appearance[ 'appearance_buttons' ][ 'main_button_text_color' ]; ?>;
		border-right: 2px solid <?php echo $at_appearance[ 'appearance_buttons' ][ 'main_button_text_color' ]; ?>;
		border-top: 2px solid <?php echo $at_appearance[ 'appearance_buttons' ][ 'main_button_text_color' ]; ?>;
	}
<?php endif; ?>
   
<?php if(!empty($at_appearance[ 'appearance_buttons' ][ 'main_button_text_hover_color' ])): ?>
	<?php $root .= '--a2-btn-color-hover:' . $at_appearance[ 'appearance_buttons' ][ 'main_button_text_hover_color' ] . ';'; ?>

	<?php if($global_fallback): ?>
		<?php if($amastyLayered): ?>
		.amshopby-button:hover,
		.amshopby-button:active, 
		.amshopby-button:focus,
		#am-shopby-container ~ .filter-actions .filter-clear:hover,
		<?php endif; ?>
		a.action.primary:hover, 
		.action.primary:hover, 
		.button.primary:hover,
		.primary > .action:hover,
		a.button.primary:hover, 
		a.button:hover, 
		.button:hover, 
		button:hover, 
		button:active,
		.cart-summary .actions-toolbar > .primary button:hover,
		.cart.table-wrapper .actions-toolbar > .action:hover, 
		.action-gift:hover{ color: <?php echo $at_appearance[ 'appearance_buttons' ][ 'main_button_text_hover_color' ]; ?> }

		a.action.primary:hover svg, 
		.action.primary:hover svg, 
		.button.primary:hover svg, 
		a.button.primary:hover svg,
		.primary > .action:hover svg,
		a.button:hover svg, 
		.button:hover svg, 
		button:hover svg, 
		.cart.table-wrapper .actions-toolbar > .action:hover svg, 
		.action-gift:hover svg{ fill: <?php echo $at_appearance[ 'appearance_buttons' ][ 'main_button_text_hover_color' ]; ?> }
		.ox-toggle.medium-left .ox-toggle-title .toggle-minus{color:<?php echo $at_appearance[ 'appearance_buttons' ][ 'main_button_text_hover_color' ]; ?> }
	<?php else: ?>
		<?php if($amastyLayered): ?>
		.amshopby-button:hover,
		.amshopby-button:active, 
		.amshopby-button:focus,
		#am-shopby-container ~ .filter-actions .filter-clear:hover,
		<?php endif; ?>
		
		.cart.table-wrapper .actions-toolbar > .action:hover svg, 
		.action-gift:hover svg{ 
			fill: currentColor;
		}

		.cart-summary .actions-toolbar > .primary button:hover,
		.cart.table-wrapper .actions-toolbar > .action:hover, 
		.action-gift:hover{
			color:var(--a2-btn-color-hover);
		}
	<?php endif; ?>

	.products-grid .product-item .ox-add-to-cart-loading .action:hover:before{
		border-left: 2px solid <?php echo $at_appearance[ 'appearance_buttons' ][ 'main_button_text_hover_color' ]; ?>;
		border-right: 2px solid <?php echo $at_appearance[ 'appearance_buttons' ][ 'main_button_text_hover_color' ]; ?>;
		border-top: 2px solid <?php echo $at_appearance[ 'appearance_buttons' ][ 'main_button_text_hover_color' ]; ?>;
	}
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_buttons' ][ 'main_button_bg_hover_color' ])): ?>
	<?php $root .= '--a2-btn-bg-hover:' . $at_appearance[ 'appearance_buttons' ][ 'main_button_bg_hover_color' ] . ';'; ?>
	<?php if($global_fallback): ?>
	.ox-toggle.medium-left .ox-toggle-title .toggle-minus,

	.primary > .action:after,
	a.action.primary:after, 
	.action.primary:after, 
	.button.primary:after, 
	a.button.primary:after, 
	a.button:after, 
	.button:after, 
	button:after, 

	.cart-summary .actions-toolbar > .primary button:after,
	.cart.table-wrapper .actions-toolbar > .action:after, 
	.action-gift:after{ background-color: <?php echo $at_appearance[ 'appearance_buttons' ][ 'main_button_bg_hover_color' ]; ?> }
	<?php else: ?>
	.cart-summary .actions-toolbar > .primary button:after,
	.cart.table-wrapper .actions-toolbar > .action:after, 
	.action-gift:after{ background-color: var(--a2-btn-bg-hover) }
	<?php endif; ?>
<?php endif; ?>

<?php if(($at_appearance['appearance_general']['google_font_enable'] && $_helper->getFont( 'button_font' )) || $at_appearance['appearance_general']['button_font_custom'] != ''): ?>
	<?php 
		$btn_font = $_helper->fontOutput( $_helper->getFont( 'button_font' ), $at_appearance['appearance_general']['button_font_custom']);
		$root .= '--a2-btn-ff:' . $btn_font . ';'; 
	?>
	<?php if($global_fallback): ?>
		.primary > .action, 
		a.action.primary, 
		.action.primary, .
		action.secondary, 
		.secondary > a.action, 
		.button.secondary, 
		.button.primary, 
		a.button.secondary, 
		a.button.primary, 
		a.button, 
		.button, 
		button,

		.product.data.items > .item.title > .switch,
		.order-links .item strong, 
		.order-links .item a,
		.ox-banner-medium .ox-banner__text-container .link,
		.ox-banner-animated-text .ox-banner-animated-container .link,
		.ox-banner .link,
		.cart-summary .actions-toolbar > .primary button,
		.block-cart-failed .action.continue, 
		.cart-container .form-cart .action.continue,
		.cart.table-wrapper .actions-toolbar > .action, 
		.action-gift {	font-family: <?php echo $btn_font; ?> }
	<?php else: ?>
		.product.data.items > .item.title > .switch,
		.order-links .item strong, 
		.order-links .item a,
		.ox-banner-medium .ox-banner__text-container .link,
		.ox-banner-animated-text .ox-banner-animated-container .link,
		.ox-banner .link,
		.cart-summary .actions-toolbar > .primary button,
		.block-cart-failed .action.continue, 
		.cart-container .form-cart .action.continue,
		.cart.table-wrapper .actions-toolbar > .action, 
		.action-gift {	font-family: var(--a2-btn-ff) }
	<?php endif; ?>
<?php endif; ?>

<?php if($at_appearance[ 'appearance_buttons' ][ 'main_button_font_size' ] != ''): ?>
	<?php $root .= '--a2-btn-fs:' . $at_appearance[ 'appearance_buttons' ][ 'main_button_font_size' ] . ';'; ?>
	.secondary > a.action,
	.primary > .action, 
	.action.primary, 
	a.button, 
	.button,
	button { font-size: <?php echo $at_appearance[ 'appearance_buttons' ][ 'main_button_font_size' ]; ?>px }
<?php endif; ?>

<?php if($at_appearance[ 'appearance_buttons' ][ 'main_button_letterspacing' ] != ''): ?>
	<?php $root .= '--a2-btn-ls:' . $at_appearance[ 'appearance_buttons' ][ 'main_button_letterspacing' ] . 'px;'; ?>
	<?php if($global_fallback): ?>
		a.action.primary, 
		.action.primary, 
		.action.secondary, 
		.secondary > a.action, 
		.button.secondary, 
		.button.primary, 
		a.button.secondary, 
		a.button.primary, 
		a.button, 
		.primary > .action,
		.button, 
		button, 

		.account .box-actions .action,
		.block-reorder .actions-toolbar .action.view,
		.product.data.items > .item.title > .switch,
		.order-links .item strong, 
		.order-links .item a,
		.ox-banner-medium .ox-banner__text-container .link,
		.ox-banner-animated-text .ox-banner-animated-container .link,
		.ox-banner .link,
		.cart-container .checkout-methods-items .action.multicheckout,
		.cart-summary .actions-toolbar > .primary button,
		.minicart-items .update-cart-item,
		.block-cart-failed .action.continue, 
		.cart-container .form-cart .action.continue,
		.cart.table-wrapper .actions-toolbar > .action, 
		.action-gift {	letter-spacing: <?php echo $at_appearance[ 'appearance_buttons' ][ 'main_button_letterspacing' ]; ?>px }
	<?php else: ?>
		.account .box-actions .action,
		.block-reorder .actions-toolbar .action.view,
		.product.data.items > .item.title > .switch,
		.order-links .item strong, 
		.order-links .item a,
		.ox-banner-medium .ox-banner__text-container .link,
		.ox-banner-animated-text .ox-banner-animated-container .link,
		.cart-container .checkout-methods-items .action.multicheckout,
		.cart-summary .actions-toolbar > .primary button,
		.minicart-items .update-cart-item,
		.ox-banner .link,
		.block-cart-failed .action.continue, 
		.cart-container .form-cart .action.continue,
		.cart.table-wrapper .actions-toolbar > .action, 
		.action-gift {	letter-spacing: var(--a2-btn-ls) }
	<?php endif; ?>
<?php endif; ?>

<?php 
$main_button_font_weight = $at_appearance[ 'appearance_buttons' ][ 'main_button_font_weight' ];
$button_text_transform = $at_appearance[ 'appearance_buttons' ][ 'button_text_transform' ];
if(!empty($main_button_font_weight)){
	$root .= '--a2-btn-fw:' . $main_button_font_weight . ';';
}
if(!empty($button_text_transform)){
	$root .= '--a2-btn-tt:' . $button_text_transform . ';';
}
?>
<?php if(!empty($main_button_font_weight) || !empty($button_text_transform)): ?>
	<?php if($global_fallback): ?>
	a.action.primary, 
	.action.primary, 
	.action.secondary, 
	.secondary > a.action, 
	.button.secondary, 
	.button.primary, 
	a.button.secondary, 
	a.button.primary, 
	a.button, 
	.primary > .action,
	.button, 
	button, 

	.products-grid.wishlist .product-item-actions > a,
	.account .box-actions .action,
	.block-reorder .actions-toolbar .action.view,
	.cart-container .checkout-methods-items .action.multicheckout,
	.cart-summary .actions-toolbar > .primary button,
	.product.data.items > .item.title > .switch,
	.order-links .item strong, 
	.order-links .item a,
	.ox-banner-medium .ox-banner__text-container .link,
	.ox-banner-animated-text .ox-banner-animated-container .link,
	.ox-banner .link,
	.block-cart-failed .action.continue, .cart-container .form-cart .action.continue,
	.cart.table-wrapper .actions-toolbar > .action, 
	.action-gift { 
		<?php if(!empty($main_button_font_weight)): ?>
			font-weight: <?php echo $main_button_font_weight; ?>;
		<?php endif; ?>
		<?php if($button_text_transform != ''): ?>
			text-transform: <?php echo $button_text_transform; ?>;
		<?php endif; ?>
	}
	<?php else: ?>
		.products-grid.wishlist .product-item-actions > a,
		.account .box-actions .action,
		.block-reorder .actions-toolbar .action.view,
		.cart-container .checkout-methods-items .action.multicheckout,
		.cart-summary .actions-toolbar > .primary button,
		.product.data.items > .item.title > .switch,
		.order-links .item strong, 
		.order-links .item a,
		.ox-banner-medium .ox-banner__text-container .link,
		.ox-banner-animated-text .ox-banner-animated-container .link,
		.ox-banner .link,
		.block-cart-failed .action.continue, .cart-container .form-cart .action.continue,
		.cart.table-wrapper .actions-toolbar > .action, 
		.action-gift { 
			<?php if(!empty($main_button_font_weight)): ?>
			font-weight: var(--a2-btn-fw);
		<?php endif; ?>
		<?php if($button_text_transform != ''): ?>
			text-transform: var(--a2-btn-tt);
		<?php endif; ?>
		}
	<?php endif; ?>
<?php endif; ?>

<?php /* Secondary button */ ?>
<?php if(!empty($at_appearance[ 'appearance_buttons' ][ 'second_button_text_color' ])): ?>
<?php if(!$modal_close_btn_color): ?>
#ox_quickview_wrapper .ox-overlay-close-btn,
.ui-dialog.popup .action.close:before,
.modal-custom .action-close:before, 
.modal-popup .action-close:before, 
.modal-slide .action-close:before,
<?php endif; ?>
.action.action-edit-address,
.opc-block-shipping-information .shipping-information-title .action-edit,
.abs-remove-button-for-blocks:before, .sidebar .action.delete:before, .block-compare .action.delete:before,
.filter-current .action.remove:before,
.account .box-actions .action,
.sidebar .action.delete:hover:before, .block-compare .action.delete,
.block-cart-failed .action.clear, .cart-container .form-cart .action.clear,
.block-cart-failed .action.update, .cart-container .form-cart .action.update,
.block-cart-failed .action.continue, .cart-container .form-cart .action.continue,
.button.secondary, a.button.secondary, .action.secondary, .action-secondary, button.action-secondary, 
button.action.secondary, .secondary > a.action, .cart.table-wrapper .actions-toolbar > .action.action-secondary, 
.table-comparison .action.towishlist, .table-comparison .action.tocart,
.table-comparison .action.towishlist:before, .table-comparison .action.tocart:before,
.table-comparison .cell.remove .action.delete:before,
.cart.table-wrapper .actions-toolbar > .action.action.secondary, .action-gift.action-secondary, .action-gift.action.secondary { color: <?php echo $at_appearance[ 'appearance_buttons' ][ 'second_button_text_color' ]; ?>; }
<?php endif; ?>
   
<?php if(!empty($at_appearance[ 'appearance_buttons' ][ 'second_button_text_hover_color' ])): ?>
<?php if(!$modal_close_btn_color_hover): ?>
#ox_quickview_wrapper .ox-overlay-close-btn:hover,
.ui-dialog.popup .action.close:focus:before,
.ui-dialog.popup .action.close:hover:before,
.modal-custom .action-close:focus:before, 
.modal-popup .action-close:focus:before, 
.modal-slide .action-close:focus:before, 
.modal-custom .action-close:hover:before, 
.modal-popup .action-close:hover:before, 
.modal-slide .action-close:hover:before,
<?php endif; ?>
.action.action-edit-address:hover,
.abs-remove-button-for-blocks:hover:before, 
.sidebar .action.delete:hover:before, 
.block-compare .action.delete:hover:before,
.filter-current .action.remove:hover:before,
.account .box-actions .action:hover,
.abs-shopping-cart-items .action.clear:hover, .block-cart-failed .action.clear:hover, .cart-container .form-cart .action.clear:hover,
.abs-shopping-cart-items .action.update:hover, .block-cart-failed .action.update:hover, .cart-container .form-cart .action.update:hover,
.abs-shopping-cart-items .action.continue:hover, .block-cart-failed .action.continue:hover, .cart-container .form-cart .action.continue:hover,
.button.secondary:hover, a.button.secondary:hover, .action.secondary:hover, .action-secondary:hover, 
button.action-secondary:hover, button.action.secondary:hover, .secondary > a.action:hover, 
.login-container .block .secondary > a.action:hover,
.cart.table-wrapper .actions-toolbar > .action.action-secondary:hover, .cart.table-wrapper .actions-toolbar > .action.action.secondary:hover, 
.table-comparison .action.towishlist:hover:before, .table-comparison .action.tocart:hover:before,
.table-comparison .action.towishlist:hover, .table-comparison .action.tocart:hover,
.table-comparison .cell.remove .action.delete:hover:before,
.opc-block-shipping-information .shipping-information-title .action-edit:hover,
.action-gift.action-secondary:hover, .action-gift.action.secondary:hover{ color: <?php echo $at_appearance[ 'appearance_buttons' ][ 'second_button_text_hover_color' ]; ?> }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_buttons' ][ 'second_button_bg_color' ])): ?>
.action.action-edit-address,
.opc-block-shipping-information .shipping-information-title .action-edit,
.sidebar .action.delete:hover:before, .block-compare .action.delete:before,
<?php if(!$modal_close_btn_bg): ?>
#ox_quickview_wrapper .ox-overlay-close-btn,
.ui-dialog.popup .action.close,
.modal-custom .action-close, 
.modal-popup .action-close, 
.modal-slide .action-close,
<?php endif; ?>
.sidebar .action.delete, .block-compare .action.delete,
.filter-current .action.remove:before,
.account .box-actions .action,
.block-cart-failed .action.clear, .cart-container .form-cart .action.clear,
.block-cart-failed .action.update, .cart-container .form-cart .action.update,
.block-cart-failed .action.continue, .cart-container .form-cart .action.continue,
.button.secondary, a.button.secondary, .action.secondary, .action-secondary, button.action-secondary, 
button.action.secondary, .secondary > a.action, .cart.table-wrapper .actions-toolbar > .action.action-secondary, 
.table-comparison .action.towishlist, .table-comparison .action.tocart,
.table-comparison .cell.remove .action.delete,
.block-authentication .actions-toolbar > .primary .action,
.block-authentication .actions-toolbar > .primary .action:hover,
.cart.table-wrapper .actions-toolbar > .action.action.secondary, .action-gift.action-secondary, .action-gift.action.secondary { background: <?php echo $at_appearance[ 'appearance_buttons' ][ 'second_button_bg_color' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_buttons' ][ 'second_button_bg_hover_color' ])): ?>
<?php if(!$modal_close_btn_bg_hover): ?>
#ox_quickview_wrapper .ox-overlay-close-btn:hover,
.ui-dialog.popup .action.close:focus,
.ui-dialog.popup .action.close:hover,
.modal-custom .action-close:focus, 
.modal-popup .action-close:focus, 
.modal-slide .action-close:focus, 
.modal-custom .action-close:hover, 
.modal-popup .action-close:hover, 
.modal-slide .action-close:hover,
<?php endif; ?>
.action.action-edit-address:after,
.opc-block-shipping-information .shipping-information-title .action-edit:after,
#ox_quickview_wrapper .ox-overlay-close-btn:hover,
.sidebar .action.delete:hover:before, .block-compare .action.delete:hover:before,
.filter-current .action.remove:hover:before,
.account .box-actions .action:hover,
.abs-shopping-cart-items .action.clear:after, .block-cart-failed .action.clear:after, .cart-container .form-cart .action.clear:after,
.abs-shopping-cart-items .action.update:after, .block-cart-failed .action.update:after, .cart-container .form-cart .action.update:after,
.abs-shopping-cart-items .action.continue:after, .block-cart-failed .action.continue:after, .cart-container .form-cart .action.continue:after,
.button.secondary:after, a.button.secondary:after, .action.secondary:after, .action-secondary:after, 
button.action-secondary:after, button.action.secondary:after, .secondary > a.action:after, 
.cart.table-wrapper .actions-toolbar > .action.action-secondary:after, .cart.table-wrapper .actions-toolbar > .action.action.secondary:after, 
.table-comparison .action.towishlist:hover, .table-comparison .action.tocart:hover,
.table-comparison .cell.remove .action.delete:hover,
.action-gift.action-secondary:after, .action-gift.action.secondary:after{ background-color: <?php echo $at_appearance[ 'appearance_buttons' ][ 'second_button_bg_hover_color' ]; ?> }
<?php endif; ?>


<?php /* Naked button */ ?>
<?php if(!empty($at_appearance[ 'appearance_buttons' ][ 'naked_button_bg_hover_color' ])): ?>
.opc-wrapper .form-login .actions-toolbar .secondary a.action:after,
.login-container .block .secondary > a.action:after,
.block-authentication .actions-toolbar > .secondary > a.action:after,
a.action.primary.naked:after, .action.primary.naked:after, .button.primary.naked:after, 
a.button.primary.naked:after, a.button.naked:after, .button.naked:after, button.naked:after, 
.cart.table-wrapper .actions-toolbar > .action.naked:after, .action-gift.naked:after{ background-color: <?php echo $at_appearance[ 'appearance_buttons' ][ 'naked_button_bg_hover_color' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_buttons' ][ 'naked_button_text_color' ])): ?>
.opc-wrapper .form-login .actions-toolbar .secondary a.action,
.login-container .block .secondary > a.action,
.block-authentication .actions-toolbar > .secondary > a.action,
a.action.primary.naked, .action.primary.naked, .button.primary.naked, a.button.primary.naked, 
a.button.naked, .button.naked, button.naked, .cart.table-wrapper .actions-toolbar > .action.naked, .action-gift.naked { color: <?php echo $at_appearance[ 'appearance_buttons' ][ 'naked_button_text_color' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_buttons' ][ 'naked_button_text_hover_color' ])): ?>
.opc-wrapper .form-login .actions-toolbar .secondary a.action:hover,
.login-container .block .secondary > a.action:hover,
.block-authentication .actions-toolbar > .secondary > a.action:hover,
a.action.primary.naked:hover, .action.primary.naked:hover, .button.primary.naked:hover, 
a.button.primary.naked:hover, a.button.naked:hover, .button.naked:hover, button.naked:hover, 
.cart.table-wrapper .actions-toolbar > .action.naked:hover, .action-gift.naked:hover { color: <?php echo $at_appearance[ 'appearance_buttons' ][ 'naked_button_text_hover_color' ]; ?> }
<?php endif; ?>

<?php /*Outline Button*/ ?>
<?php $outlineBtn = $outlineBtnHover = ''; ?>
<?php if(!empty($at_appearance[ 'appearance_buttons' ][ 'outline_button_border_color' ])): ?>
	<?php $root .= '--a2-btn-outline-border:' . $at_appearance[ 'appearance_buttons' ][ 'outline_button_border_color' ] . ';'; ?>
	<?php $outlineBtn .= 'border-color: var(--a2-btn-outline-border);'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_buttons' ][ 'outline_button_text_color' ])): ?>
	<?php $root .= '--a2-btn-outline-color:' . $at_appearance[ 'appearance_buttons' ][ 'outline_button_text_color' ] . ';'; ?>
	<?php $outlineBtn .= 'color: var(--a2-btn-outline-color);'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_buttons' ][ 'outline_button_border_hover' ])): ?>
	<?php $root .= '--a2-btn-outline-border-hover:' . $at_appearance[ 'appearance_buttons' ][ 'outline_button_border_hover' ] . ';'; ?>
	<?php $outlineBtnHover .= 'border-color: var(--a2-btn-outline-border-hover);'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_buttons' ][ 'outline_button_text_hover' ])): ?>
	<?php $root .= '--a2-btn-outline-color-hover:' . $at_appearance[ 'appearance_buttons' ][ 'outline_button_text_hover' ] . ';'; ?>
	<?php $outlineBtnHover .= 'color: var(--a2-btn-outline-color-hover);'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_buttons' ][ 'outline_button_background_hover' ])): ?>
	<?php $root .= '--a2-btn-outline-bg-hover:' . $at_appearance[ 'appearance_buttons' ][ 'outline_button_background_hover' ] . ';'; ?>
	.primary > .action.outline:after, 
	a.action.primary.outline:after, 
	.action.primary.outline:after, 
	.button.primary.outline:after, 
	a.button.primary.outline:after, 
	a.button.outline:after, 
	.button.outline:after, 
	button.outline:after{ 
		background-color: var(--a2-btn-outline-bg-hover);
	}
<?php endif; ?>

<?php if(!empty($outlineBtn)): ?>
	.primary > .action.outline, 
	a.action.primary.outline, 
	.action.primary.outline, 
	.button.primary.outline, 
	a.button.primary.outline, 
	a.button.outline, 
	.button.outline, 
	button.outline{
		<?php echo $outlineBtn ?>
	}
<?php endif; ?>
<?php if(!empty($outlineBtnHover)): ?>
	.primary > .action.outline:focus, 
	a.action.primary.outline:focus, 
	.action.primary.outline:focus, 
	.button.primary.outline:focus, 
	a.button.primary.outline:focus, 
	a.button.outline:focus, 
	.button.outline:focus, 
	button.outline:focus,
	.primary > .action.outline:hover, 
	a.action.primary.outline:hover, 
	.action.primary.outline:hover, 
	.button.primary.outline:hover, 
	a.button.primary.outline:hover, 
	a.button.outline:hover, 
	.button.outline:hover, 
	button.outline:hover{
		<?php echo $outlineBtnHover ?>
	}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_buttons' ][ 'underline_button_text_color' ])): ?>
	a.button.underline, 
	button.underline, 
	.button.underline{
		color: <?php echo $at_appearance[ 'appearance_buttons' ][ 'underline_button_text_color' ]; ?>;
	}
<?php endif; ?>
<?php /* Product Swatches */ ?>
<?php 
$swatch_style = $at_appearance[ 'appearance_product' ][ 'swatch_text_style' ];
$swatch_width = $at_appearance[ 'appearance_product' ][ 'swatch_text_width_style' ]; 
$swatch_width_col = !empty($at_appearance[ 'appearance_product' ][ 'swatch_text_width_col' ]) ? $at_appearance[ 'appearance_product' ][ 'swatch_text_width_col' ] : 3; 
$swatch = $swatch_color='';
?>
<?php if($swatch_width === 'col' ): ?>
	<?php 
	$swatch .= '--col: ' . (int)$swatch_width_col .';
    min-width: calc(100% / var(--col) - 5px);
    box-sizing: border-box;
    height: auto;
	max-width:100%;'; 
	?>
<?php endif; ?>
<?php if($swatch_style === '2'): ?>
	<?php $swatch .= 'padding: 12px;font-size: 16px;font-weight: 700;'; ?>
<?php endif; ?>
<?php if($swatch_width === 'stretch'): ?>
	<?php $swatch .= 'max-width:100%;flex: 1;'; ?>
<?php endif; ?>

<?php if($swatch_width === 'custom' ): ?>
	<?php if(!empty($at_appearance[ 'appearance_product' ][ 'swatch_text_width' ])): ?>
		<?php $swatch .= 'width: ' . (int)$at_appearance[ 'appearance_product' ][ 'swatch_text_width' ] .'px;'; ?>
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_product' ][ 'swatch_text_height' ])): ?>
		<?php $swatch .= 'height: ' . (int)$at_appearance[ 'appearance_product' ][ 'swatch_text_height' ] .'px;'; ?>
		<?php $swatch .= 'line-height: ' . (int)$at_appearance[ 'appearance_product' ][ 'swatch_text_height' ] .'px;'; ?>
	<?php endif; ?>
<?php endif; ?>

<?php if($swatch): ?>
.product-info-main .swatch-option.text {
	<?php echo $swatch ?>
}
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_product' ][ 'swatch_color_width' ])): ?>
	<?php $swatch_color .= 'width: ' . (int)$at_appearance[ 'appearance_product' ][ 'swatch_color_width' ] .'px;'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'swatch_color_height' ])): ?>
	<?php $swatch_color .= 'height: ' . (int)$at_appearance[ 'appearance_product' ][ 'swatch_color_height' ] .'px;'; ?>
<?php endif; ?>
<?php if($swatch_color): ?>
.product-info-main .swatch-option.color {
	<?php echo $swatch_color ?>
}
<?php endif; ?>
<?php if($swatch_width === 'stretch' || $swatch_width === 'col' ): ?>
.product-info-main .swatch-attribute-options{
    display: flex;
    flex-wrap: wrap;
}
<?php endif; ?>
<?php /* Sidebar */ ?>

<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'sidebar_bg' ])): ?>
.filter-options,
.filter.block .content,
.account-nav .content,
.sidebar-additional .block { background-color: <?php echo $at_appearance[ 'appearance_sidebar' ][ 'sidebar_bg' ]; ?> }
<?php endif; ?>

<?php if('' != ($at_appearance[ 'appearance_sidebar' ][ 'sidebar_border_size' ])): ?>
.filter-options,
.filter.block .content,
.account-nav .content { border-width: <?php echo $at_appearance[ 'appearance_sidebar' ][ 'sidebar_border_size' ]; ?>px }
.sidebar-additional .block:before { height: <?php echo $at_appearance[ 'appearance_sidebar' ][ 'sidebar_border_size' ]; ?>px }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'sidebar_border_color' ])): ?>
.filter-options,
.filter.block .content,
.account-nav .content,
.sidebar-additional .block{ border-color: <?php echo $at_appearance[ 'appearance_sidebar' ][ 'sidebar_border_color' ]; ?> }
.sidebar-additional .block:before{ background: <?php echo $at_appearance[ 'appearance_sidebar' ][ 'sidebar_border_color' ]; ?> }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'sidebar_title_color' ])): ?>
<?php if($amastyXsearch) : ?>.amsearch-result-section .amsearch-block-header .amsearch-title,<?php endif; ?>
.sidebar-additional .block .block-title > strong,
.filter.block .content dl.options dt,
.filter-options-title{ color: <?php echo $at_appearance[ 'appearance_sidebar' ][ 'sidebar_title_color' ]; ?>}
<?php endif; ?>

<?php
$sidebar_title_font_size = $at_appearance[ 'appearance_sidebar' ][ 'sidebar_title_font_size' ];
$sidebar_title_font_weight = $at_appearance[ 'appearance_sidebar' ][ 'sidebar_title_font_weight' ];
$sidebar_title_letter_spacing = $at_appearance[ 'appearance_sidebar' ][ 'sidebar_title_letter_spacing' ];
$sidebar_title_transform = $at_appearance[ 'appearance_sidebar' ][ 'sidebar_title_text_transform' ];
?>
<?php if('' != $sidebar_title_font_size || '' != $sidebar_title_font_weight || '' != $sidebar_title_letter_spacing || '' != $sidebar_title_transform || ((($at_appearance['appearance_general']['google_font_enable'] && $_helper->getFont( 'sidebar_title_font' )) || $at_appearance['appearance_general']['sidebar_title_font_custom'] != '') && $at_appearance['appearance_general']['sidebar_title_google_font_enable'])): ?>
	<?php if($amastyXsearch) : ?>.amsearch-block-header .amsearch-title,<?php endif; ?>
	.sidebar-additional .block .block-title>strong,
	.filter.block .content dl.options dt,
	.filter .block-subtitle,
	.filter-options-title {
		<?php if((($at_appearance['appearance_general']['google_font_enable'] && $_helper->getFont( 'sidebar_title_font' )) || $at_appearance['appearance_general']['sidebar_title_font_custom'] != '') && $at_appearance['appearance_general']['sidebar_title_google_font_enable'] ): ?>
			font-family: <?php echo $_helper->fontOutput( $_helper->getFont( 'sidebar_title_font'), $at_appearance['appearance_general']['sidebar_title_font_custom']); ?>;
		<?php endif; ?>
		<?php if('' != $sidebar_title_font_size): ?>
			font-size: <?php echo $sidebar_title_font_size; ?>px;
		<?php endif; ?>
		<?php if('' != $sidebar_title_font_weight): ?>
			font-weight: <?php echo $sidebar_title_font_weight; ?>;
		<?php endif; ?>
		<?php if($sidebar_title_letter_spacing != ''): ?>
			letter-spacing: <?php echo $sidebar_title_letter_spacing; ?>px;
		<?php endif; ?>
		<?php if($sidebar_title_transform != ''): ?>
			text-transform: <?php echo $sidebar_title_transform; ?>;
		<?php endif; ?>
	}
	<?php if('' != $sidebar_title_font_weight): ?>
		.filter.block .content dl.options dt,
		.filter-options-title strong{
			font-weight: <?php echo $sidebar_title_font_weight; ?>;
		}
	<?php endif; ?>
<?php endif; ?>
<?php if('' != ($at_appearance[ 'appearance_sidebar' ][ 'sidebar_links_font_size' ])): ?>
.filter-options-content .ox-layered__items--checkbox .label,
.filter.block .content dl.options dd li,
.filter-options-content { font-size: <?php echo $at_appearance[ 'appearance_sidebar' ][ 'sidebar_links_font_size' ]; ?>px }
<?php endif; ?>


<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'sidebar_links_counter' ])): ?>
.filter.block .content dl.options dd li .count,
.filter-options-content .count{color:<?php echo $at_appearance[ 'appearance_sidebar' ][ 'sidebar_links_counter' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'sidebar_links_counter_hover' ])): ?>
	<?php if($amastyLayered): ?>
	.filter-options-content .items.-am-multiselect .item > a.am_shopby_link_selected .count, 
	.filter-options-content .items.-am-singleselect .item > a.am_shopby_link_selected .count, 
	.filter-options-content .items.-am-multiselect .item > a:hover .count, 
	.filter-options-content .items.-am-singleselect .item > a:hover .count,
	<?php endif; ?>
	.filter-options-content .item a:hover .count,
	.filter-options-content .ox-layered__items--checkbox label:hover + .count,
	.filter.block .content dl.options dd li a:hover + .count
	.filter-options-content a:hover + .count{color:<?php echo $at_appearance[ 'appearance_sidebar' ][ 'sidebar_links_counter_hover' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'sidebar_links_counter_hover_bg' ])): ?>
	<?php if($amastyLayered): ?>
	.filter-options-content .items.-am-multiselect .item > a.am_shopby_link_selected .count, 
	.filter-options-content .items.-am-singleselect .item > a.am_shopby_link_selected .count, 
	.filter-options-content .items.-am-multiselect .item > a:hover .count, 
	.filter-options-content .items.-am-singleselect .item > a:hover .count,
	<?php endif; ?>
	.filter-options-content .item a:hover .count,
	.filter.block .content dl.options dd li a:hover + .count,
	.filter-options-content .ox-layered__items--checkbox label:hover + .count,
	.filter-options-content a:hover + .count{background:<?php echo $at_appearance[ 'appearance_sidebar' ][ 'sidebar_links_counter_hover_bg' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'sidebar_links_color' ])): ?>
	.filter.block .content dl.options dd li a,
.sidebar-additional .block.block-recent-posts .item a,
.sidebar-additional .block.block-archive .item a,
.sidebar-additional .block.block-categories li a,
.filter.block .content dl.options dd li a,
.account-nav .item a, .account-nav .item > strong,
.filter-options-content .ox-layered__items--checkbox .label,
.filter-options-content a{color:<?php echo $at_appearance[ 'appearance_sidebar' ][ 'sidebar_links_color' ]; ?>}
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'sidebar_links_hover_color' ])): ?>
.filter-options-content .item a:hover,
.filter.block .content dl.options dd li a:hover,
<?php if($manadevlayered): ?>
.mana-filter-block .filter-options-content .item.mana-selected.mana-tree-item a, 
.mana-filter-block .filter-options-content .item.mana-selected a, 
.mana-filter-block .filter-options-content .item.mana-selected.mana-tree-item .label, 
.mana-filter-block .filter-options-content .item.mana-selected .label,
<?php endif; ?>
.sidebar-additional .block.block-recent-posts .item a:hover,
.sidebar-additional .block.block-archive .item a:hover,
.sidebar-additional .block.block-categories li a:hover,
.filter.block .content dl.options dd li a:hover,
.account-nav .title label,
.account-nav .item.current a, .account-nav .item.current strong,
.account-nav .item a:hover,
<?php if($amastyLayered): ?>
.filter-options-content .items.-am-multiselect .item > a.am_shopby_link_selected .label, 
.filter-options-content .items.-am-singleselect .item > a.am_shopby_link_selected .label, 
.filter-options-content .items.-am-multiselect .item > a:hover .label, 
.filter-options-content .items.-am-singleselect .item > a:hover .label,
.filter-options-content .items.-am-singleselect .amshopby-link-selected, .filter-options-content .swatch-option.selected + .am-shopby-swatch-label,
<?php endif; ?>
.filter-current-subtitle:hover .toggle-minus,
.filter-options-title:hover .toggle-minus,
.filter-options-content .ox-seleted-item .label, 
.filter-options-content .ox-seleted-item a,
.filter-options-content .ox-layered__items--checkbox .label:hover,
.filter-options-content a:hover{color:<?php echo $at_appearance[ 'appearance_sidebar' ][ 'sidebar_links_hover_color' ]; ?> }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'sidebar_links_hover_bg' ])): ?>
<?php if($amastyLayered): ?>
.filter-options-content .items.-am-multiselect .item > a.am_shopby_link_selected .label, 
.filter-options-content .items.-am-singleselect .item > a.am_shopby_link_selected .label, 
.filter-options-content .items.-am-multiselect .item > a:hover .label, 
.filter-options-content .items.-am-singleselect .item > a:hover .label,
<?php endif; ?>
<?php if($manadevlayered): ?>
.mana-filter-block .filter-options-content .item.mana-selected.mana-tree-item a, 
.mana-filter-block .filter-options-content .item.mana-selected a, 
.mana-filter-block .filter-options-content .item.mana-selected.mana-tree-item .label, 
.mana-filter-block .filter-options-content .item.mana-selected .label,
<?php endif; ?>
.sidebar-additional .block.block-recent-posts .item a:hover,
.sidebar-additional .block.block-archive .item a:hover,
.sidebar-additional .block.block-categories li a:hover,
.filter.block .content dl.options dd li a:hover,
.filter-options-title:hover .toggle-minus,
.filter-current-subtitle:hover .toggle-minus,
.account-nav .item.current a, .account-nav .item.current strong,
.account-nav .item a:hover,
.filter-options-content .ox-seleted-item .label, 
.filter-options-content .ox-seleted-item a,
.filter-options-content .ox-layered__items--checkbox .label:hover,
.filter-options-content a:hover{background-color:<?php echo $at_appearance[ 'appearance_sidebar' ][ 'sidebar_links_hover_bg' ]; ?> }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'filter_buttom_counter_bg_color' ])): ?>
.filter-current-count {background-color:<?php echo $at_appearance[ 'appearance_sidebar' ][ 'filter_buttom_counter_bg_color' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'filter_buttom_counter_text_color' ])): ?>
.filter-current-count {color:<?php echo $at_appearance[ 'appearance_sidebar' ][ 'filter_buttom_counter_text_color' ]; ?> }
<?php endif; ?>


<?php /* Layered Navigation */ ?>

<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'layered_navigation_loader_overlay_bg' ])): ?>
.ox-product-nav { background:<?php echo $at_appearance[ 'appearance_sidebar' ][ 'layered_navigation_loader_overlay_bg' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'scroll_loader_color' ])): ?>
.ox-item-scroll.ox-item-scroll__loader--theme.ox-item-scroll__type--button .ox-item-scroll__button:before,
.ox-product-scroll.ox-product-scroll__loader--theme.ox-product-scroll__type--button .ox-product-scroll__button:before { background-color:<?php echo $at_appearance[ 'appearance_sidebar' ][ 'scroll_loader_color' ]; ?> }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'sidebar_links_active_color' ])): ?>
<?php if($amastyLayered): ?>
.filter-options-content .items.-am-multiselect .item > a.am_shopby_link_selected .label, 
.filter-options-content .items.-am-singleselect .item > a.am_shopby_link_selected .label, 
<?php endif; ?>
.filter-options-content .ox-seleted-item .label, 
.filter-options-content .ox-seleted-item a { color:<?php echo $at_appearance[ 'appearance_sidebar' ][ 'sidebar_links_active_color' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'sidebar_links_active_bg' ])): ?>
<?php if($amastyLayered): ?>
.filter-options-content .items.-am-multiselect .item > a.am_shopby_link_selected .label, 
.filter-options-content .items.-am-singleselect .item > a.am_shopby_link_selected .label, 
<?php endif; ?>
.filter-options-content .ox-seleted-item .label, 
.filter-options-content .ox-seleted-item a { background-color:<?php echo $at_appearance[ 'appearance_sidebar' ][ 'sidebar_links_active_bg' ]; ?> }
<?php endif; ?>
<?php 
$value = $at_appearance[ 'appearance_sidebar' ][ 'sidebar_checkbox_style' ];
	if($value === 'big' || $value === 'big_thin'): ?>
	.filter-options-content .item label .ox-checkbox {
		flex: 0 0 23px;
	}
	.filter-options-content .ox-layered__items--checkbox .label, 
	.filter-options-content a{
		padding-top:8px;
	}
	.filter-options-content .item .ox-checkbox {
		width: 23px;
		height: 23px;
		<?php if($value === 'big_thin'): ?>
		border-width:1px;
		<?php endif; ?>
	}
	.filter-options-content .swatch-option.text {
		font-size: inherit;
		line-height: 22px;
		min-height: 33px;
		padding: 5px 10px;
		min-width: 35px;
	}
	<?php if($value === 'big_thin'): ?>
	.filter-options-content .item .ox-checkbox:before {
		left: 8px;
		top: 9px;
		width: 9px;
		height: 2px;
	}
	.filter-options-content .item .ox-checkbox:after {
		left: 5px;
		top: 10px;
		width: 6px;
		height: 2px;
	}
	<?php else: ?>
	.filter-options-content .item .ox-checkbox:before {
		left: 7px;
		top: 8px;
		width: 9px;
		height: 2px;
	}
	.filter-options-content .item .ox-checkbox:after {
		left: 4px;
		top: 9px;
		width: 6px;
		height: 2px;
	}
	<?php endif; ?>
<?php endif; ?>

<?php if($value === 'thin'): ?>
.filter-options-content .item .ox-checkbox {
	border-width:1px;
}
.filter-options-content .item .ox-checkbox:before {
	left: 5px;
	top: 6px;
}
.filter-options-content .item .ox-checkbox:after {
	left: 3px;
	top: 7px;
}
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'sidebar_item_checkbox_color' ])): ?>
<?php if($amastyLayered): ?>
.filter-options input[type='checkbox'] + .amshopby-choice,
<?php endif; ?>
.filter-options-content .item .ox-checkbox { color:<?php echo $at_appearance[ 'appearance_sidebar' ][ 'sidebar_item_checkbox_color' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'sidebar_item_active_checkbox_color' ]) || !empty($at_appearance[ 'appearance_sidebar' ][ 'sidebar_item_active_checkbox_bg' ])): ?>
	<?php if($amastyLayered): ?>
		.filter-options input[type='checkbox']:checked + .amshopby-choice,
	<?php endif; ?>
	.filter-options-content .item input:checked + label .ox-checkbox,
	.filter-options-content .ox-seleted-item.item .ox-checkbox { 
		<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'sidebar_item_active_checkbox_color' ])): ?>
			color:<?php echo $at_appearance[ 'appearance_sidebar' ][ 'sidebar_item_active_checkbox_color' ]; ?>;
		<?php endif; ?>
		<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'sidebar_item_active_checkbox_bg' ])): ?>
			border-color:<?php echo $at_appearance[ 'appearance_sidebar' ][ 'sidebar_item_active_checkbox_bg' ]; ?>;
			background-color:<?php echo $at_appearance[ 'appearance_sidebar' ][ 'sidebar_item_active_checkbox_bg' ]; ?>;
		<?php endif; ?>
	}
<?php endif; ?>

<?php /* Price Slider */ ?>
<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'price_slider_handle_color' ])): ?>
<?php if($amastyLayered): ?>
.amshopby-slider-container.-default .am-slider .ui-slider-handle,
.amshopby-slider-container.-improved .am-slider .ui-slider-handle,
<?php endif; ?>
.filter-options-content .ui-slider .ui-slider-handle,
.filter-options-content .ox-price-slider .ui-slider-handle,
.filter-options-content .noUi-handle { background:<?php echo $at_appearance[ 'appearance_sidebar' ][ 'price_slider_handle_color' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'price_slider_handle_hover_color' ])): ?>
.filter-options-content .ui-slider .ui-slider-handle:hover,
.filter-options-content .ox-price-slider .ui-slider-handle:hover,
.filter-options-content .noUi-handle:hover { background:<?php echo $at_appearance[ 'appearance_sidebar' ][ 'price_slider_handle_hover_color' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'price_slider_line_color' ])): ?>
.filter-options-content .ui-slider, 
<?php if($amastyLayered): ?>
.amshopby-slider-container.-default .am-slider,
.amshopby-slider-container.-improved .am-slider,
<?php endif; ?>
.filter-options-content .ox-price-slider { background:<?php echo $at_appearance[ 'appearance_sidebar' ][ 'price_slider_line_color' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'price_slider_line_active_color' ])): ?>
.filter-options-content .ui-slider .ui-slider-range,
.filter-options-content .ox-price-slider .ui-slider-range,
.filter-options-content .noUi-connect { background:<?php echo $at_appearance[ 'appearance_sidebar' ][ 'price_slider_line_active_color' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'price_slider_tooltip_bg' ])): ?>
<?php if($amastyLayered): ?>
.amshopby-slider-container.-improved .amshopby-slider-tooltip,
<?php endif; ?>
.filter-options-content .noUi-tooltip { background:<?php echo $at_appearance[ 'appearance_sidebar' ][ 'price_slider_tooltip_bg' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_sidebar' ][ 'price_slider_tooltip_text' ])): ?>
<?php if($amastyLayered): ?>
.amshopby-slider-container.-improved .amshopby-slider-tooltip,
<?php endif; ?>
.filter-options-content .noUi-tooltip { color:<?php echo $at_appearance[ 'appearance_sidebar' ][ 'price_slider_tooltip_text' ]; ?> }
<?php endif; ?>



<?php /* Reviews */ ?>
<?php if(!empty($at_appearance[ 'appearance_reviews' ][ 'reviews_rating_color' ])): ?>
<?php if($global_fallback): ?>
.extended-review-summary .ratings-count .rating-result:before,
.number-of-ratings .rating-result:before { background-color:<?php echo $at_appearance[ 'appearance_reviews' ][ 'reviews_rating_color' ]; ?> }

.review-control-vote:before,
.review-list .rating-summary .rating-result:before,
.rating-summary .rating-result:before{ color:<?php echo $at_appearance[ 'appearance_reviews' ][ 'reviews_rating_color' ]; ?> }
<?php endif; ?>
<?php $root .='--a2-rating:' . $at_appearance[ 'appearance_reviews' ][ 'reviews_rating_color' ] . ';'; ?>

<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_reviews' ][ 'reviews_rating_active_color' ])): ?>
	<?php if($global_fallback): ?>
.extended-review-summary .ratings-count .rating-result span:before,
.number-of-ratings .rating-result span:before { background-color:<?php echo $at_appearance[ 'appearance_reviews' ][ 'reviews_rating_active_color' ]; ?> }

.review-control-vote label:before,
.review-list .rating-summary .rating-result > span:before,
.rating-summary .rating-result > span:before{ color:<?php echo $at_appearance[ 'appearance_reviews' ][ 'reviews_rating_active_color' ]; ?> }
<?php endif; ?>
<?php $root .='--a2-rating-a:' . $at_appearance[ 'appearance_reviews' ][ 'reviews_rating_active_color' ] . ';'; ?>
<?php endif; ?>

<?php $small_rating_summary = ''; ?>

<?php if($at_appearance[ 'appearance_reviews' ][ 'reviews_small_rating_nopadding' ]): ?>
	<?php $small_rating_summary .= 'padding:2px;background:none;'; ?>
<?php elseif(!empty($at_appearance[ 'appearance_reviews' ][ 'reviews_small_rating_bg' ])): ?>
	<?php $small_rating_summary .= 'background-color:' . $at_appearance[ 'appearance_reviews' ][ 'reviews_small_rating_bg' ] .';'; ?>
<?php endif; ?>
<?php if(!empty($small_rating_summary)): ?>
.product-info-main .product-reviews-summary .rating-summary{
	<?php echo $small_rating_summary; ?>
}
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_reviews' ][ 'reviews_block_top_bg' ])): ?>
.extended-review-summary,
.fieldset > .review-field-ratings.field:not(.choice), 
.review-field-ratings{ background-color:<?php echo $at_appearance[ 'appearance_reviews' ][ 'reviews_block_top_bg' ]; ?> }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_reviews' ][ 'reviews_block_text' ])): ?>
.review-fields-wrapper{ color:<?php echo $at_appearance[ 'appearance_reviews' ][ 'reviews_block_text' ]; ?> }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_reviews' ][ 'reviews_block_bg' ])): ?>
.review-fields-wrapper{ background-color:<?php echo $at_appearance[ 'appearance_reviews' ][ 'reviews_block_bg' ]; ?> }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_reviews' ][ 'reviews_block_top_text' ])): ?>
.extended-review-summary,
.fieldset > .review-field-ratings.field:not(.choice), 
.fieldset > .review-field-ratings.field:not(.choice) label,
.review-field-ratings{ color:<?php echo $at_appearance[ 'appearance_reviews' ][ 'reviews_block_top_text' ]; ?> }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_reviews' ][ 'reviews_block_top_rating' ])): ?>
.extended-review-summary .ratings-count .rating-result:before { background-color:<?php echo $at_appearance[ 'appearance_reviews' ][ 'reviews_block_top_rating' ]; ?> }
.review-field-ratings .review-control-vote:before { color:<?php echo $at_appearance[ 'appearance_reviews' ][ 'reviews_block_top_rating' ]; ?> }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_reviews' ][ 'reviews_block_text_big' ])): ?>
.extended-review-summary .ratings-value { color:<?php echo $at_appearance[ 'appearance_reviews' ][ 'reviews_block_text_big' ]; ?> }
<?php endif; ?>

<?php /* Toolbar */ ?>
<?php if('' != ($at_appearance[ 'appearance_toolbar' ][ 'toolbar_text_font_size' ])): ?>
<?php if($at_settings[ 'products_listing' ][ 'close_sidebar' ]): ?>
.filters-toggle-hide,
<?php endif; ?>
.toolbar-products { font-size: <?php echo $at_appearance[ 'appearance_toolbar' ][ 'toolbar_text_font_size' ]; ?>px }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_toolbar' ][ 'toolbar_background' ])): ?>
<?php if($at_settings[ 'products_listing' ][ 'close_sidebar' ]): ?>
.filters-toggle-hide,
<?php endif; ?>
.toolbar-products { background:<?php echo $at_appearance[ 'appearance_toolbar' ][ 'toolbar_background' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_toolbar' ][ 'toolbar_text' ])): ?>
<?php if($at_settings[ 'products_listing' ][ 'close_sidebar' ]): ?>
.filters-toggle-hide,
<?php endif; ?>
.toolbar-products { color:<?php echo $at_appearance[ 'appearance_toolbar' ][ 'toolbar_text' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_toolbar' ][ 'toolbar_icon_color' ])): ?>
<?php $root .= '--a2-toolbar-i-color:' . $at_appearance[ 'appearance_toolbar' ][ 'toolbar_icon_color' ] . ';'; ?>
.js-toolbar-switch:after { color:<?php echo $at_appearance[ 'appearance_toolbar' ][ 'toolbar_icon_color' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_toolbar' ][ 'toolbar_icon_hover_color' ])): ?>
<?php $root .= '--a2-toolbar-i-color-hover:' . $at_appearance[ 'appearance_toolbar' ][ 'toolbar_icon_hover_color' ] . ';'; ?>
.js-toolbar-switch:hover:after { color:<?php echo $at_appearance[ 'appearance_toolbar' ][ 'toolbar_icon_hover_color' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_toolbar' ][ 'toolbar_icon_bg' ])): ?>
<?php $root .= '--a2-toolbar-i-bg:' . $at_appearance[ 'appearance_toolbar' ][ 'toolbar_icon_bg' ] . ';'; ?>
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_toolbar' ][ 'toolbar_icon_hover_bg' ])): ?>
	<?php $root .= '--a2-toolbar-i-bg-hover:' . $at_appearance[ 'appearance_toolbar' ][ 'toolbar_icon_hover_bg' ] . ';'; ?>
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_toolbar' ][ 'toolbar_progress_line_color' ])): ?>
.ox-item-scroll__amount .amount-count-line,
.ox-product-scroll__amount .amount-count-line,
.toolbar-amount .amount-count-line { background:<?php echo $at_appearance[ 'appearance_toolbar' ][ 'toolbar_progress_line_color' ]; ?> }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_toolbar' ][ 'toolbar_progress_line_color_active' ])): ?>
.ox-item-scroll__amount .amount-count-line span,
.ox-product-scroll__amount .amount-count-line span,
.toolbar-amount .amount-count-line span { background:<?php echo $at_appearance[ 'appearance_toolbar' ][ 'toolbar_progress_line_color_active' ]; ?> }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_toolbar' ][ 'toolbar_dropdown_bg' ])): ?>
.js-toolbar-dropdown { background:<?php echo $at_appearance[ 'appearance_toolbar' ][ 'toolbar_dropdown_bg' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_toolbar' ][ 'toolbar_link_color' ])): ?>
.js-toolbar-dropdown { color:<?php echo $at_appearance[ 'appearance_toolbar' ][ 'toolbar_link_color' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_toolbar' ][ 'toolbar_link_hover_color' ])): ?>
.js-toolbar-dropdown > div:hover { color:<?php echo $at_appearance[ 'appearance_toolbar' ][ 'toolbar_link_hover_color' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_toolbar' ][ 'toolbar_link_hover_bg' ])): ?>
.js-toolbar-dropdown > div:hover { background:<?php echo $at_appearance[ 'appearance_toolbar' ][ 'toolbar_link_hover_bg' ]; ?> }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_toolbar' ][ 'toolbar_pager_color' ])): ?>
.pages .action.previous:before, .pages .action.next:before, .pages .action.previous:after, .pages .action.next:after{ background:<?php echo $at_appearance[ 'appearance_toolbar' ][ 'toolbar_pager_color' ]; ?> }
.pages a.page, .pages a.page:visited { color:<?php echo $at_appearance[ 'appearance_toolbar' ][ 'toolbar_pager_color' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_toolbar' ][ 'toolbar_pager_color_hover' ])): ?>
.pages .action.previous:hover:before, .pages .action.next:hover:before, .pages .action.previous:hover:after, .pages .action.next:hover:after{ background:<?php echo $at_appearance[ 'appearance_toolbar' ][ 'toolbar_pager_color_hover' ]; ?> }
.pages a.page:hover { color:<?php echo $at_appearance[ 'appearance_toolbar' ][ 'toolbar_pager_color_hover' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_toolbar' ][ 'toolbar_pager_bg' ])): ?>
.pages .item:after { background:<?php echo $at_appearance[ 'appearance_toolbar' ][ 'toolbar_pager_bg' ]; ?> }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_toolbar' ][ 'toolbar_pager_active_color' ])): ?>
.pages strong.page { color:<?php echo $at_appearance[ 'appearance_toolbar' ][ 'toolbar_pager_active_color' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_toolbar' ][ 'toolbar_pager_active_bg' ])): ?>
.pages strong.page { background:<?php echo $at_appearance[ 'appearance_toolbar' ][ 'toolbar_pager_active_bg' ]; ?> }
<?php endif; ?>

<?php /* Product */ ?>
<?php $prod_name = ''; ?>
<?php if($at_appearance[ 'appearance_product' ][ 'product_name_text_transform' ] != '' ): ?>
<?php $prod_name .= 'text-transform: ' . $at_appearance[ 'appearance_product' ][ 'product_name_text_transform' ] . ';'; ?>
<?php endif; ?>
<?php if($at_appearance[ 'appearance_product' ][ 'product_name_letter_spacing' ] != '' ): ?>
	<?php $prod_name .= 'letter-spacing: ' . $at_appearance[ 'appearance_product' ][ 'product_name_letter_spacing' ] .'px;'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_name_font_weight' ])): ?>
	<?php $prod_name .= 'font-weight: ' . $at_appearance[ 'appearance_product' ][ 'product_name_font_weight' ] .';'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_name_font_size' ])): ?>
	<?php $prod_name .= 'font-size: ' . $at_appearance[ 'appearance_product' ][ 'product_name_font_size' ] .'px;'; ?>
<?php endif; ?>

<?php if(!empty($prod_name)): ?>
.product-info-main .page-title-wrapper .page-title {
 <?php echo $prod_name; ?>
}
<?php endif; ?>

<?php 

/* PRoduct Page Old Price  */

?>
<?php $prod_price = $prod_price_fallback = ''; ?>
<?php if($at_appearance[ 'appearance_product' ][ 'product_price_letter_spacing' ] != '' ): ?>
	<?php $prod_price_fallback .= 'letter-spacing: ' . $at_appearance[ 'appearance_product' ][ 'product_price_letter_spacing' ] .'px;'; ?>
	<?php $prod_price .= '--a2-prod-price-ls:' . $at_appearance[ 'appearance_product' ][ 'product_price_letter_spacing' ] . 'px;'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_price_font_weight' ])): ?>
	<?php $prod_price_fallback .= 'font-weight: ' . $at_appearance[ 'appearance_product' ][ 'product_price_font_weight' ] .';'; ?>
	<?php $prod_price .= '--a2-prod-price-fw:' . $at_appearance[ 'appearance_product' ][ 'product_price_font_weight' ] . ';'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_price_font_size' ])): ?>
	<?php $prod_price_fallback .= 'font-size: ' . $at_appearance[ 'appearance_product' ][ 'product_price_font_size' ] . 'px;'; ?>
	<?php $prod_price .= '--a2-prod-price-fs:' . $at_appearance[ 'appearance_product' ][ 'product_price_font_size' ] . 'px;'; ?>
<?php endif; ?>

<?php if($global_fallback && !empty($prod_price_fallback)): ?>
.product-info-main .price-box .price-wrapper, 
.product-options-bottom .price-box .price-wrapper,
.product-info-main .price-box .price-wrapper .price, 
.product-options-bottom .price-box .price-wrapper .price{
 <?php echo $prod_price_fallback; ?>
}
<?php endif; ?>
<?php if(!empty($prod_price)): ?>
.product-info-main,.product-options-bottom{
	<?php echo $prod_price; ?>
}
<?php endif; ?>


<?php 

/* PRoduct Page Old Price  */

?>
<?php $prod_old_price = $prod_old_price_fallback = ''; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_old_price_font_weight' ])): ?>
	<?php $prod_old_price_fallback .= 'font-weight: ' . $at_appearance[ 'appearance_product' ][ 'product_old_price_font_weight' ] .';'; ?>
	<?php $prod_old_price .= '--a2-prod-price-fw:' . $at_appearance[ 'appearance_product' ][ 'product_old_price_font_weight' ] . ';'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_old_price_font_size' ])): ?>
	<?php $prod_old_price_fallback .= 'font-size: ' . $at_appearance[ 'appearance_product' ][ 'product_old_price_font_size' ] . 'px;'; ?>
	<?php $prod_old_price .= '--a2-prod-price-fs:' . $at_appearance[ 'appearance_product' ][ 'product_old_price_font_size' ] . 'px;'; ?>
<?php endif; ?>
<?php if($global_fallback && !empty($prod_old_price_fallback)): ?>
.product-info-main .price-box .old-price .price-wrapper, 
.product-options-bottom .price-box .old-price .price-wrapper,
.product-info-main .price-box .old-price .price-wrapper .price, 
.product-options-bottom .price-box .old-price .price-wrapper .price{
 <?php echo $prod_old_price_fallback; ?>
}
<?php endif; ?>
<?php if(!empty($prod_old_price)): ?>
.product-info-main .old-price,.product-options-bottom .old-price{
	<?php echo $prod_old_price; ?>
}
<?php endif; ?>

<?php if($at_appearance[ 'appearance_product' ][ 'desc_border_top' ] || $at_appearance[ 'appearance_product' ][ 'desc_border_bottom' ]): ?>
	<?php $border_color = !empty($at_appearance[ 'appearance_product' ][ 'desc_border_color' ]) ? $at_appearance[ 'appearance_product' ][ 'desc_border_color' ] : 'rgba(0, 0, 0, 0.1)'; ?>
	.product-info-main .product.attribute.overview{
		<?php if($at_appearance[ 'appearance_product' ][ 'desc_border_top' ]): ?>
		padding-top: 20px;
		border-top: 1px solid <?php echo $border_color ?>;
		<?php endif; ?>
		<?php if($at_appearance[ 'appearance_product' ][ 'desc_border_bottom' ]): ?>
		padding-bottom: 20px;
		border-bottom: 1px solid <?php echo $border_color ?>;
		<?php endif; ?>
	}
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_images_bg' ])): ?>
.product.media .fotorama__stage,
.product-grid__image-wrapper,
.product.media .gallery__image-wrapper { background-color: <?php echo $at_appearance[ 'appearance_product' ][ 'product_images_bg' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_images_popup_bg' ])): ?>
.fotorama--fullscreen,
.pswp__bg { background-color: <?php echo $at_appearance[ 'appearance_product' ][ 'product_images_popup_bg' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_images_popup_text' ])): ?>
.pswp__counter { background-color: <?php echo $at_appearance[ 'appearance_product' ][ 'product_images_popup_text' ]; ?> }
<?php endif; ?>

<?php if((!$at_settings['product']['gallery_layout'] || $at_settings['product']['gallery_layout'] == 'fast') && $value = $at_settings['product_images']['product_image_height']): ?>
	.product.media .fotorama__stage{ max-height: <?php echo (int)$value ?>px }
<?php endif; ?>
<?php if((!$at_settings['product']['gallery_layout'] || $at_settings['product']['gallery_layout'] == 'fast') && $at_settings['product']['gallery_navdir'] == 'vertical'): ?>
	@media (min-width: 768px){
		.product.media .ox-product-labels-wrapper{padding-left: 100px;} 
		.product.media .gallery-placeholder._block-content-loading .gallery-placeholder__image{margin-left:90px; max-width: calc(100% - 90px);}
	}
<?php endif; ?>
<?php if($at_appearance[ 'appearance_product' ][ 'product_images_thumb_bordered' ] == 'bordered'): ?>
<?php $value = !empty($at_appearance[ 'appearance_product' ][ 'product_images_thumb_border_color' ]) ? $at_appearance[ 'appearance_product' ][ 'product_images_thumb_border_color' ] : 'rgba(0, 0, 0, 0.08)'; ?>
.fotorama__nav-wrap--horizontal .fotorama__nav--thumbs .fotorama__nav__frame--thumb{
	padding: 4px 4px 0 0 !important;
	box-sizing: border-box;
}
.fotorama__nav-wrap--vertical .fotorama__nav--thumbs .fotorama__nav__frame--thumb{
	padding: 0 4px 4px 0 !important;
}
.fotorama__thumb{
	background: white;
	border: 1px solid <?php echo $value ?>;
    box-sizing: border-box;
}
.fotorama__thumb .fotorama__img{
	padding: 4px;
	box-sizing: border-box;
}
.fotorama__nav__frame--thumb.fotorama__active .fotorama__thumb{
	border-color:black;
}
.fotorama__thumb-border{
	display:none!important;
}
<?php endif; ?>

<?php 
$value = $at_appearance[ 'appearance_product' ][ 'product_price_color' ];
if(!empty($value)): ?>
<?php //$root .= '--a2-price:' . $value . ';'; ?>
.price-container .price,
.price-box .price { color: <?php echo $value; ?> }
<?php endif; ?>

<?php 
$value = $at_appearance[ 'appearance_product' ][ 'product_old_price_color' ];
if(!empty($value )): ?>
<?php //$root .= '--a2-old-price:' . $value . ';'; ?>
.product-info-main .price-box .old-price .price-wrapper span,
.product-info-main .price-box .old-price .price-wrapper .price, 
.product-options-bottom .price-box .old-price .price-wrapper .price,
.product-item .product-list-view__right-wrapper .price-box .old-price .price-container .price,
.products-grid .product-item .price-box .old-price .price-container .price,
.old-price .price-box .price,
.old-price .price-wrapper span { color: <?php echo $value ; ?> }
<?php endif; ?>

<?php
$value = $at_appearance[ 'appearance_product' ][ 'product_page_price_color' ];
if(!empty($value )): ?>
<?php //$root .= '--a2-pp-price:' . $value . ';'; ?>
.product-info-main .price-box .price-wrapper .price, 
.product-options-bottom .price-box .price-wrapper .price { color: <?php echo $value; ?>  }
<?php endif; ?>
<?php
$value = $at_appearance[ 'appearance_product' ][ 'product_special_price_color' ];
if(!empty($value )): ?>
<?php //$root .= '--a2-special-price:' . $value . ';'; ?>
.product-info-main .price-box .special-price .price-wrapper .price, 
.product-options-bottom .price-box .special-price .price-wrapper .price,
.special-price .price, 
.product-item .special-price .price-box .price-container,
.product-item .special-price .price-container .price,
.product-item .product-list-view__right-wrapper .price-box .special-price .price-container .price,
.products-grid .product-item .price-box .special-price .price-container .price,
.special-price .price-box .price { color: <?php echo $value; ?> }
<?php endif; ?>

<?php /* Product Page actions */ ?>

<?php 
$value = $at_appearance[ 'appearance_product' ][ 'product_page_actions' ];
if(!empty($value)): ?>
<?php $root .= '--a2-prod-icon-color: ' . $value . ';'; ?>
.action.mailto.friend,
:is(.product-info-main,.product-options-bottom ) .product-social-links .product__social-share,
:is(.product-info-main,.product-options-bottom ) .product-social-links .product__social-share .social-share__action .icon, 
:is(.product-info-main,.product-options-bottom ) .product__social-share .social-share__action .icon
{ color: <?php echo $value; ?>  }
<?php endif; ?>
<?php
$value = $at_appearance[ 'appearance_product' ][ 'product_page_actions_hover' ];
if(!empty($value)): ?>
<?php //$root .= '--a2-prod-icon-color-hover: ' . $value . ';'; ?>
.action.mailto.friend:hover,
:is(.product-info-main,.product-options-bottom ) .product-social-links .product__social-share:hover,
:is(.product-info-main,.product-options-bottom ) .product-social-links .product__social-share .social-share__action:hover .icon, 
:is(.product-info-main,.product-options-bottom ) .product__social-share .social-share__action:hover .icon,
:where(.block-bundle-summary, .product-info-main, .product-options-bottom) .action:is(.tocompare, .towishlist):hover 
{ color: <?php echo $value; ?>  }
<?php endif; ?>

<?php /* Actions popup, tooltip */ ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_actions_popup_bg' ])): ?>
.product-info-main .product__social-share .social-share__content, 
.product-options-bottom .product__social-share .social-share__content { background-color: <?php echo $at_appearance[ 'appearance_product' ][ 'product_page_actions_popup_bg' ]; ?>  }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_actions_popup_text' ])): ?>
.product-info-main .product__social-share .social-share__content .ox-social-button, 
.product-options-bottom .product__social-share .social-share__content .ox-social-button { color: <?php echo $at_appearance[ 'appearance_product' ][ 'product_page_actions_popup_text' ]; ?>  }
<?php endif; ?>
 
<?php /* Add to cart */
$prefix = $at_settings[ 'product_bar' ][ 'enabled' ] ? '.product-bar' : '';
?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_button_text_color' ])): ?>
:is(<?php echo empty($at_appearance[ 'appearance_product_bar' ][ 'button_text_color' ]) ? $prefix : ''; ?>, .product-info-main, .product-options-bottom) .box-tocart .action.tocart { color: <?php echo $at_appearance[ 'appearance_product' ][ 'product_page_button_text_color' ]; ?>  }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_button_bg_color' ])): ?>
:is(<?php echo empty($at_appearance[ 'appearance_product_bar' ][ 'button_bg_color' ]) ? $prefix : ''; ?>, .product-info-main, .product-options-bottom) .box-tocart .action.tocart { background-color: <?php echo $at_appearance[ 'appearance_product' ][ 'product_page_button_bg_color' ]; ?>  }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_button_text_hover' ])): ?>
:is(<?php echo empty($at_appearance[ 'appearance_product_bar' ][ 'button_text_hover' ]) ? $prefix : ''; ?>, .product-info-main, .product-options-bottom) .box-tocart .action.tocart:hover { color: <?php echo $at_appearance[ 'appearance_product' ][ 'product_page_button_text_hover' ]; ?>  }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_button_bg_hover' ])): ?>
<?php if($prefix && empty($at_appearance[ 'appearance_product_bar' ][ 'button_bg_hover' ])){ ?>
.product-bar .box-tocart .action.tocart:after, 
<?php } ?>
.product-info-main .box-tocart .action.tocart:after, 
.product-options-bottom .box-tocart .action.tocart:after { background-color: <?php echo $at_appearance[ 'appearance_product' ][ 'product_page_button_bg_hover' ]; ?>  }
<?php endif; ?>

<?php /* Product Tabs */ ?>
<?php 
$tabsPrefix1 = $at_settings[ 'product' ][ 'product_tabs_style' ] ? ('.tabs-style--' . $at_settings[ 'product' ][ 'product_tabs_style' ] . ' ') : '';
$tabsPrefix2 = $at_settings[ 'product' ][ 'product_tabs_accordion' ] ? '.accordion' : '';
?>

<?php if($at_appearance[ 'appearance_product' ][ 'product_page_more_info_style' ] == '2'){ ?>
	.product.info.detailed .additional-attributes{
		width:100%;
	}
	.product.info.detailed .additional-attributes .col{
		padding: 14px 20px;
	}
	.product.info.detailed .additional-attributes tr + tr .col{
		border-top: 1px solid  rgba(0, 0, 0, 0.1);
	}
	.product.info.detailed .additional-attributes th.col{
		text-transform: initial;
		background: #f4f4f4;
		width: 30%;
	}
	.product.info.detailed .additional-attributes td.col{
		width: 70%;
	}
	@media only screen and (max-width: 639px){
		.product.info.detailed .additional-attributes.table  > tbody > tr .col:is(th,td){
			width: 100%;
			display: block!important;
			padding: 7px!important;
			border:none!important;
		}
		.product.info.detailed .additional-attributes.table  > tbody > tr [data-th]:is(th,td):before{
			content:none!important;
		}
	}
<?php 
if($tabsPrefix1){
	$desktop_styles[] = '.tabs-style--minimal .product.data.items.accordion .additional-attributes th {
		padding-left: 20px;
	}';
} ?>
<?php }?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_tab_moreinfo_font_size' ])): ?>
	<?php $desktop_styles[] = '.product.info.detailed .additional-attributes .col{font-size: ' . (int)$at_appearance[ 'appearance_product' ][ 'product_page_tab_moreinfo_font_size' ] . 'px;}'; ?>
<?php elseif($at_appearance[ 'appearance_product' ][ 'product_page_more_info_style' ] == '2'): ?>
	<?php $desktop_styles[] = '.product.info.detailed .additional-attributes .col{font-size: 16px;}'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_tab_details_font_size' ])): ?>
	<?php $desktop_styles[] = '.product.info.detailed .product.attribute.description{font-size: ' . (int)$at_appearance[ 'appearance_product' ][ 'product_page_tab_details_font_size' ] . 'px;}'; ?>
<?php endif; ?>

<?php if($at_settings[ 'product' ][ 'product_tabs_accordion' ] &&  $at_appearance[ 'appearance_product' ][ 'product_page_accordion_title_size' ] == 'bigger'){ ?>
	    .product.data.items.accordion{
            --a2-tab-t-padding:22px;
    }
<?php }?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_tab_content_text' ])): ?>
.product.data.items > .item.content { color:<?php echo $at_appearance[ 'appearance_product' ][ 'product_page_tab_content_text' ]; ?> }
@media only screen and (max-width: 639px){
.table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr td[data-th]:before,
.table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr th[data-th]:before { color:<?php echo $at_appearance[ 'appearance_product' ][ 'product_page_tab_content_text' ]; ?> }
}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_tab_content_bg' ])): ?>
.catalog-product-view .product.data.items > .item.content { background-color: <?php echo $at_appearance[ 'appearance_product' ][ 'product_page_tab_content_bg' ]; ?>  }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_tab_color' ])): ?>
<?php if(empty($at_appearance[ 'my_account' ][ 'tab_color' ])): ?>
<?php $desktop_styles[] = '.order-links .item a:visited,
.order-links .item strong, 
.order-links .item a,'; ?>
<?php endif; ?>
<?php $desktop_styles[] = $tabsPrefix1 . '.product.data.items' . $tabsPrefix2 . ' > .item.title > .switch:visited,' .
$tabsPrefix1 . '.product.data.items' . $tabsPrefix2 . ' > .item.title > .switch{ color: ' . $at_appearance[ 'appearance_product' ][ 'product_page_tab_color' ] . '  }' .
$tabsPrefix1 . '.product.data.items.accordion > .item.title > .switch:after,' .
$tabsPrefix1 . '.product.data.items.accordion > .item.title > .switch:before{ background-color: ' . $at_appearance[ 'appearance_product' ][ 'product_page_tab_color' ] . '  }'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_tab_bg' ])): ?>
<?php if(empty($at_appearance[ 'my_account' ][ 'tab_bg' ])): ?>
<?php $desktop_styles[] = '.order-links .item a:before,'; ?>
<?php endif; ?>
<?php $desktop_styles[] = '.product.data.items.accordion > .item.title > .switch,
.product.data.items > .item.title > .switch:before{ background-color: ' . $at_appearance[ 'appearance_product' ][ 'product_page_tab_bg' ] . '  }'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_tab_hover_color' ])): ?>
<?php if(empty($at_appearance[ 'my_account' ][ 'tab_hover_color' ])): ?>
<?php $desktop_styles[] = '.order-links .item a:focus, 
.order-links .item a:hover,'; ?>
<?php endif; ?>
<?php $desktop_styles[] = $tabsPrefix1 . '.product.data.items' . $tabsPrefix2 . ' > .item.title > .switch:focus,' .
$tabsPrefix1 . '.product.data.items' . $tabsPrefix2 . ' > .item.title > .switch:hover{ color: ' . $at_appearance[ 'appearance_product' ][ 'product_page_tab_hover_color' ] . '  }' .
$tabsPrefix1 . '.product.data.items.accordion > .item.title > .switch:focus:after, ' .
$tabsPrefix1 . '.product.data.items.accordion > .item.title > .switch:focus:before,' .
$tabsPrefix1 . '.product.data.items.accordion > .item.title > .switch:hover:after, ' .
$tabsPrefix1 . '.product.data.items.accordion > .item.title > .switch:hover:before{ background-color: ' . $at_appearance[ 'appearance_product' ][ 'product_page_tab_hover_color' ] . '  }'; ?>

<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_tab_active_color' ])): ?>
<?php if(empty($at_appearance[ 'my_account' ][ 'tab_active_color' ])): ?>
<?php $desktop_styles[] = '.order-links .item.current strong,'; ?>
<?php endif; ?>
<?php $desktop_styles[] = $tabsPrefix1 . '.product.data.items' . $tabsPrefix2 . ' > .item.title:not(.disabled) > .switch:active,' .
$tabsPrefix1 . '.product.data.items' . $tabsPrefix2 . ' > .item.title.active > .switch,' . 
$tabsPrefix1 . '.product.data.items' . $tabsPrefix2 . ' > .item.title.active > .switch:focus,' .
$tabsPrefix1 . '.product.data.items' . $tabsPrefix2 . ' > .item.title.active > .switch:hover{ color: ' . $at_appearance[ 'appearance_product' ][ 'product_page_tab_active_color' ] . '  }' .
$tabsPrefix1 . '.product.data.items.accordion .item.title.active > .switch:after,' .
$tabsPrefix1 . '.product.data.items.accordion .item.title.active > .switch:before { background: ' . $at_appearance[ 'appearance_product' ][ 'product_page_tab_active_color' ] . '}'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_tab_active_bg' ])): ?>
<?php $desktop_styles[] = '.tabs-style--minimal .product.data.items > .item.title > .switch:before,'; ?>
<?php if(empty($at_appearance[ 'my_account' ][ 'tab_active_bg' ])): ?>
<?php $desktop_styles[] = '.order-links .item.current strong,'; ?>
<?php endif; ?>
<?php if($at_settings[ 'product' ][ 'product_tabs_accordion' ]): ?>
<?php $desktop_styles[] = '.product.data.items.accordion > .item.title:not(.disabled) > .switch:active, 
.product.data.items.accordion > .item.title.active > .switch, 
.product.data.items.accordion > .item.title.active > .switch:focus, 
.product.data.items.accordion > .item.title.active > .switch:hover,
.product.data.items.accordion > .item.title > .switch:focus, 
.product.data.items.accordion > .item.title > .switch:hover,
.product.data.items.accordion > .item.title:not(.disabled) > .switch:focus, 
.product.data.items.accordion > .item.title:not(.disabled) > .switch:hover,'; ?>
<?php endif; ?>
<?php $desktop_styles[] = '.product.data.items > .item.title > .switch:after{ background-color: ' . $at_appearance[ 'appearance_product' ][ 'product_page_tab_active_bg' ] . '  }'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_tab_divider_color' ])): ?>
<?php $desktop_styles[] = $tabsPrefix1 . '.product.data.items.tabs > .item.content:before { background-color: ' . $at_appearance[ 'appearance_product' ][ 'product_page_tab_divider_color' ] . ' }'; ?>
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_tab_divider_color' ])): ?>
<?php $desktop_styles[] = $tabsPrefix1 . '.product.data.items.accordion > .item.title { border-color: ' . $at_appearance[ 'appearance_product' ][ 'product_page_tab_divider_color' ] . ' }'; ?>
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_accordion_text_color' ])): ?>
<?php if(empty($at_appearance[ 'my_account' ][ 'accordion_text_color' ])): ?>
<?php $mobile_styles[] = '.order-links .item a:visited,
.order-links .item strong, 
.order-links .item a,'; ?>
<?php endif; ?>
<?php $mobile_styles[] = $tabsPrefix1 . '.product.data.items' . $tabsPrefix2 . ' > .item.title > .switch,' .
$tabsPrefix1 . '.product.data.items' . $tabsPrefix2 . ' > .item.title > .switch:visited  { color: ' . $at_appearance[ 'appearance_product' ][ 'product_page_accordion_text_color' ] . '  }' .
$tabsPrefix1 . '.product.data.items' . $tabsPrefix2 . ' .item.title > .switch:after, ' .
$tabsPrefix1 . '.product.data.items' . $tabsPrefix2 . ' .item.title > .switch:before { background-color: ' . $at_appearance[ 'appearance_product' ][ 'product_page_accordion_text_color' ] . '  }'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_tab_bg' ])): ?>

<?php if(empty($at_appearance[ 'my_account' ][ 'tab_bg' ])): ?>
<?php $mobile_styles[] = '.order-links .item strong, .order-links .item a,'; ?>
<?php endif; ?>
<?php $mobile_styles[] = '.product.data.items' . $tabsPrefix2 . ' > .item.title > .switch { background-color: ' . $at_appearance[ 'appearance_product' ][ 'product_page_tab_bg' ] . '  }'; ?>
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_tab_active_color' ])): ?>
<?php $mobile_styles[] = $tabsPrefix1 . '.product.data.items' . $tabsPrefix2 . ' .item.title.active > .switch:after, ' .
$tabsPrefix1 . '.product.data.items' . $tabsPrefix2 . ' .item.title.active > .switch:before { background: ' . $at_appearance[ 'appearance_product' ][ 'product_page_tab_active_color' ] . '}'; ?>
<?php if(empty($at_appearance[ 'my_account' ][ 'tab_active_color' ])): ?>
<?php $mobile_styles[] = '.order-links .item.current strong,'; ?>
<?php endif; ?>
<?php $mobile_styles[] = $tabsPrefix1 . '.product.data.items' . $tabsPrefix2 . ' > .item.title:not(.disabled) > .switch:active,' .
$tabsPrefix1 . '.product.data.items' . $tabsPrefix2 . ' > .item.title.active > .switch, ' .
$tabsPrefix1 . '.product.data.items' . $tabsPrefix2 . ' > .item.title.active > .switch:focus, ' .
$tabsPrefix1 . '.product.data.items' . $tabsPrefix2 . ' > .item.title.active > .switch:hover,' .
$tabsPrefix1 . '.product.data.items' . $tabsPrefix2 . ' > .item.title > .switch:hover,' .
$tabsPrefix1 . '.product.data.items' . $tabsPrefix2 . ' .item.title.active > .switch,' .
$tabsPrefix1 . '.product.data.items' . $tabsPrefix2 . ' .item.title.active > .switch:visited { color: ' . $at_appearance[ 'appearance_product' ][ 'product_page_tab_active_color' ] . '  }'; ?> 
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_tab_active_bg' ])): ?>

<?php if(empty($at_appearance[ 'my_account' ][ 'tab_active_bg' ])): ?>
<?php $mobile_styles[] = '.order-links .item.current strong,'; ?>
<?php endif; ?>
<?php $mobile_styles[] = '.product.data.items' . $tabsPrefix2 . ' > .item.title:not(.disabled) > .switch:focus, 
.product.data.items' . $tabsPrefix2 . ' > .item.title:not(.disabled) > .switch:hover,
.product.data.items' . $tabsPrefix2 . ' > .item.title:not(.disabled) > .switch:active, 
.product.data.items' . $tabsPrefix2 . ' > .item.title.active > .switch, 
.product.data.items' . $tabsPrefix2 . ' > .item.title.active > .switch:focus, 
.product.data.items' . $tabsPrefix2 . ' > .item.title.active > .switch:hover {background-color: ' . $at_appearance[ 'appearance_product' ][ 'product_page_tab_active_bg' ] . '  }'; ?>
<?php endif; ?>


<?php /* Prev Next */ ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_prevnext_arrow_bg' ])): ?>
.ox-prev-next__link .ox-prev-next__arrow { background-color: <?php echo $at_appearance[ 'appearance_product' ][ 'product_page_prevnext_arrow_bg' ]; ?>  }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_prevnext_arrow' ])): ?>
.ox-prev-next__link .ox-prev-next__arrow svg { fill: <?php echo $at_appearance[ 'appearance_product' ][ 'product_page_prevnext_arrow' ]; ?>  }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_prevnext_content_bg' ])): ?>
.ox-prev-next__link .inner { background-color: <?php echo $at_appearance[ 'appearance_product' ][ 'product_page_prevnext_content_bg' ]; ?>  }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_prevnext_text' ])): ?>
.ox-prev-next__link .inner { color: <?php echo $at_appearance[ 'appearance_product' ][ 'product_page_prevnext_text' ]; ?>  }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_page_prevnext_link' ])): ?>
.ox-prev-next__link .label { color: <?php echo $at_appearance[ 'appearance_product' ][ 'product_page_prevnext_link' ]; ?>  }
<?php endif; ?>

<?php /* Product Page Arrows */ ?>
<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'arrows_product_icon_color' ])): ?>
.pswp .pswp__button:after, 
.pswp .pswp__button:before,
#ox-zoom-cursor span:after, #ox-zoom-cursor span:before,
.fotorama__arr .fotorama__arr__arr:before, 
.fotorama__arr .fotorama__arr__arr:after,
.fotorama__thumb--icon:before,
.fotorama__thumb--icon:after,
.fotorama__fullscreen .fotorama__zoom-in:before, 
.fotorama__fullscreen .fotorama__zoom-in:after,
.fotorama__fullscreen .fotorama__zoom-out:before,
.fotorama--fullscreen .fotorama__fullscreen-icon:after, 
.fotorama--fullscreen .fotorama__fullscreen-icon:before { background-color: <?php echo $at_appearance[ 'appearance_arrows' ][ 'arrows_product_icon_color' ]; ?>  }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'arrows_product_icon_hover_color' ])): ?>
.pswp .pswp__button:hover:after, 
.pswp .pswp__button:hover:before,
.fotorama__zoom-out:hover:before, 
.fotorama__zoom-out:hover:after, 
.fotorama__zoom-in:hover:before, 
.fotorama__zoom-in:hover:after,
.fotorama__thumb--icon:hover:before,
.fotorama__thumb--icon:hover:after,
.fotorama__arr .fotorama__arr__arr:hover:before, 
.fotorama__arr .fotorama__arr__arr:hover:after ,
.fotorama__fullscreen .fotorama__zoom-in:hover:before, 
.fotorama__fullscreen .fotorama__zoom-in:hover:after,
.fotorama--fullscreen .fotorama__fullscreen-icon:hover:after, 
.fotorama--fullscreen .fotorama__fullscreen-icon:hover:before { background-color: <?php echo $at_appearance[ 'appearance_arrows' ][ 'arrows_product_icon_hover_color' ]; ?>  }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'arrows_product_bg_color' ])): ?>
.pswp .pswp__button,
 #ox-zoom-cursor span,
.fotorama__fullscreen-icon,
.fotorama__fullscreen .fotorama__zoom-in, 
.fotorama__fullscreen .fotorama__zoom-out,
.fotorama__thumb--icon,
.fotorama__arr .fotorama__arr__arr { background-color: <?php echo $at_appearance[ 'appearance_arrows' ][ 'arrows_product_bg_color' ]; ?>  }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'arrows_product_bg_hover_color' ])): ?>
.pswp .pswp__button:hover,
.fotorama--fullscreen .fotorama__fullscreen-icon:hover, 
.fotorama__zoom-out:hover, 
.fotorama__zoom-in:hover,
.fotorama__thumb--icon:hover,
.fotorama__arr .fotorama__arr__arr:hover{ background-color: <?php echo $at_appearance[ 'appearance_arrows' ][ 'arrows_product_bg_hover_color' ]; ?>  }
<?php endif; ?>

<?php /* Carousel Arrows */ ?>
<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'arrows_icon_color' ])): ?>
	<?php $root .= '--a2-owl-nav-arrow:' . $at_appearance[ 'appearance_arrows' ][ 'arrows_icon_color' ] . ';'; ?>
	<?php if($global_fallback): ?>
	.owl-nav button.owl-next span:before, .owl-nav button.owl-prev span:before, 
	.owl-nav button.owl-next span:after, .owl-nav button.owl-prev span:after { background-color: <?php echo $at_appearance[ 'appearance_arrows' ][ 'arrows_icon_color' ]; ?>  }
	<?php endif; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'arrows_bg_color' ])): ?>
	<?php $root .= '--a2-owl-nav-bg:' . $at_appearance[ 'appearance_arrows' ][ 'arrows_bg_color' ] . ';'; ?>
	<?php if($global_fallback): ?>
	.crosssell .owl-carousel .owl-nav button.owl-next, 
	.related .owl-carousel .owl-nav button.owl-next, 
	.upsell .owl-carousel .owl-nav button.owl-next, 
	.crosssell .owl-carousel .owl-nav button.owl-prev, 
	.related .owl-carousel .owl-nav button.owl-prev, 
	.upsell .owl-carousel .owl-nav button.owl-prev,
	.owl-carousel.widget-product-grid .owl-nav button.owl-next, 
	.owl-carousel.widget-product-grid .owl-nav button.owl-prev,
	.owl-nav button.owl-next, 
	.owl-nav button.owl-prev { background-color: <?php echo $at_appearance[ 'appearance_arrows' ][ 'arrows_bg_color' ]; ?>  }
	<?php endif; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'arrows_icon_hover_color' ])): ?>
	<?php $root .= '--a2-owl-nav-arrow-hover:' . $at_appearance[ 'appearance_arrows' ][ 'arrows_icon_hover_color' ] . ';'; ?>
	<?php if($global_fallback): ?>
	.owl-nav button.owl-next:hover span:before, .owl-nav button.owl-prev:hover span:before, 
	.owl-nav button.owl-next:hover span:after, .owl-nav button.owl-prev:hover span:after{ background-color: <?php echo $at_appearance[ 'appearance_arrows' ][ 'arrows_icon_hover_color' ]; ?>  }
	<?php endif; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'arrows_bg_hover_color' ])): ?>
	<?php $root .= '--a2-owl-nav-bg-hover:' . $at_appearance[ 'appearance_arrows' ][ 'arrows_bg_hover_color' ] . ';'; ?>
	<?php if($global_fallback): ?>
	.crosssell .owl-carousel .owl-nav button.owl-next:after, 
	.related .owl-carousel .owl-nav button.owl-next:after, 
	.upsell .owl-carousel .owl-nav button.owl-next:after, 
	.crosssell .owl-carousel .owl-nav button.owl-prev:after, 
	.related .owl-carousel .owl-nav button.owl-prev:after, 
	.upsell .owl-carousel .owl-nav button.owl-prev:after,
	.owl-carousel.widget-product-grid .owl-nav button.owl-next:after, 
	.owl-carousel.widget-product-grid .owl-nav button.owl-prev:after,
	.owl-nav button.owl-next:after, 
	.owl-nav button.owl-prev:after{ background-color: <?php echo $at_appearance[ 'appearance_arrows' ][ 'arrows_bg_hover_color' ]; ?>  }
	<?php endif; ?>
<?php endif; ?>

<?php /* Dots */ ?>
<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'carousel_dot_color' ])): ?>
.fotorama__dot,
.owl-carousel .owl-dots button.owl-dot span { background-color: <?php echo $at_appearance[ 'appearance_arrows' ][ 'carousel_dot_color' ]; ?>  }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'carousel_dot_active_color' ])): ?>
.fotorama__active .fotorama__dot,
.ox-css-dots > a span,
.owl-carousel .owl-dots button.owl-dot:hover span,
.owl-carousel .owl-dots button.owl-dot.active span { background-color: <?php echo $at_appearance[ 'appearance_arrows' ][ 'carousel_dot_active_color' ]; ?>  }
<?php endif; ?>


<?php /* Slideshow */ ?>
<?php if($athleteSlideshow): ?>
	<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'slideshow_arrow_icon_color' ])): ?>
	.athlete-slideshow .slide .controls .slide-control span:after, 
	.athlete-slideshow .slide .controls .slide-control span:before { background-color: <?php echo $at_appearance[ 'appearance_arrows' ][ 'slideshow_arrow_icon_color' ]; ?>  }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'slideshow_arrow_icon_hover_color' ])): ?>
	.athlete-slideshow .slide .controls .slide-control:hover span:after,
	.athlete-slideshow .slide .controls .slide-control:hover span:before { background-color: <?php echo $at_appearance[ 'appearance_arrows' ][ 'slideshow_arrow_icon_hover_color' ]; ?>  }
	<?php endif; ?>

	<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'slideshow_arrow_background' ])): ?>
	.athlete-slideshow .slide .controls .slide-control { background-color: <?php echo $at_appearance[ 'appearance_arrows' ][ 'slideshow_arrow_background' ]; ?>  }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'slideshow_arrow_background_hover' ])): ?>
	.athlete-slideshow .slide .controls .slide-control:after { background-color: <?php echo $at_appearance[ 'appearance_arrows' ][ 'slideshow_arrow_background_hover' ]; ?>  }
	<?php endif; ?>

	<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'slideshow_progress_line' ])): ?>
	.athlete-slideshow .slide .controls .progress { background-color: <?php echo $at_appearance[ 'appearance_arrows' ][ 'slideshow_progress_line' ]; ?>  }
	<?php endif; ?>
<?php endif; ?>


<?php /* Banner Slider */ 
$brandSlider = '';
?>
<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'brand_arrows_icon_color' ])): ?>
	<?php $brandSlider .= '--a2-owl-nav-arrow:' . $at_appearance[ 'appearance_arrows' ][ 'brand_arrows_icon_color' ] . ';'; ?>
	<?php if($global_fallback): ?>
	.ox-brand-slider__container .ox-owl-nav button.owl-next span:after, 
	.ox-brand-slider__container .ox-owl-nav button.owl-prev span:after, 
	.ox-brand-slider__container .ox-owl-nav button.owl-next span:before, 
	.ox-brand-slider__container .ox-owl-nav button.owl-prev span:before { background-color: <?php echo $at_appearance[ 'appearance_arrows' ][ 'brand_arrows_icon_color' ]; ?>  }
	<?php endif; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'brand_arrows_icon_hover_color' ])): ?>
	<?php $brandSlider .= '--a2-owl-nav-arrow-hover:' . $at_appearance[ 'appearance_arrows' ][ 'brand_arrows_icon_hover_color' ] . ';'; ?>
	<?php if($global_fallback): ?>
	.ox-brand-slider__container .ox-owl-nav button.owl-next:hover span:after, 
	.ox-brand-slider__container .ox-owl-nav button.owl-prev:hover span:after, 
	.ox-brand-slider__container .ox-owl-nav button.owl-next:hover span:before, 
	.ox-brand-slider__container .ox-owl-nav button.owl-prev:hover span:before { background-color: <?php echo $at_appearance[ 'appearance_arrows' ][ 'brand_arrows_icon_hover_color' ]; ?>  }
	<?php endif; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'brand_arrows_bg_color' ])): ?>
	<?php $brandSlider .= '--a2-owl-nav-bg:' . $at_appearance[ 'appearance_arrows' ][ 'brand_arrows_bg_color' ] . ';'; ?>
	<?php if($global_fallback): ?>
	.ox-brand-slider__container .ox-owl-nav button.owl-next, 
	.ox-brand-slider__container .ox-owl-nav button.owl-prev { background-color: <?php echo $at_appearance[ 'appearance_arrows' ][ 'brand_arrows_bg_color' ]; ?>  }
	<?php endif; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'brand_arrows_bg_hover_color' ])): ?>
	<?php $brandSlider .= '--a2-owl-nav-bg-hover:' . $at_appearance[ 'appearance_arrows' ][ 'brand_arrows_bg_hover_color' ] . ';'; ?>
	<?php if($global_fallback): ?>
	.ox-brand-slider__container .ox-owl-nav button.owl-next:hover, 
	.ox-brand-slider__container .ox-owl-nav button.owl-prev:hover { background-color: <?php echo $at_appearance[ 'appearance_arrows' ][ 'brand_arrows_bg_hover_color' ]; ?>  }
	<?php endif; ?>
<?php endif; ?>
<?php if(!empty($brandSlider )): ?>
	.ox-brand-slider__container  { <?php echo $brandSlider ?> }
<?php endif; ?>


<?php /* Brands Slider */ 
$bannerSlider = '';
?>
<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'bannerslider_arrow_icon_color' ])): ?>
	<?php $bannerSlider .= '--a2-owl-nav-arrow:' . $at_appearance[ 'appearance_arrows' ][ 'bannerslider_arrow_icon_color' ] . ';'; ?>
	<?php if($global_fallback): ?>
	.ox-banners-slider__container .owl-nav button.owl-next span:before, 
	.ox-banners-slider__container .owl-nav button.owl-prev span:before, 
	.ox-banners-slider__container .owl-nav button.owl-next span:after, 
	.ox-banners-slider__container .owl-nav button.owl-prev span:after { background-color: <?php echo $at_appearance[ 'appearance_arrows' ][ 'bannerslider_arrow_icon_color' ]; ?>  }
	<?php endif; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'bannerslider_arrow_icon_hover_color' ])): ?>
	<?php $bannerSlider .= '--a2-owl-nav-arrow-hover:' . $at_appearance[ 'appearance_arrows' ][ 'bannerslider_arrow_icon_hover_color' ] . ';'; ?>
	<?php if($global_fallback): ?>
	.ox-banners-slider__container .owl-nav button.owl-next:hover span:before, 
	.ox-banners-slider__container .owl-nav button.owl-prev:hover span:before, 
	.ox-banners-slider__container .owl-nav button.owl-next:hover span:after, 
	.ox-banners-slider__container .owl-nav button.owl-prev:hover span:after{ background-color: <?php echo $at_appearance[ 'appearance_arrows' ][ 'bannerslider_arrow_icon_hover_color' ]; ?>  }
	<?php endif; ?>
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'bannerslider_arrow_background' ])): ?>
	<?php $bannerSlider .= '--a2-owl-nav-bg:' . $at_appearance[ 'appearance_arrows' ][ 'bannerslider_arrow_background' ] . ';'; ?>
	<?php if($global_fallback): ?>
	.ox-banners-slider__container .owl-nav button.owl-next, 
	.ox-banners-slider__container .owl-nav button.owl-prev { background-color: <?php echo $at_appearance[ 'appearance_arrows' ][ 'bannerslider_arrow_background' ]; ?>  }
	<?php endif; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'bannerslider_arrow_background_hover' ])): ?>
	<?php $bannerSlider .= '--a2-owl-nav-bg-hover:' . $at_appearance[ 'appearance_arrows' ][ 'bannerslider_arrow_background_hover' ] . ';'; ?>
	<?php if($global_fallback): ?>
	.ox-banners-slider__container .owl-nav button.owl-next:after, 
	.ox-banners-slider__container .owl-nav button.owl-prev:after { background-color: <?php echo $at_appearance[ 'appearance_arrows' ][ 'bannerslider_arrow_background_hover' ]; ?>  }
	<?php endif; ?>
<?php endif; ?>

<?php if(!empty($bannerSlider )): ?>
	.ox-banners-slider__container  { <?php echo $bannerSlider ?> }
<?php endif; ?>

<?php /* to top */ ?>

<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'totop_background' ])): ?>
#toTop { background: <?php echo $at_appearance[ 'appearance_arrows' ][ 'totop_background' ]; ?>  } 
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'totop_background_hover' ])): ?>
#toTop:hover { background:  <?php echo $at_appearance[ 'appearance_arrows' ][ 'totop_background_hover' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'totop_icon_color' ])): ?>
#toTop svg { fill: <?php echo $at_appearance[ 'appearance_arrows' ][ 'totop_icon_color' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_arrows' ][ 'totop_icon_hover_color' ])): ?>
#toTop:hover svg { fill: <?php echo $at_appearance[ 'appearance_arrows' ][ 'totop_icon_hover_color' ]; ?> }
<?php endif; ?>

<?php /* Footer / Header Banners */ ?>
<?php if($at_settings[ 'header_banner_below' ][ 'show_banner' ]) : ?>
	<?php if($at_appearance[ 'appearance_banners' ][ 'header_banner_border_enable' ] && !empty($at_appearance[ 'appearance_banners' ][ 'header_banner_border_color' ])): ?>
	.header-banner-below { border-bottom: 1px solid <?php echo $at_appearance[ 'appearance_banners' ][ 'header_banner_border_color' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banners' ][ 'header_banner_background_color' ])): ?>
	.header-banner-below.banner-columns-2 .banner-wrap.first-banner:before,
	.header-banner-below.banner-columns-1 { background: <?php echo $at_appearance[ 'appearance_banners' ][ 'header_banner_background_color' ]; ?> }
	<?php endif; ?>
	<?php $header_banner_bg_image = $at_appearance[ 'appearance_banners' ][ 'header_banner_bg_image' ]; ?>
	<?php if(!empty($header_banner_bg_image) && $at_appearance[ 'appearance_banners' ][ 'header_banner_bg_image_enabled' ]): ?>
	.header-banner-below.banner-columns-2 .banner-wrap.first-banner:before,
	.header-banner-below.banner-columns-1 {
		<?php echo 'background-image: url(' . $_helper->getBaseMediaUrl( Olegnax\Athlete2\Model\Config\Backend\Image\Logo::UPLOAD_DIR ) . "/" . $header_banner_bg_image . ');' ?>
		background-position: <?php echo $at_appearance[ 'appearance_banners' ][ 'header_banner_bg_position_x' ]; ?> <?php echo $at_appearance[ 'appearance_banners' ][ 'header_banner_bg_position_y' ]; ?>;
		background-repeat: <?php echo $at_appearance[ 'appearance_banners' ][ 'header_banner_bg_repeat' ]; ?>;
		background-size: <?php echo $at_appearance[ 'appearance_banners' ][ 'header_banner_bg_size' ]; ?>;
	}
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banners' ][ 'header_banner2_background_color' ])): ?>
	.header-banner-below.banner-columns-2 .banner-wrap.second-banner:before { background: <?php echo $at_appearance[ 'appearance_banners' ][ 'header_banner2_background_color' ]; ?> }
	<?php endif; ?>
	<?php $header_banner2_bg_image = $at_appearance[ 'appearance_banners' ][ 'header_banner2_bg_image' ]; ?>
	<?php if(!empty($header_banner2_bg_image) && $at_appearance[ 'appearance_banners' ][ 'header_banner2_bg_image_enabled' ]): ?>
	.header-banner-below.banner-columns-2 .banner-wrap.second-banner:before {
		<?php echo 'background-image: url(' . $_helper->getBaseMediaUrl( Olegnax\Athlete2\Model\Config\Backend\Image\Logo::UPLOAD_DIR ) . "/" . $header_banner2_bg_image . ');' ?>
		background-position: <?php echo $at_appearance[ 'appearance_banners' ][ 'header_banner2_bg_position_x' ]; ?> <?php echo $at_appearance[ 'appearance_banners' ][ 'header_banner2_bg_position_y' ]; ?>;
		background-repeat: <?php echo $at_appearance[ 'appearance_banners' ][ 'header_banner2_bg_repeat' ]; ?>;
		background-size: <?php echo $at_appearance[ 'appearance_banners' ][ 'header_banner2_bg_size' ]; ?>;
	}
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banners' ][ 'header_banner_text_color' ])): ?>
	:is(.header-banner-below) .banner-wrap :where(p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6),
	.header-banner-below .banner-wrap { color: <?php echo $at_appearance[ 'appearance_banners' ][ 'header_banner_text_color' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banners' ][ 'header_banner2_text_color' ])): ?>
	:is(.header-banner-below) .banner-wrap.second-banner :where(p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6),
	.header-banner-below .banner-wrap.second-banner { color: <?php echo $at_appearance[ 'appearance_banners' ][ 'header_banner2_text_color' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banners' ][ 'header_banner_link_color' ])): ?>
	.header-banner-below .banner-wrap a{ color: <?php echo $at_appearance[ 'appearance_banners' ][ 'header_banner_link_color' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banners' ][ 'header_banner_link_hover_color' ])): ?>
	.header-banner-below .banner-wrap a:visited,
	.header-banner-below .banner-wrap a:hover,
	.header-banner-below .banner-wrap a:active{ color: <?php echo $at_appearance[ 'appearance_banners' ][ 'header_banner_link_hover_color' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banners' ][ 'header_banner2_link_color' ])): ?>
	.header-banner-below .banner-wrap.second-banner a{ color: <?php echo $at_appearance[ 'appearance_banners' ][ 'header_banner2_link_color' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banners' ][ 'header_banner2_link_hover_color' ])): ?>
	.header-banner-below .banner-wrap.second-banner a:visited,
	.header-banner-below .banner-wrap.second-banner a:hover, 
	.header-banner-below .banner-wrap.second-banner a:active{ color: <?php echo $at_appearance[ 'appearance_banners' ][ 'header_banner2_link_hover_color' ]; ?> }
	<?php endif; ?>
<?php endif; ?>

<?php if($at_settings[ 'footer_banner' ][ 'show_banner' ]) : ?>
	<?php if($at_appearance[ 'appearance_banners' ][ 'footer_banner_border_enable' ] && !empty($at_appearance[ 'appearance_banners' ][ 'footer_banner_border_color' ])): ?>
	.above-footer-banner { border-top: 1px solid <?php echo $at_appearance[ 'appearance_banners' ][ 'footer_banner_border_color' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banners' ][ 'footer_banner_background_color' ])): ?>
	.above-footer-banner.banner-columns-2 .banner-wrap.first-banner:before,
	.above-footer-banner.banner-columns-1 { background: <?php echo $at_appearance[ 'appearance_banners' ][ 'footer_banner_background_color' ]; ?> }
	<?php endif; ?>
	<?php $footer_banner_bg_image = $at_appearance[ 'appearance_banners' ][ 'footer_banner_bg_image' ]; ?>
	<?php if(!empty($footer_banner_bg_image) && $at_appearance[ 'appearance_banners' ][ 'footer_banner_bg_image_enabled' ]): ?>
	.above-footer-banner.banner-columns-2 .banner-wrap.first-banner:before,
	.above-footer-banner.banner-columns-1 {
		<?php echo 'background-image: url(' . $_helper->getBaseMediaUrl( Olegnax\Athlete2\Model\Config\Backend\Image\Logo::UPLOAD_DIR ) . "/" . $footer_banner_bg_image . ');' ?>
		background-position: <?php echo $at_appearance[ 'appearance_banners' ][ 'footer_banner_bg_position_x' ]; ?> <?php echo $at_appearance[ 'appearance_banners' ][ 'footer_banner_bg_position_y' ]; ?>;
		background-repeat: <?php echo $at_appearance[ 'appearance_banners' ][ 'footer_banner_bg_repeat' ]; ?>;
		background-size: <?php echo $at_appearance[ 'appearance_banners' ][ 'footer_banner_bg_size' ]; ?>;
	}
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banners' ][ 'footer_banner2_background_color' ])): ?>
	.above-footer-banner.banner-columns-2 .banner-wrap.second-banner:before{ background: <?php echo $at_appearance[ 'appearance_banners' ][ 'footer_banner2_background_color' ]; ?> }
	<?php endif; ?>
	<?php $footer_banner2_bg_image = $at_appearance[ 'appearance_banners' ][ 'footer_banner2_bg_image' ]; ?>
	<?php if(!empty($footer_banner2_bg_image) && $at_appearance[ 'appearance_banners' ][ 'footer_banner2_bg_image_enabled' ]): ?>
	.above-footer-banner.banner-columns-2 .banner-wrap.second-banner:before {
		<?php echo 'background-image: url(' . $_helper->getBaseMediaUrl( Olegnax\Athlete2\Model\Config\Backend\Image\Logo::UPLOAD_DIR ) . "/" . $footer_banner2_bg_image . ');' ?>
		background-position: <?php echo $at_appearance[ 'appearance_banners' ][ 'footer_banner2_bg_position_x' ]; ?> <?php echo $at_appearance[ 'appearance_banners' ][ 'footer_banner2_bg_position_y' ]; ?>;
		background-repeat: <?php echo $at_appearance[ 'appearance_banners' ][ 'footer_banner2_bg_repeat' ]; ?>;
		background-size: <?php echo $at_appearance[ 'appearance_banners' ][ 'footer_banner2_bg_size' ]; ?>;
	}
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banners' ][ 'footer_banner_background' ])): ?>
	:is(.above-footer-banner) .banner-wrap :where(p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6),
	.above-footer-banner .banner-wrap{ color: <?php echo $at_appearance[ 'appearance_banners' ][ 'footer_banner_background' ]; ?> }
	<?php endif; ?>

	<?php if(!empty($at_appearance[ 'appearance_banners' ][ 'footer_banner2_background' ])): ?>
	:is(.above-footer-banner) .banner-wrap.second-banner :where(p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6),
	.above-footer-banner .banner-wrap.second-banner{ color: <?php echo $at_appearance[ 'appearance_banners' ][ 'footer_banner2_background' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banners' ][ 'footer_banner_link_color' ])): ?>
	.above-footer-banner .banner-wrap a{ color: <?php echo $at_appearance[ 'appearance_banners' ][ 'footer_banner_link_color' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banners' ][ 'footer_banner_link_hover_color' ])): ?>
	.above-footer-banner .banner-wrap a:visited, 
	.above-footer-banner .banner-wrap a:hover, 
	.above-footer-banner .banner-wrap a:active{ color: <?php echo $at_appearance[ 'appearance_banners' ][ 'footer_banner_link_hover_color' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banners' ][ 'footer_banner2_link_color' ])): ?>
	.above-footer-banner .banner-wrap.second-banner a{ color: <?php echo $at_appearance[ 'appearance_banners' ][ 'footer_banner2_link_color' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banners' ][ 'footer_banner2_link_hover_color' ])): ?>
	.above-footer-banner .banner-wrap.second-banner a:visited, 
	.above-footer-banner .banner-wrap.second-banner a:hover, 
	.above-footer-banner .banner-wrap.second-banner a:active{ color: <?php echo $at_appearance[ 'appearance_banners' ][ 'footer_banner2_link_hover_color' ]; ?> }
	<?php endif; ?>
<?php endif; ?>

<?php if($at_settings[ 'header_banner_top' ][ 'show_banner' ]) : ?>
	<?php $bgcolor = '';
		$deg = 90;
		$color1 = $color2 = '';		
	?>
	<?php if(!empty($at_appearance[ 'appearance_banner_above' ][ 'background_color' ])): ?>
		<?php $color1 = $at_appearance[ 'appearance_banner_above' ][ 'background_color' ];
			$bgcolor = 'background-color: ' . $color1 .';'; ?>
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banner_above' ][ 'background_color_2' ])): ?>
		<?php $color2 = $at_appearance[ 'appearance_banner_above' ][ 'background_color_2' ]; ?>
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banner_above' ][ 'background_gradient_deg' ])): ?>
		<?php $deg = $at_appearance[ 'appearance_banner_above' ][ 'background_gradient_deg' ]; ?>
	<?php endif; ?>
	<?php if($color1 && $color2): ?>
		<?php $bgcolor .= '	background: linear-gradient('. $deg .'deg, ' . $color1 . ' 0%, ' . $color2 . ' 100%);'; ?>
	<?php endif; ?>
	<?php $bg_image = $at_appearance[ 'appearance_banner_top' ][ 'bg_image' ]; ?>
	<?php if($bg_image && !empty($bg_image) && $at_appearance[ 'appearance_banner_top' ][ 'bg_image_enabled' ] || $bgcolor): ?>
	.header-banner-top{
		<?php echo $bgcolor; ?>
		<?php if($bg_image && !empty($bg_image) && $at_appearance[ 'appearance_banner_top' ][ 'bg_image_enabled' ]): ?>
		<?php echo 'background-image: url(' . $_helper->getBaseMediaUrl( Olegnax\Athlete2\Model\Config\Backend\Image\Logo::UPLOAD_DIR ) . "/" . $bg_image . ');' ?>
		background-position: <?php echo $at_appearance[ 'appearance_banner_top' ][ 'bg_position_x' ]; ?> <?php echo $at_appearance[ 'appearance_banner_top' ][ 'bg_position_y' ]; ?>;
		background-repeat: <?php echo $at_appearance[ 'appearance_banner_top' ][ 'bg_repeat' ]; ?>;
		background-size: <?php echo $at_appearance[ 'appearance_banner_top' ][ 'bg_size' ]; ?>;
		<?php endif; ?>
	}
	<?php endif; ?>

	<?php if($at_appearance[ 'appearance_banner_top' ][ 'border_enable' ] && !empty($at_appearance[ 'appearance_banner_top' ][ 'border_color' ])): ?>
	.header-banner-top { border-bottom: 1px solid <?php echo $at_appearance[ 'appearance_banner_top' ][ 'border_color' ]; ?> }
	<?php endif; ?>

	<?php if(!empty($at_appearance[ 'appearance_banner_top' ][ 'text_color' ])): ?>
	.header-banner-top :where(p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6),
	.header-banner-top { color: <?php echo $at_appearance[ 'appearance_banner_top' ][ 'text_color' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banner_top' ][ 'link_color' ])): ?>
	.header-banner-top a{ color: <?php echo $at_appearance[ 'appearance_banner_top' ][ 'link_color' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banner_top' ][ 'link_hover_color' ])): ?>
	.header-banner-top a:visited,
	.header-banner-top a:hover,
	.header-banner-top a:active{ color: <?php echo $at_appearance[ 'appearance_banner_top' ][ 'link_hover_color' ]; ?> }
	<?php endif; ?>

	<?php if(!empty($at_appearance[ 'appearance_banner_top' ][ 'close_color' ])): ?>
		.header-banner-top .ox-overlay-close-btn{ color: <?php echo $at_appearance[ 'appearance_banner_top' ][ 'close_color' ]; ?>}
	<?php endif; ?>
	<?php if( !empty($at_appearance[ 'appearance_banner_top' ][ 'close_bg' ])): ?>
		.header-banner-top .ox-overlay-close-btn{ background-color: <?php echo $at_appearance[ 'appearance_banner_top' ][ 'close_color' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banner_top' ][ 'close_hover_color' ])): ?>
		.header-banner-top .ox-overlay-close-btn:hover{ color: <?php echo $at_appearance[ 'appearance_banner_top' ][ 'close_hover_color' ]; ?>}
	<?php endif; ?>
	<?php if( !empty($at_appearance[ 'appearance_banner_top' ][ 'close_hover_bg' ])): ?>
		.header-banner-top .ox-overlay-close-btn:after{ background-color: <?php echo $at_appearance[ 'appearance_banner_top' ][ 'close_hover_bg' ]; ?> }
	<?php endif; ?>

	<?php 
	$padding_v = (int)$at_appearance[ 'appearance_banner_top' ][ 'padding_v' ];
	$padding_v_mobile = (int)$at_appearance[ 'appearance_banner_top' ][ 'padding_v_mobile' ];
	$padding_h = (int)$at_appearance[ 'appearance_banner_top' ][ 'padding_h' ];
	$padding_h_mobile = (int)$at_appearance[ 'appearance_banner_top' ][ 'padding_h_mobile' ];
	$closable = $at_settings[ 'header_banner_top' ][ 'closable' ];
	$padding = '';
	$padding_mobile = '';
	$padding_h_right = ($closable && $padding_h < 40) ? 40 : $padding_h;
	$padding_h_right_mobile = ($closable && $padding_h_mobile < 40) ? 40 : $padding_h_mobile;

	if(!empty($at_appearance[ 'appearance_banner_top' ][ 'padding_h' ])){
		$padding .= 'padding-left: '.  $padding_h .'px; padding-right: ' . $padding_h_right . 'px;';
	}
	if(!empty($at_appearance[ 'appearance_banner_top' ][ 'padding_v' ])){
		$padding .= 'padding-top: '.  $padding_v .'px; padding-bottom: ' . $padding_v . 'px;';
	} 
	if(!empty($at_appearance[ 'appearance_banner_top' ][ 'padding_h_mobile' ])){
		$padding_mobile .= 'padding-left: '.  $padding_h_mobile .'px; padding-right: ' . $padding_h_right_mobile . 'px;';
	}
	if(!empty($at_appearance[ 'appearance_banner_top' ][ 'padding_v_mobile' ])){
		$padding_mobile .= 'padding-top: '.  $padding_v_mobile .'px; padding-bottom: ' . $padding_v_mobile . 'px;';
	} 
	?>
	<?php if( !empty($padding)): ?>
		<?php $desktop_styles[] ='.header-banner-top .banner-wrap{ ' . $padding .'}'; ?>
	<?php endif; ?>
	<?php if( !empty($padding_mobile)): ?>
		<?php $mobile_styles[] ='.header-banner-top .banner-wrap{ ' . $padding_mobile .'}'; ?>
	<?php endif; ?>
<?php endif; ?>

<?php if($at_settings[ 'header_banner_above' ][ 'show_banner' ]) : ?>
	<?php $bgcolor = '';
		$deg = 90;
		$color1 = $color2 = '';
	?>
	<?php if(!empty($at_appearance[ 'appearance_banner_above' ][ 'background_color' ])): ?>
		<?php $color1 = $at_appearance[ 'appearance_banner_above' ][ 'background_color' ];
			$bgcolor = 'background-color: ' . $color1 .';'; ?>
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banner_above' ][ 'background_color_2' ])): ?>
		<?php $color2 = $at_appearance[ 'appearance_banner_above' ][ 'background_color_2' ]; ?>
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banner_above' ][ 'background_gradient_deg' ])): ?>
		<?php $deg = $at_appearance[ 'appearance_banner_above' ][ 'background_gradient_deg' ]; ?>
	<?php endif; ?>
	<?php if($color1 && $color2): ?>
		<?php $bgcolor .= '	background: linear-gradient('. $deg .'deg, ' . $color1 . ' 0%, ' . $color2 . ' 100%);'; ?>
	<?php endif; ?>
	<?php $bg_image = $at_appearance[ 'appearance_banner_above' ][ 'bg_image' ]; ?>
	<?php if($bg_image && !empty($bg_image) && $at_appearance[ 'appearance_banner_above' ][ 'bg_image_enabled' ] || $bgcolor): ?>
	.header-banner-above{
		<?php echo $bgcolor; ?>
		<?php if($bg_image && !empty($bg_image) && $at_appearance[ 'appearance_banner_above' ][ 'bg_image_enabled' ]): ?>
		<?php echo 'background-image: url(' . $_helper->getBaseMediaUrl( Olegnax\Athlete2\Model\Config\Backend\Image\Logo::UPLOAD_DIR ) . "/" . $bg_image . ');' ?>
		background-position: <?php echo $at_appearance[ 'appearance_banner_above' ][ 'bg_position_x' ]; ?> <?php echo $at_appearance[ 'appearance_banner_above' ][ 'bg_position_y' ]; ?>;
		background-repeat: <?php echo $at_appearance[ 'appearance_banner_above' ][ 'bg_repeat' ]; ?>;
		background-size: <?php echo $at_appearance[ 'appearance_banner_above' ][ 'bg_size' ]; ?>;
		<?php endif; ?>
	}
	<?php endif; ?>

	<?php if($at_appearance[ 'appearance_banner_above' ][ 'border_enable' ] && !empty($at_appearance[ 'appearance_banner_above' ][ 'border_color' ])): ?>
	.header-banner-top { border-bottom: 1px solid <?php echo $at_appearance[ 'appearance_banner_above' ][ 'border_color' ]; ?> }
	<?php endif; ?>

	<?php if(!empty($at_appearance[ 'appearance_banner_above' ][ 'text_color' ])): ?>
	.header-banner-above :where(p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6),
	.header-banner-above { color: <?php echo $at_appearance[ 'appearance_banner_above' ][ 'text_color' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banner_above' ][ 'link_color' ])): ?>
	.header-banner-above a{ color: <?php echo $at_appearance[ 'appearance_banner_above' ][ 'link_color' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banner_above' ][ 'link_hover_color' ])): ?>
	.header-banner-above a:visited,
	.header-banner-above a:hover,
	.header-banner-above a:active{ color: <?php echo $at_appearance[ 'appearance_banner_above' ][ 'link_hover_color' ]; ?> }
	<?php endif; ?>

	<?php if(!empty($at_appearance[ 'appearance_banner_above' ][ 'close_color' ])): ?>
		.header-banner-above .ox-overlay-close-btn span:before, .header-banner-above .ox-overlay-close-btn span:after{ background-color: <?php echo $at_appearance[ 'appearance_banner_above' ][ 'close_color' ]; ?>}
	<?php endif; ?>
	<?php if( !empty($at_appearance[ 'appearance_banner_above' ][ 'close_bg' ])): ?>
		.header-banner-above .ox-overlay-close-btn{ background-color: <?php echo $at_appearance[ 'appearance_banner_above' ][ 'close_bg' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_banner_above' ][ 'close_hover_color' ])): ?>
		.header-banner-above .ox-overlay-close-btn:hover{ color: <?php echo $at_appearance[ 'appearance_banner_above' ][ 'close_hover_color' ]; ?>}
	<?php endif; ?>
	<?php if( !empty($at_appearance[ 'appearance_banner_above' ][ 'close_hover_bg' ])): ?>
		.header-banner-above .ox-overlay-close-btn:after{ background-color: <?php echo $at_appearance[ 'appearance_banner_above' ][ 'close_hover_bg' ]; ?> }
	<?php endif; ?>

	<?php 
	$padding_v = (int)$at_appearance[ 'appearance_banner_above' ][ 'padding_v' ];
	$padding_v_mobile = (int)$at_appearance[ 'appearance_banner_above' ][ 'padding_v_mobile' ];
	$padding_h = (int)$at_appearance[ 'appearance_banner_above' ][ 'padding_h' ];
	$padding_h_mobile = (int)$at_appearance[ 'appearance_banner_above' ][ 'padding_h_mobile' ];
	$closable = $at_settings[ 'header_banner_above' ][ 'closable' ];
	$padding = '';
	$padding_mobile = '';
	$padding_h_right = ($closable && $padding_h < 40) ? 40 : $padding_h;
	$padding_h_right_mobile = ($closable && $padding_h_mobile < 40) ? 40 : $padding_h_mobile;

	if(!empty($at_appearance[ 'appearance_banner_above' ][ 'padding_h' ])){
		$padding .= 'padding-left: '.  $padding_h .'px; padding-right: ' . $padding_h_right . 'px;';
	}else{
		if($closable){
			$padding .= 'padding-right: ' . $padding_h_right . 'px;';
		}
	}
	if(!empty($at_appearance[ 'appearance_banner_above' ][ 'padding_v' ])){
		$padding .= 'padding-top: '.  $padding_v .'px; padding-bottom: ' . $padding_v . 'px;';
	} 
	if(!empty($at_appearance[ 'appearance_banner_above' ][ 'padding_h_mobile' ])){
		$padding_mobile .= 'padding-left: '.  $padding_h_mobile .'px; padding-right: ' . $padding_h_right_mobile . 'px;';
	}
	if(!empty($at_appearance[ 'appearance_banner_above' ][ 'padding_v_mobile' ])){
		$padding_mobile .= 'padding-top: '.  $padding_v_mobile .'px; padding-bottom: ' . $padding_v_mobile . 'px;';
	} 
	?>
	<?php if( !empty($padding)): ?>
		<?php $desktop_styles[] ='.header-banner-above .banner-wrap{ ' . $padding .'}'; ?>
	<?php endif; ?>
	<?php if( !empty($padding_mobile)): ?>
		<?php $mobile_styles[] ='.header-banner-above .banner-wrap{ ' . $padding_mobile .'}'; ?>
	<?php endif; ?>
<?php endif; ?>


<?php /* Cart Page */ ?>
<?php if(!empty($at_appearance[ 'appearance_cart_page' ][ 'minicart_viewcart_btn_color' ])): ?>
.minicart--style-modern .header__item-dropdown-content .block-compare .dropdown-bottom-actions .action.secondary, 
.minicart--style-modern .header__item-dropdown-content .block-wishlist .dropdown-bottom-actions .action.secondary,
.minicart--style-modern .block-minicart .block-content .dropdown-bottom-wrapper .actions > .secondary > a.action { color: <?php echo $at_appearance[ 'appearance_cart_page' ][ 'minicart_viewcart_btn_color' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_cart_page' ][ 'minicart_viewcart_btn_bg' ])): ?>
.minicart--style-modern .header__item-dropdown-content .block-compare .dropdown-bottom-actions .action.secondary, 
.minicart--style-modern .header__item-dropdown-content .block-wishlist .dropdown-bottom-actions .action.secondary,
.minicart--style-modern .block-minicart .block-content .dropdown-bottom-wrapper .actions > .secondary > a.action { box-shadow: inset 0 0 0 2px <?php echo $at_appearance[ 'appearance_cart_page' ][ 'minicart_viewcart_btn_bg' ]; ?> }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_cart_page' ][ 'minicart_viewcart_btn_color_hover' ])): ?>
.minicart--style-modern .header__item-dropdown-content .block-compare .dropdown-bottom-actions .action.secondary:hover, 
.minicart--style-modern .header__item-dropdown-content .block-wishlist .dropdown-bottom-actions .action.secondary:hover
.minicart--style-modern .block-minicart .block-content .dropdown-bottom-wrapper .actions > .secondary > a.action:hover { color: <?php echo $at_appearance[ 'appearance_cart_page' ][ 'minicart_viewcart_btn_color_hover' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_cart_page' ][ 'minicart_viewcart_btn_bg_hover' ])): ?>
.minicart--style-modern .header__item-dropdown-content .block-compare .dropdown-bottom-actions .action.secondary:after, 
.minicart--style-modern .header__item-dropdown-content .block-wishlist .dropdown-bottom-actions .action.secondary:after,
.minicart--style-modern .block-minicart .block-content .dropdown-bottom-wrapper .actions > .secondary > a.action:after { background-color: <?php echo $at_appearance[ 'appearance_cart_page' ][ 'minicart_viewcart_btn_bg_hover' ]; ?> }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_cart_page' ][ 'cart_price_font_size' ])): ?>
table.table-totals tbody tr.grand.totals .price, 
table.totals tbody tr.grand.totals .price,
.minicart--style-modern .header__item-dropdown-content .block-wishlist .amount .price-wrapper:first-child .price, 
.minicart--style-modern .block-minicart .amount .price-wrapper:first-child .price {font-size: <?php echo $at_appearance[ 'appearance_cart_page' ][ 'cart_price_font_size' ]; ?>px}
<?php endif; ?>

<?php if($at_appearance[ 'appearance_cart_page' ][ 'cart_price_letter_spacing' ] != '' ): ?>
table.table-totals tbody tr.grand.totals .price, 
table.totals tbody tr.grand.totals .price,
.minicart--style-modern .header__item-dropdown-content .block-wishlist .amount .price-wrapper:first-child .price, 
.minicart--style-modern .block-minicart .amount .price-wrapper:first-child .price {letter-spacing: <?php echo $at_appearance[ 'appearance_cart_page' ][ 'cart_price_letter_spacing' ]; ?>px }
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_cart_page' ][ 'cart_price_font_weight' ])): ?>
table.table-totals tbody tr.grand.totals .price, 
table.totals tbody tr.grand.totals .price,
.minicart--style-modern .header__item-dropdown-content .block-wishlist .amount .price-wrapper:first-child .price, 
.minicart--style-modern .block-minicart .amount .price-wrapper:first-child .price {font-weight: <?php echo $at_appearance[ 'appearance_cart_page' ][ 'cart_price_font_weight' ]; ?>}
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_cart_page' ][ 'cart_price_color' ])): ?>
.opc-estimated-wrapper .estimated-block .estimated-price,
table.table-totals tbody tr.grand.totals .price, 
table.totals tbody tr.grand.totals .price,
.block-wishlist .amount .price-wrapper:first-child .price, 
.block-minicart .amount .price-wrapper:first-child .price {color: <?php echo $at_appearance[ 'appearance_cart_page' ][ 'cart_price_color' ]; ?>} 
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_cart_page' ][ 'cart_page_summary_bottom_bg' ])): ?>
.cart-container .checkout-methods-items{ background: <?php echo $at_appearance[ 'appearance_cart_page' ][ 'cart_page_summary_bottom_bg' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_cart_page' ][ 'cart_page_summary_bottom_link' ])): ?>
.cart-container .checkout-methods-items .action.multicheckout { color: <?php echo $at_appearance[ 'appearance_cart_page' ][ 'cart_page_summary_bottom_link' ]; ?>}
<?php endif; ?>


<?php /* Grid */ ?>

<?php
$grid_font_weight = $at_appearance[ 'appearance_product_listing' ][ 'listing_name_font_weight' ];
$grid_text_transform = $at_appearance[ 'appearance_product_listing' ][ 'listing_name_text_transform' ];
$grid_letter_spacing = $at_appearance[ 'appearance_product_listing' ][ 'listing_name_letter_spacing' ];
?>
<?php if(!empty($grid_font_weight) || !empty($grid_text_transform) || !empty($grid_letter_spacing)): ?>
.product-item .product-item-name,
.product-item .product-item-name a,
.multicheckout.address.form .table-wrapper .table .product-item-name, 
.cart.table-wrapper .product-item-name,
.order-details-items .product-item-name,
.products-grid .product-item .product-item-name a {
	<?php if(!empty($grid_font_weight)): ?>
		font-weight: <?php echo $grid_font_weight; ?>;
	<?php endif; ?>
	<?php if($grid_text_transform != ''): ?>
		text-transform: <?php echo $grid_text_transform; ?>;
	<?php endif; ?>
	<?php if($grid_letter_spacing != ''): ?>
		letter-spacing: <?php echo $grid_letter_spacing; ?>px;
	<?php endif; ?>
}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_name_font_size' ])): ?>
.products-grid .product-item .product-item-name a { font-size: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_name_font_size' ]; ?>px }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'list_view_listing_name_font_size' ])): ?>
.products-list .product-item .product-item-name a { font-size: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'list_view_listing_name_font_size' ]; ?>px }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_name_color' ])): ?>
.product-item-description .action.more,
.abs-product-link > a:visited, .product-item-name > a:visited, .product.name a > a:visited,
.product-item-name > a, .product.name a > a,
.product-item .product-item-name a { color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_name_color' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_name_hover_color' ])): ?>
.products-grid .product-item:hover .price-box .price-container .price-wrapper, 
.products-grid .product-item:hover .price-box .price-container .price-label,
.product-item:hover .product-item-name a { color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_name_hover_color' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_name_bg' ])): ?>
.product-item .minimal-price > .price-label:after,
.product-item .price-box .price-container:after,
.product-item .product-item-name a:after { background-color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_name_bg' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_price_color' ])): ?>
.products-grid .product-item .price-box .minimal-price > .price-label,
.products-grid .product-item .price-box .price-container .price { color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_price_color' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_price_font_size' ])): ?>
.products-grid .product-item .price-box .minimal-price > .price-label,
.products-grid .product-item .price-box .price-container .price { font-size: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_price_font_size' ]; ?>px}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_price_hover_color' ])): ?>
.products-grid .product-item:hover .price-box .minimal-price > .price-label,
.products-grid .product-item:hover .price-box .price-container .price { color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_price_hover_color' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_special_price_color_hover' ])): ?>
.product-item .product-list-view__right-wrapper .price-box .special-price .price-container .price,
.products-grid .product-item .price-box .special-price .price-container .price { color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_special_price_color_hover' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_old_price_color_hover' ])): ?>
.product-item .product-list-view__right-wrapper .price-box .old-price .price-container .price,
.products-grid .product-item .price-box .old-price .price-container .price { color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_old_price_color_hover' ]; ?>}
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_price_listview' ])): ?>
.products-list .price,
.product-item .product-list-view__right-wrapper .price-box .price-container .price { color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_price_listview' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_price_listview_font_size' ])): ?>
.products-list .price,
.product-item .product-list-view__right-wrapper .price-box .price-container .price { font-size: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_price_listview_font_size' ]; ?>px}
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_price_label_color' ])): ?>
.product-item .price-box .price-container .price-label { color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_price_label_color' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_price_label_color_hover' ])): ?>
.products-grid .product-item:hover .price-box .price-container .price-label { color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_price_label_color_hover' ]; ?>}
<?php endif; ?>


<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_category_link' ])): ?>
.products-list .product-item .ox-product-grid__categories > a,
.products-list .product-item .ox-product-grid__categories > a:hover,
.products-list .product-item .ox-product-grid__categories > a:visited,
.ox-product-grid__categories > a:hover, 
.ox-product-grid__categories > a:visited, 
.ox-product-grid__categories > a { color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_category_link' ]; ?>}
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_overlay_color' ])): ?>
.product-item .product-grid-overlay { background-color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_overlay_color' ]; ?>}
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_actions_color' ])): ?>
	<?php $root .= '--a2-grid-action-icon-color:' . $at_appearance[ 'appearance_product_listing' ][ 'listing_actions_color' ] . ';'; ?>
	<?php if($at_appearance[ 'appearance_icons' ][ 'icon_wishlist_fallback' ] ){ ?>
	.product-items .action.towishlist:before, 
	.products.list.items .action.towishlist:before, 
	.table-comparison .action.towishlist:before { color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_actions_color' ]; ?>}
	<?php } ?>
	<?php if($global_fallback): ?>
	.product-item .ox-add-to-cart-loading .action:before{
	border-left: 2px solid <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_actions_color' ]; ?>;
	border-right: 2px solid <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_actions_color' ]; ?>;
	border-top: 2px solid <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_actions_color' ]; ?>;
	}
	.product-grid__image-wrapper .product-item-inner .action:is(.tocompare, .towishlist, .primary) { color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_actions_color' ]; ?>}
	<?php endif; ?>
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_actions_bg' ])): ?>
.products-grid .product-grid__image-wrapper .product-item-inner .action:is(.tocompare, .towishlist, .primary) { background-color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_actions_bg' ]; ?>}
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_actions_hover' ])): ?>
<?php $root .= '--a2-grid-action-icon-color-hover:' . $at_appearance[ 'appearance_product_listing' ][ 'listing_actions_hover' ] . ';'; ?>
	<?php if($at_appearance[ 'appearance_icons' ][ 'icon_wishlist_fallback' ] ){ ?>
	.products-grid .product-grid__image-wrapper .product-item-inner .action.towishlist:hover:before { color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_actions_hover' ]; ?>}
	<?php } ?>
	<?php if($global_fallback): ?>
	.products-grid .product-item .ox-add-to-cart-loading .action:hover:before{
	border-left: 2px solid <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_actions_hover' ]; ?>;
	border-right: 2px solid <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_actions_hover' ]; ?>;
	border-top: 2px solid <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_actions_hover' ]; ?>;
	}
	.product-grid__image-wrapper .product-item-inner .action:is(.tocompare, .towishlist, .primary):hover { color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_actions_hover' ]; ?>}
	<?php endif; ?>
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_actions_bg_hover' ])): ?>
	.products-grid .product-grid__image-wrapper .product-item-inner .action:is(.tocompare, .towishlist, .primary):hover { background-color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_actions_bg_hover' ]; ?>}
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_actions_indetails' ])): ?>
.product-item .product-list-view__right-wrapper .actions-secondary .action,
.product-item .product-item-details .action:is(.tocompare,.towishlist){color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_actions_indetails' ]; ?>}
	<?php if($global_fallback): ?>
	.products-grid__layout-2:where(.grid,.products-grid) .product-item .product-item-details .action:is(.tocompare,.towishlist) svg,
	.product-item .product-list-view__right-wrapper .actions-secondary .action svg { fill: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_actions_indetails' ]; ?>}
	.products.list.items .product-list-view__right-wrapper .action.towishlist:before,
	.product-item .product-list-view__right-wrapper .actions-secondary .action,
	.product-item .product-list-view__right-wrapper .actions-secondary .action:hover,
	.products-grid__layout-2.grid .product-item .product-item-details .action.tocompare:before, 
	.products-grid__layout-2.products-grid .product-item .product-item-details .action.tocompare:before, 
	.products-grid__layout-2.grid .product-item .product-item-details .action.towishlist:before, 
	.products-grid__layout-2.products-grid .product-item .product-item-details .action.towishlist:before { color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_actions_indetails' ]; ?>}
	<?php endif; ?>
<?php endif; ?>

<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_quickview_btn' ])): ?>
.product-item a.button.quick-view { color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_quickview_btn' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_quickview_btn_hover' ])): ?>
.product-item a.button.quick-view:hover { color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_quickview_btn_hover' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_quickview_btn_bg' ])): ?>
.product-item a.button.quick-view { background: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_quickview_btn_bg' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_quickview_btn_bg_hover' ])): ?>
.product-item a.button.quick-view:after { background: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_quickview_btn_bg_hover' ]; ?>}
<?php endif; ?>


<?php /* CMS Banners */ ?>
<?php if(!empty($at_appearance[ 'appearance_banners_cms' ][ 'banners_cms_text_color' ])): ?>
	<?php $root .= '--a2-anim-banner-color:' . $at_appearance[ 'appearance_banners_cms' ][ 'banners_cms_text_color' ] . ';' ?>
<?php endif; ?>
 <?php if(!empty($at_appearance[ 'appearance_banners_cms' ][ 'banners_cms_text_color_hover' ])): ?>
	<?php $root .= '--a2-anim-banner-hover:' . $at_appearance[ 'appearance_banners_cms' ][ 'banners_cms_text_color_hover' ] . ';' ?>
<?php endif; ?>
 
 <?php if(!empty($at_appearance[ 'appearance_banners_cms' ][ 'banners_cms_text_bg' ])): ?>
	<?php $root .= '--a2-anim-banner-bg:' . $at_appearance[ 'appearance_banners_cms' ][ 'banners_cms_text_bg' ] . ';' ?>
<?php endif; ?>
 <?php if(!empty($at_appearance[ 'appearance_banners_cms' ][ 'banners_cms_text_bg_hover' ])): ?>
	<?php $root .= '--a2-anim-banner-bg-hover:' . $at_appearance[ 'appearance_banners_cms' ][ 'banners_cms_text_bg_hover' ] . ';' ?>
<?php endif; ?>
 
 <?php if(!empty($at_appearance[ 'appearance_banners_cms' ][ 'banners_cms_button_text' ])): ?>
.ox-banner .link,
.ox-banner-animated-text .ox-banner-animated-container .link { color: <?php echo $at_appearance[ 'appearance_banners_cms' ][ 'banners_cms_button_text' ]; ?>}
<?php endif; ?>
 <?php if(!empty($at_appearance[ 'appearance_banners_cms' ][ 'banners_cms_button_bg' ])): ?>
.ox-banner .link,
.ox-banner-animated-text .ox-banner-animated-container .link { background-color: <?php echo $at_appearance[ 'appearance_banners_cms' ][ 'banners_cms_button_bg' ]; ?>}
<?php endif; ?>

 
 <?php /* Blog */ ?>
<?php 
$title_font_size = $at_appearance[ 'blog_list' ][ 'title_font_size' ];
$title_letter_spacing = $at_appearance[ 'blog_list' ][ 'title_letter_spacing' ];
?>
<?php if(!empty($title_font_size) || !empty($title_letter_spacing)): ?>
<?php $desktop_styles[] = '.post-list.blog-style-classic .post-title {'; ?>
		<?php if(!empty($title_font_size)): ?>
			<?php $desktop_styles[] = 'font-size: ' . $title_font_size . 'px;'; ?>
		<?php endif; ?>
		<?php if(!empty($title_letter_spacing)): ?>
			<?php $desktop_styles[] = 'letter-spacing: ' . $title_letter_spacing . 'px;'; ?>
		<?php endif; ?>
	<?php $desktop_styles[] = '}'; ?>

@media (min-width: 1160px){
	.post-list.blog-style-modern article .post-title{
		<?php if(!empty($title_font_size)): ?>
			font-size: <?php echo $title_font_size ?>px;
		<?php endif; ?>
		<?php if(!empty($title_letter_spacing)): ?>
			letter-spacing: <?php echo $title_letter_spacing ?>px;
		<?php endif; ?>
	}
}
<?php endif; ?>

<?php 
$widget_title_font_size = $at_appearance[ 'blog_list' ][ 'widget_title_font_size' ];
$widget_title_letter_spacing = $at_appearance[ 'blog_list' ][ 'widget_title_letter_spacing' ];
$widget_title_text_transform = $at_appearance[ 'blog_list' ][ 'widget_title_text_transform' ];
?>
<?php if('' != $widget_title_font_size || '' != $widget_title_letter_spacing  ): ?>
<?php $desktop_styles[] = '.post-list-wrapper.widget .post-list.blog-style-classic .post-title {'; ?>
		<?php if(!empty($widget_title_font_size)): ?>
			<?php $desktop_styles[] = 'font-size: ' . $widget_title_font_size . 'px;'; ?>
		<?php endif; ?>
		<?php if(!empty($widget_title_letter_spacing)): ?>
			<?php $desktop_styles[] = 'letter-spacing: ' . $widget_title_letter_spacing . 'px;'; ?>
		<?php endif; ?>
	<?php $desktop_styles[] = '}'; ?>
@media (min-width: 1160px){
	.post-list-wrapper.widget .post-list.blog-style-modern article .post-title{
		<?php if(!empty($widget_title_font_size)): ?>
			font-size: <?php echo $widget_title_font_size ?>px;
		<?php endif; ?>
		<?php if(!empty($widget_title_letter_spacing)): ?>
			letter-spacing: <?php echo $widget_title_letter_spacing ?>px;
		<?php endif; ?>
	}
}
<?php endif; ?>
<?php if(!empty($widget_title_text_transform)): ?>
	.post-list-wrapper.widget .post-list.blog-style-classic .post-title,	
	.post-list-wrapper.widget .post-list.blog-style-modern article .post-title{
		text-transform: <?php echo $widget_title_text_transform ?>;
	}
<?php endif; ?>

<?php if(!empty($at_settings[ 'blog' ][ 'blog_list_overlay_minheight' ])): ?>
.post-list.blog-style-modern article.post-style--overlay, 
.post-list.blog-style-modern.blog-list--image-top article.post-style--overlay, 
.post-list.blog-style-modern.blog-list--overlay article {
    min-height: <?php echo $at_settings[ 'blog' ][ 'blog_list_overlay_minheight' ]; ?>px;
}
<?php endif; ?>
<?php if(!empty($at_settings[ 'blog' ][ 'blog_list_overlay_minheight_mobile' ])): ?>
@media (max-width: 639px){
	.post-list.blog-style-modern article.post-style--overlay, 
	.post-list.blog-style-modern.blog-list--image-top article.post-style--overlay, 
	.post-list.blog-style-modern.blog-list--overlay article {
		min-height: <?php echo $at_settings[ 'blog' ][ 'blog_list_overlay_minheight_mobile' ]; ?>px;
	}
}
<?php endif; ?>
<?php if(!empty($at_settings[ 'blog' ][ 'blog_widget_overlay_minheight' ])): ?>
.blog-widget-recent .blog-list--overlay.post-list article {
    min-height: <?php echo $at_settings[ 'blog' ][ 'blog_widget_overlay_minheight' ]; ?>px;
}
<?php endif; ?>
<?php if(!empty($at_settings[ 'blog' ][ 'blog_widget_overlay_minheight_mobile' ])): ?>
@media (max-width: 639px){
	.blog-widget-recent .blog-list--overlay.post-list article {
		min-height: <?php echo $at_settings[ 'blog' ][ 'blog_widget_overlay_minheight_mobile' ]; ?>px;
	}
}
<?php endif; ?>
<?php if($at_appearance[ 'blog_list' ][ 'title_text_transform' ] != ''): ?>
	.post-list.blog-style-modern article .post-title,
	.post-list.blog-style-classic .post-title {	text-transform: <?php echo $at_appearance[ 'blog_list' ][ 'title_text_transform' ]; ?>;}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'blog_list' ][ 'big_title_font_size' ])): ?>
<?php $desktop_styles[] = '.post-list.blog-style-modern article.post-style--above-image .post-title, 
	.post-list.blog-style-modern.blog-list--image-top article.post-style--above-image .post-title, 
	.post-list.blog-style-modern.blog-list--first-above-image article:first-child .post-title, 
	.post-list.blog-style-modern.blog-list--above-image article .post-title { font-size: ' . $at_appearance[ 'blog_list' ][ 'big_title_font_size' ] .'px;}';
?>
<?php endif; ?>
<?php 
$big_title_letter_spacing = $at_appearance[ 'blog_list' ][ 'big_title_letter_spacing' ];
$big_title_text_transform = $at_appearance[ 'blog_list' ][ 'big_title_text_transform' ];
?>
<?php if(!empty($big_title_letter_spacing) || !empty($big_title_text_transform)): ?>
.post-list.blog-style-modern article.post-style--above-image .post-title, 
.post-list.blog-style-modern.blog-list--image-top article.post-style--above-image .post-title, 
.post-list.blog-style-modern.blog-list--first-above-image article:first-child .post-title, 
.post-list.blog-style-modern.blog-list--above-image article .post-title {
	<?php if(!empty($big_title_letter_spacing)): ?>
		letter-spacing: <?php echo $big_title_letter_spacing; ?>px;
	<?php endif; ?>
	<?php if($big_title_text_transform != ''): ?>
		text-transform: <?php echo $big_title_text_transform; ?>;
	<?php endif; ?>
}
<?php endif; ?>

<?php if(!empty($at_appearance[ 'blog_list' ][ 'title_color' ])): ?>
.post-list.blog-style-classic article .post-title a,
.post-list.blog-style-modern article .post-title a { color: <?php echo $at_appearance[ 'blog_list' ][ 'title_color' ]; ?>}
<?php endif; ?>
 <?php if(!empty($at_appearance[ 'blog_list' ][ 'title_color_hover' ])): ?>
.post-list.blog-style-classic article:hover .post-title a,
.post-list.blog-style-modern article:hover .post-title a { color: <?php echo $at_appearance[ 'blog_list' ][ 'title_color_hover' ]; ?>}
<?php endif; ?>
 <?php if(!empty($at_appearance[ 'blog_list' ][ 'title_bg_hover' ])): ?>
.post-list.blog-style-classic article:hover .post-title a { background: <?php echo $at_appearance[ 'blog_list' ][ 'title_bg_hover' ]; ?>}
<?php endif; ?>

<?php if(!empty($at_appearance[ 'blog_list' ][ 'category_bg_color' ])): ?>
 .post-list.blog-style-modern article .post-categories a { background: <?php echo $at_appearance[ 'blog_list' ][ 'category_bg_color' ]; ?>}
<?php endif; ?>
 <?php if(!empty($at_appearance[ 'blog_list' ][ 'category_bg_color_hover' ])): ?>
 .post-list.blog-style-modern article .post-categories a:hover { background: <?php echo $at_appearance[ 'blog_list' ][ 'category_bg_color_hover' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'blog_list' ][ 'category_text_color' ])): ?>
 .post-list.blog-style-modern article .post-categories a { color: <?php echo $at_appearance[ 'blog_list' ][ 'category_text_color' ]; ?>}
<?php endif; ?>
 <?php if(!empty($at_appearance[ 'blog_list' ][ 'category_text_color_hover' ])): ?>
 .post-list.blog-style-modern article .post-categories a:hover { color: <?php echo $at_appearance[ 'blog_list' ][ 'category_text_color_hover' ]; ?>}
<?php endif; ?>
 
 <?php if(!empty($at_appearance[ 'blog_list' ][ 'date_bg_color' ])): ?>
 .post-list.blog-style-classic .post-date .inner,
 .post-list.blog-style-modern article .post-image-wrapper .post-posed-date { background: <?php echo $at_appearance[ 'blog_list' ][ 'date_bg_color' ]; ?>}
<?php endif; ?>
 <?php if(!empty($at_appearance[ 'blog_list' ][ 'date_text_color' ])): ?>
 .post-list.blog-style-classic .post-date .inner,
 .post-list.blog-style-modern article .post-image-wrapper .post-posed-date { color: <?php echo $at_appearance[ 'blog_list' ][ 'date_text_color' ]; ?>}
<?php endif; ?>
 <?php if(!empty($at_appearance[ 'blog_list' ][ 'date_bg_color_hover' ])): ?>
 .post-list.blog-style-classic .post-date .hover { background: <?php echo $at_appearance[ 'blog_list' ][ 'date_bg_color_hover' ]; ?>}
<?php endif; ?>
 <?php if(!empty($at_appearance[ 'blog_list' ][ 'date_text_color_hover' ])): ?>
 .post-list.blog-style-classic .post-date .hover { color: <?php echo $at_appearance[ 'blog_list' ][ 'date_text_color_hover' ]; ?>}
<?php endif; ?>
 
 <?php if(!empty($at_appearance[ 'blog_list' ][ 'social_color' ])): ?>
 .post-list .social-share__content a i { color: <?php echo $at_appearance[ 'blog_list' ][ 'social_color' ]; ?>}
<?php endif; ?>
 <?php if(!empty($at_appearance[ 'blog_list' ][ 'social_color_hover' ])): ?>
 .post-list .social-share__content a:hover i { color: <?php echo $at_appearance[ 'blog_list' ][ 'social_color_hover' ]; ?>}
<?php endif; ?>
 
 <?php if(!empty($at_appearance[ 'blog_list' ][ 'readmore_color' ])): ?>
.post-list.blog-style-modern article .post-links > .item { color: <?php echo $at_appearance[ 'blog_list' ][ 'readmore_color' ]; ?>}
<?php endif; ?>
 <?php if(!empty($at_appearance[ 'blog_list' ][ 'readmore_hover' ])): ?>
.post-list.blog-style-modern article .post-links > .item:hover { border-color: <?php echo $at_appearance[ 'blog_list' ][ 'readmore_hover' ]; ?>}
<?php endif; ?> 
 
<?php if(!empty($at_appearance[ 'blog_list' ][ 'big_post_gradient_color' ])): ?>
	.post-list article .gradient-overlay { 
	<?php if(!empty($at_appearance[ 'blog_list' ][ 'big_post_gradient_color_second' ])){ ?>
    background: linear-gradient(to bottom, rgba(0,0,0,0) 40%, <?php echo $at_appearance[ 'blog_list' ][ 'big_post_gradient_color_second' ]; ?> 60%, <?php echo $at_appearance[ 'blog_list' ][ 'big_post_gradient_color' ]; ?> 100%);
	<?php } else { ?>
    background: linear-gradient(to bottom, rgba(0,0,0,0) 40%, <?php echo $at_appearance[ 'blog_list' ][ 'big_post_gradient_color' ]; ?> 100%);
	<?php } ?>
	}
<?php endif; ?>

<?php /* Blog Post */ ?>
<?php if($at_appearance[ 'blog_post' ][ 'title_text_transform' ] != ''): ?>
.post-view h1.page-title {	text-transform: <?php echo $at_appearance[ 'blog_post' ][ 'title_text_transform' ]; ?>;}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'blog_post' ][ 'title_font_size' ])): ?>
<?php $desktop_styles[] = '.post-view h1.page-title {	font-size: ' . $at_appearance[ 'blog_post' ][ 'title_font_size' ] . 'px;}'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'blog_post' ][ 'content_font_size' ])): ?>
@media (min-width: 640px){
.post-view .post-text-hld p,
.post-view .post-text-hld {	font-size: <?php echo $at_appearance[ 'blog_post' ][ 'content_font_size' ]; ?>px;}
}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'blog_post' ][ 'content_line_height' ])): ?>
@media (min-width: 640px){
.post-view .post-text-hld p,
.post-view .post-text-hld {	line-height: <?php echo $at_appearance[ 'blog_post' ][ 'content_line_height' ]; ?>px;}
}
<?php endif; ?>

<?php if(!empty($at_appearance[ 'blog_post' ][ 'related_title_font_size' ])): ?>
.related .post-list article .post-title {	font-size: <?php echo $at_appearance[ 'blog_post' ][ 'related_title_font_size' ]; ?>px;}
<?php endif; ?>


 <?php if(!empty($at_appearance[ 'blog_post' ][ 'meta_text_color' ])): ?>
.post-view .post-meta .item { color: <?php echo $at_appearance[ 'blog_post' ][ 'meta_text_color' ]; ?>}
<?php endif; ?>

 <?php if(!empty($at_appearance[ 'blog_post' ][ 'social_color' ])): ?>
.post-view .social-share__content a i { color: <?php echo $at_appearance[ 'blog_post' ][ 'social_color' ]; ?>}
<?php endif; ?>
 <?php if(!empty($at_appearance[ 'blog_post' ][ 'social_color_hover' ])): ?>
.post-view .social-share__content a:hover i { color: <?php echo $at_appearance[ 'blog_post' ][ 'social_color_hover' ]; ?>}
<?php endif; ?>
 <?php if(!empty($at_appearance[ 'blog_post' ][ 'progress_color' ])): ?>
.post-view .blog-post-sticky-info .progress-container { background: <?php echo $at_appearance[ 'blog_post' ][ 'progress_color' ]; ?>}
<?php endif; ?>
 <?php if(!empty($at_appearance[ 'blog_post' ][ 'progess_color_active' ])): ?>
.post-view .blog-post-sticky-info .progress-bar  { background: <?php echo $at_appearance[ 'blog_post' ][ 'progess_color_active' ]; ?>}
<?php endif; ?>

 
 <?php if(!empty($at_appearance[ 'blog_post' ][ 'category_bg_color' ])): ?>
.post-view .post-categories a { background: <?php echo $at_appearance[ 'blog_post' ][ 'category_bg_color' ]; ?>}
<?php endif; ?>
 <?php if(!empty($at_appearance[ 'blog_post' ][ 'category_bg_color_hover' ])): ?>
.post-view .post-categories a:hover{ background: <?php echo $at_appearance[ 'blog_post' ][ 'category_bg_color_hover' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'blog_post' ][ 'category_text_color' ])): ?>
.post-view .post-categories a { color: <?php echo $at_appearance[ 'blog_post' ][ 'category_text_color' ]; ?>}
<?php endif; ?>
 <?php if(!empty($at_appearance[ 'blog_post' ][ 'category_text_color_hover' ])): ?>
.post-view .post-categories a:hover { color: <?php echo $at_appearance[ 'blog_post' ][ 'category_text_color_hover' ]; ?>}
<?php endif; ?>
 
 <?php if(!empty($at_appearance[ 'blog_post' ][ 'tags_bg_color' ])): ?>
.post-view .post-tags a{ background: <?php echo $at_appearance[ 'blog_post' ][ 'tags_bg_color' ]; ?>}
<?php endif; ?>
 <?php if(!empty($at_appearance[ 'blog_post' ][ 'tags_bg_color_hover' ])): ?>
.post-view .post-tags a:hover { background: <?php echo $at_appearance[ 'blog_post' ][ 'tags_bg_color_hover' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'blog_post' ][ 'tags_text_color' ])): ?>
.post-view .post-tags a { color: <?php echo $at_appearance[ 'blog_post' ][ 'tags_text_color' ]; ?>}
<?php endif; ?>
 <?php if(!empty($at_appearance[ 'blog_post' ][ 'tags_text_color_hover' ])): ?>
.post-view .post-tags a:hover { color: <?php echo $at_appearance[ 'blog_post' ][ 'tags_text_color_hover' ]; ?>}
<?php endif; ?>

<?php if(!empty($at_appearance[ 'blog_post' ][ 'next_prev_color' ])): ?>
.post-view .nextprev-link span { color: <?php echo $at_appearance[ 'blog_post' ][ 'next_prev_color' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'blog_post' ][ 'next_prev_color_hover' ])): ?>
.post-view .post-nextprev-hld .nextprev-link:hover .h3 { color: <?php echo $at_appearance[ 'blog_post' ][ 'next_prev_color_hover' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'blog_post' ][ 'next_prev_bg_color_hover' ])): ?>
.post-view .post-nextprev-hld .nextprev-link:hover .h3 { background: <?php echo $at_appearance[ 'blog_post' ][ 'next_prev_bg_color_hover' ]; ?>;}
<?php endif; ?>

<?php if(!empty($at_appearance[ 'blog_post' ][ 'comments_form_bg' ])): ?>
.post-view .block.comments .fb-comments,
.post-view .block.comments .c-replyform { background: <?php echo $at_appearance[ 'blog_post' ][ 'comments_form_bg' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'blog_post' ][ 'comments_left_line' ])): ?>
.post-view .block.comments .c-comment .c-post { border-color: <?php echo $at_appearance[ 'blog_post' ][ 'comments_left_line' ]; ?>}
<?php endif; ?>

<?php /*  Blog Product Page */ ?>
<?php if(!empty($at_appearance[ 'blog_product_page' ][ 'title_font_size' ])): ?>
<?php if($at_appearance[ 'blog_product_page' ][ 'title_font_size' ] > 28): ?>
<?php $desktop_styles[] = '.catalog-product-view .post-list.blog-style-modern article .post-title{ font-size: ' . $at_appearance[ 'blog_product_page' ][ 'title_font_size' ] .'px;}'; ?>
<?php else: ?>
.catalog-product-view .post-list.blog-style-modern article .post-title{ font-size: <?php echo $at_appearance[ 'blog_product_page' ][ 'title_font_size' ]; ?>px;}
<?php endif; ?>
<?php endif; ?>
<?php 
$blog_ppr_title_letter_spacing = $at_appearance[ 'blog_product_page' ][ 'title_letter_spacing' ];
$blog_ppr_title_text_transform = $at_appearance[ 'blog_product_page' ][ 'title_text_transform' ];
?>
<?php if(!empty($blog_ppr_title_letter_spacing) || !empty($blog_ppr_title_text_transform)): ?>
.catalog-product-view .post-list.blog-style-modern article .post-title{
	<?php if(!empty($blog_ppr_title_letter_spacing)): ?>
		letter-spacing: <?php echo $blog_ppr_title_letter_spacing; ?>px;
	<?php endif; ?>
	<?php if($blog_ppr_title_text_transform != ''): ?>
		text-transform: <?php echo $blog_ppr_title_text_transform; ?>;
	<?php endif; ?>
}
<?php endif; ?>

<?php /* Blog sidebar */ ?>
 <?php if(!empty($at_appearance[ 'blog_list' ][ 'sidebar_tags_bg_color' ])): ?>
.sidebar-additional .block.block-tagclaud a{ background: <?php echo $at_appearance[ 'blog_list' ][ 'sidebar_tags_bg_color' ]; ?>}
<?php endif; ?>
 <?php if(!empty($at_appearance[ 'blog_list' ][ 'sidebar_tags_bg_color_hover' ])): ?>
.sidebar-additional .block.block-tagclaud a:hover { background: <?php echo $at_appearance[ 'blog_list' ][ 'sidebar_tags_bg_color_hover' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'blog_list' ][ 'sidebar_tags_text_color' ])): ?>
.sidebar-additional .block.block-tagclaud a { color: <?php echo $at_appearance[ 'blog_list' ][ 'sidebar_tags_text_color' ]; ?>}
<?php endif; ?>
 <?php if(!empty($at_appearance[ 'blog_list' ][ 'sidebar_tags_text_color_hover' ])): ?>
.sidebar-additional .block.block-tagclaud a:hover { color: <?php echo $at_appearance[ 'blog_list' ][ 'sidebar_tags_text_color_hover' ]; ?>}
<?php endif; ?>


<?php /* Blog Widget */ ?>
<?php if(!empty($at_appearance[ 'blog_list' ][ 'widget_titles_color' ])): ?>
.blog-widget-recent.ox-blog-widget__titles-only .post-list article .post-title a,
.blog-widget-recent.ox-blog-widget__titles-only .post-list article .post-title { color: <?php echo $at_appearance[ 'blog_list' ][ 'widget_titles_color' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'blog_list' ][ 'widget_titles_color_hover' ])): ?>
.blog-widget-recent.ox-blog-widget__titles-only .post-list article:hover .post-title a,
.blog-widget-recent.ox-blog-widget__titles-only .post-list article:hover .post-title { color: <?php echo $at_appearance[ 'blog_list' ][ 'widget_titles_color_hover' ]; ?>}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'blog_list' ][ 'widget_titles_bg_hover' ])): ?>
.blog-widget-recent.ox-blog-widget__titles-only .post-list article:hover .post-title { background: <?php echo $at_appearance[ 'blog_list' ][ 'widget_titles_bg_hover' ]; ?>;}
<?php endif; ?>


<?php /* Order */ ?>
<?php if(!empty($at_appearance[ 'checkout_page' ][ 'order_tab_background' ])): ?>
.order-details-items { background: <?php echo $at_appearance[ 'checkout_page' ][ 'order_tab_background' ]; ?>;}
<?php endif; ?>
<?php if(!empty($at_appearance[ 'checkout_page' ][ 'order_tab_text_color' ])): ?>
.order-details-items .order-title > strong,
.order-details-items { color: <?php echo $at_appearance[ 'checkout_page' ][ 'order_tab_text_color' ]; ?>;}
<?php endif; ?>

<?php /* Checkout */ ?>
<?php 
if ( isset( $at_appearance['checkout_page']['success_page_image'] ) && ! empty( $at_appearance['checkout_page']['success_page_image'] ) ) {
	echo 'body.multishipping-checkout-success, body.checkout-onepage-success { background-image: url(' . $_helper->getBaseMediaUrl( Olegnax\Athlete2\Model\Config\Backend\Image\Logo::UPLOAD_DIR ) . "/" . $at_appearance['checkout_page']['success_page_image'] . '); }';
} ?>
<?php if(!empty($at_appearance[ 'checkout_page' ][ 'success_page_bg_color' ])): ?>
body.multishipping-checkout-success, 
body.checkout-onepage-success { background-color: <?php echo $at_appearance[ 'checkout_page' ][ 'success_page_bg_color' ]; ?>; }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'checkout_page' ][ 'success_page_title_color' ])): ?>
body.multishipping-checkout-success h1.page-title, body.checkout-onepage-success h1.page-title { color: <?php echo $at_appearance[ 'checkout_page' ][ 'success_page_title_color' ]; ?>; }
<?php endif; ?>

<?php if($at_appearance[ 'appearance_buttons' ][ 'main_button_style' ] == 'simple'): ?>
	<?php if($global_fallback): ?>
	.action.secondary:after,
	.secondary > a.action:after,
	.button.secondary:after,
	a.button.secondary:after,
	.primary > .action:after,
	a.action.primary:after,
	.action.primary:after,
	.button.primary:after,
	a.button.primary:after,
	a.button:after,
	.button:after,
	button:after {
		transform: scaleX(1);
		opacity: 0;
	}
		
	.action.secondary:hover:after,
	.secondary > a.action:hover:after,
	.button.secondary:hover:after,
	a.button.secondary:hover:after,

	.primary > .action:hover:after,
	a.action.primary:hover:after,
	.action.primary:hover:after,
	.button.primary:hover:after,
	a.button.primary:hover:after,
	a.button:hover:after,
	.button:hover:after,
	button:hover:after {
		opacity: 1;
	}
	<?php endif; ?>
	<?php $root .= '--a2-btn-opacity:0;	--a2-btn-opacity-hover:1;--a2-btn-trnsfm:scaleX(1);'; ?>
<?php endif; ?>
<?php /* My Account Tabs */ ?>

<?php if(!empty($at_appearance[ 'my_account' ][ 'tab_content_text' ])): ?>
.order-details-items .order-title > strong,
.order-details-items { color:<?php echo $at_appearance[ 'my_account' ][ 'tab_content_text' ]; ?> }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'my_account' ][ 'tab_content_bg' ])): ?>
.order-details-items { background-color: <?php echo $at_appearance[ 'my_account' ][ 'tab_content_bg' ]; ?>  }
<?php endif; ?>


<?php if(!empty($at_appearance[ 'my_account' ][ 'tab_color' ])): ?>
<?php $desktop_styles[] = '.order-links .item a:visited, .order-links .item strong, .order-links .item a { color: ' .  $at_appearance[ 'my_account' ][ 'tab_color' ]. '  }'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'my_account' ][ 'tab_bg' ])): ?>
<?php $desktop_styles[] = '.order-links .item a:before { background-color: ' .  $at_appearance[ 'my_account' ][ 'tab_bg' ]. '  }'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'my_account' ][ 'tab_hover_color' ])): ?>
<?php $desktop_styles[] = '.order-links .item a:focus, .order-links .item a:hover{ color:' .  $at_appearance[ 'my_account' ][ 'tab_hover_color' ]. '  }'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'my_account' ][ 'tab_active_color' ])): ?>
<?php $desktop_styles[] = '.order-links .item.current strong { color: ' . $at_appearance[ 'my_account' ][ 'tab_active_color' ]. '  }'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'my_account' ][ 'tab_active_bg' ])): ?>
<?php $desktop_styles[] = '.order-links .item.current strong{ background-color: ' .  $at_appearance[ 'my_account' ][ 'tab_active_bg' ] . '  }'; ?>
<?php endif; ?>


<?php if(!empty($at_appearance[ 'my_account' ][ 'account_sidebar_links' ])): ?>
.account-nav .item.current strong, .account-nav .item a { color: <?php echo $at_appearance[ 'my_account' ][ 'account_sidebar_links' ]; ?>  }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'my_account' ][ 'account_sidebar_links_hover' ])): ?>
.account-nav .item.current a, 
.account-nav .item.current strong,
.account-nav .item a:hover { color: <?php echo $at_appearance[ 'my_account' ][ 'account_sidebar_links_hover' ]; ?>  }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'my_account' ][ 'account_sidebar_links_bg_hover' ])): ?>
.account-nav .item.current a, 
.account-nav .item.current strong,
.account-nav .item a:hover { background-color: <?php echo $at_appearance[ 'my_account' ][ 'account_sidebar_links_bg_hover' ]; ?>  }
<?php endif; ?>
<?php if(!empty($at_appearance[ 'my_account' ][ 'account_sidebar_bg' ])): ?>
.account-nav .content { background-color: <?php echo $at_appearance[ 'my_account' ][ 'account_sidebar_bg' ]; ?>  }
<?php endif; ?>


<?php if(!empty($at_appearance[ 'my_account' ][ 'accordion_text_color' ])): ?>
<?php $mobile_styles[] = '.order-links .item a:visited, .order-links .item strong, .order-links .item a { color: ' . $at_appearance[ 'my_account' ][ 'accordion_text_color' ] . '  }'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'my_account' ][ 'tab_bg' ])): ?>
<?php $mobile_styles[] = '.order-links .item strong, .order-links .item a { background-color: ' . $at_appearance[ 'my_account' ][ 'tab_bg' ] . '  }'; ?>
<?php endif; ?>

<?php if(!empty($at_appearance[ 'my_account' ][ 'tab_active_color' ])): ?>
<?php $mobile_styles[] = '.order-links .item.current strong { color: ' . $at_appearance[ 'my_account' ][ 'tab_active_color' ] . '  }'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'my_account' ][ 'tab_active_bg' ])): ?>
<?php $mobile_styles[] = '.order-links .item.current strong {background-color: ' . $at_appearance[ 'my_account' ][ 'tab_active_bg' ] . '  }'; ?>
<?php endif; ?>

<?php if(!empty($at_appearance[ 'my_account' ][ 'account_sidebar_toggle_color' ])): ?>
<?php $mobile_styles[] = '.account-nav .hamburger-menu-icon-small span { background-color: ' . $at_appearance[ 'my_account' ][ 'account_sidebar_toggle_color' ] . '  }' .
'.account-nav .title label { color: ' .  $at_appearance[ 'my_account' ][ 'account_sidebar_toggle_color' ] . '  }'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'my_account' ][ 'account_sidebar_toggle_bg' ])): ?>
<?php $mobile_styles[] = '.account-nav .title { background-color: ' . $at_appearance[ 'my_account' ][ 'account_sidebar_toggle_bg' ] . '  }'; ?>
<?php endif; ?>
<?php if(!empty($at_appearance[ 'my_account' ][ 'account_sidebar_bg_mobile' ])): ?>
<?php $mobile_styles[] = '.account-nav .content, .sidebar-nobg .account-nav.collapsible-nav .content { background-color: ' . $at_appearance[ 'my_account' ][ 'account_sidebar_bg_mobile' ] . '  }'; ?>
<?php endif; ?>


<?php
/* Base Icons Sizes */ 
$icons_helper = $this->helper(Olegnax\Athlete2\Helper\Icons::class);
$icons_list = $icons_helper->getIconsList();
$path = 'athlete2_design/appearance_icons/icon_';
if(is_array($icons_list)){
	foreach ($icons_list as $icon_name):
		$width = $icons_helper->getSize($icon_name, 'width', $path);
		$height = $icons_helper->getSize($icon_name, 'height', $path);
		echo '.a2-icon-' . $block->escapeHtmlAttr($icon_name) . '{
			width: ' . $block->escapeHtmlAttr($width) . 'px;
			height: '. $block->escapeHtmlAttr($height) . 'px;
		}';

	endforeach; 
	unset($icons_list);
} 



/* Header Icons Sizes */
/* Product Page Icon Sizes */
/* Mobile Bottom Nav Sizes */

// Custom icons
$custom_icon = false;
// Cart Icon ----------------------------------------------------------
$base_icon_cart = '';
$width = '';
$height = '';
$value = $at_appearance[ 'appearance_icons' ][ 'icon_cart' ];
$value_header = $at_appearance[ 'appearance_icons_header' ][ 'header_icon_cart' ];
$value_header_hover = $at_appearance[ 'appearance_icons_header' ][ 'header_icon_custom_cart_hover' ];
$value_product = $at_appearance[ 'appearance_icons_product' ][ 'product_icon_cart' ];
$value_product_hover = $at_appearance[ 'appearance_icons_product' ][ 'product_icon_custom_cart_hover' ];

if($value === 'custom' ){
	$value = $at_appearance[ 'appearance_icons' ][ 'icon_custom_cart' ];
	if(!empty($value)){
		$custom_icon = true;
		$root .= '--a2-icons-cart: url(' . $block->escapeUrl($this->getViewFileUrl($value)) . ');';
		?>
	.a2-icon-cart{
		background: center / contain no-repeat var(--a2-icons-cart);
	}
	.a2-icon-cart> *{ 
			display:none
	}
	<?php
	}
	$value = $at_appearance[ 'appearance_icons' ][ 'icon_custom_cart_hover' ];
	if(!empty($value)){
		$root .= '--a2-icons-cart-hover: url(' . $block->escapeUrl($this->getViewFileUrl($value)) . ');';
		?>
		<?php if($value_header !== 'custom' && empty($value_header_hover)){ ?>
		.header__item .button:hover .a2-icon-cart,
		<?php } ?>
		.action.tocart:hover .a2-icon-cart{
			--a2-icons-cart: var(--a2-icons-cart-hover);
		}
		<?php if($value_product !== 'custom' && empty($value_product_hover)){ ?>
		:is(.product-bar, .product-options-bottom,.product-info-main, .bundle-options-container .block-bundle-summary) .box-tocart .action.tocart:hover svg{
			animation: move-vertical-hover-cart 0.25s forwards;
		}
		@keyframes move-vertical-hover-cart {
			0% {     
				transform: translateY(0);
			}
			50% {     
				transform: translateY(-35px);
			}
			50.1% {   
				background: center / contain no-repeat var(--a2-icons-cart-hover);
				transform: translateY(35px);
			}
			100% {     
				background: center / contain no-repeat var(--a2-icons-cart-hover);
				transform: translateY(0);
			}
		}
		<?php
		}
	}
} else {
	$base_icon_cart = $icons_helper->getIconByValue($value);
	if(is_array($base_icon_cart)){
		$width = $base_icon_cart[1];
		$height = $base_icon_cart[2];
		$_color_base = ($at_appearance[ 'appearance_product_listing' ][ 'listing_actions_color' ] ?: $at_appearance[ 'appearance_buttons' ][ 'second_button_text_color' ]);
		$color_base = $_color_base ? $_helper->getSvgColor($_color_base) : 'rgb(255,255,255)';
		$color_base = 'fill=\'' . $color_base . '\' stroke=\'' . $_helper->getSvgColor($color_base) . '\'';
		$color_hover = $at_appearance[ 'appearance_product_listing' ][ 'listing_actions_hover' ] ?: $at_appearance[ 'appearance_buttons' ][ 'second_button_text_hover_color' ];
		$color_hover = $color_hover ? 'fill=\'' . $_helper->getSvgColor($color_hover) . '\' stroke=\'' . $_helper->getSvgColor($color_hover) . '\'' : '';
	
		$icon_base = '"data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\'  ' . $color_base . ' viewBox=\'0 0 ' . $block->escapeHtmlAttr($width) .' ' . $block->escapeHtmlAttr($height) .' \'%3E' . rawurlencode($base_icon_cart[0]) .'%3C/svg%3E"';
		$icon_hover = '"data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\'  ' . $color_hover . ' viewBox=\'0 0 ' . $block->escapeHtmlAttr($width) .' ' . $block->escapeHtmlAttr($height) .' \'%3E' . rawurlencode($base_icon_cart[0]) .'%3C/svg%3E"';
		$root .= '--a2-icons-cart: url(' . $icon_base . ');';
		$root .= '--a2-icons-cart-hover: url(' . $icon_hover . ');';

		// for css below
		$width = $at_appearance['appearance_icons']['icon_width_cart'] ?: $base_icon_cart[1];
		$height = $at_appearance['appearance_icons']['icon_height_cart'] ?: $base_icon_cart[2];
	}
} 
?>

.table-comparison .action.tocart:before{
	content:'';
	margin: auto;
	background: center / contain no-repeat var(--a2-icons-cart);
	width: <?php echo $block->escapeHtmlAttr($width) ?: 18 ?>px;
	height: <?php echo $block->escapeHtmlAttr($height) ?: 18 ?>px;
	display: block;
}
.table-comparison .action.tocart:hover:before{
	--a2-icons-cart: var(--a2-icons-cart-hover);
}
<?php 
// product page  custom cart icon 
$value = $at_appearance[ 'appearance_icons_product' ][ 'product_icon_custom_cart' ];
if($value_product === 'custom' && !empty($value)){ ?>
	:is(.product-options-bottom,.product-info-main, .bundle-options-container .block-bundle-summary) .box-tocart .action.tocart svg{
		background: center / contain no-repeat url("<?php echo $block->escapeUrl($this->getViewFileUrl($value)) ?>");
	}
<?php } ?>
<?php 
// product page add to cart cutom hover icon
if($value_product === 'custom' && !empty($value_product_hover)){ ?>
:is(.product-options-bottom,.product-info-main, .bundle-options-container .block-bundle-summary) .box-tocart .action.tocart:hover svg{
	animation: move-vertical-hover-cart 0.25s forwards;
}
@keyframes move-vertical-hover-cart {
	0% {     
		transform: translateY(0);
	}
	50% {     
		transform: translateY(-35px);
	}
	50.1% {   
		background: center / contain no-repeat  url("<?php echo $block->escapeUrl($this->getViewFileUrl($value_product_hover)) ?>");
		transform: translateY(35px);
	}
	100% {     
		background: center / contain no-repeat  url("<?php echo $block->escapeUrl($this->getViewFileUrl($value_product_hover)) ?>");
		transform: translateY(0);
	}
}
<?php } ?>

<?php 
// header custom cart icon 
$value = $at_appearance[ 'appearance_icons_header' ][ 'header_icon_custom_cart' ];
if($value_header === 'custom' && !empty($value)){ ?>
	.header__item .button .a2-icon-cart{
		background: center / contain no-repeat url("<?php echo $block->escapeUrl($this->getViewFileUrl($value)) ?>");
	}
<?php } ?>
<?php 
// header custom cart icon hover
if($value_header === 'custom' && !empty($value_header_hover)){ ?>
	.header__item .button:hover .a2-icon-cart{
		background: center / contain no-repeat url("<?php echo $block->escapeUrl($this->getViewFileUrl($value_header_hover)) ?>");
	}
<?php } ?>

<?php 
// Empty Cart Icon ----------------------------------------------------------
$width = 106;
$height = 106;
$icon = '';
$empty_custom_icon_url =  '';
if($at_appearance[ 'appearance_icons_empty' ][ 'icon_cart_enable' ]){
	$width = $at_appearance['appearance_icons_empty']['icon_width_cart'] ?: 106;
	$height = $at_appearance['appearance_icons_empty']['icon_height_cart'] ?: 106;
	// Custom empty cart icon
	$value = $at_appearance[ 'appearance_icons_empty' ][ 'icon_cart' ];
	if($value  === 'custom'){
		$value = $at_appearance[ 'appearance_icons_empty' ][ 'icon_custom_cart' ];
		if(!empty($value)){
			$empty_custom_icon_url = $this->getViewFileUrl($value);
			?>
			.empty-cart-icon:before{
				content:'';
				margin: auto;
				margin-bottom: 20px;
				width: <?php echo $block->escapeHtmlAttr($width) ?>px;
				height: <?php echo $block->escapeHtmlAttr($height)?>px;
				display: block;
				background: center / contain no-repeat url("<?php echo $block->escapeUrl($empty_custom_icon_url) ?>");
			}
			<?php
		}
	} else{
		// if not custom icon then try to get icon selected icon by option value
		if(!empty($value)){
			$icon = $icons_helper->getIconByValue($value);
		}
	}
}
// if custom icon is set then I expect that it will be also set manually for empty cart, since in most cases it requires another icon color.
if(empty($empty_custom_icon_url)){

	if(!is_array($icon)){
		$icon = $base_icon_cart;
	}
	if(is_array($icon)){
	// Generate background svg icon using values from Olegnax\Athlete2\Helper\Icon getIconsArray()
	?>
	.empty-cart-icon:before{
		content:'';
		margin: auto;
		margin-bottom: 20px;
		width: <?php echo $block->escapeHtmlAttr($width) ?>px;
		height: <?php echo $block->escapeHtmlAttr($height)?>px;
		display: block;
		color:rgb(236, 236, 236);
		background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(236, 236, 236)' stroke='rgb(236, 236, 236)' width='106' viewBox='0 0 <?php echo $block->escapeHtmlAttr($icon[1]) ?> <?php echo $block->escapeHtmlAttr($icon[2]) ?>'%3E<?php echo rawurlencode($icon[0]) ?>%3C/svg%3E");
	}
	<?php 
	} 
}


// Wishlist Icon ----------------------------------------------------------
$base_icon_wishlist = '';
$width = '';
$height = '';

$value_header_fallback = $at_appearance[ 'appearance_icons_header' ][ 'header_icon_wishlist_fallback' ];
$value_header = $at_appearance[ 'appearance_icons_header' ][ 'header_icon_wishlist' ];
$value_header_hover = $at_appearance[ 'appearance_icons_header' ][ 'header_icon_custom_wishlist_hover' ];
$value_product_fallback = $at_appearance[ 'appearance_icons_product' ][ 'product_icon_wishlist_fallback' ];
$value_product = $at_appearance[ 'appearance_icons_product' ][ 'product_icon_wishlist' ];
$value_product_hover = $at_appearance[ 'appearance_icons_product' ][ 'product_icon_custom_wishlist_hover' ];

if(!$at_appearance[ 'appearance_icons' ][ 'icon_wishlist_fallback' ]){
	$value = $at_appearance[ 'appearance_icons' ][ 'icon_wishlist' ];
	if( $value  === 'custom' ){
		$value = $at_appearance[ 'appearance_icons' ][ 'icon_custom_wishlist' ];
		if(!empty($value)){
			$custom_icon = true;
			$root .= '--a2-icons-wishlist: url(' . ($this->getViewFileUrl($value)) . ');';
			// add background image on icons svg tag and hide original svg content
			?>
			.a2-icon-wishlist{
				content:'';
				background: center / contain no-repeat var(--a2-icons-wishlist);
				width: <?php echo $at_appearance['appearance_icons']['icon_width_wishlist'] ?: 18 ?>px;
				height: <?php echo $at_appearance['appearance_icons']['icon_height_wishlist'] ?: 18?>px;
			}
			.a2-icon-wishlist> *{ 
					display:none
			}
			<?php
		}
		$value = $at_appearance[ 'appearance_icons' ][ 'icon_custom_wishlist_hover' ];
		if(!empty($value)){
			$custom_icon = true;
			$root .= '--a2-icons-wishlist-hover: url(' . $block->escapeUrl($this->getViewFileUrl($value)) . ');';
			?>
			<?php if(!$value_header_fallback && $value_header !== 'custom' && empty($value_header_hover)){ ?>
				.header__item .button:hover .a2-icon-wishlist,
			<?php } ?>
			.products-grid .product-grid__image-wrapper .product-item-inner .action.towishlist:hover .a2-icon-wishlist{
				background: center / contain no-repeat var(--a2-icons-wishlist-hover);
			}
			<?php
		}
	} else {
		$base_icon_wishlist = $icons_helper->getIconByValue($value);
		if(is_array($base_icon_wishlist)){
			$width = $base_icon_wishlist[1];
			$height = $base_icon_wishlist[2];
			$_color_base = ($at_appearance[ 'appearance_product_listing' ][ 'listing_actions_color' ] ?: $at_appearance[ 'appearance_buttons' ][ 'second_button_text_color' ]);
			$color_base = $_color_base ? $_helper->getSvgColor($_color_base) : 'rgb(255,255,255)';
			$color_base = 'fill=\'' . $color_base . '\' stroke=\'' . $color_base . '\'';
			$color_hover = $at_appearance[ 'appearance_product_listing' ][ 'listing_actions_hover' ] ?: $at_appearance[ 'appearance_buttons' ][ 'second_button_text_hover_color' ];
			$color_hover = $color_hover ? 'fill=\'' . $_helper->getSvgColor($color_hover) . '\' stroke=\'' . $_helper->getSvgColor($color_hover) . '\'' : '';

			$icon_base = '"data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\'  ' . $color_base . ' viewBox=\'0 0 ' . $block->escapeHtmlAttr($width) .' ' . $block->escapeHtmlAttr($height) .' \'%3E' .  rawurlencode($base_icon_wishlist[0]) .'%3C/svg%3E"';
			$icon_hover = '"data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\'  ' . $color_hover . ' viewBox=\'0 0 ' . $block->escapeHtmlAttr($width) .' ' . $block->escapeHtmlAttr($height) .' \'%3E' .  rawurlencode($base_icon_wishlist[0]) .'%3C/svg%3E"';
			$root .= '--a2-icons-wishlist: url(' . $icon_base . ');';
			$root .= '--a2-icons-wishlist-hover: url(' . $icon_hover . ');';

			// for the css below
			$width = $at_appearance['appearance_icons']['icon_width_wishlist'] ?: $base_icon_wishlist[1];
			$height = $at_appearance['appearance_icons']['icon_height_wishlist'] ?: $base_icon_wishlist[2];
		}
	}
	?>
	.product-items .action.towishlist:before, 
	.products.list.items .action.towishlist:before{
		content:none;
	}
	.table-comparison .action.towishlist:before{
		content:'';
		margin: auto;
		display:block;
		background: center / contain no-repeat var(--a2-icons-wishlist);
		width: <?php echo $block->escapeHtmlAttr($width) ?: 18 ?>px;
		height: <?php echo $block->escapeHtmlAttr($height) ?: 18 ?>px;
	}
	.table-comparison .action.towishlist:hover:before{
		background: center / contain no-repeat var(--a2-icons-wishlist-hover);
	}
	<?php
} else{ ?>
	.a2-icon-wishlist:not([class*="a2-icon--"]){ 
		display:none;
	}
<?php 
}
?>

<?php
if(!$value_product_fallback){
// product page  custom wishlist icon 
$value = $at_appearance[ 'appearance_icons_product' ][ 'product_icon_custom_wishlist' ];
if($value_product === 'custom' && !empty($value)){ ?>
	:is(.product-options-bottom,.product-info-main, .bundle-options-container .block-bundle-summary) .action.towishlist svg{
		background: center / contain no-repeat url("<?php echo $block->escapeUrl($this->getViewFileUrl($value)) ?>");
	}
<?php } ?>
<?php 
// product page add to wishlist cutom hover icon
if($value_product === 'custom' && !empty($value_product_hover)){ ?>
	:is(.product-options-bottom,.product-info-main, .bundle-options-container .block-bundle-summary) .action.towishlist:hover svg{
		background: center / contain no-repeat url("<?php echo $block->escapeUrl($this->getViewFileUrl($value_product_hover)) ?>");
	}
<?php } 
}
?>

<?php 
if(!$value_header_fallback){
// header custom wishlist icon 
$value = $at_appearance[ 'appearance_icons_header' ][ 'header_icon_custom_wishlist' ];
if($value_header === 'custom' && !empty($value)){ ?>
	.header__item .a2-icon-wishlist{
		background: center / contain no-repeat url("<?php echo $block->escapeUrl($this->getViewFileUrl($value)) ?>");
	}
<?php } ?>
<?php 
// header custom wishlist icon hover
if($value_header === 'custom' && !empty($value_header_hover)){ ?>
	.header__item .button:hover .a2-icon-wishlist{
		background: center / contain no-repeat url("<?php echo $block->escapeUrl($this->getViewFileUrl($value_header_hover)) ?>");
	}
<?php } 
}
?>
<?php
// Empty Wishlist Icon ----------------------------------------------------------

$width = 106;
$height = 106;
$icon = '';
$empty_custom_icon_url =  '';
if($at_appearance[ 'appearance_icons_empty' ][ 'icon_wishlist_enable' ]){
	$width = $at_appearance['appearance_icons_empty']['icon_width_wishlist'] ?: 106;
	$height = $at_appearance['appearance_icons_empty']['icon_height_wishlist'] ?: 106;
	// Custom empty wishlist icon
	$value = $at_appearance[ 'appearance_icons_empty' ][ 'icon_wishlist' ];
	if($value  === 'custom'){
		$value = $at_appearance[ 'appearance_icons_empty' ][ 'icon_custom_wishlist' ];
		if(!empty($value)){
			$empty_custom_icon_url = $this->getViewFileUrl($value);
			?>
			.empty-wishlist-icon:before{
				content:'';
				margin: auto;
				margin-bottom: 20px;
				width: <?php echo $block->escapeHtmlAttr($width) ?>px;
				height: <?php echo $block->escapeHtmlAttr($height)?>px;
				display: block;
				background: center / contain no-repeat url("<?php echo $block->escapeUrl($empty_custom_icon_url) ?>");
			}
			<?php
		}
	} else{
		// if not custom icon then try to get icon selected icon by option value
		if(!empty($value)){
			$icon = $icons_helper->getIconByValue($value);
		}
	}
} 
if(empty($empty_custom_icon_url)){
	if(!is_array($icon)){
		$icon = $base_icon_wishlist;
	}
	if(is_array($icon)){
	// Generate background svg icon using values from Olegnax\Athlete2\Helper\Icon getIconsArray()
	?>
	.empty-wishlist-icon:before{
		content:'';
		margin: auto;
		margin-bottom: 20px;
		width: <?php echo $block->escapeHtmlAttr($width) ?>px;
		height: <?php echo $block->escapeHtmlAttr($height)?>px;
		display: block;
		color:rgb(236, 236, 236);
		background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(236, 236, 236)' stroke='rgb(236, 236, 236)' width='106' viewBox='0 0 <?php echo $block->escapeHtmlAttr($icon[1]) ?> <?php echo $block->escapeHtmlAttr($icon[2]) ?>'%3E<?php echo rawurlencode($icon[0]) ?>%3C/svg%3E");
	}
	<?php 
	} 
}
?>


<?php
// Compare Icon ----------------------------------------------------------
$base_icon_compare = '';
$width = '';
$height = '';

$value_header = $at_appearance[ 'appearance_icons_header' ][ 'header_icon_compare' ];
$value_header_hover = $at_appearance[ 'appearance_icons_header' ][ 'header_icon_custom_compare_hover' ];
$value_product_fallback = $at_appearance[ 'appearance_icons_product' ][ 'product_icon_compare_fallback' ];
$value_product = $at_appearance[ 'appearance_icons_product' ][ 'product_icon_compare' ];
$value_product_hover = $at_appearance[ 'appearance_icons_product' ][ 'product_icon_custom_compare_hover' ];

$value = $at_appearance[ 'appearance_icons' ][ 'icon_compare' ];
if( $value  === 'custom' ){
	$value = $at_appearance[ 'appearance_icons' ][ 'icon_custom_compare' ];
	if(!empty($value)){
		$custom_icon = true;
		$root .= '--a2-icons-compare: url(' . ($this->getViewFileUrl($value)) . ');';
		// add background image on icons svg tag and hide original svg content
		?>
		.a2-icon-compare{
			content:'';
			background: center / contain no-repeat var(--a2-icons-compare);
			width: <?php echo $at_appearance['appearance_icons']['icon_width_compare'] ?: 18 ?>px;
			height: <?php echo $at_appearance['appearance_icons']['icon_height_compare'] ?: 18?>px;
		}
		.a2-icon-compare> *{ 
				display:none
		}
		<?php
	}
	$value = $at_appearance[ 'appearance_icons' ][ 'icon_custom_compare_hover' ];
	if(!empty($value)){
		$custom_icon = true;
		$root .= '--a2-icons-compare-hover: url(' . $block->escapeUrl($this->getViewFileUrl($value)) . ');';
		?>
		<?php if($value_header !== 'custom' && empty($value_header_hover)){ ?>
			.header__item .button:hover .a2-icon-compare,
		<?php } ?>
		.products-grid .product-grid__image-wrapper .product-item-inner .action.tocompare:hover .a2-icon-compare{
			background: center / contain no-repeat var(--a2-icons-compare-hover);
		}
		<?php
	}
} else {
	$base_icon_compare = $icons_helper->getIconByValue($value);
}
?>


<?php
if(!$value_product_fallback){
// product page  custom compare icon 
$value = $at_appearance[ 'appearance_icons_product' ][ 'product_icon_custom_compare' ];
if($value_product === 'custom' && !empty($value)){ ?>
	:is(.product-options-bottom,.product-info-main, .bundle-options-container .block-bundle-summary) .action.tocompare svg{
		background: center / contain no-repeat <?php echo $block->escapeUrl($this->getViewFileUrl($value)) ?>;
	}
<?php } ?>
<?php 
// product page add to compare cutom hover icon
if($value_product === 'custom' && !empty($value_product_hover)){ ?>
	:is(.product-options-bottom,.product-info-main, .bundle-options-container .block-bundle-summary) .action.tocompare:hover svg{
		background: center / contain no-repeat url("<?php echo $block->escapeUrl($this->getViewFileUrl($value_product_hover)) ?>");
	}
<?php } 
}
?>

<?php 
// header custom compare icon 
$value = $at_appearance[ 'appearance_icons_header' ][ 'header_icon_custom_compare' ];
if($value_header === 'custom' && !empty($value)){ ?>
	.header__item .a2-icon-compare{
		background: center / contain no-repeat url("<?php echo $block->escapeUrl($this->getViewFileUrl($value)) ?>");
	}
<?php } ?>
<?php 
// header custom compare icon hover
if($value_header === 'custom' && !empty($value_header_hover)){ ?>
	.header__item .button:hover .a2-icon-compare{
		background: center / contain no-repeat url("<?php echo $block->escapeUrl($this->getViewFileUrl($value_header_hover)) ?>");
	}
<?php } ?>
<?php
// Empty Compare Icon ----------------------------------------------------------
$width = 106;
$height = 106;
$icon = '';
$empty_custom_icon_url =  '';
if($at_appearance[ 'appearance_icons_empty' ][ 'icon_compare_enable' ]){
	$width = $at_appearance['appearance_icons_empty']['icon_width_compare'] ?: 106;
	$height = $at_appearance['appearance_icons_empty']['icon_height_compare'] ?: 106;
	// Custom empty compare icon
	$value = $at_appearance[ 'appearance_icons_empty' ][ 'icon_compare' ];
	if($value  === 'custom'){
		$value = $at_appearance[ 'appearance_icons_empty' ][ 'icon_custom_compare' ];
		if(!empty($value)){
			$empty_custom_icon_url = $this->getViewFileUrl($value);
			?>
			.empty-compare-icon:before{
				content:'';
				margin: auto;
				margin-bottom: 20px;
				width: <?php echo $block->escapeHtmlAttr($width) ?>px;
				height: <?php echo $block->escapeHtmlAttr($height)?>px;
				display: block;
				background: center / contain no-repeat url("<?php echo $block->escapeUrl($empty_custom_icon_url) ?>");
			}
			<?php
		}
	} else{
		// if not custom icon then try to get icon selected icon by option value
		if(!empty($value)){
			$icon = $icons_helper->getIconByValue($value);
		}
	}
} 
if(empty($empty_custom_icon_url)){
	if(!is_array($icon)){
		$icon = $base_icon_compare;
	}
	if(is_array($icon)){
	// Generate background svg icon using values from Olegnax\Athlete2\Helper\Icon getIconsArray()
	?>
	.empty-compare-icon:before{
		content:'';
		margin: auto;
		margin-bottom: 20px;
		width: <?php echo $block->escapeHtmlAttr($width) ?>px;
		height: <?php echo $block->escapeHtmlAttr($height)?>px;
		display: block;
		color: rgb(236, 236, 236);
		background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='106' fill='rgb(236, 236, 236)' stroke='rgb(236, 236, 236)' viewBox='0 0 <?php echo $block->escapeHtmlAttr($icon[1]) ?> <?php echo $block->escapeHtmlAttr($icon[2]) ?>'%3E<?php echo rawurlencode($icon[0]) ?>%3C/svg%3E");
	}
	<?php 
	} 
}
?>

<?php
// custom search icon
if($at_appearance[ 'appearance_icons' ][ 'icon_search' ] === 'custom'){
	$value = $at_appearance[ 'appearance_icons' ][ 'icon_custom_search' ];
	if(!empty($value)){ ?>
		.a2-icon-search{
			background: center / contain no-repeat url("<?php echo $block->escapeUrl($this->getViewFileUrl($value)) ?>");
		}
	<?php } ?>
	<?php 
	$value = $at_appearance[ 'appearance_icons' ][ 'icon_custom_search_hover' ];
	if( !empty($value)){ ?>
		:where(button, .button):hover .a2-icon-search{
			background: center / contain no-repeat url("<?php echo $block->escapeUrl($this->getViewFileUrl($value)) ?>");
		}
	<?php } 
}
?>
<?php
// custom account icon
if($at_appearance[ 'appearance_icons' ][ 'icon_account' ] === 'custom'){
	$value = $at_appearance[ 'appearance_icons' ][ 'icon_custom_account' ];
	if(!empty($value)){ ?>
		.a2-icon-account{
			background: center / contain no-repeat url("<?php echo $block->escapeUrl($this->getViewFileUrl($value)) ?>");
		}
	<?php } ?>
	<?php 
	$value = $at_appearance[ 'appearance_icons' ][ 'icon_custom_account_hover' ];
	if( !empty($value)){ ?>
		:where(button, .button):hover .a2-icon-account{
			background: center / contain no-repeat url("<?php echo $block->escapeUrl($this->getViewFileUrl($value)) ?>");
		}
	<?php } 
}
?>
<?php
// custom menu icon
if($at_appearance[ 'appearance_icons_header' ][ 'header_icon_menu' ] === 'custom'){
	$value = $at_appearance[ 'appearance_icons_header' ][ 'header_icon_custom_menu' ];
	$width = $at_appearance[ 'appearance_icons_header' ][ 'header_icon_width_menu' ];
	$height = $at_appearance[ 'appearance_icons_header' ][ 'header_icon_height_menu' ];
	if(!$width || empty($width) ){
		$width = 18;
	}
	if(!$height || empty($height)){
		$height = 18;
	}
	if(!empty($value)){ ?>
		.slide-out-menu--mobile .icon{
			width: <?php echo $block->escapeHtmlAttr($width) ?>px;
			height:<?php echo $block->escapeHtmlAttr($height) ?>px;
			background: center / contain no-repeat url("<?php echo $block->escapeUrl($this->getViewFileUrl($value)) ?>");
		}
	<?php }
}
?>

<?php // Reset custom icon
if($custom_icon){
?>
[class*="a2-icon--"]:not(.a2-icon--custom){
	background: none;
}
[class*="a2-icon--"]:not(.a2-icon--custom) > *{
	display: initial;
}
<?php } ?>


<?php /* Bottom Navigation */ 

if($at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_enable' ]){
	$value = $at_appearance[ 'mobile_bottom_nav' ][ 'item_color' ] ?: $header_item_icon_color;
	if(!empty($value)){ $root .= '--a2-bnav-color: ' . $value . ';'; }
	
	$value = $at_appearance[ 'mobile_bottom_nav' ][ 'item_bg' ] ?: $header_item_icon_bg;
	if(!empty($value)){ $root .= '--a2-bnav-bg: ' . $value . ';'; }
	
	$value = $at_appearance[ 'mobile_bottom_nav' ][ 'item_icon_color' ];
	if(!empty($value)){ 
		$root .= '--a2-bnav-i-color: ' . $value  . ';'; 
		?>
		.ox-bnav__item .icon{ color:<?php echo $value ?> }
	<?php } ?>

	<?php 

	$value = $at_appearance[ 'mobile_bottom_nav' ][ 'item_font_size' ];
	if(!empty($value) ){ $root .= '--a2-bnav-fs: ' . (int)$value  . 'px;'; }

	$value = $at_appearance[ 'mobile_bottom_nav' ][ 'item_font_weight' ] ?: $menu_font_weight;
	if( !empty($value) ){ $root .= '--a2-bnav-fw: ' . (int)$value  . ';'; }

	$value = $at_appearance[ 'mobile_bottom_nav' ][ 'item_text_transform' ]  ?: $menu_text_transform;
	if( !empty($value) ){ $root .= '--a2-bnav-tt: ' . $block->escapeHtmlAttr($value)  . ';';  }
		
	$value = $at_appearance[ 'mobile_bottom_nav' ][ 'item_letter_spacing' ];
	if( $value != '' ){ $root .= '--a2-bnav-ls: ' . $value  . 'px;'; }

	if($at_appearance['mobile_bottom_nav']['item_font_enable']){
		$value =  $at_appearance['mobile_bottom_nav']['item_font_custom'] ?: $at_appearance['mobile_bottom_nav']['item_font'];
		if(!empty($value)){
			$value = $value . ' var(--a2-font-base)';
		}
	} else{
		$value = '';
	}
	
	$bnav_font = $value ?: ($menuFont ?: $btn_font);
	if( $bnav_font ){ ?>
		.ox-bnav__item .action{ font-family: <?php echo $bnav_font ?>; }
	<?php }

	$value = $at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_counter_position' ];
	if($value){ ?>
		.ox-bnav__item .header__item-badge{
			right: -5px;
			top: -3px;
		}
		.ox-bnav__item .icon{
			position: relative;
		}
	<?php }
	
	$value1 = $at_appearance[ 'mobile_bottom_nav' ][ 'counter_bg' ] ?: $header_counter_bg;
	$value2 = $at_appearance[ 'mobile_bottom_nav' ][ 'counter_text' ] ?: $header_counter_text;
	if( !empty($value1) || !empty($value2)){ 
		echo '.ox-bnav__item .header__item-badge {';
		if( !empty($value1) ){ 
			echo 'background:' . $value1 . ';';
		}
		if( !empty($value2) ){ 
			echo 'color:' . $value2 . ';';
		}
		echo '}';
	}

	$bnav_icons = ['cart', 'menu', 'wishlist', 'compare', 'account', 'search', 'home', 'shop'];
	foreach($bnav_icons as $icon_name):
		if($at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_enable_' . $icon_name ] && $at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_icon_' . $icon_name ] === 'custom'){
			$value = $at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_icon_custom_' . $icon_name ];
			if(!empty($value)){ 
				$width = 	$at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_icon_width_' . $icon_name ];
				$height = 	$at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_icon_height_' . $icon_name ];
				if(!empty($width)) { $width = 'width:' . $width . 'px'; }
				if(!empty($height)) { $height = 'height:' . $height . 'px'; }
				?>
			.ox-bnav__<?php echo $icon_name ?> svg{
				<?php echo $width ?>
				<?php echo $height ?>
				background: center / contain no-repeat url("<?php echo $block->escapeUrl($this->getViewFileUrl($value)) ?>");
			}
			<?php }

			// bottom nav items order
			$value = $at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_item_' . $icon_name . '_order' ];
			if(!empty($value)){
				echo '.ox-bnav__' . $icon_name . '{order:' .  (int)$value .'}';
			}
		}
	endforeach;
	unset($bnav_icons);

	$bnav = '';
	if($at_appearance[ 'mobile_bottom_nav' ][ 'border' ]){
		$value = $at_appearance[ 'mobile_bottom_nav' ][ 'border_color' ] ?: 'rgba(0,0,0,.12)';
		if(!empty($value)){ 
			$bnav .= 'border-top: 1px solid ' . $value .';';
		}
	}
	if($at_appearance[ 'mobile_bottom_nav' ][ 'shadow' ] ){
		$value = $at_appearance[ 'mobile_bottom_nav' ][ 'shadow_color' ] ?: 'rgba(0,0,0,.08)';
		if(!empty($value)){ 
			$bnav .= 'box-shadow: 0 0 26px 0px ' . $value .';';
		}
	}
	if($header_bg){
		$bnav .= 'background-color:' . $header_bg .';';
	}
	// $value = (int)$at_appearance[ 'mobile_bottom_nav' ][ 'block_margin' ];
	// if(!empty($value)){
	// 	$bnav .= 'margin: ' . $value .'px; width: calc(100% - ' . $value*2 .'px); margin-top:0;'; 
	// }
	if($bnav){ ?>
		.ox_bnav{ <?php echo $bnav ?>}
	<?php }
?>
	<?php /* Header Items Order */ ?>
	<?php if(!empty($at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_item_search_order' ])): ?>
	.ox-bnav__search{ order: <?php echo $at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_item_search_order' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_item_account_order' ])): ?>
	.ox-bnav__account{ order: <?php echo $at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_item_account_order' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_item_wishlist_order' ])): ?>
	.ox-bnav__wishlist{ order: <?php echo $at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_item_wishlist_order' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_item_compare_order' ])): ?>
	.ox-bnav__compare{ order: <?php echo $at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_item_compare_order' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_item_cart_order' ])): ?>
	.ox-bnav__cart { order: <?php echo $at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_item_cart_order' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_item_home_order' ])): ?>
	.ox-bnav__home { order: <?php echo $at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_item_home_order' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_item_custom_order' ])): ?>
	.ox-bnav__custom{ order: <?php echo $at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_item_custom_order' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_item_shop_order' ])): ?>
	.ox-bnav__shop{ order: <?php echo $at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_item_shop_order' ]; ?> }
	<?php endif; ?>
	<?php if(!empty($at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_item_menu_order' ])): ?>
	.ox-bnav__menu{ order: <?php echo $at_settings[ 'mobile_bottom_nav' ][ 'bottom_nav_item_menu_order' ]; ?> }
	<?php endif; ?>	
<?php } 

// hide search in mobile header
$value = $at_settings[ 'mobile_header' ][ 'search_mobile_hide' ];
if ($value) {
	$mobile_styles[] = '.page-header .header__item-search{display:none!important}';
} 


// product bar
if($at_settings[ 'product_bar' ][ 'enabled' ]){

	$prod_bar = '';
	if($at_appearance[ 'appearance_product_bar' ][ 'border' ]){
		$value = $at_appearance[ 'appearance_product_bar' ][ 'border_color' ] ?: 'rgba(0,0,0,.12)';
		if(!empty($value)){ 
			if($at_settings[ 'product_bar' ]['position_top']){
				$prod_bar .= 'border-bottom: 1px solid ' . $value .';';
			} else{
				$prod_bar .= 'border-top: 1px solid ' . $value .';';
			}
		}
	}
	if($at_appearance[ 'appearance_product_bar' ][ 'shadow' ] ){
		$value = $at_appearance[ 'appearance_product_bar' ][ 'shadow_color' ] ?: 'rgba(0,0,0,.08)';
		if(!empty($value)){ 
			$prod_bar .= 'box-shadow: 0 0 26px 0px ' . $value .';';
		}
	}
	$value = $at_appearance[ 'appearance_product_bar' ][ 'bg' ];
	if(!empty($value)){
		$prod_bar .= '--a2-prod-bar-bg:' . $value .';';
	}
	$value = $at_appearance[ 'appearance_product_bar' ][ 'padding' ];
	if(!empty($value)){
		$prod_bar .= 'padding:' . $value .';';
	}
	$value = $at_appearance[ 'appearance_product_bar' ][ 'color' ];
	if(!empty($value)){
		$prod_bar .= 'color:' . $value .';';
	}
	$value = $at_appearance[ 'appearance_product_bar' ][ 'actions_color' ];
	if(!empty($value)){
		$prod_bar .= '--a2-prod-icon-color:' . $value . ';';
	}
	if($prod_bar){ echo '.product-bar { ' . $prod_bar . ' }'; }
	
	// qty
	if ($at_settings[ 'product_bar' ]['show_qty']){
		$value = $at_appearance[ 'appearance_product_bar' ][ 'qty_bg' ];
		if(!empty($value)){
			$root .= '--a2-qty-bg:' . $value .';';
		}
		$value = $at_appearance[ 'appearance_product_bar' ][ 'qty_icons_color' ];
		if(!empty($value)){
			$root .= '--a2-ipm-color:' . $value .';';
		}
		$value = $at_appearance[ 'appearance_product_bar' ][ 'qty_text_color' ];
		if(!empty($value)){
			echo '.product-bar .input-text.qty{ color:' . $value .'}';
		}
	}

	// price
	if ($at_settings[ 'product_bar' ]['show_price']){
		$prod_bar = '';
		$value = $at_appearance[ 'appearance_product_bar' ][ 'price_color' ];
		if(!empty($value)){
			$prod_bar .= 'color:' . $value .';';
		}
		$value = $at_appearance[ 'appearance_product_bar' ][ 'price_font_size' ];
		if(!empty($value)){
			$root .= '--a2-prod-bar-price-fs:' . $block->escapeHtmlAttr($value) .'px;';
		}
		$value = $at_appearance[ 'appearance_product_bar' ][ 'price_letter_spacing' ];
		if(!empty($value)){
			$root .= '--a2-prod-bar-price-ls:' . $block->escapeHtmlAttr($value) .'px;';
		}
		$value = $at_appearance[ 'appearance_product_bar' ][ 'price_font_weight' ];
		if(!empty($value)){
			$root .= '--a2-prod-bar-price-fw:' . $block->escapeHtmlAttr($value) .';';
		}
		if($prod_bar){ echo '.product-bar .price-box .price{ ' . $prod_bar . ' }'; }

		$value = $at_appearance[ 'appearance_product_bar' ][ 'old_price_color' ];
		if(!empty($value)){ ?>
			.product-bar .old-price .price{
				color: <?php echo $value; ?>
			}
		<?php }
		$value = $at_appearance[ 'appearance_product_bar' ][ 'special_price_color' ];
		if(!empty($value)){ ?>
			.product-bar .price-box .special-price .price{
				color: <?php echo $value; ?>
			}
		<?php }
	}
	// product name
	if ($at_settings[ 'product_bar' ]['show_name']){
		$prod_bar = '';
		$value = $at_appearance[ 'appearance_product_bar' ][ 'color' ];
		if(!empty($value)){
			$prod_bar .= 'color:' . $value .';';
		}
		$value = $at_appearance[ 'appearance_product_bar' ][ 'name_font_size' ];
		if(!empty($value)){
			$prod_bar .= 'font-size:' . $block->escapeHtmlAttr($value) .'px;';
		}
		$value = $at_appearance[ 'appearance_product_bar' ][ 'name_letter_spacing' ];
		if(!empty($value)){
			$prod_bar .= 'letter-spacing:' . $block->escapeHtmlAttr($value) .'px;';
		}
		$value = $at_appearance[ 'appearance_product_bar' ][ 'name_font_weight' ];
		if(!empty($value)){
			$prod_bar .= 'font-weight:' . $block->escapeHtmlAttr($value) .';';
		}
		$value = $at_appearance[ 'appearance_product_bar' ][ 'name_text_transform' ];
		if(!empty($value)){
			$prod_bar .= 'text-transform:' . $block->escapeHtmlAttr($value) .';';
		}
		if($prod_bar){ echo '.product-bar .product-name{ ' . $prod_bar . ' }'; }
	}
	
	// button
	$value = $at_appearance[ 'appearance_product_bar' ][ 'button_text_color' ];
	if(!empty($value)){ ?>
		.product-bar .box-tocart .action.tocart { color: <?php echo $value; ?>  }
	<?php }
	$value = $at_appearance[ 'appearance_product_bar' ][ 'button_bg_color' ];
	if(!empty($value)){ ?>
		.product-bar .box-tocart .action.tocart { background-color: <?php echo $value; ?>  }
		<?php }

	$value = $at_appearance[ 'appearance_product_bar' ][ 'button_text_hover' ];
	if(!empty($value)){ ?>
		.product-bar .box-tocart .action.tocart:hover { color: <?php echo $value; ?>  }
		<?php }

	$value = $at_appearance[ 'appearance_product_bar' ][ 'button_bg_hover' ];
	if(!empty($value)){ ?>
		.product-bar .box-tocart .action.tocart:after { background-color: <?php echo $value; ?>  }
	<?php }
	$value = $at_appearance[ 'appearance_product_bar' ][ 'actions_color_hover' ];
	if(!empty($value)){ ?>
		.product-bar .action:is(.tocompare, .towishlist):hover{ color: <?php echo $value ?>  }
	<?php }
}
?>

<?php
/* FREE SHIPPING BAR */
$free_shipping_mini = $at_settings[ 'shipping_bar' ][ 'minicart_enable' ];
$free_shipping_cart = $at_settings[ 'shipping_bar' ][ 'cart_page_enable' ];

if($free_shipping_mini || $free_shipping_cart):

	$value = $at_appearance[ 'shipping_bar' ][ 'bg' ];
	if(!empty($value)){ 
		$root .= '--a2-free-shipping-bg:' . $value . ';';
	}
	$value = $at_appearance[ 'shipping_bar' ][ 'padding' ];
	if(!empty($value)){ 
		$root .= '--a2-free-shipping-padding:' .  $value . ';';
	}
	$value = $at_appearance[ 'shipping_bar' ][ 'text_color' ];
	if(!empty($value)){ 
		$root .= '--a2-free-shipping-color:' . $value . ';';
	}
	$value = $at_appearance[ 'shipping_bar' ][ 'font_size' ];
	if(!empty($value)){ 
		$root .= '--a2-free-shipping-fs:' .  $block->escapeHtmlAttr($value). 'px;';
	}

	$value = $at_appearance[ 'shipping_bar' ][ 'text_transform' ];
	if(!empty($value)){ 
		$root .= '--a2-free-shipping-tt:' .  $block->escapeHtmlAttr($value) . ';';
	}
	$value = $at_appearance[ 'shipping_bar' ][ 'font_weight' ];
	if(!empty($value)){ 
		$root .= '--a2-free-shipping-fw:' . (int)$value . ';';
	}

	$value = $at_appearance[ 'shipping_bar' ][ 'icon_width' ];
	if(!empty($value)){ 
		$root .= '--a2-free-shipping-icon-w:' . (int)$value . 'px;';
	}
	$value = $at_appearance[ 'shipping_bar' ][ 'icon_height' ];
	if(!empty($value)){ 
		$root .= '--a2-free-shipping-icon-h:' . (int)$value . 'px;';
	}

	$value = $at_appearance[ 'shipping_bar' ][ 'success_bg' ];
	if(!empty($value)){ 
		$root .= '--a2-free-shipping-success-bg:' . $value . ';';
	}

	$shipping_bar = '';
	$value = $at_appearance[ 'shipping_bar' ][ 'letter_spacing' ];
	if(!empty($value)){ 
		$shipping_bar .= 'letter-spacing:' . $block->escapeHtmlAttr($value) . 'px;';
	}
	if($at_appearance[ 'shipping_bar' ][ 'show_progress_line' ]){
		$value = $at_appearance[ 'shipping_bar' ][ 'progress_height' ];
		if(!empty($value)){ 
			$shipping_bar .= '--a2-progress-height:' . (int)$value . 'px;';
		}
		$value = $at_appearance[ 'shipping_bar' ][ 'progress_color_active' ];
		if(!empty($value)){ 
			$shipping_bar .= '--a2-progress-active:' . $value . ';';
		}
		$value = $at_appearance[ 'shipping_bar' ][ 'progress_bg' ];
		if(!empty($value)){ 
			$shipping_bar .= '--a2-progress-bg:' . $value . ';';
		}
		$value = $at_appearance[ 'shipping_bar' ][ 'progress_border_radius' ];
		if(!empty($value)){ 
			$shipping_bar .= '--a2-progress-br:' . (int)$value . 'px;';
		}
	}
	if($at_appearance[ 'shipping_bar' ][ 'border_bottom' ]){
		$value = null;
		if(!empty($at_appearance[ 'shipping_bar' ][ 'border_bottom_color' ])){
			$value = $at_appearance[ 'shipping_bar' ][ 'border_bottom_color' ];
		}
		$shipping_bar .= 'border-bottom:1px solid ' . ($value ?: 'rgba(0, 0, 0, 0.12)') . ';';
	}

	if(!empty($shipping_bar)){ ?>
		.ox-free-shipping-cart { <?php echo $shipping_bar ?>}
	<?php }
?>
.ox-free-shipping-cart{
    background: var(--a2-free-shipping-bg, #f4f4f4);
	color: var(--a2-free-shipping-color, inherit);
    padding: var(--a2-free-shipping-padding, 12px 20px);
    display: flex;
    align-items: center;
    position: relative;
    line-height: 1.2em;
    font-size: var(--a2-free-shipping-fs, 1.3rem);
    text-transform:  var(--a2-free-shipping-tt, uppercase);
    font-weight: var(--a2-free-shipping-fw, bold);
    overflow: hidden;
}
.ox-free-shipping-cart .inner{
    flex: 1;
    position: relative;
}
	<?php if($at_appearance[ 'shipping_bar' ][ 'show_icon' ]): ?>
	.ox-free-shipping-cart .icon {
		width: var(--a2-free-shipping-icon-w, 30px);
		min-width: var(--a2-free-shipping-icon-w, 30px);
		height: var(--a2-free-shipping-icon-h, 17px);
		display: inline-block;
		position: relative;
		margin-right: 12px;
		<?php if($at_appearance[ 'shipping_bar' ][ 'custom_icon_enable'] && $value = $at_appearance[ 'shipping_bar' ][ 'custom_icon_url' ]): ?>
		background: center / contain no-repeat url("<?php echo $block->escapeUrl($this->getViewFileUrl($value)) ?>");
		<?php else: ?>
		<?php 
		$value = $at_appearance[ 'shipping_bar' ][ 'icon_color' ];
		$icon_color = $value ? 'fill=\'' . $_helper->getSvgColor($value) . '\'' : ''; 
		?>
		background-repeat: no-repeat;
		background-image: url("data:image/svg+xml,%3Csvg <?php echo $icon_color ?> xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 17'%3E%3Cpath d='M27,9V5H21V1H1V15H4a3,3,0,0,0,6,0H21a3,3,0,0,0,6,0h2V9H27ZM25,7V9H21V7h4ZM6,16V14H8v2H6Zm13-3H9.2a3,3,0,0,0-4.4,0H3V3H19V13Zm4,3V14h2v2H23Zm4-3H26.2a3,3,0,0,0-4.4,0H21V11h6v2Z' transform='translate(-1 -1)'/%3E%3C/svg%3E");
		<?php endif; ?>
		<?php if($at_appearance[ 'shipping_bar' ][ 'enable_animation' ]): ?>
		transform: translateX(-60px);
		animation: t-0 0.7s forwards;
		animation-timing-function: cubic-bezier(0.68, -0.01, 0, 1.01);
		<?php endif; ?>
	}
	<?php endif; ?>
	<?php if($at_appearance[ 'shipping_bar' ][ 'enable_success_fw_animation' ]): ?>
	.icon-fireworks{
		display: none;
		position: absolute;
		width: 35px;
		height: 35px;
		left: 15px;
		top: 50%;
		transform: translateY(-50%);
		<?php if($value = $at_appearance[ 'shipping_bar' ][ 'success_icon_color' ]): ?>
		<?php echo 'fill:' . $_helper->getSvgColor($value) . ';'; ?>
		<?php endif; ?>
	}
	.ox-free-shipping-cart.success .icon-fireworks{
		display: block;
	}
	<?php endif; ?>
	<?php if($at_appearance[ 'shipping_bar' ][ 'enable_success_bg_animation' ]): ?>
	.ox-free-shipping-cart.success:before{
		content: '';
		background:  var(--a2-free-shipping-success-bg, #c3e235);
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		transform: scaleX(0);
		transform-origin: 0;
		animation: transform-0-1 0.9s;
		animation-delay: 0.2s;
		animation-fill-mode: forwards;
		animation-timing-function: cubic-bezier(0.68, -0.01, 0, 1.01);
	}
	<?php endif; ?>
	<?php if($at_appearance[ 'shipping_bar' ][ 'show_progress_line' ]): ?>
	.ox-free-shipping-cart .progress-line{
		margin: 4px 0 2px;
		animation-delay: 0.2s;
	}
	.ox-free-shipping-cart:not(.progress) .progress-line{
		display: none;
	}
	.ox-free-shipping-cart .progress-line span{
		animation-delay: 0.5s;
	}
	<?php endif; ?>
	<?php if($free_shipping_cart) : ?>
	.cart-container .rewards .ox-free-shipping-cart{
		margin-bottom: 10px;
	}
	.minicart--style-classic .block-minicart #ox-shipping-bar {
		margin-top: 15px;
	}
	<?php endif; ?>

	<?php if($free_shipping_mini && $at_settings[ 'header' ][ 'minicart_style' ]): ?>
	.minicart--style-classic .block-minicart.added .message.success + #ox-shipping-bar {
		margin-top: 4px;
	}
	<?php endif; ?>

	<?php $value = $at_appearance[ 'shipping_bar' ][ 'success_text_color' ];
	if(!empty($value)){ ?>
		.ox-free-shipping-cart.success{	color: <?php $value; ?> }
	<?php } ?>
	<?php if($at_appearance[ 'shipping_bar' ][ 'show_success_icon' ]): ?>
		.ox-free-shipping-cart.success .icon {
			<?php if($value = $at_appearance[ 'shipping_bar' ][ 'success_icon_width' ]){
				echo '--a2-free-shipping-icon-w:' . (int)$value . 'px;';
			} ?>
			<?php if($value = $at_appearance[ 'shipping_bar' ][ 'success_icon_height' ]){
				echo '--a2-free-shipping-icon-h:' . (int)$value . 'px;';
			} ?>
			<?php if(!($at_appearance[ 'shipping_bar' ][ 'show_icon' ])): ?>
				display: inline-block;
				position: relative;
				margin-right: 12px;
				background-repeat: no-repeat;
				<?php if($at_appearance[ 'shipping_bar' ][ 'enable_animation' ]): ?>
				transform: translateX(-60px);
				animation: t-0 0.7s forwards 0.4s;
				animation-timing-function: cubic-bezier(0.68, -0.01, 0, 1.01);
				<?php endif; ?>
			<?php endif; ?>
			<?php if($at_appearance[ 'shipping_bar' ][ 'success_custom_icon_enable'] && ($value = $at_appearance[ 'shipping_bar' ][ 'success_custom_icon_url' ])): ?>
				background: center / contain no-repeat url("<?php echo $block->escapeUrl($this->getViewFileUrl($value)) ?>");
			<?php elseif($value = $at_appearance[ 'shipping_bar' ][ 'success_icon_color' ]): ?>
				<?php $icon_color = 'fill=\'' . $_helper->getSvgColor($value) . '\''; ?>
				background-image: url("data:image/svg+xml,%3Csvg <?php echo $icon_color ?> xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 17'%3E%3Cpath d='M27,9V5H21V1H1V15H4a3,3,0,0,0,6,0H21a3,3,0,0,0,6,0h2V9H27ZM25,7V9H21V7h4ZM6,16V14H8v2H6Zm13-3H9.2a3,3,0,0,0-4.4,0H3V3H19V13Zm4,3V14h2v2H23Zm4-3H26.2a3,3,0,0,0-4.4,0H21V11h6v2Z' transform='translate(-1 -1)'/%3E%3C/svg%3E");
			<?php endif; ?>
		}
	<?php else: ?>
		.ox-free-shipping-cart.success .icon {
			display:none!important;
		}
	<?php endif; ?>

	<?php 
	$value1 = $at_appearance[ 'shipping_bar' ][ 'price_color' ];
	$value2 = $at_appearance[ 'shipping_bar' ][ 'price_font_weight' ];
	if(!empty($value1) || !empty($value2)): ?>
		.ox-free-shipping-cart .price{	
			<?php if(!empty($value1)){ echo 'color:' . $value1 . ';'; }  ?>
			<?php if(!empty($value2)){ echo 'font-weight:' . $value2 . ';'; }  ?>
		}
	<?php endif; ?>

<?php endif;// end free shipping ?>
<?php /* NEW 1.8 */
?>
<?php if($at_settings[ 'header' ][ 'items_text_position' ] === 'below'): ?>
	.header__content .header__item .button{
		flex-direction: column;
	}
	.header__content .header__item .button .flag-image{
		flex: 0 0 100%;
	}
	.header__item-language .button .label{
		flex-wrap: wrap;
	}
	<?php if($at_settings[ 'header' ][ 'minicart_show_text' ] && $at_settings[ 'header' ][ 'minicart_btn_minimal' ]): ?>
	.header__content .minicart-wrapper .action.showcart{
		flex-direction: column;
		row-gap: 5px;
	}
	<?php endif; ?>
<?php endif; ?>

<?php if($headerLayout == 'header_4' && $at_settings[ 'header' ][ 'minicart_btn_minimal' ]): ?>
	<?php if($at_settings[ 'header' ][ 'minicart_show_text' ]): ?>
		<?php $root .='--a2-header4-cart-padding:0 6px;'; ?>
	<?php else: ?>
		<?php $root .='--a2-header4-cart-padding:0;'; ?>
	<?php endif; ?>
<?php endif; ?>

<?php /* Header Item */
$header_item = ''; 
$value = $at_appearance[ 'appearance_header' ][ 'header_item_color' ];
if(!empty($value) ){ $header_item .= 'color:' . $value . ';'; }

$value = $at_appearance[ 'appearance_header' ][ 'header_item_font_size' ];
if(!empty($value) ){ $header_item .= 'font-size: ' . (int)$value  . 'px;'; }

$value = $at_appearance[ 'appearance_header' ][ 'header_item_font_weight' ] ?: $menu_font_weight;
if( !empty($value) ){ $header_item .= 'font-weight: ' . (int)$value  . ';'; }

$value = $at_appearance[ 'appearance_header' ][ 'header_item_text_transform' ]  ?: $menu_text_transform;
if( !empty($value) ){ $header_item .= 'text-transform: ' . $block->escapeHtmlAttr($value)  . ';';  }
    
$value = $at_appearance[ 'appearance_header' ][ 'header_item_letter_spacing' ];
if( $value != '' ){ $header_item .= 'letter-spacing: ' . $value  . 'px;'; }

$value = '';
if($at_appearance['appearance_header']['header_item_font_enable']){
    $value =  $at_appearance['appearance_header']['header_item_font_custom'] ?: $at_appearance['appearance_header']['header_item_font'];
    if(!empty($value)){
        $value = $value . ' var(--a2-font-base)';
    }
}
$header_item_font = $value ?: $menuFont;
if( $header_item_font ){
   $header_item .= 'font-family: ' . $header_item_font . ';';
}

if($header_item): ?>
	<?php if($at_settings['header']['language_in_header']): ?>
	.header__content .switcher .options strong,
	<?php endif; ?>
	.header__content .header__item .button .label{
		<?php echo $header_item ?>
	}
<?php endif; ?>
<?php 
$value = $at_appearance[ 'appearance_header' ][ 'header_item_color' ];
if($value){
	$desktop_styles[] = '.header__content .header__item .button:hover .label{color:' . $value . '}';
}
?>


<?php /* Minicart Action Font Settings */
$cart_item = ''; 
$value = $at_appearance[ 'appearance_header' ][ 'minicart_item_color' ];
if(!empty($value) ){ $cart_item .= 'color:' . $value . ';'; }

$value = $at_appearance[ 'appearance_header' ][ 'minicart_item_font_size' ];
if(!empty($value) ){ $cart_item .= 'font-size: ' . (int)$value  . 'px;'; }

$value = $at_appearance[ 'appearance_header' ][ 'minicart_item_font_weight' ];
if( !empty($value) ){ $cart_item .= 'font-weight: ' . (int)$value  . ';'; }

$value = $at_appearance[ 'appearance_header' ][ 'minicart_item_text_transform' ];
if( !empty($value) ){ $cart_item .= 'text-transform: ' . $block->escapeHtmlAttr($value)  . ';';  }
    
$value = $at_appearance[ 'appearance_header' ][ 'minicart_item_letter_spacing' ];
if( $value != ''){ $cart_item .= 'letter-spacing: ' . $value  . 'px;'; }

if($at_appearance['appearance_header']['minicart_item_font_enable']){
    $value =  $at_appearance['appearance_header']['minicart_item_font_custom'] ?: $at_appearance['appearance_header']['minicart_item_font'];
    if(!empty($value)){
		$cart_item .= 'font-family: ' . $value . ' var(--a2-font-base);';
    }
}
if($cart_item): ?>
	.minicart-wrapper .action.showcart .text{
		<?php echo $cart_item ?>
	}
<?php endif; ?>

<?php if($at_appearance['appearance_breadcrumbs']['fullwidth'] || $at_appearance[ 'appearance_breadcrumbs' ][ 'border' ]): ?>
	.breadcrumbs{ 
		<?php if ($at_appearance['appearance_breadcrumbs']['fullwidth']): ?>
		max-width: 100%;
		<?php endif; ?>	
		<?php if ($at_appearance['appearance_breadcrumbs']['border']): ?>
		padding-bottom: 10px;
		padding-top: 10px;
		border-bottom: 1px solid <?php echo $at_appearance[ 'appearance_breadcrumbs' ][ 'border_color' ] ?: 'rgb(228, 228, 228)'; // @todo get color ?>; 
		<?php endif; ?>	
	}
	.catalog-product-view .breadcrumbs{
		margin-bottom: 15px;
	}
<?php endif; ?>

<?php if($at_appearance[ 'appearance_sidebar' ][ 'sidebar_bordered' ]): ?>
	
	<?php $catalogOnly = $at_appearance[ 'appearance_sidebar' ][ 'sidebar_bordered_catalog' ] ? ':where(.catalogsearch-result-index,.catalog-category-view)' : ''; ?>
	<?php if(!(bool)$catalogOnly && $sidebar_nobg): ?>
	.sidebar-nobg .account-nav .item {
		margin-left: 0;
	}
	<?php endif; ?>
	<?php echo $sidebar_nobg . $catalogOnly ?> .sidebar-additional .block:before {
		height: 0;
	}
	<?php echo $sidebar_nobg . $catalogOnly ?> .sidebar-additional .block{
		padding: 0 15px;
	}
	<?php echo $sidebar_nobg ?> .filter.block .content,
	<?php echo $sidebar_nobg ?> .sidebar .filter-content{
		padding-left:15px;
		padding-right:15px;
	}
	<?php echo $sidebar_nobg ?> .filter.block .content{
		margin: 0;
	}
	<?php  $desktop_styles[] = '.sidebar .filters-toggle{
			margin-bottom: 0;
		}'; ?>
	<?php if($sidebar_nobg): ?> 
		<?php echo $sidebar_nobg ?> .filter-options:first-child {
			padding: 23px 0;
		}
	<?php endif; ?>
	.filter.block .content dl.options{
		padding-top: 23px;
		padding-bottom: 23px;
	}
	.filter-options-content {
		font-family: inherit;
	}
	<?php echo $sidebar_nobg . $catalogOnly ?> .sidebar .block {
		border: 1px solid <?php echo $at_appearance[ 'appearance_sidebar' ][ 'sidebar_border_color' ] ?: 'rgb(228, 228, 228)'; ?> ;
		margin: 0 -1px -1px -1px;
	}

	<?php if(!(bool)$catalogOnly): ?>
		<?php  $mobile_styles[] = '.sidebar .account-nav{
			border:none;
			margin:0 0 40px 0;
		}'; ?>

		<?php  $desktop_styles[] = '
		' . $sidebar_nobg . ' .account-nav .content{
			padding: 20px;
			border-width:0;
			margin-bottom:0;
		}'; ?>
	<?php endif; ?>
	<?php  $desktop_styles[] = '
	' . $sidebar_nobg . $catalogOnly . ' .sidebar .block {
		margin: 0 -1px -1px -1px;
	}
	.sidebar .filters-toggle {
		border-top: none;
	}
	' . $sidebar_nobg . ':is(.page-layout-2columns-left,.page-layout-2columns-right,.page-layout-3columns):where(.catalogsearch-result-index,.catalog-category-view) .column.main {
		padding-left: 30px;
		padding-right: 30px;
	}
	' . $sidebar_nobg . ':is(.page-layout-2columns-left,.page-layout-2columns-right,.page-layout-3columns):where(.catalogsearch-result-index,.catalog-category-view) :is(.toolbar, .below-toolbar-content, .products.wrapper, .a2-search-suggestions){
		margin-left: -30px;
		margin-right: -30px;
	}
	' . $sidebar_nobg . ':is(.page-layout-2columns-left,.page-layout-2columns-right,.page-layout-3columns):is(.catalogsearch-result-index,.catalog-category-view) :is(.sidebar-main, .sidebar-additional) {
		padding-left: 0;
		padding-right: 0;
	}
	' . $sidebar_nobg . $catalogOnly . '.page-layout-3columns .sidebar-main {
		padding-right: 0;
	}
	' . $sidebar_nobg . $catalogOnly . '.page-layout-3columns .sidebar-additional {
		padding-left: 0;
	}
	'; ?>
<?php endif; ?>
<?php if($at_appearance[ 'appearance_product_listing' ][ 'products_layout_bordered' ]): ?>
	.products{
		margin-top:0;
	}
	.a2-search-suggestions{
		padding: 10px;
	}
	.toolbar-products + .block{
		margin: 0;
		padding: 10px;
		border: 1px solid var(--a2-toolbar-border-color);
		border-top: 0;
	}
	.toolbar-products{
		margin-bottom:0;
	}
	.products-list{
		--a2-grid-item-padding:20px;
	}
	.products-list .product-item:last-child,
	:where(.products-grid, .products-list) .product-items > .product-item{
		border:none;
		margin: 0;
		padding: 0;
		position:relative;
	}
	:where(.products-grid, .products-list) .product-items .product-item:before{
		content: '';
		display: block;
		position: absolute;
		left: 0;
		right: -1px;
		top: -1px;
		bottom: 0;
		border: 1px solid rgb(228, 228, 228);
		z-index:-1;
		pointer-events:none;
	}
	.products-grid .product-item-info{
		height:100%;
	}

	.product-items.owl-carousel .product-item:before{
		top:0;
	}
	@media only screen and (min-width: 640px){
		.products-list .product-item-details,
		.product-list-view__right-wrapper{
			padding-top:15px;
		}
		.products-list .product-grid__image-wrapper {
			margin-right: 15px;
		}
	}
<?php endif; ?>
<?php 

$toolbarIconsStyle = $at_appearance[ 'appearance_toolbar' ][ 'toolbar_icons' ];
if($toolbarIconsStyle === 'thin' || $toolbarIconsStyle === 'bold'): ?>
<?php 
	$color_base = $at_appearance[ 'appearance_product_listing' ][ 'listing_actions_color' ] ?: $at_appearance[ 'appearance_buttons' ][ 'second_button_text_color' ];
	$color_base = 'fill=\'' . ($color_base ? $_helper->getSvgColor($color_base) : 'rgb(179,179,179)') . '\'';
	$color_hover = $at_appearance[ 'appearance_product_listing' ][ 'listing_actions_hover' ] ?: $at_appearance[ 'appearance_buttons' ][ 'second_button_text_hover_color' ];
	$color_hover = $color_hover ? 'fill=\'' . $_helper->getSvgColor($color_hover) . '\'' : '';
	if($toolbarIconsStyle === 'thin'){
		$icon = '<polygon points="7.5,12.2 0.1,4.9 0.9,4.1 7.5,10.8 14.1,4.1 14.9,4.9 "/>';
	} elseif($toolbarIconsStyle === 'bold'){
		$icon = '<polygon points="7.5,12.3 0,4.8 1.5,3.4 7.5,9.5 13.5,3.4 15,4.8 "/>';
	}
	if($icon){
		$icon_base = 'url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\'  ' . $color_base . ' viewBox=\'0 0 15 15 \'%3E' . rawurlencode($icon) .'%3C/svg%3E")';
		$icon_hover = 'url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\'  ' . $color_hover . ' viewBox=\'0 0 15 15 \'%3E' . rawurlencode($icon) .'%3C/svg%3E")';
	}
?>
	<?php if($icon_base): ?>
	.js-toolbar-switch:after{
		content:'';
		background-image: <?php echo $icon_base ?>;
		width:15px;
		height:15px;
	}
	<?php endif; ?>
	<?php if($color_hover): ?>
	.js-toolbar-switch:hover:after{
		background-image: <?php echo $icon_hover ?>;
	}
	<?php endif; ?>
<?php endif; ?>

<?php if($at_appearance[ 'appearance_toolbar' ][ 'toolbar_bordered' ]): ?>
	<?php $root .= '--a2-toolbar-items-margin:0;	--a2-toolbar-border-color:rgb(228, 228, 228);'; ?>
	.toolbar-products{
		padding: 0;
		min-height: auto;
		background: none;
		font-family: inherit;	
		border:0 solid var(--a2-toolbar-border-color);
		border-top-width: 1px;
		border-bottom-width: 1px;
	}
	.products.wrapper ~ .toolbar-products{
		border:none;
	}
	.sorter .js-toolbar-switch{
		margin-right:0;
	}	
	.toolbar-products :is(.limiter, .sorter, .modes-mode, .js-toolbar-switch, .filters-toggle, .filters-action){
		border: 1px solid var(--a2-toolbar-border-color);
		border-top: 0;
		border-bottom: 0;
		margin-left: -1px;
	}
	.toolbar-amount{
		padding-right:20px;
		padding-left:20px;
	}
	.toolbar-products .flex-right > *:last-child{
		border-right:0;
	}
<?php $desktop_styles[] = '	.toolbar-products{border-left-width:1px; border-right-width:1px;}' ?>
<?php endif; ?>
<?php
if($at_appearance[ 'appearance_toolbar' ][ 'toolbar_size' ] === 'big'):
	$root .= '--a2-toolbar-height:56px;';
?>
	.js-toolbar-switch{padding: 0 18px 0 20px;} 
	.js-toolbar-switch:after{margin-left:16px;}
	.filters-action{
		padding-right:20px;
		padding-left: 15px
	}
	@media only screen and (max-width: 639px){
		.toolbar-products .js-toolbar-switch { padding: 0 10px;}
		.js-toolbar-switch:after{margin-left:6px;}
		.sorter-action{width: 48px;}
	}
<?php endif; ?>

<?php if($at_appearance[ 'appearance_toolbar' ][ 'icon_filters' ] === 'filters2'): ?>
.filter-icon {
    width: 20px;
    height: 12px;
    display: inline-block;
    color:currentColor;
}

.filter-icon span {
    position: relative;
    width: 100%;
    height: 2px;
    display: block;
    content: '';
    background: currentColor;
}

.filter-icon span:before {
    width: 6px;
    height: 6px;
    background: currentColor;
    position: relative;
    border-radius: 6px;
    display: block;
    content: '';
    transition: .3s ease;
    transition-property: left;
}

.filter-icon__i1 {
    top: 2px
}

.filter-icon__i2 {
    top: 8px
}

.filter-icon__i1:before {
    top: -2px;
    left: 4px
}

.filter-icon__i2:before {
    top: -2px;
    left: 11px
}

.filters-toggle:hover .filter-icon__i1:before {
    left: 11px
}

.filters-toggle:hover .filter-icon__i2:before {
    left: 4px
}
<?php endif; ?>
<?php if($mobile_theme): ?>
.filters-toggle{
	display:none!important;
}
<?php endif; ?>
<?php $value = $at_settings[ 'products_listing' ][ 'category_title_align' ]; ?>
<?php if($value): ?>
	.category-view,
	.category-description,
	.catalog-category-view .page-title-wrapper{
		text-align:<?php echo $value ?>;
	}
<?php endif; ?>
<?php /*
--a2-header-item-width
--a2-header-item-height
--a2-header4-item-width
--a2-header4-items-height
*/?>
<?php $value = $at_appearance[ 'appearance_reviews' ][ 'reviews_vote_icon_style' ]; ?>
<?php if($value === 'stars'): ?>
.review-control-vote label:before,
.review-control-vote:before{
    font-size: 18px;
    letter-spacing: 12px
}
.review-field-ratings .review-field-rating .control{
	width: 138px;
}
@media only screen and (max-width: 479px) {
    .review-field-ratings .review-field-rating .label{
		display: inline-block;
	}
	.review-field-ratings .review-field-rating .control {
		display: inline-block;
        float: right;
    }
}
<?php $root .= "--a2-vote-padding:40px 40px 36px 40px;"; ?>
<?php $root .= "--a2-vote-s:'\\62';"; ?>
<?php endif; ?>
<?php $value = $at_appearance[ 'appearance_reviews' ][ 'reviews_icon_style' ]; ?>
<?php if($value === 'stars'): ?>
.review-list .rating-summary .rating-result {
    width: 70px;
}
.review-list .rating-summary .rating-result:before, 
.review-list .rating-summary .rating-result > span:before{
    font-size: 10px;
    letter-spacing: 5px;
	content: '\62' '\62' '\62' '\62' '\62';
}
<?php $root .= "--a2-rating-s:'\\62';"; ?>
<?php endif; ?>
<?php /*if($at_appearance[ 'appearance_icons_header' ][ 'header_icon_cart' ] === 'cart_big'):?>
.minicart-btn--minimal .minicart-wrapper .action.showcart span.qty{
    right: calc(50% + 2px);
    transform: translateX(50%) translatey(-50%);
    top: calc(50% - 8px);
 }
<?php endif; */?>

<?php /* Grid Thumbnail Carousel  */ ?>

	<?php 
	$prod_item = ''; 
	$count_text = '';
	$counter_pos = $at_appearance[ 'appearance_product_listing_thumbs' ][ 'counter_text_position' ];

		$dots = ''; 
		$value = $at_appearance[ 'appearance_product_listing_thumbs' ][ 'dot_color' ];
		if($value){
			$prod_item .= '--a2-dot-color: ' . $value . ';'; 
		}
		$value = $at_appearance[ 'appearance_product_listing_thumbs' ][ 'dot_active_color' ];
		if($value){
			$prod_item .= '--a2-dot-color-active: ' . $value . ';'; 
		}

		$value = $at_appearance[ 'appearance_product_listing_thumbs' ][ 'dots_h_position' ];
		if($value === 'center'){
			$dots .= 'justify-content: center;'; 
		} elseif($value === 'left') {
			$dots .= 'justify-content: flex-start;';
		}
		$value = $at_appearance[ 'appearance_product_listing_thumbs' ][ 'dots_v_position' ];
		if($value === 'top'){
			$dots .= 'bottom:auto;top:0;';
		}	
		$value = $at_appearance[ 'appearance_product_listing_thumbs' ][ 'dots_style' ];
		if($value === 'oneline'): ?>
			<?php $dots .= 'column-gap: 0;'; ?>
			.product-item .ox-dots .dot{
				height:3px;
			}
			<?php if($counter_pos === 'right'): ?>				
				<?php $count_text .= 'margin-left:10px;'?>
			<?php else: ?>
				<?php $count_text .= 'margin-right:10px;'?>
			<?php endif; ?>
		<?php elseif($value === 'oneline-fullwidth'): ?>
			<?php $dots .= 'column-gap: 0;'; ?>
			.product-item .ox-dots .dot{
				height:2px;
			}
			.product-item .ox-dots .dot {
				min-width: 10px;
				width: auto;
				flex: 1;
			}
			<?php if($counter_pos === 'right'): ?>				
				<?php $count_text .= 'margin-left:10px;'?>
			<?php else: ?>
				<?php $count_text .= 'margin-right:10px;'?>
			<?php endif; ?>
		<?php elseif($value === 'circles'): ?>
			.product-item .ox-dots .dot{
				width: 6px;
				height: 6px;
				border-radius: 6px;
			}
		<?php elseif($value === 'circles_outlined'): ?>
			.product-item .ox-dots .dot{
				width: 6px;
				height: 6px;
				border-radius: 6px;
				border:1px solid var(--a2-dot-color);
			}
			.product-item .ox-dots .dot:not(.active){
				background:transparent;
			}
		<?php endif; ?>
		<?php if($at_appearance[ 'appearance_product_listing_thumbs' ][ 'active_dots_style' ] === 'wide' && $at_appearance[ 'appearance_product_listing_thumbs' ][ 'dots_style' ] != 'oneline-fullwidth'): ?>
			.product-item .ox-dots .dot.active{
				width: 18px;
			}
		<?php endif; ?>
		<?php if(!empty($dots)): ?>
			.product-item .ox-dots {
			<?php echo $dots; ?>
			}
		<?php endif; ?>
		<?php
			if($at_appearance[ 'appearance_product_listing_thumbs' ][ 'show_counter_text' ]){
				$value = $at_appearance[ 'appearance_product_listing_thumbs' ][ 'counter_text_color' ];
				if($value){
					$count_text .= 'color: ' . $value . ';'; 
				}
				$value = $at_appearance[ 'appearance_product_listing_thumbs' ][ 'counter_text_bg' ];
				if($value){
					$count_text .= 'background-color: ' . $value . ';'; 
				}				
				if($counter_pos === 'right'){ 
					$count_text .= 'order:2;margin-right:0;';
					if($at_appearance[ 'appearance_product_listing_thumbs' ][ 'dots_style' ] !== 'oneline'){
						$count_text .= 'margin-left:4px;';
					}
				}
			} else{
				$count_text = 'display:none;';
			}
		?>
		<?php if($count_text){ ?>
			.product-item .ox-dots__counter{
			<?php echo $count_text; ?>
			}
		<?php } ?>

	<?php 
	$value = $at_appearance[ 'appearance_product_listing_thumbs' ][ 'arrows_icon_color' ];
	if($value){
		$prod_item .= '--a2-owl-nav-arrow: ' . $value . ';'; 
	}
	$value = $at_appearance[ 'appearance_product_listing_thumbs' ][ 'arrows_icon_hover_color' ];
	if($value){
		$prod_item .= '--a2-owl-nav-arrow-hover: ' . $value . ';'; 
	}
	$value = $at_appearance[ 'appearance_product_listing_thumbs' ][ 'arrows_bg_color' ];
	if($value){
		$prod_item .= '--a2-owl-nav-bg: ' . $value . ';'; 
	}
	$value = $at_appearance[ 'appearance_product_listing_thumbs' ][ 'arrows_bg_hover_color' ];
	if($value){
		$prod_item .= '--a2-owl-nav-bg-hover: ' . $value . ';'; 
	}
	?>

	<?php  $value = $at_appearance[ 'appearance_product_listing_thumbs' ][ 'arrows_icon_edge_pos' ];
	if($value != ''){
		$prod_item .= '--a2-nav-lr: ' . $value . ';'; 
	} ?>
	<?php if($at_appearance[ 'appearance_product_listing_thumbs' ][ 'arrows_style' ] === 'thin_long'): ?>
	@media only screen and (min-width: 640px){
		.product-item .ox-nav button span:after, 
		.product-item .ox-nav button span:before {
			height: 20px;
			top: -2px;
		}
		.product-item .ox-nav button span:after {
			top: 12px;
		}
	}
	.product-item .ox-nav button span:after, 
    .product-item .ox-nav button span:before {
		width: 1px;
		left: 6px;
    }

	.product-item .ox-nav button span{
		height: 30px;
		line-height: 30px;
		width: 14px;
	}
	<?php endif; ?>
	<?php if(!empty($prod_item)): ?>
		.product-item {
		<?php echo $prod_item; ?>
		}
	<?php endif; ?>

<?php if($at_settings[ 'products_listing' ][ 'show_price_diff' ]): ?>
	<?php 
		$font_weight = 600;
		$font_size = 14;
	?>
	<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_price_diff_font_size' ])): ?>
		<?php $font_size = $at_appearance[ 'appearance_product_listing' ][ 'listing_price_diff_font_size' ]; ?>
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_product_listing' ][ 'listing_price_diff_font_weight' ])): ?>
		<?php $font_weight = $at_appearance[ 'appearance_product_listing' ][ 'listing_price_diff_font_weight' ]; ?>
	<?php endif; ?>
	.price-dif__container{
		white-space: nowrap;
		vertical-align: top;
		display: inline-block;
		position: relative;
		line-height: 1;
		font-size:<?php echo (int)$font_size ?>px;
		font-weight: <?php echo (int)$font_weight ?>;
			color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_price_diff_color' ] ?: 'white'; ?>;
		<?php if($at_appearance[ 'appearance_product_listing' ][ 'listing_price_diff_style' ] !== 'naked'): ?>
			background-color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_price_diff_bg' ] ?: 'rgb(65, 196, 225)'; ?>;
		<?php endif; ?>
		<?php if($at_appearance[ 'appearance_product_listing' ][ 'listing_price_diff_style' ] === 'box'): ?>
			padding: 3px 6px;
		<?php elseif($at_appearance[ 'appearance_product_listing' ][ 'listing_price_diff_style' ] === 'tail'): ?>
			padding: 4px 8px;
		<?php endif; ?>
	}
	<?php if($at_appearance[ 'appearance_product_listing' ][ 'listing_price_diff_style' ] !== 'naked'): ?>
	.product-item .ox-sale-price-dif +.price-box .price-container{
		top: 0;
		padding-top:4px;
	}
	<?php endif; ?>
	<?php if($at_appearance[ 'appearance_product_listing' ][ 'listing_price_diff_style' ] === 'naked'): ?>
		.products-grid .product-item .price-dif__container{
			padding: 2px 6px 4px 5px;
			top: -2px;
			z-index: 1;
			line-height: 1.1;
			<?php if(empty($at_appearance[ 'appearance_product_listing' ][ 'listing_price_diff_color' ]) && !empty($at_appearance[ 'appearance_product_listing' ][ 'listing_price_color' ])){
				echo 'color:' . $at_appearance[ 'appearance_product_listing' ][ 'listing_price_color' ] . ';';
			}?>
		}
		.products-grid .product-item .price-dif__container:after {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 0;
			height: 100%;
			z-index: -1;
			background-color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_name_bg' ] ?: '#000000'; ?>;
			transition-property: width;
			transition: all 256ms cubic-bezier(0.33, 0.975, 0.245, 0.91);
			transition-delay: 60ms;
		}
		.products-grid .product-item:hover .price-dif__container { 
			transition-delay: 60ms;
			color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_price_hover_color' ] ?: '#ffffff'; ?>;
		}
	<?php elseif($at_appearance[ 'appearance_product_listing' ][ 'listing_price_diff_style' ] === 'tail'): ?>
		.price-dif__container:before{
			border-color: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'listing_price_diff_bg' ] ?: 'rgb(65, 196, 225)'; ?> transparent;
			border-style: solid;
			border-width: 5px 5px 0 0;
			content: "";
			height: 0;
			left: 0;
			position: absolute;
			top: 100%;
			width: 0;
		}
	<?php endif; ?>

	<?php // product page  
	$prod_page_price_diff = '';
	?>	
	<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_price_diff_font_weight' ])): ?>
		<?php $prod_page_price_diff .=  'font-weight: ' . $at_appearance[ 'appearance_product' ][ 'product_price_diff_font_weight' ] . ';'; ?>
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_price_diff_font_size' ])): ?>
		<?php $prod_page_price_diff .=  'font-size:' . $at_appearance[ 'appearance_product' ][ 'product_price_diff_font_size' ] . ';'; ?>
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_price_diff_bg' ])): ?>
		<?php $prod_page_price_diff .=  'background-color:' . $at_appearance[ 'appearance_product' ][ 'product_price_diff_bg' ] . ';'; ?>
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_product' ][ 'product_price_diff_color' ])): ?>
		<?php $prod_page_price_diff .=  'color:' .  $at_appearance[ 'appearance_product' ][ 'product_price_diff_color' ] . ';'; ?>
	<?php endif; ?>
	<?php
	if(!empty($prod_page_price_diff)){
		echo '.product-info-price .price-dif__container{' . $prod_page_price_diff . '}';
	}
	?>
<?php endif; ?>

<?php 
$outofstock_color = $at_appearance[ 'appearance_product_listing' ][ 'outofstock_color' ];
if($at_appearance[ 'appearance_product_listing' ][ 'outofstock_style' ] === 'boxed'): ?>
.products-grid	.product-grid__image-wrapper .stock.unavailable,
.products-grid .product-item .stock.unavailable{
	background: <?php echo $at_appearance[ 'appearance_product_listing' ][ 'outofstock_bg' ] ?: '#333;'; ?> 
	color: <?php echo $outofstock_color ?: '#fff;'; ?> ;
	padding: 9px 15px;
	margin: 0;
	line-height: 1.4;
	text-align:center;
	transition:opacity 300ms, visibility 300ms;
}
<?php else: ?>
	<?php if($outofstock_color): ?>
	.stock.unavailable{
		color: <?php echo $outofstock_color; ?> ;
	}
	<?php endif; ?>
<?php endif; ?>
<?php 
$value = $at_appearance[ 'appearance_product_listing' ][ 'instock_color' ];
if($value && $value != ''): ?>
.stock.available {
    color: <?php echo $value ?>;
}
<?php endif; ?>

<?php 
/* switchers */
if(!$at_settings['header']['language_tiny_drops']): 
	$langDropType = $at_settings['header']['language_type'];
?>
<?php if($at_settings['header']['language_in_header']): ?>
.header__item-language .button .label{
	display:flex;
	justify-content: center;
    align-items: center;
	gap: 5px;
}
<?php endif; ?>

.js-item-language-action{
	cursor: pointer;
}
.ox-modal-language .switcher-currency{
	order:2
}
.ox-modal-language .header__item-dropdown-content{
	padding: 25px;
	padding-bottom:10px;
}
<?php $desktop_styles[] = '.ox-modal-language .header__item-dropdown-content{
	padding: 50px;
	padding-bottom:20px;
}'; ?>
.ox-modal.ox-modal-language .header__item-dropdown-content{
	max-width: 90%;
}
<?php $desktop_styles[] = '.ox-modal-language.ox-dropdown .header__item-dropdown-content{
	max-height: calc(100vh - 120px);
    overflow: auto;
}'; ?>
.ox-modal-languag.ox-modal .header__item-dropdown-content{
	max-height: calc(100vh - 120px);
    overflow: auto;
}
.language-current + .currency-current{
    padding-left: 5px;
    border-left: 1px solid rgba(0, 0, 0, 0.12);
}
<?php /* mobile menu move current to top, as first item */ ?>
:where(.ox-nav-sections-item-content,.ox-dialog ) .switcher-list{
	display: flex;
    flex-direction: column;
}
.ox-dialog .switcher-list li.current{
	order:-1;
}
.ox-dialog .switcher .options .switcher-list :is(a, strong),
.switcher .switcher-list :is(a, strong) {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

<?php if($at_settings['header']['language_drop_style'] === 'medium' || $at_settings['header']['language_drop_style_mobile'] === 'medium'): ?>
	<?php $langMediumTextStyle = '.ox-dialog .switcher .options .switcher-option :is(a, strong){
		padding: 14px;
		font-size: ' . ($at_appearance[ 'appearance_modals' ][ 'language_drop_mobile_font_size' ] ?: '16px') .';
		line-height:1;
		font-weight: '. ($at_appearance[ 'appearance_modals' ][ 'language_drop_mobile_font_weight' ] ?: '500') .';
		margin:0;
	}
	.ox-dialog .switcher-label{
		padding: 0 10px;
	} 
	<?php else: ?>
	.ox-dialog .switcher .options .switcher-list a{
		padding: 5px 7px;
	}
	.switcher .switcher-list strong{
		padding: 5px 9px;
		margin-left: -2px;
	}'; ?>
	<?php if($at_settings['header']['language_drop_style'] === 'medium' && $at_settings['header']['language_drop_style_mobile'] === 'medium'): ?>
		<?php echo $langMediumTextStyle; ?>
	<?php else: ?>
		<?php if($at_settings['header']['language_drop_style'] === 'medium'): ?>
			<?php $desktop_styles[] = $langMediumTextStyle ?>
		<?php endif; ?>
		<?php if($at_settings['header']['language_drop_style_mobile'] === 'medium'): ?>
			<?php $mobile_styles[] = $langMediumTextStyle ?>
		<?php endif; ?>
	<?php endif; ?>
<?php endif; ?>

<?php if($at_settings['header']['language_drop_style'] === 'big' || $at_settings['header']['language_drop_style_mobile'] === 'big'): ?>
	<?php $langBigTextStyle = '.ox-dialog .switcher .options .switcher-option :is(a, strong){
		padding: 13px 18px;
		font-size: ' . ($at_appearance[ 'appearance_modals' ][ 'language_drop_mobile_font_size' ] ?: '18px') .';
		line-height:1;
		font-weight: '. ($at_appearance[ 'appearance_modals' ][ 'language_drop_mobile_font_weight' ] ?: '600') .';
		margin:0;
		gap: 15px;
	}
	.ox-dialog .switcher-label{
		padding: 0 10px;
	} 
	<?php else: ?>
	.ox-dialog .switcher .options .switcher-list a{
		padding: 5px 7px;
	}
	.switcher .switcher-list strong{
		padding: 5px 9px;
		margin-left: -2px;
	}'; ?>
	<?php if($at_settings['header']['language_drop_style'] === 'big' && $at_settings['header']['language_drop_style_mobile'] === 'big'): ?>
		<?php echo $langBigTextStyle; ?>
	<?php else: ?>
		<?php if($at_settings['header']['language_drop_style'] === 'big'): ?>
			<?php $desktop_styles[] = $langBigTextStyle ?>
		<?php endif; ?>
		<?php if($at_settings['header']['language_drop_style_mobile'] === 'big'): ?>
			<?php $mobile_styles[] = $langBigTextStyle ?>
		<?php endif; ?>
	<?php endif; ?>
<?php endif; ?>

<?php 
$width = $at_settings['header']['language_drop_width']; 
if((bool)$width){
	if($langDropType === 'dropdown-hover' || $langDropType === 'dropdown-click'){
		$desktop_styles[] = '.ox-modal-language.ox-dropdown{ width:' . $width . 'px;}'; 
	}
}
?>
<?php if($langDropType === 'modal'){ ?>
.ox-modal.ox-modal-language {
	overflow-x:hidden;
	overflow-y:auto;
}
.ox-modal.ox-modal-language > div{
	height:auto;
	max-height:unset;
	margin: auto;
	<?php if((bool)$width){ ?>
		width: <?php echo $width ?>px;
	<?php } ?>
}
.ox-modal-language > div > .inner{
	display: flex;
    flex-wrap: wrap;
}

<?php
$desktop_styles[] = '.ox-modal.ox-modal-language .switcher .switcher-label{ 
	display:block;
}'; ?>
<?php } ?>
<?php if($at_settings['header']['language_drop_layout'] === '2cols'): ?>
<?php $desktop_styles[] = '.layout--2cols .inner > div{flex:1}'; ?>
<?php elseif($at_settings['header']['language_drop_layout'] === 'adaptive'): ?>
<?php $desktop_styles[] = '.layout--adaptive .switcher-options ul{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));';
	if($at_settings['header']['language_drop_style'] === 'big') {
		$desktop_styles[] = 'gap: 18px;	margin-bottom: 40px;';
	}
 $desktop_styles[] = '}
.layout--adaptive :is(.switcher, .switcher-options){
	width: 100%;
}'; ?>
<?php elseif($at_settings['header']['language_drop_layout'] === 'simple'): ?>
	.ox-modal-language > div > .inner{
		flex-direction:column;
	}
	<?php if($langDropType === 'dropdown-hover' || $langDropType === 'dropdown-click'){
		if(!(bool)$width){
			$desktop_styles[] = '.ox-modal-language.layout--simple.ox-dropdown{ width:auto;}'; 
		}
	} elseif($langDropType === 'modal') { ?>
		.ox-modal-language.layout--simple.ox-modal .header__item-dropdown-content{
			<?php if(!(bool)$width): ?>width: auto;<?php endif; ?>
			height: auto;
		}
	<?php } ?>
<?php endif; ?>

<?php else: ?>
	<?php if($at_settings['header']['language_in_header']): ?>
	.header__item-language .switcher.tiny-drop .options{
		display: flex;
		position: relative;
		height: 100%;
		align-items: center;
	}
	.header__item-language .switcher.tiny-drop .options ul a {
		padding: 3px 7px;
	}
	.header__item-language .switcher.tiny-drop:is(.store,.language) .options ul.dropdown a{
		padding: 3px 10px 3px 27px;
	}
	.header__item-language .switcher.language{
		order:1;
	}
	.header__item-language .switcher.currency{
		order:2;
	}
	<?php endif; ?>
<?php endif; ?>

<?php // switcher modal
	$swither_modal = '';
	?>	
	<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'language_drop_mobile_font_weight' ])): ?>
		<?php $swither_modal .=  'font-weight: ' . $at_appearance[ 'appearance_modals' ][ 'language_drop_mobile_font_weight' ] . ';'; ?>
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'language_drop_mobile_font_size' ])): ?>
		<?php $swither_modal .=  'font-size:' . $at_appearance[ 'appearance_modals' ][ 'language_drop_mobile_font_size' ] . 'px; line-height:1;'; ?>
	<?php endif; ?>
	<?php if(!empty($at_appearance[ 'appearance_modals' ][ 'language_drop_mobile_letter_spacing' ])): ?>
		<?php $swither_modal .=  'letter-spacing:' . $at_appearance[ 'appearance_modals' ][ 'language_drop_mobile_letter_spacing' ] . 'px;'; ?>
	<?php endif; ?>

	<?php
	if(!empty($swither_modal)){
		echo '.ox-dialog .switcher .options .switcher-option strong,.ox-dialog .switcher .options .switcher-option a{' . $swither_modal . '}';
	} 
?>

<?php $value = $at_appearance[ 'appearance_modals' ]['language_drop_link_color']; ?>
<?php if($value) : ?>
	<?php $desktop_styles[] = '.ox-dialog .switcher .options .switcher-option a{ color:' . $value . '}'; ?>
<?php endif; ?>

<?php $value = $at_appearance[ 'appearance_modals' ]['language_drop_link_color_hover']; ?>
<?php if($value) : ?>
	<?php $desktop_styles[] = '.ox-dialog .switcher .options .switcher-option a:hover{ color:' . $value . '}'; ?>
<?php endif; ?>

<?php $value = $at_appearance[ 'appearance_modals' ]['language_drop_link_bg_hover']; ?>
<?php if($value) : ?>
	<?php $desktop_styles[] = '.ox-dialog .switcher .options .switcher-option a:hover{ background-color:' . $value . '}'; ?>
<?php endif; ?>

<?php $value1 = $at_appearance[ 'appearance_modals' ]['language_drop_link_color_selected']; ?>
<?php $value2 = $at_appearance[ 'appearance_modals' ]['language_drop_link_bg_selected']; ?>
<?php if($value1 || $value2): ?>
	<?php if($value1) : ?>
		<?php $root .= '--a2-switcher-dd-a-color:' . $value1 . ';'; ?>
	<?php endif; ?>
	<?php if($value2) : ?>
		<?php $root .= '--a2-switcher-dd-a-bg:' . $value2 . ';'; ?>
	<?php endif; ?>
<?php endif; ?>


<?php
/* custom header item drop */
if($at_settings['header']['custom_item_enable']){
	$dropType = $at_settings['header']['custom_drop_type']; 
	$width = $at_settings['header']['custom_drop_width']; 
	$width = (bool)$width ? ('width:' . (int)$width . 'px;') : '';
	if($dropType === 'dropdown-hover' || $dropType === 'dropdown-click'){ ?>
		.minicart--style-modern .ox-modal-custom.ox-dropdown > div{ padding:30px;}
		<?php $desktop_styles[] = '.ox-modal-custom.ox-dropdown{' . $width . '}'; 
	} elseif($dropType === 'modal') { ?>
		.ox-modal-custom.ox-modal > div{ padding:30px;}
		<?php $desktop_styles[] = '.ox-modal-custom.ox-modal > div{';
		if((bool)$width){
			$desktop_styles[] = 'width: '. $width .';';
		}
		$desktop_styles[] = 'padding:50px; }';
	}
}
?>
<?php if($at_appearance['appearance_product_listing_thumbs']['dots_position'] === 'below'): ?>
.products.list .product-grid__image-wrapper .ox-dots{
	position:relative;
}
<?php endif; ?>
<?php 
/* stretch add to cart button. */
if($at_appearance['appearance_product']['product_page_button_stretch']):
?>
.product-add-form .box-tocart > .fieldset{
	display:flex;
	flex-wrap:wrap;
}
.product-add-form .box-tocart .actions{
	flex: 1;
}
.product-info-main .box-tocart.actions--right-to-cart{
    flex: auto;
}
.product-info-main .bundle-actions .action.customize,
.product-add-form .box-tocart .tocart{
	width:100%;
}
.product-info-main .price-box, 
.product-options-bottom .price-box{
	margin-right: auto;
}
@media (min-width: 480px){
	.page-product-configurable .product-options-bottom,
	.product-info-main .product-add-form > form{
		display: flex;
		flex-wrap: wrap;
	}
	:is(.bundle-options-container,.page-product-configurable) .product-add-form > form {
        display: block;
	}
	.page-product-configurable .product-options-bottom > *,
	.product-add-form form > *{
		flex: 0 0 100%;
	}
	.page-product-configurable .product-options-bottom > .product-addto-links,
	.product-add-form form > .product-addto-links{
		flex: none;
	}
}

<?php endif; ?>


<?php
/* STOCK INFO */
$stock_enabled = $at_settings[ 'product_stock' ][ 'enable' ];
if($stock_enabled):
	$product_stock = '';
	$width_style = $at_appearance[ 'product_stock' ][ 'width_style' ];

	if($width_style !== 'auto'){ ?>
		.ox-stock-values .ox-stock-value{display: block;margin-right:0;}
		<?php
		$value = $at_appearance[ 'product_stock' ][ 'width' ];
		if(!empty($value)){
			$product_stock .= 'max-width:' . (int)$value . 'px;';
		}
	}

	$value = $at_appearance[ 'product_stock' ][ 'bg' ];
	if(!empty($value)){ 
		$product_stock .= 'background:' . $value . ';';
	}
	$value = $at_appearance[ 'product_stock' ][ 'padding' ];
	if(!empty($value)) { 
		$product_stock .= 'padding:' .  $value . ';';
	}
	$value = $at_appearance[ 'product_stock' ][ 'text_color' ];
	if(!empty($value)){ 
		$product_stock .= 'color:' . $value . ';';
	}

	$value = $at_appearance[ 'product_stock' ][ 'font_size' ];
	if(!empty($value)){ 
		$product_stock .= 'font-size:' .  $block->escapeHtmlAttr($value). 'px;';
	}
	$value = $at_appearance[ 'product_stock' ][ 'text_transform' ];
	if(!empty($value)){ 
		$product_stock .= 'text-transform:' .  $block->escapeHtmlAttr($value) . ';';
	}
	$value = $at_appearance[ 'product_stock' ][ 'font_weight' ];
	if(!empty($value)){ 
		$product_stock .= 'font-weight:' . (int)$value . ';';
	}
	$value = $at_appearance[ 'product_stock' ][ 'letter_spacing' ];
	if(!empty($value)){ 
		$product_stock .= 'letter-spacing:' . $block->escapeHtmlAttr($value) . 'px;';
	}
	if($at_appearance[ 'product_stock' ][ 'border' ]){
		$value = null;
		if(!empty($at_appearance[ 'product_stock' ][ 'border_color' ])){
			$value = $at_appearance[ 'product_stock' ][ 'border_color' ];
		}
		$product_stock .= 'border:1px solid ' . ($value ?: 'rgba(0, 0, 0, 0.12)') . ';';
	}

	if($at_appearance[ 'product_stock' ][ 'show_progress_line' ]){
		$value = $at_appearance[ 'product_stock' ][ 'progress_height' ];
		if(!empty($value)){ 
			$product_stock .= '--a2-progress-height:' . (int)$value . 'px;';
		}
		$progress_style = $at_appearance[ 'product_stock' ][ 'progress_color_style' ];
		$progress_color1 = $at_appearance[ 'product_stock' ][ 'progress_color_active' ];
		$progress_color2 = $at_appearance[ 'product_stock' ][ 'progress_color2_active' ];
		$progress_bg = $at_appearance[ 'product_stock' ][ 'progress_bg' ];

		if($progress_style === 'ryg'){ /* for gradients bg and active colors swaped */
			if(!empty($progress_bg)){ 
				$product_stock .= '--a2-progress-active:' . $progress_bg . ';';
			}
			$product_stock .= '--a2-progress-bg:linear-gradient(90deg, rgba(255, 89, 0, 1) 0%, rgb(255 230 36) 30%, rgba(124, 215, 0, 1) 100%);';
		} elseif($progress_color1 && $progress_color2){			
			if(!empty($progress_bg)){ 
				$product_stock .= '--a2-progress-active:' . $progress_bg . ';';
			}
			$product_stock .= '--a2-progress-bg:linear-gradient(90deg, ' . $progress_color1 . ' 0%, ' . $progress_color2 . ' 100%);';
		}else{
			if(!empty($progress_bg)){ 
				$product_stock .= '--a2-progress-bg:' . $progress_bg . ';';
			}
			if(!empty($progress_color1)){ 
				$product_stock .= '--a2-progress-active:' . $progress_color1 . ';';
			}
		}
		if($progress_style === 'ryg' || ($progress_color1 && $progress_color2)){
			?>
			.ox-stock-value .progress-line span{ 
				position: absolute;
				right: 0;
				top: 0;
				transform-origin: right;
				animation-delay: 0s;
			}
			<?php
		}

		$value = $at_appearance[ 'product_stock' ][ 'progress_border_radius' ];
		if(!empty($value)){ 
			$product_stock .= '--a2-progress-br:' . (int)$value . 'px;';
		}
	}
	$product_stock .= 'text-align:left;';
	if(!empty($product_stock)){ ?>
		.ox-stock-value.stock { <?php echo $product_stock ?>}
	<?php }

	$value = $at_appearance[ 'product_stock' ][ 'qty_color' ];
	if(!empty($value)){ ?>
		.ox-stock-value .qty{color: <?php echo $value ?>}
	<?php }
	$value = $at_appearance[ 'product_stock' ][ 'sold_color' ];
	if(!empty($value)){ ?>
		.ox-stock-value .total-value{color: <?php echo $value ?>}
	<?php }

	$product_low_stock = '';
	
	$value = $at_appearance[ 'product_stock' ][ 'low_stock_bg' ];
	if(!empty($value)){ 
		$product_low_stock .= 'background:' . $value . ';';
	}
	$value = $at_appearance[ 'product_stock' ][ 'low_stock_text_color' ];
	if(!empty($value)){ 
		$product_low_stock .= 'color:' . $value . ';';
	}
	if($at_appearance[ 'product_stock' ][ 'border' ]){
		$value = null;
		if(!empty($at_appearance[ 'product_stock' ][ 'low_stock_border_color' ])){
			$product_low_stock .= 'border-color:' . $at_appearance[ 'product_stock' ][ 'low_stock_border_color' ] . ';';
		}
	}
	/* swap colors for gradient */
	if($at_appearance[ 'product_stock' ][ 'show_progress_line' ]){
		if($progress_style === 'ryg' || ($progress_color1 && $progress_color2)){
			$value = $at_appearance[ 'product_stock' ][ 'low_stock_progress_bg' ];
			if(!empty($value)){
				$product_low_stock .= '--a2-progress-active:' . $value . ';';
			}
			$value = $at_appearance[ 'product_stock' ][ 'low_stock_progress_color_active' ];
			if(!empty($value)){
				$product_low_stock .= '--a2-progress-bg:' . $value . ';';
			}
		} else{
			$value = $at_appearance[ 'product_stock' ][ 'low_stock_progress_bg' ];
			if(!empty($value)){ 
				$product_low_stock .= '--a2-progress-bg:' . $value . ';';
			}
			$value = $at_appearance[ 'product_stock' ][ 'low_stock_progress_color_active' ];
			if(!empty($value)){
				$product_low_stock .= '--a2-progress-active:' . $value . ';';
			}
		}
	}

	if(!empty($product_low_stock)){ ?>
		.ox-stock-value.stock.low-stock { <?php echo $product_low_stock ?>}
	<?php }

	$value = $at_appearance[ 'product_stock' ][ 'low_stock_qty_color' ];
	if(!empty($value)){ ?>
		.ox-stock-value.stock.low-stock .qty{color: <?php echo $value ?>}
	<?php }
	$value = $at_appearance[ 'product_stock' ][ 'low_stock_sold_color' ];
	if(!empty($value)){ ?>
		.ox-stock-value.stock.low-stock .total-value{color: <?php echo $value ?>}
	<?php }

	$stockPosition = $at_settings[ 'product_stock' ][ 'position' ];
	if($stockPosition === 'below_cart'){
		?>
		.ox-stock-values{
			margin-top: -30px;
		}
		<?php
	} elseif($stockPosition === 'above_cart'){ ?>
		.product-options-bottom .ox-stock-values{
			margin-top: -20px;
		}
	<?php
	} elseif($stockPosition === 'below_price'){
		if($width_style !== 'auto'){ ?>
			<?php
			$value = $at_appearance[ 'product_stock' ][ 'width' ];
			if(!empty($value)){ ?>
				.ox-stock-values{
					flex:0 0 100%;
					margin-bottom:0;
					margin-top:5px;
				}
			<?php
			}
		}
	} elseif($stockPosition === 'original'){ ?>
		.product-info-stock-sku .ox-stock-values{
			margin-bottom: 0;
		}
	<?php }
?>

<?php endif;// END STOCK INFO ?>

<?php if($megaMenuActive && $mm_settings ){
	if($mm_settings['wrap_in_all_categories']){

		if(!empty($mm_settings['all_categories_menu_min_height'])){
			$root .= '--oxmm-allcats-h:' . (int)$mm_settings['all_categories_menu_min_height'] . 'px;';
		}
		if(!empty($mm_settings['all_categories_dd_same_height'])){
			$desktop_styles[] = '.ox-dd--all.ox-dropdown--megamenu .level1 > :is(.ox-megamenu__dropdown,.ox-submenu){height:var(--oxmm-allcats-h);}';
			$desktop_styles[] = '.ox-dd--all.ox-dropdown--megamenu .level1 > .ox-megamenu__dropdown > .ox-mm-inner > .row{height:100%;}';
			
		}
		if(!empty($mm_settings['all_categories_menu_width_custom'])){
			$desktop_styles[] = '.ox-dropdown--megamenu > .ox-megamenu__dropdown.ox-mm__dd-all{width: ' . (int)$mm_settings['all_categories_menu_width_custom'] . 'px}';
		}
		if(!empty($mm_settings['all_categories_content_width'])){
			$root .= '--oxmm-allcats-c-w:' . (int)$mm_settings['all_categories_content_width'] . 'px;';
		}

		$allcats_item = '';
		$value = $at_appearance[ 'appearance_header' ][ 'allcats_item_color' ];
		if(!empty($value)){
			$allcats_item .= '--oxmm-l0-color:' . $value . ';';
		}
		$value = $at_appearance[ 'appearance_header' ][ 'allcats_item_color_hover' ];
		if(!empty($value)){
			$allcats_item .= '--oxmm-l0-color-h:' . $value . ';';
		}
		$value = $at_appearance[ 'appearance_header' ][ 'allcats_item_color_active' ];
		if(!empty($value)){
			$allcats_item .= '--oxmm-l0-color-a:' . $value . ';';
		}
		$value = $at_appearance[ 'appearance_header' ][ 'allcats_item_bg' ];
		if(!empty($value)){
			$allcats_item .= '--oxmm-l0-bg:' . $value . ';';
		}
		$value = $at_appearance[ 'appearance_header' ][ 'allcats_item_bg_hover' ];
		if(!empty($value)){
			$allcats_item .= '--oxmm-item-bg-h:' . $value . ';';
		}
		$value = $at_appearance[ 'appearance_header' ][ 'allcats_item_bg_active' ];
		if(!empty($value)){
			$allcats_item .= '--oxmm-item-bg-a:' . $value . ';';
		}
		$value = $at_appearance[ 'appearance_header' ][ 'allcats_item_font_size' ];
		if(!empty($value)){
			$allcats_item .= '--oxmm-l0-fs:' . (int)$value . 'px;';
		}
		$value = $at_appearance[ 'appearance_header' ][ 'allcats_item_font_weight' ];
		if(!empty($value)){
			$allcats_item .= '--oxmm-l0-fw:' . (int)$value . ';';
		}
		$value = $at_appearance[ 'appearance_header' ][ 'allcats_item_letter_spacing' ];
		if(!empty($value)){
			$allcats_item .= '--oxmm-l0-ls:' . (int)$value . 'px;';
		}
		$value = $at_appearance[ 'appearance_header' ][ 'allcats_item_text_transform' ];
		if(!empty($value)){
			$allcats_item .= '--oxmm-l0-tt:' . $value . ';';
		}
		
		if(!empty($allcats_item)){
			$desktop_styles[] = '.ox-mm-a--all{ '.  $allcats_item .'}';
		}


		$value = $at_appearance[ 'appearance_header' ][ 'allcats_item_icon_color' ];
		if(!empty($value)){
			$desktop_styles[] = '.ox-mm-a--all .icon{ color:'.  $value .'}';
		}
		$value = $at_appearance[ 'appearance_header' ][ 'allcats_item_icon_color_hover' ];
		if(!empty($value)){
			$desktop_styles[] = '.ox-mm-a--all:hover .icon{ color:'.  $value .'}';
		}
		$value = $at_appearance[ 'appearance_header' ][ 'allcats_item_icon_color_active' ];
		if(!empty($value)){
			$desktop_styles[] = '.ox-megamenu--opened .ox-mm-a--all .icon{ color:'.  $value .'}';
		}

		$allcats_dd_items = '';
		$value = $at_appearance[ 'appearance_header' ][ 'allcats_drop_font_size' ];
		if(!empty($value)){
			$allcats_dd_items .= '--oxmm-l1-fs:' . (int)$value . 'px;';
		}
		$value = $at_appearance[ 'appearance_header' ][ 'allcats_drop_font_weight' ];
		if(!empty($value)){
			$allcats_dd_items .= '--oxmm-l1-fw:' . (int)$value . ';';
		}
		$value = $at_appearance[ 'appearance_header' ][ 'allcats_drop_letter_spacing' ];
		if(!empty($value)){
			$allcats_dd_items .= '--oxmm-l1-ls:' . (int)$value . 'px;';
		}
		$value = $at_appearance[ 'appearance_header' ][ 'allcats_drop_text_transform' ];
		if(!empty($value)){
			$allcats_dd_items .= '--oxmm-l1-tt:' . $value . ';';
		}
		$value = $at_appearance[ 'appearance_header' ][ 'allcats_drop_item_min_height' ];
		if(!empty($value) && '' != $value){
			$allcats_dd_items .= 'align-items: stretch;min-height:' . (int)$value . 'px;';
		}
		$value = $at_appearance[ 'appearance_header' ][ 'allcats_drop_item_padding' ];
		if(!empty($value) && '' != $value){
			$allcats_dd_items .= '--oxmm-l1-padding:' . $value . ';';
		}
		if(!empty($allcats_dd_items)){
			$desktop_styles[] = '.ox-mm__list-all > .category-item > .ox-mm-a-wrap{ ' . $allcats_dd_items .'}';
		}
		if($at_appearance[ 'appearance_header' ][ 'allcats_border_enable' ]){
			$value = !empty($at_appearance[ 'appearance_header' ][ 'allcats_border_color' ]) ? $at_appearance[ 'appearance_header' ][ 'allcats_border_color' ] : 'var(--oxmm-divider-color)';
			$desktop_styles[] = '.ox-mm__list-all{border-right:1px solid transparent}.ox-mm__dd-all.opened .ox-mm__list-all{border-color:' . $value . '}';
		}
		if($at_appearance[ 'appearance_header' ][ 'allcats_wide_link' ]){
			$desktop_styles[] = '.ox-dropdown--megamenu .ox-mm__list-all > .level1.category-item > .ox-mm-a-wrap a{
				width: 100%;';		
				if($this->getConfig( 'ox_megamenu_settings/general', $this->getData( 'show_sub_parent_arrow' ) )){
					$desktop_styles[] = 'padding-right: 35px;';
				}
			$desktop_styles[] = '}';
		}
	}
	if($at_appearance[ 'appearance_header' ][ 'menu_sections_border_enable' ]){
		$value = $at_appearance[ 'appearance_header' ][ 'menu_sections_border_color' ];
		if(!empty($value)){
			$root .= '--oxmm-divider-color:' . $value . ';';
		}
		$desktop_styles[] = '.ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-mm-inner{
			padding:0;
		}
		.ox-megamenu__dropdown .ox-mm-inner > .row{
			margin-left:0;
			margin-right:0;
		}
		.ox-megamenu-block{
			padding:var(--oxmm-padding);
		}
		.ox-mm-block-center + .ox-megamenu-block-right,
		.ox-megamenu-block-left + .ox-menu-col{
			border-left: 1px solid var(--oxmm-divider-color);
		}
		.ox-menu-col + .ox-megamenu-block-bottom,
		.ox-megamenu-block-top + .ox-menu-col{
			border-top: 1px solid var(--oxmm-divider-color);
		}
		.ox-megamenu-block-top + .ox-megamenu-block-bottom{
			border:none;
		}';		
	}
	if($at_appearance[ 'appearance_header' ][ 'menu_overlay_background' ]){
		$value = !empty($at_appearance[ 'appearance_header' ][ 'menu_overlay_background_color' ]) ? $at_appearance[ 'appearance_header' ][ 'menu_overlay_background_color' ] : 'rgba(0, 0, 0, 0.3)';
		$desktop_styles[] = '.ox-mm-opened:after {
			content: "";
			display: block;
			width: 100%;
			height: 100%;
			background: ' . $value . ';
			position: fixed;
			top: 0;
			left: 0;
			z-index: 99;
		}';
		if($at_appearance[ 'appearance_header' ][ 'menu_overlay_background_exclude_header' ]){
			$desktop_styles[] = '.ox-mm-opened :is(.page-header, .header-banner-above){
				z-index: 100;
			}';
		}
	}

}

?>
<?php if($at_settings[ 'products_listing' ][ 'outofstock_highlight' ]): ?>
.product-item-unavailable :is(.product-item-name,.product-item-description,.product-item-photo, .ox-product-labels-wrapper,.price-box){
	opacity:0.5;
}
<?php endif; ?>
<?php /* ================================================================== */
/* OUTPUT */
/* ================================================================== */ ?>
<?php if($root) {
	echo ':root{' . $root .'}';
}?>
<?php echo $mw_breakpoint_start . implode('', $mobile_styles) . $mw_breakpoint_end; ?>
<?php if(!$mobile_theme){
	echo '@media only screen and (min-width: 1025px){' . implode('', $desktop_styles) . '}'; 
} ?>
<?php /* ================================================================== */
/* CUSTOM CSS */
/* ================================================================== */ ?>

<?php if($at_appearance[ 'appearance_custom' ][ 'custom_css_enabled']  && !empty($at_appearance[ 'appearance_custom' ][ 'custom_css_content' ])){
	echo $at_appearance[ 'appearance_custom' ][ 'custom_css_content' ];
}
?>