/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

 :root {
    --tf-button-font-color: #000;
    --tf-button-background: #fdc636;
    --tf-button-hover-font-color: #000;
    --tf-button-hover-background: #ffd66f;
    --tf-button-active-font-color: #000;
    --tf-button-active-background: #ffc83d;
}

@font-face {
    font-family: Material Icons;
    font-style: normal;
    font-weight: 400;
    src: url(../css/material-icons/MaterialIcons-Regular.eot);
    src: local("Material Icons"), local("MaterialIcons-Regular"), url(../css/material-icons/MaterialIcons-Regular.woff2) format("woff2"), url(../css/material-icons/MaterialIcons-Regular.woff) format("woff"), url(../css/material-icons/MaterialIcons-Regular.ttf) format("truetype")
}

.material-icons {
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga"
}


.payment-option {
    line-height: 3rem;
}

.pp__pl-2.pp__d-table-cell {
    display: inline-block;
    transform: translateX(20%) translateY(20%);
}

.contact-page-info>div:nth-child(3)>p:nth-child(1) {
    margin-left: 3.2rem;
    color: #111;
}

div.contact-page-info>.contact-rich>div.part>div.data {
    color: #111;
}

body#checkout section.checkout-step .custom-radio input[type="radio"] {
    width: 1.5rem;
    height: 1.5rem;
    accent-color: #ff4c4c;
}

body#checkout section.checkout-step .payment-options .custom-radio {
    margin-right: 1.25rem;
    border-color: #555;

}

@media screen and (max-width: 767px) {
    body#checkout section.checkout-step .payment-options .custom-radio {
        margin-right: 0.4rem;
    }
}

.custom-radio input[type="radio"]:checked+span {
    display: block;
    background-color: #ff4c4c;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.simpleblog__listing__post__wrapper.cardblog.post-item {
    min-height: 38rem;
    width: 100%;
}

.simpleblog__listing__post__wrapper .d-inline {
    min-height: 10rem !important;
}

.simpleblog__listing__post__wrapper__content__headline {
    min-height: 4rem;
    display: inline-block;
    width: 100%;
}

.simpleblog__listing__post__wrapper__footer {
    position: fixed;
    bottom: 4rem;
    width: 100%;
}

/* #back-to-top {
    display: none;
} */

/* Poprawka wyszukiwania placeholder */
#search_widget input::placeholder,
#promo-code input::placeholder,
.js-mailalert.form-inline input::placeholder {
    color: gray;
}


#checkout-personal-information-step .nav-separator {
    line-height: 2.5rem;
}

/* Poprawka floating carta */

.leo-fly-cart {

    top: 70px !important;
    z-index: 100;
}

.leo-fly-cart-total {
    background-color: #fdc636;
    padding: 0px 7px;
}

.leo-blockcart {
    background: unset;
    padding: unset;
}

/* red arrow menu and cross */
.mobile-menu__back-btn .fa-angle-left,
.mobile-menu__arrow i,
.mobile-menu__close .fa-times {
    color: #fdc636;
}

/* widok mobilny, odstęp */
/* .mobile-menu__tab {
    min-height: 3rem;
    max-height: 3rem;
} */

/* product - email alert */
.js-mailalert.form-inline .btn:disabled {
    opacity: 1;
}

.psgdpr_consent_message .psgdpr_consent_checkbox_span {
    margin-bottom: 4px;
}

/* menu powiekszenie pole */

.cbp-horizontal>ul>li>a,
.cbp-horizontal>ul>li>a:not([href]):not([tabindex]),
.cbp-horizontal>ul>li>.cbp-main-link {
    max-width: 17rem;
}

/* wielkosc tytulu amazzing filter */
.ecamazzing_title {
    font-size: 3.3rem;
}

/* 2023-09-11 login fix */
body#checkout section.checkout-step #personal-information-step-login {
    background: none;
}

/* 2023-09-12 subcategorytree module */
.category-sub-link  {
    margin-left: 0.5rem; 
}

/* 2024-01-04 dark background on header top */
.header-top {
    background-color: black;
}

.header-top a:not(.btn):not(.nav-link) {
    color: #fff;
}

.header-top a:link:not(.nav-link):not(.btn) {
    color: #fff;
}

.header-top a:not(.btn):not(.nav-link):hover {
    color: #aaad;
}

#mobile-header {
    background-color: black;
}

/* --- */

/* 2024-02-19 4EC background on newsletter button hover */

#footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover,
#checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover {
background: #ff7575;
}

/* --- */

/* 2025-01-14 4ec poprawki megamenu mobile */
#iqitmegamenu-mobile li>ul {
    background: #333;
}

#iqitmegamenu-mobile li>ul>li>ul {
    background: #444;
}

#iqitmegamenu-mobile li>ul>li a.mobile-menu__link {
    padding-left: 30px;
}

#iqitmegamenu-mobile li>ul>li>ul>li a.mobile-menu__link{
    padding-left: 50px;
}

#mobile-header #mobile-header-sticky .col-mobile-menu-dropdown.show .m-nav-btn {
    color: #fff !important;
}

#iqitmegamenu-mobile .mobile-menu__link {
    padding: 5px 10px;
}

#iqitmegamenu-mobile .mobile-menu__arrow {
    padding: 5px 10px;
}

#iqitmegamenu-mobile li .mobile-menu__submenu--accordion {
    padding-left: 0 !important;
}

#iqitmegamenu-mobile .mobile-menu__tab {
    min-height: 3rem;
}

#mobile-header .mobile-buttons-bar {
    background-color: #000;
}
#mobile-header .m-nav-btn {
    color: #fff;
}

#mobile-header #mobile-header-sticky .m-nav-btn i {
    color: #fdc636;
}

#iqitmegamenu-mobile ul li.mobile-menu__tab a {
    color: #fdc636 !important;
}

.btn-primary,.btn-primary.disabled,.btn-primary:disabled {
    background: var(--tf-button-background);
    color: var(--tf-button-font-color);
    border: solid 1px var(--tf-button-background);
}

.btn-primary:hover,.btn-primary:focus,.btn-primary :active,.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled :active,.btn-primary:disabled:hover,.btn-primary:disabled:focus,.btn-primary:disabled :active {
    background: var(--tf-button-hover-background);
    color: var(--tf-button-hover-font-color);
    border-color: var(--tf-button-hover-background);
}

.btn-primary:not(:disabled):not(.disabled):active {
    background: var(--tf-button-active-background);
    color: var(--tf-button-active-font-color);
    border-color: var(--tf-button-active-background);
}

#amazzing_filter .btn-holder .btn {
    color: var(--tf-button-font-color);
    border-color: var(--tf-button-font-color);
}

#amazzing_filter .btn-holder .btn:hover {
    background: var(--tf-button-hover-background);
    border-color: var(--tf-button-hover-font-color);
    color: var(--tf-button-hover-font-color);
}

#amazzing_filter.horizontal-layout .btn-holder .btn:hover {
    color: var(--tf-button-hover-font-color);
}

@media only screen and (max-width: 767px) {
    #amazzing_filter {
        display: inline-table;
    }
}

.btn.btn-product-list {
    background: var(--tf-button-background);
    color: var(--tf-button-font-color);
    border-color: var(--tf-button-font-color);
}

.btn-product-list:hover {
    background: var(--tf-button-hover-background);
    color: var(--tf-button-font-color);
    border-color: var(--tf-button-font-color);
}
/* -------------- */

/* 4ec 2025-04-03 Paypal button whole width */
#paypal-buttons {
    width: 100% !important;
}

span[paypal-mark-container] {
    display: inline-block !important;
}
/* -------------- */

/* 4ec 2025-06-26 red comment in the invoice comment fields */
#field-vat_number ~ span.form-control-comment {
    color: #f00;
}
/* -------------- */
/* 2025-11-05 4ec.eu Video - shorts - pozycjonowanie*/
.short-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Podstawowe style kontenera (Mobile) */
.short-wrapper {
    /* Wymuszenie szerokości na mobile */
    width: 90vw;
    margin: 0 auto;
    position: relative;
    height: 0;
    overflow: hidden;
    /* PROPORCJE 9:16 (działa na mobile) */
    padding-top: 177.78%;
    /* Gwarancja, że iframe ma relatywny kontekst */
    max-width: 400px;
}

/* Optymalizacja dla Desktopu (ekrany >= 768px) */
@media (min-width: 600px) {
    .short-wrapper {
        height: 600px;
        /* Obliczamy stałą szerokość na podstawie pożądanej wysokości 600px */
        width: 337.5px; /* Szerokość = 600px * 9/16 */
        max-width: 337.5px;
        /* Resetujemy padding-top, aby wysokość 600px była dominująca */
        padding-top: 0;
    }
}

/* -------------- */

/* 4ec 2026-01-23 newsletter field in the footer */
#footer .ps-emailsubscription-block {
    max-width: 330px;
}
/* -------------- */
/* 4ec 2026-03-06 Template update */
.swiper-slide {
    visibility: hidden;
}
.swiper-slide.swiper-slide-visible {
    visibility: visible;
}
#checkout .step-title.h3 {
    font-size: 1.125rem;
}
/* ------------ */