/* 
Theme name: MojTraktor 2025
Version: 2.5
Description: Tema narejena po meri.
Author: Kulstik
Author URI: https://kulstik.com/
Requires at least: 6.8
Tested up to: 6.8.3
Requires PHP: 8.3
Text Domain: mojtraktor
*/

:root {
    --background: #ffffff;
    --color: #000;

    --bs-link-color-rgb: #feca0a;
    --link-color-hover: #000;

    --button-color: #fff;
    --button-color-hover: #c81428;
    --button-bg: #c81428;
    --button-bg-hover: #fff;
    --button-border-color: #c81428;
    --button-border-thickness: 3px;
    --button-fontsize: 20px;
    --button-padding: 15px 30px;
    --button-texttransform: unset;

    --burger-color: #e11838;
    --burger-color-hover: #e11838;
    --burger-line-thickness: 5px;
    --burger-line-seperation: 8px;
    --burger-line-width: 30px;

    --header-height: auto;
    --header-height-full: auto;
    --header-background: #fff;

    --wpcf-padding: 13px 20px;
    --wpcf-border: 1px solid #69727d;
    --wpcf-textcolor: #000;

    --tec-color-accent-primary: #c81428;
    --tec-color-accent-primary-background-datepicker: #d2ad624d;

    --swiper-theme-color: #c81428 !important;
    --swiper-navigation-sides-offset: 10px;

    --title-underline-color: #e11937c5;
}

div:empty {
    /*display: block !important;*/
}

::-moz-selection {
    color: #fff;
    background: #c81428;
}

::selection {
    color: #fff;
    background: #c81428;
}

body {
    overflow-x: hidden;
    background-color: var(--background) !important;
    color: var(--color) !important
}

.text-right {
    text-align: right;
}

a {
    color: var(--link-color);
    text-decoration: underline;
}

a:hover, a:focus {
    color: var(--link-color-hover)
}

b, strong {
    font-weight: bold !important;
}

.img-full-width {
    width: 100%;
    height: auto;
}

.button, .popup-button {
    font-size: var(--button-fontsize);
    padding: var(--button-padding) !important;
    color: var(--button-color) !important;
    background-color: var(--button-bg) !important;
    border: var(--button-border-thickness) solid var(--button-border-color) !important;
    text-transform: var(--button-texttransform) !important;
    text-decoration: none !important;
    width: unset !important;
    border-radius: 25px !important;
    margin-top: 20px;
    display: inline-block !important;
}

.popup-button:before {
    margin-right: 5px;
}

.product-read-more-button:before {
    margin-right: 5px;
}

.button-green {
    background-color: #226237 !important;
    border-color: #226237 !important;
}

.button:hover, .button:focus, .button:active {
    color: var(--button-color-hover) !important;
    background-color: var(--button-bg-hover) !important;
}

.button-green:hover, .button-green:focus, .button-green:active {
    color: #226237 !important;
    background-color: #fff !important;
    border-color: #226237 !important;
}

.cta-gumb, .product-read-more-button {
    text-decoration: none;
    color: #fff;
    background-color: #226237;
    padding: 15px 30px;
    display: inline-block;
    margin-top: 50px;
    border-radius: 25px;
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
    border: 3px solid #226237;
    align-self: anchor-center;
}

.cta-gumb:hover, .cta-gumb:focus, .cta-gumb:active, .product-read-more-button:hover, .product-read-more-button:focus, .product-read-more-button:active {
    color: #226237 !important;
    background-color: #fff;
}

.product-read-more-button {
    font-size: 14px;
    color: #fff !important;
    padding: 15px 30px;
    margin-top: 18px;
    font-weight: bold;
    line-height: 18px;
}

section.cta-wrap .cta-gumb {
    margin-top: unset;
}

#logo {
    display: flex;
    align-items: center;
    justify-content: left;
    position: relative;
    z-index: 3;
}

#logo img {
    width: auto;
    height: 40px;
    max-width: unset;
}

header {
    position: relative;
    height: var(--header-height);
    font-size: 13px;
    background-color: var(--header-background);
    z-index: 2;
    letter-spacing: 2.1px;
    display: flex;
    flex-direction: column;
}

header:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
    pointer-events: none;
    -webkit-box-shadow: 0 12px 48px 0 rgba(38, 38, 38, .12);
    box-shadow: 0 12px 48px 0 rgba(38, 38, 38, .12);
}

.home header, .single-post header {
    margin-bottom: unset;
}

.header-top {
    padding-top: 20px;
    padding-bottom: 20px;
}

.header-2-inner-wrap {
    display: flex;
    justify-content: right;
    flex-wrap: wrap;
    align-content: center;
}

.menu-header-2-container {
    align-self: flex-end;
}

#menu-header-2 {
    list-style: none;
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    gap: 50px;
    justify-content: right;
    margin: unset;
    padding: unset;
}

.header-2-wrap {
    height: 100%;
}

#menu-header-2 li {
    display: flex;
}

#menu-header-2 li a {
    color: #e11838 !important;
    text-decoration: none;
    font-weight: bold;

}

#menu-header-2 li a:hover, #menu-header-2 .current-menu-item a {
    color: #000 !important;
}


.menu-container {
    position: relative;
    background-color: #e11838;
}

#burger {
    display: none;
    justify-content: right;
    align-items: center;
    height: 100%;
}

.burger-wrap {
    transform: translateY(-50%);
    display: none;
    z-index: 3;
}

.burger {
    position: relative;
}

.burger::before, .burger::after {
    position: absolute;
}

.burger::before, .burger::after, .burger {
    content: '';
    display: block;
    width: var(--burger-line-width);
    height: var(--burger-line-thickness);
    background-color: var(--burger-color);
    border-radius: 25px;
}

.burger::before {
    top: var(--burger-line-seperation)
}

.burger::after {
    bottom: var(--burger-line-seperation)
}

.burger-wrap.menu-active .burger {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    background: var(--burger-color-hover);
}

.burger-wrap.menu-active .burger::before {
    top: 0;
    opacity: 0;
    transition: top 0.2s ease, opacity 0.1s 0.12s ease;
    background: var(--burger-color-hover);
}

.burger-wrap.menu-active .burger::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.2s ease, transform 0.2s 0.12s;
    background: var(--burger-color-hover);
}

.menu-active #menu-header {
    display: block;
}

#menu-header {
    position: absolute;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: none;
    left: 0;
    color: #000;
    top: 115px;
}

/*#menu-header li {border-bottom: 1px solid #ededed;}*/
#menu-header li a {
    text-decoration: none;
    display: inline-block;
    padding: 0 10px;
}

.menu-header-container li a {
    color: #fff;
    transition: all 400ms;
    text-transform: uppercase;
}

#menu-header > li > a:hover {
    color: var(--link-color-hover);
}

.menu-mobile-container #menu-header > li > a:hover {
    color: #e11838 !important;
}

.current-menu-item > a {
    color: #e11838 !important;
}

.current-menu-item > .sub-menu > a {
    color: #e11838 !important;
}

#menu-header .menu-item-has-children, #menu-header .sub-menu {
    list-style: none;
}

#menu-header .menu-item-has-children .sub-menu {
    display: none
}

#menu-header .menu-item-has-children li a:hover {
    color: #e11838;
}

#menu-header .menu-item-has-children::after {
    content: "\ea3c";
    font-family: 'icomoon';
    display: inline-block;
    margin-left: 10px;
    transform: rotate(45deg);
    transition: all 300ms;
    pointer-events: none;
    color: #e11837
}

#menu-header > .menu-item-has-children:hover::after {
    transform: rotate(90deg);
    color: #000;
}

#menu-header > .menu-item-has-children.current-menu-item::after {
    transform: rotate(90deg);
}

#menu-header > .current-product_cat-ancestor::after {
    transform: rotate(90deg);
    color: #000;
}

#menu-header > .current-product_cat-ancestor > .sub-menu > .current-menu-ancestor::after, #menu-header > .current-product_cat-ancestor > .sub-menu > .menu-item-has-children:hover::after {
    transform: rotate(0deg) !important;
    color: #e11838;
}

#menu-header > .current-product_cat-ancestor > .sub-menu .current-menu-ancestor > a, #menu-header > .sub-menu .menu-item-has-children::after,
#menu-header > .sub-menu a {
    color: #e11838
}

#menu-header > .current-product_cat-ancestor > a, #menu-header > .current-product_cat-ancestor::after {
    color: #000;
}

#menu-header > .current-product_cat-ancestor > .current-product_cat-ancestor::after {
    color: blue !important;
}

.menu-mobile-container {
    position: relative;
    z-index: 2;
}

.menu-mobile-container .sub-menu {
    padding-left: 0;
}

.menu-mobile-container li a {
    color: #000;
    padding: 10px 0 !important;
    font-size: 20px;
    margin-left: 15px;
}

.menu-mobile-container > li {
    padding-right: 30px;
}

.menu-mobile-container #menu-header {
    background-color: #fff;
    padding-bottom: 20px;
    padding-right: 15px;
    text-align: right;
    min-height: 90lvh;
    margin-top: -115px;
}

.menu-mobile-container .menu-item-has-children {
    position: relative;
}

.hl {
    display: block !important;
}

.header-logo {
    display: flex;
    justify-content: center;
}

.home .contact-header-mobile, .single-post .contact-header-mobile {
    margin-bottom: unset;
}

.contact-header-mobile {
    background-color: #e11838;
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    padding: 10px 10px;
    font-size: 13px;
    margin-bottom: 25px;
}

.contact-header-mobile a {
    text-decoration: none;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.contact-header-mobile a:hover {
    color: #000;
}

.contact-top a {
    text-decoration: none;
    color: #000;
    font-size: 10px;
    letter-spacing: 0;
}

.contact-top a::before {
    margin-right: 10px;
}

.contact-top {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 5px;
    flex-direction: column;
}

.servis-menu, .kontakt-menu {
    list-style: none;
    gap: 5px;
    display: flex;
    padding: 0;
    margin: 0;
    flex-direction: column;
}

.servis-menu li, .kontakt-menu li {
    display: inline-block;
}

.servis-menu li a, .kontakt-menu li a {
    font-size: 10px;
    text-decoration: none;
    color: #000;
}

.servis-menu li a:hover, .kontakt-menu li a:hover {
    color: #c81428;
}

.kontakt-menu li a {
    font-weight: bold;
}

.servis-top {
    display: flex;
    align-items: center;
    justify-content: left;
}


.footer-menu {
    list-style: none;
    font-size: 16px;
    padding: 0;
}

.footer-menu li a {
    text-decoration: none;
    color: #000;
    padding: 6px 0;
    display: block;
}

.footer-menu li a:hover {
    color: #e11838;
}
.wpcf7 p {
    text-align: center;
}

.wpcf7 label {
    display: block;
    text-align: left;
    width: 80%;
    margin: 0 auto;
}
.wpcf7 input, .wpcf7 textarea {
    padding: var(--wpcf-padding);
    border: unset;
    border: var(--wpcf-border);
    border-radius: 25px;
    color: var(--wpcf-textcolor);
    background: #fff;
    width: 80%;
    margin-bottom: 10px;
}

.wpcf7 input[type="radio"] {
    width: unset;
}

.wpcf7-radio .wpcf7-list-item {
    margin-right: 10px;
}

.wpcf7 textarea {
    width: 80%;
    height: 200px;
}

.wpcf7 input::placeholder, .wpcf7 textarea::placeholder {
    color: #a29b9b;
    font-size: 12px;
}

.wpcf7 input[type="checkbox"] {
    width: unset;
}

.wpcf7 input[type="submit"] {
    width: unset;
    font-size: var(--button-fontsize);
    padding: var(--button-padding);
    color: var(--button-color);
    background-color: var(--button-bg);
    border: var(--button-border-thickness) solid var(--button-border-color);
    text-decoration: none;
    text-transform: var(--button-texttransform);
    border-radius: 25px;
    margin: 0 auto;
    display: block;
}

.wpcf7 input[type="submit"]:hover {
    color: var(--button-color-hover);
    background-color: var(--button-bg-hover);
}

.home .contact-wrap {
    display: none;
}

.wpcf7-list-item {
    margin: unset;
}

.content-break {
    width: 100%;
    height: 5px;
    border-top: 2px solid #e1e1e1;
    margin-top: 50px;
    margin-bottom: 50px;
}

.wpcf7-spinner {
    display: none;
}

.wpcf7 form.init .wpcf7-response-output:empty {
    display: none !important;
}

.contact-form-wrap {
    background-color: #f5f5f5;
    padding: 40px 30px !important;
}

.wp-block-spacer {
    display: block !important;
}

#ajax {
    display: flex;
    align-items: center;
    z-index: 1;
    position: relative;
}

#ajax #ajaxsearchlite1 .probox {
    border-color: #0156a3;
}

div.asl_w .probox .promagnifier .innericon svg {
    fill: #0156a3 !important
}

.asl_w_container {
    min-width: unset !important
}

.tos-menu {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.tos-menu li {
    display: inline;
    padding: 0;
}

.tos-menu li:nth-child(0)::after, .tos-menu li:last-child::after {
    content: unset
}

.tos-menu li::after {
    content: '/';
    display: inline-block;
    margin: 0 8px 0 10px;
    color: #9F9F9F;
}

.tos-menu li a {
    text-decoration: none;
    padding: 5px;
}

.menu-tos {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.copy-tos {
    border-top: 2px solid #f5f5f5;
    color: #000;
    padding-top: 20px;
    padding-bottom: 20px !important;
    font-size: 12px;
    margin-top: 50px;
}

.copy-tos a {
    text-decoration: none;
}

.copy-tos a:hover {
    color: #e11937c5;
}

.footer-top {
    text-align: center;
    padding-top: 50px;
}

.footer-top [class^="col-"] {
    margin-top: 20px;
}

/* .footer-logos {display: flex; flex-direction: column; align-items: center;} */
.footer-logos a {
    padding: 10px 0;
}

.footer-logos img {
    width: 140px !important;
    height: auto !important;
}

footer #logo {
    z-index: 1;
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
}

footer {
    font-size: 16px;
    border-top: 5px solid #df2321;
}

footer h3 {
    color: #df2321;
    text-transform: uppercase;
}

div.asl_m {
    z-index: unset !important;
}

section {
    padding: 50px 0;
}

main section:first-of-type {
    padding-top: unset;
    padding-bottom: unset;
}

.swiper-button-next, .swiper-button-prev {
    display: block !important;
}

.cm-img {
    width: 100%;
    height: auto;
    margin-top: 20px;
}

.celovita-mehanizacija a {
    text-decoration: none;
    color: #000
}

.celovita-mehanizacija a:hover {
    color: var(--burger-color-hover);
}

.celovita-mehanizacija img {
    transform: scale(0.9);
    transition: all 500ms;
}

.celovita-mehanizacija a:hover img {
    transform: scale(1);
}

.celovita-mehanizacija h3 {
    margin-top: 5px;
}

.swiper {
    overflow-x: hidden;
}

.novosti-wrap {
    gap: 30px;
}

.novosti-wrap h3 {
    margin-top: 10px;
}

.novosti-wrap img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.category main a {
    text-decoration: none;
    color: #000;
}

.category article a {
    display: block;
    width: 100%;
}

.category main .container {
    margin-bottom: 50px;
}

.category article:first-of-type {
    padding-top: unset;
}

.cat-date {
    position: absolute;
    top: 20px;
    left: 40px;
    display: flex;
    align-items: center;
    background-color: #fff;
    color: #000;
    padding: 5px 15px;
    border-radius: 25px;
}

.cat-date:before {
    content: "\e953";
    font-family: 'icomoon';
    margin-right: 10px;
    font-size: 20px;
}

.post-date {
    display: flex;
    align-items: center;
    background-color: #fff;
    color: #000;
    padding: 5px 15px;
    border-radius: 25px;
    position: absolute;
    right: 13%;
    top: 30px
}

.post-date:before {
    content: "\e953";
    font-family: 'icomoon';
    margin-right: 10px;
    font-size: 20px;
}

.post-img-wrap {
    position: relative;
}

.single-post-title {
    background-color: #f5f5f5;
    color: #000;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding-top: 70px
}

.single-post-title img {
    align-self: center;
    margin-bottom: -100px;
    border: 10px solid #f5f5f5;
    width: 90%;
    border-radius: 25px;
}

.single-post-content {
    margin-top: 150px !important;
}

.single-post article {
    margin-bottom: 50px;
}

.page-template-kontakt main [class^="icon-"] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.page-template-kontakt main [class^="icon-"]:before {
    display: inline-block;
}

.page-template-kontakt main [class^="icon-"] p {
    display: inline-block;
    margin: 0;
}

.kontakt-podatki {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.kontakt-podatki h3 {
    margin-bottom: unset
}

.page-template-kontakt .kontakt-wrap [class^="col-"] {
    margin-bottom: 50px;
}

.map {
    margin-bottom: 50px;
}

.category-image-container img {
    margin: 0 auto;
    display: block;
    max-height: 500px;
    width: auto
}

.header-store {
    display: flex;
    justify-content: right;
    align-items: center;
    gap: 5px
}

.header-store a {
    text-decoration: none;
    font-size: 17px;
    color: #000;
    padding: 5px;
    font-family: "Noto Sans", sans-serif !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.header-store a:before {
    font-family: 'icomoon';
    font-size: 18px;
}

.prikaz-cene {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
    font-size: 10px;
}

.prikaz-cene span {
    padding-bottom: 10px;
}

.icon-cart {
    position: relative;
}

.icon-cart .header-cart-amount {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #C81428;
    color: #fff;
    width: 15px;
    height: 15px;
    text-align: center;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0;
    font-size: 12px;
}

#popup-contact {
    position: fixed;
    width: 95vw;
    height: auto;
    border: 2px solid #000;
    color: #000;
    padding: 20px;
    background-color: #f5f5f5;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}

#popup-contact-wrap {
    content: '';
    position: fixed;
    z-index: 9997;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}

#popup-contact .icon-cross {
    display: block;
    font-size: 20px;
    color: #000;
    text-align: right;
    margin-bottom: 20px
}

.popup-active #popup-contact-wrap {
    display: block;
}

.popup-active-2 #popup-contact-wrap.pop-hitri {
    display: block;
}

#popup-contact .icon-cross:hover {
    color: #C81428;
}

#popup-contact .wpcf7-textarea {
    height: 150px;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.swiperNovejsiIzdelki .swiper-slide a {
    text-decoration: none;
    color: #000;
    align-self: center
}

.swiperNovejsiIzdelki .swiper-slide .product {
    display: flex;
    flex-direction: column
}

.swiperNovejsiIzdelki .swiper-slide .product h3 {
    font-size: 18px;
    margin: unset;
    padding: 9px 0
}

.swiperNovejsiIzdelki .swiper-slide .product .price {
    color: #605A06;
    margin-bottom: 9px;
    display: block
}

.swiperNovejsiIzdelki .swiper-slide .product .button {
    align-self: anchor-center;
    order: 3;
    margin-top: 1em;
    font-size: 14px;
}

#opozorilo-podatki {
    display: block;
    text-align: center;
    padding: 10px;
    background-color: #ffdddd;
    font-size: 12px;
    margin: 0 auto;
    margin-bottom: 15px;
    border-radius: 25px;
    margin-top: 25px
}

#opozorilo-podatki p {
    margin: unset
}

.category-desc-long {
    margin-bottom: 70px
}

.category-desc-long p {
    margin: unset
}

.post-nav-permalink {
    display: block;
    padding: 10px;
    text-transform: uppercase;
}

.post-nav-permalink a {
    font-size: 15px;
    text-decoration: none;
    color: red;
}

.zaupajo {
    background-color: #f5f5f5
}

.zaupajo-img {
    width: 70%;
    height: auto;
    margin: 0 auto;
    display: block
}

.search-active .asl_w_container {
    display: block
}

.asl_w_container {
    position: fixed;
    top: 50px;
    right: 0;
    z-index: 99999;
    display: none;
    padding: 20px;
}

.admin-bar .asl_w_container {
    top: 90px
}

.asl_w_container .promagnifier {
    pointer-events: none;
}

#ajaxsearchliteres1 {
    z-index: 99999;
}

.page-template-o-nas main .o-nas-container {
    max-width: 1190px !important
}

.page-template-o-nas .nudimo-vam-wrap {
    background-color: unset
}

.svetovanje {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #f5f5f5;
}

.svetovanje .button {
    font-size: 12px;
    font-weight: bold;
    align-items: center;
}

.svetovanje img {
    height: auto;
    max-width: 100%;
}

.svetovanje-l, .svetovanje-r {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 12px;
}

.svetovanje-l div {
    text-align: center;
}

.svetovanje-l a {
    align-self: baseline;
    gap: 10px;
}

.svetovanje-l a:before {
    margin: unset;
    font-size: 20px;
}

.svetovanje-l a {
    padding: 10px 20px !important;
}

.svetovanje-l h3 {
    white-space: nowrap;
    font-size: 14px;
}

.kontakt-pref-info {
    background-color: #f5f5f5;
    padding: 25px 0;
    margin-bottom: 50px;
}

.vec-kot-wrap {
    padding: 50px 0;
}

.vec-kot-wrap .product-tab-imgs {
    gap: 20px;
}

.vec-kot-wrap .product-tab-imgs a {
    color: #000;
    text-decoration: none;
    text-align: center;
}

.vec-kot-wrap .product-tab-img img{
    margin-bottom: 10px;
}

.vec-kot-header {
    margin-bottom: 50px !important;
}

.vec-kot-wrap h2 {
    margin: unset;
    font-weight: bold;
}

.vec-kot-wrap img {
    height: 169px;
    width: auto;
    background-color: #f5f5f5;
    border-radius: 50%;
    padding: 20px;
}

.nudimo-vam-wrap h2, .vec-kot-wrap h1 {
    margin-bottom: 50px;
    font-weight: bold;
}

.nudimo-vam-wrap {
    font-size: 18px;
    background-color: #f5f5f5;
}

.nudimo-vam-wrap h3 {
    margin: unset;
    font-weight: bold;
    font-size: 20px;
}

.nudimo-vam-wrap .product-tab-imgs {
    gap: 50px;
}

.nudimo-vam-wrap .product-tab-img {
    flex: 1 0 33%;
    flex-direction: row;
    flex-wrap: wrap;
}

.nudimo-vam-wrap .product-tab-img div {
    display: flex;
    flex-direction: column;
    flex: 1 1 65%;
}

.nudimo-vam-wrap img {
    height: 150px;
    width: 150px;
}

.home .svetovanje {
    background-color: #fff;
    padding-top: unset;
    padding-bottom: unset;
}

.najnovejsi-izdelki {
    background-color: #f5f5f5;
}

.najnovejsi-izdelki .woocommerce span.onsale {
    left: unset;
    right: 10px;
    top: 10px;
}

.partner-imgs-wrap {
    display: flex;
    flex-direction: row;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    padding: 26px 0 22px;
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 2px;
    overflow: hidden;
    height: 92px;
}

.partner-imgs {
    animation: bee-text-marquee-left 60s linear infinite;
    white-space: nowrap;
    display: flex;
}

.partner-img {
    height: 30px;
    width: auto;
    padding: 0 35px;
    display: flex;
    align-items: center;
    flex-direction: row;
}

.wrap-mikasa-icons {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    gap: 5px;
    justify-content: center;
}

[class^="mikasa-"]:empty {
    display: inline-flex !important;
}

[class^="mikasa-"] {
    width: 60px;
    height: 60px;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.mikasa-battery {
    background: url('assets/img/img-mikasa/icon_battery.webp');
}

.mikasa-VAS {
    background: url('assets/img/img-mikasa/icon_vas.webp');
}

.mikasa-PAS{
    background: url('assets/img/img-mikasa/icon_pas.webp');
}

.mikasa-caf{
    background: url('assets/img/img-mikasa/icon_cyclone_air_filter.webp');
}

.mikasa-tcaf{
    background: url('assets/img/img-mikasa/icon_twin_cyclone_filter.webp');
}

.mikasa-disesel{
    background: url('assets/img/img-mikasa/icon_diesel.webp');
}

.mikasa-gasoline{
    background: url('assets/img/img-mikasa/icon_gasoline.webp');
}

.mikasa-electric_start{
    background: url('assets/img/img-mikasa/icon_electric_start.webp');
}

.mikasa-lcog{
    background: url('assets/img/img-mikasa/icon_low_center_of_gravity.webp');
}

.mikasa-wt{
    background: url('assets/img/img-mikasa/icon_water_tank.webp');
}

.mikasa-thm{
    background: url('assets/img/img-mikasa/icon_tacho_hour_meter.webp');
}

@keyframes bee-text-marquee-left {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

.menu-mobile-container .current-menu-item > a, .menu-mobile-container .current-menu-ancestor > a {
    color: red !important;
}

.menu-mobile-container .menu-item-has-children {
    position: relative;
    padding-right: 50px;
}

.menu-mobile-container .menu-item-has-children:after {
    position: absolute;
    top: 20px;
    right: 5px;
}

.other-post-query {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 25px;
}


.other-post-query .cat-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.query-first-two {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.category.paged .zanje-novice-head {
    display: none;
}


.zadnje-novice h2 {
    background-color: #226237;
    color: #fff;
    padding: 10px;
    font-size: 20px;
}

.zadnje-novice img {
    max-width: 100%;
    height: auto !important;
}

.izpostavljeno-title {
    font-size: 20px;
    color: #fff;
    background-color: #e11838;
    padding: 10px;
    margin: unset;
}

.izpostavljeno-query a{
    position: relative;
}

.izpostavljeno-query img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

.izpostavljeno-query h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: unset;
    padding: 30px;
    color: #fff;

    background: rgba(0, 0, 0, 0);
    background: linear-gradient(181deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.97) 100%);

    width: 100%;
}

.other-post-query article img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 20px;
}

.other-post-query article {
    flex: 1 1 100%;
}

.prikaz-cene {
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 10px;
}

.wp-block-wdevs-tax-switch .wdevs-tax-switch .wdevs-tax-switch-label-text {
    margin-left: 5px !important;
}

.woocommerce-cart .prikaz-cene, .woocommerce-checkout .prikaz-cene {
    font-size: 0;
}

.wp-block-wdevs-tax-switch.is-style-inline .wdevs-tax-switch .wdevs-tax-switch-label {
    height: 17px;
    width: 30px;
}

.wp-block-wdevs-tax-switch.is-style-inline .wdevs-tax-switch .wdevs-tax-switch-slider:before {
    height: 15px;
    width: 15px;
}

.wp-block-wdevs-tax-switch.is-style-inline .wdevs-tax-switch .wdevs-tax-switch-checkbox:checked + .wdevs-tax-switch-slider:before {
    transform: translateX(12px);
}

/* .price-switcher {
    position: fixed;
    left: 0;
    top: 70%;
    z-index: 3;
    background-color: #fff;
    padding: 10px 20px 10px 10px;
    border-radius: 0 25px 25px 0;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
    display: none;
} */

/* .price-switcher span {
    display: block;
    text-align: center;
} */

/* .price-switcher:has(div) {
    display: block;
} */

/* .price-switcher .wdevs-tax-switch-label {
    transform: rotate(-90deg);
} */

.wp-block-wdevs-tax-switch.is-style-inline .wdevs-tax-switch .wdevs-tax-switch-label-text {
    font-size: 10px;
}

.wp-block-wdevs-tax-switch .wdevs-tax-switch .wdevs-tax-switch-label-text {
    margin-left: unset;
}

.page-nav-container {
    margin-top: 25px;
}

.page-numbers {
    padding: 10px;
    background-color: #000;
    color: #fff !important;
}

.page-numbers.current, .page-numbers:hover, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background-color: red;
}

.grecaptcha-badge {
    display: none;
}

.error404 main .col-12 {
    text-align: center;
    padding-bottom: 50px;
}

.povprasevanje-clanek {
    margin: 50px 0;
    padding: 35px;
    background-color: #f5f5f5;
}

.cta-klic {
    position: fixed;
    left: 10px;
    bottom: 10px;
    font-size: 30px;
    background-color: #409B5A;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    z-index: 99;
    text-decoration: none;
    animation: tilt-shaking 0.15s infinite;
}

.cta-klic .icon-phone {
    padding: 5px 12.5px;
    display: block;
}

@keyframes tilt-shaking {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(5deg); }
    50% { transform: rotate(0eg); }
    75% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
}

.front-kategorije-wrap {
    padding: 30px 0 30px 0;
}

.front-kategorije-wrap .product-tab-imgs {
    gap: 20px;
}

.front-kategorije-wrap a {
    text-decoration: none;
    color: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.front-kategorije-wrap h2 {
    font-size: 20px;
    text-align: center;
    color: #000;
}

.front-kategorije-wrap img {
    margin-bottom: 10px;
    width: 170px !important ;
    height: 170px !important;
}




.front-kategorije-taxonomy {
    padding: 50px 0 50px 0;
}

.front-kategorije-taxonomy .product-tab-imgs {
    gap: 30px;
}

.front-kategorije-taxonomy .product-tab-img {
    flex: 0 1 30% !important;
}

.front-kategorije-taxonomy .product-tab-img a {
    background-color: #f5f5f5;
    padding: 10px;
    border-radius: 25px;
}

.front-kategorije-taxonomy a {
    text-decoration: none;
    color: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.front-kategorije-taxonomy h2 {
    font-size: 20px;
    text-align: center;
    color: #000;
    font-weight: bold;
}

.front-kategorije-taxonomy img {
    margin-bottom: 30px;
    width: 160px;
    height: 160px;
}



.front-kontakti-obrazec {
    background-color: #F5F5F5;
    padding: 50px 0
}




.cta-kategorije-wrap {
    background-color: #f5f5f5;
    padding: 25px 0;
    margin-bottom: 75px;
}

.cta-kategorije-inner-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    gap: 25px;
}

.cta-kategorija-img img {
    max-height: 100px;
    width: auto;
}

.cta-kategorija-single {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    font-size: 16px;
    flex: 1 0 33%;
    text-align: center;
}

.financiranje-wrap {
    background-color: #F5F5F5;
    border-radius: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 50px !important;
}

.financiranje-naslov img {
    margin-bottom: 20px;
}

.financiranje-seznam {
    background-color: #fff;
    padding: 30px !important;
    border-radius: 20px;
    font-size: 22px;
    font-weight: bold;
    margin-top: 10px !important;
}

.financiranje-seznam ul {
    list-style: none;
}

.financiranje-seznam li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}

.financiranje-seznam li:before {
    content: ' ';
    background-image: url("../mojtraktor/assets/img/financiranje-ikona-ok.webp");
    display: block;
    height: 22px;
    width: 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: -10px;
    top: 8px;
}

.financiranje_slika_spodaj img{
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
    display: block
}

.financiranje-pomoc {
    margin-bottom: 50px;
}

.financiranje-pomoc img {
    display: block;
    margin: 0 auto
}

.home .cta-img-prod {
    background-color: #f5f5f5;
    padding: 50px 12px;
}

.kontakti-desno {
    position: fixed;
    bottom: 10%;
    right: 0;
    z-index: 1;
}

.kontakti-desno a {
    display: block;
    background-color: #df2321;
    margin-bottom: 10px;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    padding: 5px 20px 5px 15px;
}

.lp_bottom .leanpay_inst_slider_item::after {
    height: 13px !important;
    width: 13px !important;
    bottom: -25px !important;
}

.leanpay-product-price-wrapp {
    margin-bottom: unset !important;
}

@media only screen and (min-width: 400px) {
    #logo img {
        height: 55px;
        max-width: unset;
    }
}

@media only screen and (min-width: 576px) {
    footer .footer-top [class*="col-"] {
        border-left: 2px solid #000;
    }
}

@media only screen and (min-width: 768px) {
    .servis-menu, .kontakt-menu {
        flex-direction: row;
        gap: 20px
    }

    .header-store {
        gap: 25px;
    }

    .footer-top {
        text-align: left;
    }

    .galerija a {
        width: 25%;
    }

    .menu-tos {
        margin: unset !important;
    }

    .copy-tos {
        margin-top: 20px !important;
    }

    .novosti-wrap {
        gap: unset;
    }

    .contact-top a {
        font-size: 18px;
    }

    .servis-menu li a, .kontakt-menu li a {
        font-size: 18px
    }

    .single-post-content {
        margin-top: 250px !important;
    }

    .single-post-title img {
        margin-bottom: -100px;
    }

    .post-date {
        right: 7%
    }

    #popup-contact {
        width: 400px;
    }


    .other-post-query article {
        flex: 1 1 50%;
    }

    .front-kategorije-wrap img {
        width: unset;
        height: unset;
    }


    .front-kategorije-taxonomy img {
        width: unset;
        height: unset;
    }
}

@media only screen and (max-width: 992px) {

}

@media only screen and (min-width: 992px) {

}

@media screen and (max-width: 1199px) {
    #burger {
        display: block !important;
    }


    .burger-wrap {
        display: block;
        position: absolute;
        right: 15px;
        top: 50%;
    }

    .mobile-hidden {
        display: none !important;
    }

    .menu-header-container {
        display: none;
    }

    .hidden-1199 {
        display: none !important
    }
}

@media screen and (min-width: 1200px) {

    .cta-kategorija-single {
        flex: unset;
    }

    .other-post-query article {
        flex: 1 1 30%;
    }

    .query-first-two .cat-img, .query-first-two .cat-desc {
        width: 50%;
    }

    .zadnje-novice, .izpostavljeno-query {
        width: 49%;
    }

    .asl_w_container {
        right: 50%;
        top: 46px;
        width: 25% !important;
        transform: translate(50%)
    }

    .admin-bar .asl_w_container {
        top: 78px
    }

    .hidden-1199-up {
        display: none !important;
    }

    #menu-header > .current-menu-item > a {
        color: #000 !important;
    }

    .copyright, .tos-menu li a {
        font-size: 16px;
    }

    .home header {
        margin-bottom: unset;
    }

    header {
        height: var(--header-height-full);
        margin-bottom: 25px;
    }

    #logo {
        display: flex;
        justify-content: left;
    }

    #logo img {
        height: 100px;
    }

    #menu-header {
        position: relative;
        top: unset;
        display: block;
    }

    #menu-header > li {
        display: inline-block;
    }

    .menu-header-container {
        display: block;
    }

    #menu-header .menu-item-has-children {
        position: relative;
    }

    #menu-header .menu-item-has-children .sub-menu {
        padding: 0;
    }

    #menu-header .menu-item-has-children:hover > .sub-menu {
        display: block;
    }

    #menu-header .menu-item-has-children > .sub-menu {
        display: none;
        position: absolute;
        white-space: nowrap;
        left: 0;
        z-index: 9999;
        padding-top: 10px;
        background-color: #000;
        box-shadow: -4px 26px 24px 0 #00000059;
        -webkit-box-shadow: -4px 26px 24px 0 #00000059;
        -moz-box-shadow: -4px 26px 24px 0 #00000059;
        padding-bottom: 10px;
    }

    #menu-header > .menu-item-has-children::after {
        color: #fff;
    }

    #menu-header > .current-product_cat-ancestor::after, #menu-header > .current-menu-item::after {
        color: #000;
    }

    #menu-header > .menu-item-has-children > .sub-menu > .menu-item-has-children::after {
        color: #fff !important;
    }

    #menu-header > .current-product_cat-ancestor > .sub-menu > .current-menu-ancestor::after {
        color: #e11838 !important;
    }

    #menu-header .menu-item-has-children > .sub-menu li a {
        padding: 0 10px;
    }

    #menu-header .menu-item-has-children .menu-item-has-children:hover > .sub-menu {
        display: block;
    }

    #menu-header .menu-item-has-children .menu-item-has-children > .sub-menu {
        display: none;
        position: absolute;
        top: 0;
        background-color: #000;
        white-space: nowrap;
        left: 100%;
    }

    #menu-header li a {
        display: inline-block;
        padding: 20px 0;
        height: 100%;
    }

    .menu-mobile-container #menu-header {
        text-align: right;
    }

    .menu-mobile-container {
        display: none;
    }

    #menu-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .svetovanje-l, .svetovanje-r {
        font-size: 20px;
    }

    .svetovanje-l h3 {
        font-size: 24px;
    }

    .svetovanje .button {
        font-size: 20px;
    }

    .nudimo-vam-wrap .product-tab-img {
        flex-wrap: nowrap;
    }

    .nudimo-vam-wrap .product-tab-imgs {
        gap: 5px;
    }

    .home .svetovanje,
.home .svetovalec {
    background-color: #fff;
    border: 2px solid #F5F5F5;
}

    .front-kontakti-obrazec {
        background-color: rgb(245, 245, 245);
		padding: 150px, 0;
    }

}

/* Slider */

.front-slider .swiper-slide{
    position: relative;
    overflow: hidden;
    min-height: 500px; 
}

.front-slider .swiper-slide img{
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.front-slider .swiper-slide::before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:1;
}

.slider-content{
    position:absolute;
    top:50%;
    left:8%;
    transform:translateY(-50%);
    z-index:2;
    max-width:550px;
    color:#fff;
}

.slider-title{
    font-size:48px;
    line-height:1.1;
    font-weight:700;
    margin-bottom:15px;
}

.slider-subtitle{
    font-size:20px;
    margin-bottom:15px;
    font-weight:500;
}

.slider-benefits{
    font-size:16px;
    line-height:1.7;
    margin-bottom:25px;
}

.slider-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 28px;
    background:#d61c2d;
    color:#fff;
    border-radius:8px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
}

.slider-btn:hover{
    background:#b91524;
    color:#fff;
}
.page-title {
    text-align: center;
}
.page-template-kontakt h1 {
    text-align: center;
}
.page-template-o-nas h1 {
    text-align: center;
}
.category-title h1 {
	text-align: center;
}
.kontakt-podatki .icon-wrap img {
    width: 60px;
    height: auto;
}

/*Singel page product*/
.product-buy-box {
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 20px;
    margin: 20px 0;
    background: #fff;
}

.product-price-row {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 15px !important;
    margin-bottom: 10px !important;
}

.prikaz-cene {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    flex-direction: row !important;
    justify-content: center !important;
    font-size: 10px !important;
    margin-bottom: 0 !important;
}

.product-price .price {
    font-size: 40px;
    font-weight: 700;
    margin: 0;
}



.prikaz-cene span {
    padding-bottom: 0 !important;
}

.product-cart-row form {
    margin: 0;
}

.product-cart-row .single_add_to_cart_button {
    height: 52px;
}

.svetovanje-product {
    background: #f8f8f8;
    border-radius: 12px;
    padding: 20px;
    margin: 20px 0;
}

.svetovanje-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.product-bottom-cta {
    margin-top: 60px;
    margin-bottom: 60px;
}

.related.products {
    margin-top: 60px;
}
/* Fix vrstnega reda na single product strani */
.single-product .entry-summary {
    display: flex !important;
    flex-direction: column !important;
}

.single-product .entry-summary .product_title { order: 1; }
.single-product .entry-summary .woocommerce-product-details__short-description { order: 2; }
.single-product .entry-summary .product_meta { order: 3; }
.single-product .entry-summary .mikasa-extra-tech-data { order: 4; }
.single-product .entry-summary .svetovanje-product { order: 5; }
.single-product .entry-summary .product-buy-box { order: 6; }
.single-product .entry-summary .cta-img-prod { order: 7; }

/*Logo*/
.screen-reader-text{
    position:absolute;
    left:-9999px;
}
/* =========================
   GTRANSLATE HEADER
   ========================= */

.header-language {
    position: relative;
    z-index: 9999;
}

/* Glavni switcher */
.header-language .gt_float_switcher {
    font-size: 12px !important;
    overflow: visible !important;
}

/* Trenutno izbran jezik */
.header-language .gt_float_switcher .gt-selected .gt-current-lang {
    padding: 4px 8px !important;
    font-size: 12px !important;
    min-height: auto !important;
}

/* Zastavica v headerju */
.header-language .gt_float_switcher .gt-current-lang img {
    width: 16px !important;
    height: auto !important;
}

/* Dropdown */
.gt_float_switcher .gt_options {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: 0 !important;
    bottom: auto !important;

    background: #fff !important;
    opacity: 1 !important;
    z-index: 99999 !important;

    border-radius: 4px;
    box-shadow: 0 4px 15px rgba(0,0,0,.15) !important;
}

/* Da dropdown lahko sega čez header */
.gt_float_wrapper,
.gt_float_switcher {
    overflow: visible !important;
}

/* =========================
   DROPDOWN JEZIKI
   ========================= */

/* Skrij originalna imena */
.gt_options a {
    font-size: 0 !important;

    display: flex !important;
    align-items: center !important;

    gap: 8px;
    padding: 6px 10px !important;
    min-height: 34px !important;
}

/* Zastavice v dropdownu */
.gt_options a img {
    width: 16px !important;
    height: auto !important;
    flex-shrink: 0;
}

/* Kratice */
.gt_options a::after {
    font-size: 13px;
    font-weight: 600;
    color: #333;
}

/* Kode jezikov */
.gt_options a[data-gt-lang="sl"]::after { content: "SL"; }
.gt_options a[data-gt-lang="en"]::after { content: "EN"; }
.gt_options a[data-gt-lang="it"]::after { content: "IT"; }
.gt_options a[data-gt-lang="hr"]::after { content: "HR"; }
.gt_options a[data-gt-lang="bs"]::after { content: "BS"; }
.gt_options a[data-gt-lang="sr"]::after { content: "SR"; }
.gt_options a[data-gt-lang="de"]::after { content: "DE"; }
.gt_options a[data-gt-lang="hu"]::after { content: "HU"; }

/* Hover */
.gt_options a:hover {
    background: #f5f5f5 !important;
}


/* Tablet */

@media(max-width:991px){

    .front-slider .swiper-slide,
    .front-slider .swiper-slide img{
        height:400px;
        min-height:400px;
    }

    .slider-content{
        max-width:450px;
    }

    .slider-title{
        font-size:36px;
    }

    .slider-subtitle{
        font-size:18px;
    }

    .slider-benefits{
        font-size:15px;
    }
}

/* Mobile */

@media(max-width:767px){

    .front-slider .swiper-slide,
    .front-slider .swiper-slide img{
        height:320px;
        min-height:320px;
    }

    .slider-content{
        left:20px;
        right:20px;
        max-width:none;
    }

    .slider-title{
        font-size:28px;
        margin-bottom:5px;
    }

    .slider-subtitle{
        font-size:16px;
        margin-bottom:10px;
    }

    .slider-benefits{
        display:none;
    }

    .slider-btn{
        padding:12px 22px;
        font-size:14px;
    }
	
}

@media screen and (min-width: 1600px) {


}
@media (max-width:1199px){

    .kontakti-desno{
        position:fixed;
        right:0;
        bottom:100px;
        top:auto;
        transform:none;
        transition:.35s ease;
        z-index:9999;
    }

    .kontakti-desno.skrito{
        transform:translateX(30px);
    }
	
	 .gt-lang-code,
    .gt_float_switcher-arrow {
        display: none !important;
    }

    .gt_float_switcher .gt-selected .gt-current-lang {
        padding: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
    }

    .gt_float_switcher img {
        width: 18px !important;
        height: auto !important;
    }

    .header-language {
        margin-left: 6px;
    }
	
	.gt_options a {
    font-size: 0 !important;
    padding: 8px !important;
}


  .gt_options a img {
    margin: 0 !important;
}

}
}