/* * * Header shop * * */
.shop-nav-bar {
    background-color: var(--color-background);
    padding: var(--space-4) var(--space-10);
    overflow: hidden;
}
@media screen and (max-width:768px) {
    .shop-nav-bar {
    padding: var(--space-4) var(--space-2);
    }
    .top-header-wrapper{
     gap: var(--space-6);

    }
}
.top-header--shipping .value-content {
    font-weight: var(--font-bold);
    color: var(--color-secondary) !important;
}
.top-header--shipping svg {
    margin-right: var(--space-4);
}
.shop-nav-bar .top-header-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.top-header-contact-info {
    display: flex;
    gap: var(--space-12);
}
.top-header-contact-info a {
    color: var(--color-text);
    text-decoration: none;
}
.top-header-contact-info a:hover {
    color: var(--color-secondary);
}

.top-header-sub-menu ul {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    margin: unset;
}
.top-header-sub-menu ul li {
    list-style: none;
    gap: var(--space-8);
}
.top-header-sub-menu ul li a {
    color: var(--color-text);
    text-decoration: none;
}
.top-header-sub-menu ul li a:hover {
    color: var(--color-secondary);
}

.simptom-shop-menu-wrapper {
    background-color: #292931;
    padding: var(--space-8) var(--space-10);
    transition: all ease-in 250ms;
}
.simptom-shop-menu-wrapper.active {
    padding: var(--space-4) var(--space-6);
}
.simptom-shop-menu-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.simptom-shop-menu-row:first-child {
    padding-bottom: var(--space-4);
}
@media screen and (max-width: 1024px) {
    .top-header-sub-menu,
    .simptom-mega-menu-wrapper,
    .simptom-menu-wrapper {
        display: none;
    }
}
/* * * Header text animation* * */
.top-header--animated-text {
    flex: 0 1 50%;
    text-align: center;
    position: relative;
}

.top-header--animated-text span {
    display: inline-block;
    font-size: 15px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotateX(-90deg);
    opacity: 0;
    font-size: 30px; /* Adjust font size for better fit */
    color: var(--color-secondary); /* Change text color to black for contrast against white background */
    line-height: 16px;
    animation-timing-function: ease;
    font-weight: 600
}

.top-header--animated-text span:nth-child(1) {
    animation: rollDown 15s forwards infinite;
}

.top-header--animated-text span:nth-child(2) {
    animation: rollDown2 15s forwards infinite;
}

.top-header--animated-text span:nth-child(3) {
    animation: rollDown3 15s forwards infinite;
}

@keyframes rollDown {
    0% {
        top: 50%;
        transform: translate(-50%, -150%) rotateX(-90deg);
        opacity: 0;
    }
    11% {
        transform: translate(-50%, -50%) rotateX(0deg);
        opacity: 1;
    }
    22% {
        transform: translate(-50%, -50%) rotateX(0deg);
        opacity: 1;
    }
    33% {
        transform: translate(-50%, 50%) rotateX(30deg);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, -150%) rotateX(-90deg);
        opacity: 0;
    }
}

@keyframes rollDown2 {
    33% {
        top: 50%;
        transform: translate(-50%, -150%) rotateX(-90deg);
        opacity: 0;
    }
    44% {
        transform: translate(-50%, -50%) rotateX(0deg);
        opacity: 1;
    }
    55% {
        transform: translate(-50%, -50%) rotateX(0deg);
        opacity: 1;
    }
    66% {
        transform: translate(-50%, 50%) rotateX(30deg);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, -150%) rotateX(-90deg);
        opacity: 0;
    }
}

@keyframes rollDown3 {
    66% {
        top: 50%;
        transform: translate(-50%, -150%) rotateX(-90deg);
        opacity: 0;
    }
    77% {
        transform: translate(-50%, -50%) rotateX(0deg);
        opacity: 1;
    }
    88% {
        transform: translate(-50%, -50%) rotateX(0deg);
        opacity: 1;
    }
    99% {
        transform: translate(-50%, 50%) rotateX(30deg);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, -150%) rotateX(-90deg);
        opacity: 0;
    }
}
@media screen and (max-width: 1380px) {
    .top-header--animated-text{
        display: none;
    }
}
/* * * AWS SEARCH * * */
.simptom-shop-search form {
    display: flex;
}
.simptom-shop-search #is-search-input-1625 {
    min-height: 48px;
    font-size: 18px !important;
    border: unset;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    padding-left: 26px;
    background-color: #fff;
}
.simptom-shop-search .is-search-icon {
    min-height: 48px;
    line-height: 48px;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
.simptom-shop-search  .is-search-icon{
    width: 50px !important;
    padding-top: 8px!important;

}
.simptom-shop-search  .is-search-icon svg{
    width: 28px !important;
}
/* * * AWS END * * */

.simptom-shop-logo {
    flex: 0 1 30%;
}

.simptom-shop-search {
    flex: 0 1 46%;
}
.simptom-shop-icons {
    flex: 0 1 24%;
}
.simptom-shop-search{
    transition: all ease ;
}
.simptom-shop-logo {
    transition: all ease 150ms;
}
.simptom-shop-icons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--space-6);
    transition: all ease 150ms;
}
/* * * wishtlist* * */

.simptom-wishtlist-wrapper {
    position: relative;
}
.simptom-wishtlist-wrapper .yith-wcwl-items-count {
    display: block;
    background-color: var(--color-secondary);
    color: #ffffff;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 8px;
    position: absolute;
    left: 25px;
    top: -5px;
}
.wishlist_table {
    width: 100%;
}
.wishlist_table tr td,
.wishlist_table tr th.product-checkbox,
.wishlist_table tr th.wishlist-delete {
    text-align: left;
}
.wishlist_table .product-add-to-cart a.button {
    display: inline-block !important;
    padding: 0.5em;
}
.wishlist_table td.product-add-to-cart {
    text-align: right;
}

/* * * wishtlist end * * */
.menu-cart-container .woofc-menu-item-inner i {
    width: 25px;
    height: 25px;
    background: url(../../img/svg/cart.svg) no-repeat center/contain;
}

.menu-cart-container .woofc-menu-item-inner i:before {
    content: " " !important;
}
.menu-cart-container .woofc-menu-item .woofc-menu-item-inner:after {
    background-color: var(--color-secondary);
    left: 20px;
    top: -15px;
}
.simptom-shop-icons a,
.menu-cart-container {
    line-height: 1em;
}
.simptom-shop-icons .woofc-menu-item-inner-subtotal {
    display: none;
}
.simptom-shop-icons #menu-cart {
    margin: unset;
}
.simptom-shop-icons .menu-item {
    list-style: none;
}
.menu-cart-container ul{
    display: flex;
    flex-direction: row-reverse;
    gap:var(--space-6);
    align-items: center;
}
.woosw-menu-item.menu-item-type-woosw a .woosw-menu-item-inner:after{
    background-color: var(--color-secondary);
    top: -30px;
    right: -7px;
}


.woosw-menu-item.menu-item-type-woosw a{
    font-size: 0;
    color: transparent;
}
.woosw-menu-item.menu-item-type-woosw a::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url('../../img/svg/WISHLIST.svg') no-repeat center/contain;
}
/**
 * Shop Mega Menu
 */
.simptom-shop-megamenu-row {
    display: flex;
    gap: 36px;
    align-items: center;
    transition: all linear 250ms;
}
@media screen and (max-width: 1440px) {
    .simptom-shop-megamenu-row{
        gap: 26px;
    }
    #mega-menu-wrap-shop-menu #mega-menu-shop-menu > li.mega-menu-item{
        margin-right: 26px;
    }
}
@media screen and (max-width: 1280px) {
    .simptom-shop-megamenu-row{
        gap: 16px;
    }
    #mega-menu-wrap-shop-menu #mega-menu-shop-menu > li.mega-menu-item{
        margin-right: 16px;
    }
    #mega-menu-wrap-shop-menu #mega-menu-shop-menu > li.mega-menu-item > a.mega-menu-link{
        font-size: 14px !important;
    }
    .top-header--animated-text{
        display: none;
    }
}
/* * * Btn izberite oddelek * * */
.simptom-mega-menu-wrapper {
    min-width: 320px;
    position: relative;
}
@media screen and (max-width: 1160px) {
    .simptom-mega-menu-wrapper {
        min-width: 260px;
    }
}
.simptom-mega-menu-btn {
    cursor: pointer;
    background-color: var(--color-secondary);
    color: var(--color-white);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-3) var(--space-5);
    border-radius: 5px;
}
.simptom-mega-menu-btn-wrapper {
    display: flex;
    align-items: flex-end;
    gap: var(--space-4);
}
.simptom-mega-menu-btn span {
    font-size: var(--text-base);
    font-weight: var(--font-bold);
    line-height: 1;
}
/* * * Btn izberite oddelek end* * */

.max-megamenu-wrapper {
    position: absolute;
    top: 50px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    transition: all ease-in 250ms;
}
.max-megamenu-wrapper.megamenu-active {
    opacity: 1;
    visibility: visible;
    max-height: fit-content;
}
/* * * Mega menu override  from horizontal to show menu vertical * * */
#mega-menu-wrap-shop-megamenu ul#mega-menu-shop-megamenu > li.mega-menu-item {
    min-width: 320px !important;
    width: 100% !important;
    display: block !important;
}
#mega-menu-wrap-shop-megamenu ul#mega-menu-shop-megamenu li ul.mega-sub-menu {
    position: absolute !important;
    top: 0 !important;
    left: 320px !important;
}
/* * * Mega menu override  from horizontal to show menu vertical * * */

#mega-menu-wrap-shop-megamenu {
    border-radius: 5px !important;
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.16), 3px 0px 6px 0px rgba(0, 0, 0, 0.16);
}

#mega-menu-wrap-shop-megamenu ul#mega-menu-shop-megamenu > li.mega-menu-item:nth-child(1),
#mega-menu-wrap-shop-megamenu ul#mega-menu-shop-megamenu > li.mega-menu-item:nth-child(1) a:hover,
#mega-menu-wrap-shop-megamenu ul#mega-menu-shop-megamenu > li.mega-menu-item:nth-child(1) a:focus {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#mega-menu-wrap-shop-megamenu ul#mega-menu-shop-megamenu > li.mega-menu-item:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#mega-menu-wrap-shop-megamenu ul#mega-menu-shop-megamenu > li.mega-menu-item:last-child a {
    border-bottom: unset;
}
#mega-menu-wrap-shop-megamenu ul#mega-menu-shop-megamenu > li.mega-menu-item::before {
    content: " >" !important;
}

/* mega menu icons */
/* #mega-menu-wrap-shop-megamenu .mega-icon a.mega-menu-link::before {
    content: "" !important;
    display: block;
    width: 25px !important;
    height: 25px !important;
    vertical-align: middle !important;
    margin: 0 16px 0 0px !important;
} */
/* #mega-menu-wrap-shop-megamenu .mega-icon.oznacevanje a.mega-menu-link::before {
    background: url("../../img/svg/scan.svg") no-repeat center/contain !important;
}
#mega-menu-wrap-shop-megamenu .mega-icon.crtne-kode a.mega-menu-link::before {
    background: url("../../img/svg/crutch-solid.svg") no-repeat center/contain !important;
}
#mega-menu-wrap-shop-megamenu .mega-icon.rocni-terminali a.mega-menu-link::before {
    background: url("../../img/svg/rocni-terminal.svg") no-repeat center/contain !important;
}
#mega-menu-wrap-shop-megamenu .mega-icon.tablicni-racunalniki a.mega-menu-link::before {
    background: url("../../img/svg/laptop-solid.svg") no-repeat center/contain !important;
}
#mega-menu-wrap-shop-megamenu .mega-icon.aio-racunalniki a.mega-menu-link::before {
    background: url("../../img/svg/industrijski-AIO-racunalnik.svg") no-repeat center/contain !important;
}
#mega-menu-wrap-shop-megamenu .mega-icon.uhf-stacionarni a.mega-menu-link::before {
    background: url("../../img/svg/uhf-stacionarni-citalci.svg") no-repeat center/contain !important;
}

#mega-menu-wrap-shop-megamenu .mega-icon.uhf-antene a.mega-menu-link::before {
    background: url("../../img/svg/uhf-antena.svg") no-repeat center/contain !important;
}
#mega-menu-wrap-shop-megamenu .mega-icon.hf-industrijski a.mega-menu-link::before {
    background: url("../../img/svg/hf-industrijski-citalci.svg") no-repeat center/contain !important;
}
#mega-menu-wrap-shop-megamenu .mega-icon.uhf-industrijski a.mega-menu-link::before {
    background: url("../../img/svg/uhf-industrijski-citalci.svg") no-repeat center/contain !important;
}
#mega-menu-wrap-shop-megamenu .mega-icon.ostala-industrijska a.mega-menu-link::before {
    background: url("../../img/svg/ostala-industrijska-oprema.svg") no-repeat center/contain !important;
} */

/**
 * Shop Menu
 */
ul.product-categories {
    margin: 0;
}
ul.product-categories li {
    list-style: none;
}
ul.product-categories li a {
    color: var(--color-text);
    text-decoration: none;
}
#mega-menu-wrap-shop-menu {
    background-color: transparent;
}
#mega-menu-wrap-shop-menu li.mega-menu-item a {
    color: var(--color-white) !important;
    text-transform: uppercase !important;
    font-size: var(--text-base) !important;
}
#mega-menu-wrap-shop-menu #mega-menu-shop-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-shop-menu #mega-menu-shop-menu > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-shop-menu #mega-menu-shop-menu > li.mega-menu-item > a.mega-menu-link:focus {
    background: transparent !important;
    color: var(--color-secondary) !important;
}

#mega-menu-wrap-shop-menu .dashicons-admin-home:before {
    font-size: 24px !important;
}
#mega-menu-wrap-shop-menu #mega-menu-shop-menu > li.mega-menu-item.mega-sale-icon::after {
    content: "" !important;
    display: block;
    width: 25px;
    height: 25px;
    background: url(../../img/svg/coupon.svg) no-repeat center/contain;
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
}

/**
*  Sikty menu
*/

#menu-sticky.active {
    position: fixed;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    top: 0px;
    z-index: 999;
}
body.admin-bar #menu-sticky.active {
    top: 32px;
}
@media screen and (min-width: 1025px) {
    #menu-sticky.active .container {
        max-width: 1920px;
        padding-inline: var(--space-4);
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
    }
    .simptom-shop-menu-row{
        transition: all linear 250ms;
    }
    #menu-sticky.active .container .simptom-shop-menu-row {
        flex:  1 0;
        justify-content: flex-end;
        padding-bottom: 0;
        display: none;
    }
    #menu-sticky.active .container .simptom-shop-menu-row .simptom-shop-icons {
        flex: 0 1 100%;
    }
    #menu-sticky.active .container .simptom-shop-megamenu-row {
        flex: 1 100%;
        justify-content: flex-start;
    }
    #menu-sticky.active .simptom-shop-logo,
    #menu-sticky.active .simptom-shop-search {
        opacity: 0;
        height: 0;
        visibility: hidden;
    }
    #menu-sticky.active .simptom-shop-menu-row{
        opacity: 0;
        height: 0;
        visibility: hidden;
    }
    #mega-menu-wrap-shop-mobilmenu {
        display: none;
    }
}
@media screen and (max-width: 1024px) {
    .simptom-shop-search {
        display: none;
    }
    .simptom-shop-menu-row .simptom-shop-logo {
        flex: 0 1 25%;
    }
    .simptom-shop-menu-row .simptom-shop-icons {
        flex: 1 75%;
    }
    .simptom-shop-menu-wrapper {
        padding: var(--space-2) var(--space-4);
    }
}

@media screen and (max-width: 640px) {
    .top-header--animated-text{
        display: none;
    }
    .shop-nav-bar .top-header-wrapper {
        justify-content: center;
    }
    .simptom-shop-logo img {
        max-width: 136px;
    }
    .simptom-shop-icons > a:nth-child(1),
    .simptom-shop-icons > a:nth-child(2) {
        display: none;
    }
    .simptom-shop-menu-row:first-child{
        padding: var(--space-4) 0;
    }
    .simptom-shop-menu-wrapper.active   .simptom-shop-logo img {
        max-width: 116px;
    }
    .simptom-shop-menu-wrapper.active{
        padding: var(--space-2) var(--space-4);
    }
}
/**
 * Shop tables
 */
table.shop_table_responsive thead {
    display: none;
}

table.shop_table_responsive tbody th {
    display: none;
}

table.shop_table_responsive tr td {
    display: block;
    text-align: right;
    clear: both;
}

table.shop_table_responsive tr td::before {
    content: attr(data-title) ": ";
    float: left;
}

table.shop_table_responsive tr td.product-remove a {
    text-align: left;
}

table.shop_table_responsive tr td.product-remove::before {
    display: none;
}

table.shop_table_responsive tr td.actions::before,
table.shop_table_responsive tr td.download-actions::before {
    display: none;
}

table.shop_table_responsive tr td.download-actions .button {
    display: block;
    text-align: center;
}

@media screen and (min-width: 48em) {
    table.shop_table_responsive thead {
        display: table-header-group;
    }

    table.shop_table_responsive tbody th {
        display: table-cell;
    }

    table.shop_table_responsive tr th,
    table.shop_table_responsive tr td {
        text-align: left;
    }

    table.shop_table_responsive tr td {
        display: table-cell;
    }

    table.shop_table_responsive tr td::before {
        display: none;
    }
}

/**
 * Products
 */
ul.products {
    position: relative;
    display: grid;
    grid-column-gap: var(--space-6);
    grid-row-gap: var(--space-20);
    margin: 0 auto;
    text-align: center;
}

ul.products li.product {
    list-style: none;
    position: relative;
    background-color: var(--color-white);
}

@media screen and (min-width: 1280px) {
    ul.products li.product {
        width: 29.79667%;
        float: left;
        margin-right: 3%;
    }

    ul.products li.product.first {
        clear: both;
    }

    ul.products.columns-1 li.product {
        float: none;
        width: 100%;
    }

    ul.products.columns-2 li.product {
        width: 100%;
    }

    ul.products.columns-3 li.product {
        width: 100%;
    }

    ul.products.columns-4 li.product {
        width: 100%;
    }

    ul.products.columns-5 li.product {
        width: 100%;
    }

    ul.products.columns-6 li.product {
        width: 13.49333%;
    }
}

/**
 * Single product
 */
.single-product div.product {
    position: relative;
}

.single-product div.product .woocommerce-product-gallery {
    position: relative;
    float: left;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    position: absolute;
    top: 2em;
    right: 1em;
    display: block;
    z-index: 99;
}

.single-product div.product .woocommerce-product-gallery .flex-viewport {
    margin-bottom: 1em;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
    margin: 0;
    padding: 0;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
    list-style: none;
    cursor: pointer;
    float: left;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
    opacity: 0.5;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
    opacity: 1;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
    opacity: 1;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
    width: 48.1%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
    margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n + 1) {
    clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
    width: 30.79667%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
    margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n + 1) {
    clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 22.15%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
    margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n + 1) {
    clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
    width: 16.96%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
    margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n + 1) {
    clear: both;
}

.stock:empty::before {
    display: none;
}

.stock.in-stock {
    color: #0f834d;
}

.stock.out-of-stock {
    color: #e2401c;
}

/**
 * Checkout
 */
@media screen and (min-width: 768px) {
    .col2-set .form-row-first {
        float: left;
        margin-right: 3.8%;
    }

    .col2-set .form-row-last {
        float: right;
        margin-right: 0;
    }

    .col2-set .form-row-first,
    .col2-set .form-row-last {
        width: 48.1%;
    }
}

/**
 * General WooCommerce components
 */

/**
 * Header cart
 */
.site-header-cart {
    position: relative;
    margin: 0;
    padding: 0;
}

.site-header-cart .cart-contents {
    text-decoration: none;
}

.site-header-cart .widget_shopping_cart {
    display: none;
}

.site-header-cart .product_list_widget {
    margin: 0;
    padding: 0;
}

/**
 * Tabs
 */
.woocommerce-tabs ul.tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.woocommerce-tabs ul.tabs li {
    display: block;
    margin: 0;
    position: relative;
}

.woocommerce-tabs ul.tabs li a {
    padding: 1em 0;
    display: block;
}

.woocommerce-tabs .panel h2:first-of-type {
    margin-bottom: 1em;
}

/**
 * Password strength meter
 */
.woocommerce-password-strength {
    text-align: right;
}

.woocommerce-password-strength.strong {
    color: #0f834d;
}

.woocommerce-password-strength.short {
    color: #e2401c;
}

.woocommerce-password-strength.bad {
    color: #e2401c;
}

.woocommerce-password-strength.good {
    color: #3d9cd2;
}

/**
 * Forms
 */
.form-row.woocommerce-validated input.input-text {
    box-shadow: inset 2px 0 0 #0f834d;
}

.form-row.woocommerce-invalid input.input-text {
    box-shadow: inset 2px 0 0 #e2401c;
}

.required {
    color: #f00;
}

/**
 * Notices
 */

.woocommerce-notices-wrapper {
    width: 100%;
}

.woocommerce-notices-wrapper ul {
    display: block;
    margin: var(--space-4) 0;
    padding: var(--space-3) var(--space-4);
    color: var(--color-white);
    list-style: none;
}

.woocommerce-info {
    position: relative;
    width: auto;
    margin: 0 0 var(--space-8);
    padding: var(--space-5) var(--space-6);
    background-color: var(--color-secondary);
    color: var(--color-white);
    border-top: 3px solid var(--color-primary);
    list-style: none outside;
    word-wrap: break-word;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
    clear: both;
}

.woocommerce-error {
    background-color: #e2401c;
}

@media screen and (min-width: 48em) {
    /**
	   * Header cart
	   */
    .site-header-cart .widget_shopping_cart {
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 999999;
        left: -999em;
        display: block;
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    }

    .site-header-cart:hover .widget_shopping_cart,
    .site-header-cart.focus .widget_shopping_cart {
        left: 0;
        display: block;
    }
}

/**
 * WooCommerce widgets
 */

/**
 * WooCommerce Price Filter
 */
.widget_price_filter .price_slider {
    margin-bottom: 1.5em;
}

.widget_price_filter .price_slider_amount {
    text-align: right;
    line-height: 2.4;
}

.widget_price_filter .price_slider_amount .button {
    float: left;
}

.widget_price_filter .ui-slider {
    position: relative;
    text-align: left;
}

.widget_price_filter .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1em;
    height: 1em;
    cursor: ew-resize;
    outline: none;
    background: #4169e1;
    box-sizing: border-box;
    margin-top: -0.25em;
    opacity: 1;
}

.widget_price_filter .ui-slider .ui-slider-handle:last-child {
    margin-left: -1em;
}

.widget_price_filter .ui-slider .ui-slider-handle:hover,
.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
    box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    background: #4169e1;
}

.widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider-horizontal {
    height: 0.5em;
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range {
    height: 100%;
}

/*========== Global woocommerce ==========*/

.woocommerce-page .quantity input::-webkit-outer-spin-button,
.woocommerce-page .quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
}

.woocommerce-page .quantity input[type="number"] {
    text-align: center;
    -moz-appearance: textfield; /* Firefox */
}

/*--------------------------------------------------------------
CONTENT PRODUCT - Product loop
--------------------------------------------------------------*/

.simptom-loop-item {
    display: flex;
    flex-direction: column;
    padding: var(--space-6) var(--space-6) var(--space-2) var(--space-6);
    border-right-width: 1px;
    border-style: solid;
    border-color: var(--color-background);
    background-color: var(--color-white);
    text-align: left;
    position: relative;
    transition: all ease-in 250ms;
}
.simptom-loop-item:hover .icons-woo-wrapper{
    opacity: 1;
}
.icons-woo-wrapper{
    opacity: 0;
    position: absolute;
    z-index: 2;
    top: 100px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: all ease-in 150ms;
}
.icons-woo-wrapper button{
    width: fit-content;
    padding: 6px;
    font-size: 24px;
    color: #fff;
    border: unset;
    background-color: #000000c4;
}
.icons-woo-wrapper:hover button{
    background-color: #000000c4;
}
.woosw-item-inner .woosw-item--stock{
    display: none

}
.woosw-popup .woosw-popup-inner .woosw-popup-content{
    max-width: 560px
}
.simptom-loop-item .simptom-btn.primary {
    width: fit-content;
    opacity: 0;
    padding: 12px 24px;
    margin: var(--space-2) 0;
    font-size: var(--text-base);
    transition: all ease-in 250ms;
}
/* .simptom-loop-item:hover {
    background-color: var(--color-background) !important;
} */
.simptom-loop-item:hover img {
    transform: translateY(-8px);
}
.simptom-loop-item:hover .simptom-btn.primary {
    opacity: 1;
}
.simptom-loop-item.archive-page {
    margin-right: 26px;
}
.simptom-loop-item::after {
    content: " ";
    width: 90%;
    height: 1px;
    background-color: var(--color-background);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.simptom-loop-item a {
    text-decoration-color: transparent;
}

.simptom-loop-item--thumbnail {
    position: relative;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.simptom-loop-item--thumbnail img {
    aspect-ratio: 1/1;
    object-fit: contain;
    transition: all var(--transition-time) ease-in-out;
    overflow: hidden;
    min-height: 251px;
}

.simptom-loop-item--badges {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
    color: var(--color-white);
    font-size: var(--text-sm);
    font-weight: var(--font-light);
    text-transform: lowercase;
    line-height: 1;
    z-index: 2;
}

.simptom-loop-item--badges > span {
    min-width: 60px;
    min-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--space-1);
    color: var(--color-primary);
    background-color: var(--color-yelow);

    font-size: var(--text-sm);
    font-weight: var(--font-bold);
}

.simptom-loop-item--badges > span.novo-product-badge {
    background-color: var(--color-secondary);
    color: var(--color-white);
}
/* .onsale-percentage {
  margin-left: var(--space-3);
  padding: var(--space-2) var(--space-3);
  border-top-right-radius: var(--space-1);
  border-bottom-right-radius: var(--space-1);
  padding-left: var(--space-2);
} */

.simptom-loop-item--title h3 {
    min-height: 45px;
    margin-top: var(--space-6);
    color: var(--color-primary);
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
    line-height: var(--leading-6);
    transition: all var(--transition-time) ease-in-out;
    text-decoration-color: none;
}

.simptom-loop-item:hover .simptom-loop-item--title h3 {
    color: var(--color-secondary);
}

.simptom-loop-item--bottom {
    display: flex;
    flex-direction: column;
}

.simptom-loop-item--price .price {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: var(--space-6);
    padding: 0;
    color: var(--color-secondary);
    font-size: var(--text-xxl);
    font-weight: var(--font-normal);
    line-height: 1;
}

.simptom-loop-item--price .price del {
    color: var(--color-primary);
    font-size: var(--text-base);
}

.simptom-loop-item--price .price ins {
    background-color: transparent;
}

ul.products .simptom-loop-item--add-to-cart .button {
    padding: 0;
    font-size: 0;
    line-height: 1;
}

ul.products .simptom-loop-item--add-to-cart .button:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.simptom-loop-item--add-to-cart .button::before {
    content: url(/wp-content/uploads/2023/10/bag.svg);
    position: absolute;
    right: var(--space-1);
    bottom: -25px;
    width: 50px;
    height: 50px;
    padding: var(--space-3) var(--space-2) var(--space-2) var(--space-2);
    border-radius: 100%;
    background-color: var(--color-secondary);
    text-align: center;
    transition: all var(--transition-time) ease-in-out;
    opacity: 0;
}

.simptom-loop-item:hover .simptom-loop-item--add-to-cart .button::before {
    opacity: 1;
}

@media only screen and (max-width: 1024px) {
    .simptom-loop-item--add-to-cart .button::before {
        opacity: 1;
    }
}

@media only screen and (max-width: 768px) {
    .simptom-loop-item--badges {
        min-height: unset;
        flex-wrap: wrap;
    }

    .simptom-loop-item {
        max-width: 100%;
        padding: var(--space-4);
    }

    .simptom-loop-item--price .price {
        gap: var(--space-2);
    }
}
.frist-three-attributes-wrapper {
    min-height: 100px;
}
.frist-three-attributes {
    font-size: var(--text-sm);
    font-weight: var(--font-light);
	color: var(--color-text);
}
.frist-three-attributes::first-letter{
    text-transform: capitalize;

}
.simptom-loop-item .simptom-btn.primary {
    display: inline-block;
    margin-bottom: 16px;
}
/*--------------------------------------------------------------
ARCHIVE PRODUCT - Woof filter
--------------------------------------------------------------*/

.section-breadcrumbs .container {
    max-width: var(--container-3xl);
}
.archive-product-header--column {
    margin-top: var(--space-12);
}
.archive-product-header--column .archive-product-header--title {
    text-align: center;
    color: var(--color-secondary);
    font-size: var(--text-2xl);
    line-height: var(--leading-5);
}
.archive-product-header--column .simptom-divider {
    margin-inline: auto;
}
.simptom-filter-container:has(.woof_products_top_panel_content:empty){
    display: none;
}
.simptom-filter-container {
    margin-top: var(--space-8);
    background-color: var(--color-background);
    padding: var(--space-6) var(--space-12) var(--space-12) var(--space-12);
}
.simptom-filter-container .woof_products_top_panel[style]{
    display: none !important;
}
.woof_sid_simptom-filter .woof_redraw_zone {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: var(--space-8);
}

/* * * Drop Down * * */
.woof_sid_simptom-filter .chosen-container-single .chosen-single {
    height: 42px !important;
    line-height: 39px !important;
}
.woof_sid_simptom-filter .chosen-container-single .chosen-single span {
    color: var(--color-primary);
}
.woof_sid_simptom-filter .chosen-container .chosen-search-input {
    min-height: 36px;
}
.woof_sid_simptom-filter .chosen-container-single .chosen-single span {
    display: inline;
    padding: 1em;
}
.chosen-container-single .chosen-single div {
    right: 10px;
}
.woof_sid_simptom-filter .chosen-container-single .chosen-single div b {
    background: url("../../img/svg/Polygon-1.svg") no-repeat !important;
    background-position: 0 15px !important;
}
.woof_sid_simptom-filter .chosen-container-single .chosen-search input[type="text"] {
    background-image: unset !important;
}
.woof_sid_simptom-filter .chosen-container .chosen-results {
    color: var(--color-text);
}
.woof_sid_simptom-filter .active-result.highlighted {
    background-color: var(--color-secondary) !important;
    background-image: none !important;
}
.woof_sid_simptom-filter .chosen-container-active .chosen-choices {
    border-color: var(--color-secondary) !important;
}
/* top panel */
.woof_products_top_panel {
    margin-top: var(--space-8);
}

.woof_products_top_panel_ul {
    display: flex;
    align-items: flex-end;
}

.woof_products_top_panel .woof_products_top_panel_ul li a[data-tax] {
    padding: 4px 8px;
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    font-size: 14px;
    line-height: 1;
    color: #fff;
    border-radius: 2px;
}
.woof_products_top_panel .woof_products_top_panel_ul li ul li {
    display: block;
    float: unset;
}
.woof_products_top_panel .woof_products_top_panel_ul li > a[data-tax] .woof_remove_ppi {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    background: none;
}
.woof_products_top_panel .woof_products_top_panel_ul li > a[data-tax] .woof_remove_ppi::after {
    content: "\f00d";
    margin-left: 8px;
    font-family: "Font Awesome 5 Free", sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.woof_products_top_panel .woof_products_top_panel_ul li:has(a[data-tax="price"]) {
    width: 100%;
    margin-top: 8px !important;
}
.woof_reset_button_2 {
    padding: 0.5em;
}

.woof_sid_simptom-filter .woof_submit_search_form_container,
.woocommerce-result-count,
.woocommerce-ordering {
    display: none;
}
@media screen and (max-width: 767px) {
    .woof_sid_simptom-filter {
        padding: var(--space-4);
    }
    .woof_products_top_panel_ul {
        flex-wrap: wrap;
        gap: var(--space-6);
    }
    .woof_products_top_panel_ul li {
        flex: 1 100%;
    }
}
/*Before shop loop*/
.container-product-archive ul.products {
    margin-top: var(--space-12);
    margin-bottom: var(--space-12);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 320px));
    justify-content: center;
    border: 1px solid var(--color-background);
    padding-block: var(--space-8);
}
@media screen and (max-width: 767px) {
    .container-product-archive ul.products {
        margin-top: var(--space-8);
        margin-bottom: var(--space-8);
    }
}
/*--------------------------------------------------------------
Archive - Description
--------------------------------------------------------------*/
.archive-product--description:empty {
    display: none;
}
.archive-product--description .term-description {
    max-width: var(--container-lg);
    text-align: center;
    margin-inline: auto;
    padding: var(--space-4) var(--space-8);
    margin-bottom: var(--space-12);
}

/*--------------------------------------------------------------
Icons before FOOTER SHOP
--------------------------------------------------------------*/
.icons-before-footer-shop {
    background-color: var(--color-background);
    padding: var(--space-12) var(--space-10);
}
.icons-before-footer-shop .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-4);
}
.icons-before-footer-shop .icons-before-footer--item {
    display: flex;
    align-items: flex-start;
    gap: var(--space-6);
}
.icons-before-footer-shop .icons-before-footer--item h3 {
    font-size: var(--text-lg);
}
.icons-before-footer-shop .icons-before-footer--item p {
    max-width: 270px;
    min-height: 56px;
    color: var(--text-base);
    font-size: var(--color-primary);
    margin-bottom: unset;
}
@media screen and (max-width: 1600px) {
    .icons-before-footer--item{
        flex-direction: column;
    }
}
@media screen and (max-width: 1280px) {
.icons-before-footer-shop .icons-before-footer--item p {
    max-width: 180px;
}
}
@media screen and (max-width: 767px) {
    .icons-before-footer-shop .icons-before-footer--item h3 {
        font-size: var(--text-base);
    }
    .icons-before-footer-shop .icons-before-footer--item p {
        font-size: var(--text-sm);
    }
    .icons-before-footer-shop .icons-before-footer--item {
        flex: 0 1 45%;
    }
}
@media screen and (max-width: 600px) {
    .icons-before-footer-shop .icons-before-footer--item {
        flex-direction: column;
    }
}

/*--------------------------------------------------------------
SINGLE PRODUCT - Popup POŠLJI POVPRAŠEVANJE
--------------------------------------------------------------*/
#contact-form-popup {
    max-width: 670px;
    width: 100%;
    padding: 36px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-color: #fff;
    margin: 0 auto;
    position: relative;
    animation: fadeIn 0.3s ease-in-out;
}
body.admin-bar #contact-form-popup {
    margin: 30px auto 0 auto;
}
#contact-form-popup .close-popup {
    position: absolute;
    top: 36px;
    right: 20px;
}

#contact-form-popup .wpcf7 {
    margin-top: 26px;
}
#contact-form-popup .wpcf7 a {
    color: var(--color-text);
}
#contact-form-popup .wpcf7 .wpcf7-submit {
    background-color: var(--color-secondary);
    border-color: var(--color-white);
}
#contact-form-popup .wpcf7 .wpcf7-submit:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
}
.contact-form-popup-product-title {
    font-weight: 400;
    align-self: flex-start;
    padding-left: 70px;
}
.product-add-to-cart a.single-product-page--out-of-stock-btn.wishlist-btn {
    font-size: var(--text-base);
    display: inline-block !important;
    color: var(--color-white) !important;
    margin: unset !important;
}
body.page-id-1294 .product-add-to-cart .remove_from_wishlist {
    margin: unset !important;
}

body.page-id-1294 .product-remove a {
    font-size: var(--text-xxl);
    line-height: 1em;
    color: #e2401c;
}
body.page-id-1294 .product-remove a:hover {
    text-decoration: none;
}
body.page-id-1294 td {
    vertical-align: middle;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@media screen and (max-width: 1024px) {
    #contact-form-popup {
        padding: 26px;
    }
}
#contact-form-popup .mfp-close {
    width: 60px;
    height: 60px;
    font-size: 36px;
}

/*--------------------------------------------------------------
FOOTER SHOP
--------------------------------------------------------------*/
.footer-shop .container-footer--main-content {
    display: flex;
    flex-direction: row;
    flex-wrap: unset;
    gap: var(--space-60);
}

.footer-column--first {
    min-width: 200px;
    padding-right: var(--space-4);
    flex-grow: 1;
}

.footer-shop .footer-column--first a:first-of-type .footer-logo {
    margin-bottom: var(--space-10);
}

.footer-shop .footer-column--first a .footer-logo {
    margin-bottom: var(--space-12);
}

.footer-column--last {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
}

.footer-column-last__row {
    display: flex;
    flex-direction: row;
    gap: var(--space-20);
}

@media screen and (min-width: 520px) {
    .footer-row--column_first {
        min-width: 350px;
    }
}

.footer-row--column_firs--title {
    display: block;
    margin-bottom: var(--space-8);
    color: var(--color-white);
    font-size: var(--text-2xl);
    font-weight: var(--font-bold);
}

.footer-row--column_firs--description {
    display: block;
    color: var(--color-white);
    font-size: var(--text-lg);
}

.footer-column--last-row__divider {
    width: 100%;
    height: 1px;
    display: block;
    color: #f5f5f5;
    background-color: #f5f5f5;
}

.footer-shop .footer-column:not(.footer-column--first) {
    margin-top: var(--space-8);
}

.footer-shop .footer--menu-header {
    color: var(--color-white);
}

.wrapper--newsletter-form p {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--space-4);
}

.wrapper--newsletter-form p input,
.wrapper--newsletter-form input[type="submit"] {
    min-height: 50px;
    max-height: 50px;
    max-width: 250px;
}

.footer-shop .wpcf7-acceptance a {
    color: var(--color-white);
    text-decoration-color: var(--color-white);
}

.footer-shop .wpcf7-acceptance a:hover {
    color: var(--color-secondary);
    text-decoration-color: var(--color-secondary);
}
nav.woocommerce-pagination {
    text-align: center;
    position: relative;

    display: block;

    margin-top: var(--space-10);

    padding: var(--space-4);

    border: unset;
}

nav.woocommerce-pagination .page-numbers {
    max-width: var(--container-2xl);

    display: inline-flex;

    flex-wrap: wrap;

    justify-content: center;

    margin: 0 auto;

    list-style: none;
}
nav.woocommerce-pagination ul.page-numbers{
    border: 0;
}
nav.woocommerce-pagination .page-numbers:not(ul) {
    padding: 0.5em 0.9em;

    line-height: 36px;

    color: var(--color-primary);

    text-decoration: none;
}

nav.woocommerce-pagination .page-numbers li a:hover {
    background-color: var(--color-primary);

    color: var(--color-white);
}

nav.woocommerce-pagination .page-numbers.current {
    background-color: var(--color-primary);

    color: #fff;

    border-color: var(--color-primary);

    padding: 0.5em 0.9em;
}

@media screen and (max-width: 768px) {
    .simptom-loop-item--title h3 nav.woocommerce-pagination .page-numbers:not(ul),
    nav.woocommerce-pagination .page-numbers.current {
        padding: 0.5em 0.65em;

        line-height: 24px;
    }
}

@media screen and (max-width: 1460px) {
    .footer-shop .container-footer--main-content {
        gap: var(--space-32);
    }

    .footer-column-last__row {
        flex-wrap: wrap;
        gap: var(--space-8);
    }

    .footer-shop .footer-column-last__row:first-of-type {
        flex-direction: column;
        gap: var(--space-8);
    }

    .footer-shop .cf7-form--newsletter p {
        max-width: 850px;
    }
}

@media screen and (max-width: 768px) {
    .footer-shop .container-footer--main-content {
        flex-direction: column;
        gap: var(--space-8);
    }

    .footer-row--column_firs--title {
        margin-bottom: var(--space-4);
        font-size: var(--text-xl);
    }

    .footer-row--column_firs--description {
        font-size: var(--text-base);
    }

    .footer-column--last {
        gap: var(--space-4);
    }

    .wrapper--newsletter-form p {
        flex-direction: column;
        gap: 0;
    }

    .footer-column-last__row {
        gap: var(--space-2);
    }

    .footer-shop .wpcf7-acceptance {
        font-size: var(--text-xs);
    }
}