/* ==============================================================================
Theme Name: Phlox Pro Child
Theme URI: http://phlox.pro/go/
Author: averta
Author URI: http://www.phlox.pro
Description: Phlox Pro Child Theme
Template: phlox-pro
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column,two-columns, three-columns, left-sidebar, right-sidebar
Text Domain: phlox-pro-child
================================================================================= */



/* DIGI ATRIBUTY LOOP A CAROUSEL v1 */
/* ===============================
   STOCK VALUE
================================ */
.stock-flex{
	display:flex;
	justify-content:start;
	gap:8px;
}
@media (max-width: 600px) {
	.home .aux-product-card .stock-flex,
	.home .aux-recent-product-item .stock-flex{
	flex-direction:column; 
		width:max-content;
}
}

.stock-val {
     border-radius: 12px !important;
	background:#613428;
    padding: 10px;
    margin-top: 1rem;
    margin-bottom: -1rem;
    color: #fff;
    font-size: 14px;
	
}

/* ===============================
   PRODUCT CARD
================================ */
.aux-product-card,
.aux-recent-product-item {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background-color: #071C13 !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.aux-product-card:hover
{
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
}

.aux-product-content {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* ===============================
   PRODUCT SPECS PANEL
================================ */
.aux-product-specs {
    margin-top: 2rem;
    padding: 16px 12px;
    border: 1px solid #FFB000;
    border-radius: 8px;
    background: rgba(0,0,0,0.2);
    position: relative;
    overflow: hidden;
    animation: fadeInUp 0.4s ease forwards;
}

/* Shine effect */
.aux-product-specs::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.08),
        transparent
    );
    transition: left 0.6s ease;
}

.aux-product-card:hover .aux-product-specs::before,
.aux-recent-product-item:hover .aux-product-specs::before {
    left: 100%;
}

/* Top highlight */
.aux-product-specs::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.2),
        transparent
    );
}

/* ===============================
   SPECS INNER (FLEX ONLY)
================================ */
.aux-specs-inner {
    display: flex;
	    flex-wrap: wrap;

    justify-content: space-around;
    align-items: center;
    gap: 4px;
    position: relative;
    z-index: 1;
}

/* ===============================
   SPEC ITEM
================================ */
.aux-spec-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    transition: transform 0.2s ease;
    animation: fadeInUp 0.4s ease forwards;
}

.aux-spec-item:hover {
    transform: translateY(-2px);
}

/* ===============================
   ICON
================================ */
.aux-spec-icon {
/*     width: 60px;
    height: 60px;
    padding: 6px 6px 12px; */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.aux-spec-item:hover .aux-spec-icon {
    background: rgba(255,255,255,0.18);
    transform: scale(1.1);
}

.aux-spec-icon img {
    max-width: 100%;
    max-height: 100%;
    filter: brightness(0) invert(1);
    opacity: 0.95;
    transition: opacity 0.3s ease;
}

.aux-spec-item:hover .aux-spec-icon img {
    opacity: 1;
}

/* ===============================
   VALUE TEXT
================================ */
.aux-spec-value {
    color: #FFB000;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    white-space: nowrap;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* ===============================
   ANIMATIONS
================================ */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.aux-spec-item:nth-child(1) { animation-delay: 0.05s; }
.aux-spec-item:nth-child(2) { animation-delay: 0.1s; }
.aux-spec-item:nth-child(3) { animation-delay: 0.15s; }
.aux-spec-item:nth-child(4) { animation-delay: 0.2s; }

/* ===============================
   RESPONSIVE
================================ */
@media (max-width: 1385px) {
    .auxshp-title-heading {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .aux-product-specs {
        padding: 14px 8px;
    }

    .aux-spec-icon {
        width: 50px;
        height: 50px;
    }

    .aux-spec-value {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .aux-product-specs {
        padding: 12px 6px;
    }

    .aux-spec-value {
        font-size: 14px;
    }
}

/* archive */
.wc-block-product-filters__overlay-content strong{
	    font-weight: bold;
    font-family: 'Roboto';
    letter-spacing: -0.2px;
    text-transform: capitalize;
    font-size: 18px;
	color:#F0F0EF;
}

 .aux-shop-archive .aux-primary,
 .search-results .aux-primary{
	padding-bottom:5rem;
}
.woocommerce-page .price ins{
	background-color:transparent;
}
.aux-shop-archive .products-loop > .type-product,
.search-results .products-loop > .type-product{
	text-align:center;
}
.aux-shop-archive .products-loop > .type-product img,
.search-results .products-loop > .type-product img{
margin:auto;
}
.elementor-element.elementor-element-9f59345 .products-loop{
	padding:15px;
}
.widget_price_filter .price_slider_amount .aux-button{
	border-radius:6px;
}
.aux-black.aux-button.aux-outline{
	color:black;
}
.widget_price_filter .price_slider_amount .aux-button, .aux-black.aux-button.aux-outline{
		color:#071C13;
	background-color:#FFB000!important;
}
.aux-sidebar.aux-sidebar-primary{
	background-image: url('https://trekia.sk/wp-content/uploads/2026/01/pozadie-drevene.webp');
}
@media (max-width: 767px) {

.aux-sidebar.aux-sidebar-primary{
	padding:25px;
		background-image: url('	https://trekia.sk/wp-content/uploads/2026/01/vertikalne-drevene-pozadie.webp');
}
	#block-11{
		display:none;
	}


.woocommerce-result-count{
margin-bottom:0;
}
.aux-filters.aux-dropdown-filter.aux-right{
margin-top:0!important;
	}
.aux-filters.aux-dropdown-filter{
		display:block;
	}

}
.aux-sidebar .widget-title, .aux-shop-archive .products-loop .auxshp-loop-title .auxshp-title-heading, .search-results .products-loop .auxshp-loop-title .auxshp-title-heading, .widget_price_filter .price_slider_wrapper .price_label span, .woocommerce-page .woocommerce-result-count, .aux-filters.aux-dropdown-filter .aux-filter-by, .aux-pagination li.page.active a, .aux-pagination li.page.active span, .aux-pagination.aux-round li a:hover, .aux-pagination li > a, .aux-sidebar ul li a, .wc-block-product-filter-removable-chips__items,  :root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color))  {
	color:#F0F0EF!important;
}
.woocommerce-result-count{
margin-bottom:-1.5rem;
}
.aux-filters.aux-dropdown-filter.aux-right{
margin-top:-1.6rem;

}
.aux-archive .content{
	padding-top:1rem;
}
.aux-pagination li.page.active span, .aux-pagination.aux-round li a:hover{
	background-color:#613428;

}
.aux-shop-archive .products-loop .price .amount, .aux-shop-archive .products-loop .price ins .amount, .search-results .products-loop .price .amount, .search-results .products-loop .price ins .amount, .aux-filters.aux-dropdown-filter .aux-filter-by .aux-filter-name, .elementor-67 .elementor-element.elementor-element-ef24591 .woocommerce-Price-amount{
	color:#FFB000!important;
}
.aux-sidebar-style-border.left-sidebar .aux-sidebar-primary{
	border-color: #F0F0EF;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
	color:#071C13!important;

}
 .widget_price_filter .ui-slider .ui-slider-range, .aux-shop-archive .products-loop .onsale, .search-results .products-loop .onsale, .onsale{
	color:#071C13;
	background-color:#FFB000!important;
}


/* archive end */