:root {
	--wd-text-font: "Red Hat Display", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 600;
	--wd-text-color: rgb(51,51,51);
	--wd-text-font-size: 14px;
	--wd-title-font: "Red Hat Display", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-transform: none;
	--wd-title-color: rgb(51,51,51);
	--wd-entities-title-font: "Red Hat Display", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(0, 147, 201);
	--wd-alternative-font: "Red Hat Display", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Red Hat Display", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Red Hat Display", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,147,201);
	--wd-alternative-color: rgb(1,121,165);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(0,147,201);
	--btn-accented-bgcolor-hover: rgb(1,121,165);
	--btn-transform: none;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: rgb(0,147,201);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(255,255,255);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	font-family: "Red Hat Display", Arial, Helvetica, sans-serif;
	text-transform: none;
}
html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a {
	font-family: "Red Hat Display", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-family: "Red Hat Display", Arial, Helvetica, sans-serif;
	font-weight: 900;
	font-size: 80px;
	color: rgb(255,255,255);
}
html .wd-page-title .wd-breadcrumbs :is(a,span), html .wd-page-title .breadcrumb li::after {
	font-family: "Red Hat Display", Arial, Helvetica, sans-serif;
	color: rgb(255,255,255);
}
html .btn.wd-buy-now-btn {
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: rgb(255,255,255);
	background: rgb(1,121,165);
}
html .btn.wd-buy-now-btn:hover {
	background: rgb(1,121,165);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgb(255,255,255);
}
.wd .product-label.onsale {
	background-color: rgb(0,147,201);
	color: rgb(255,255,255);
}
.wd .product-label.new {
	background-color: rgb(171,186,129);
	color: rgb(255,255,255);
}
.wd .product-label.featured {
	background-color: rgb(227,162,141);
	color: rgb(255,255,255);
}
.wd .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(221,51,51);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 60px;
	}

}

@media (max-width: 768.98px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 40px;
	}

}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}

@media (min-width: 1600px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(0,147,201);
}

/* =====================================================================
   HORVAT – Formular za upit u košarici (B2BKing)
   Dvije kolone na desktopu, jedna na mobitelu.
   Primjenjuje se SAMO dok je obrazac otvoren (gumb ima klasu "send"),
   pa zatvoreno stanje s gumbom "Zatraži ponudu" ostaje netaknuto.
   ===================================================================== */

.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) {
    --hs-primary: #0093c9;
    --hs-border: #d6dde5;
    --hs-label: #2f3a45;

    /* postojeći custom CSS ima ".cart-actions { display:block !important }" */
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
        "title   title"
        "pre     pre"
        "nameL   emailL"
        "name    email"
        "company oib"
        "street  street"
        "zip     city"
        "country phone"
        "privacy privacy"
        "msgL    msgL"
        "msg     msg"
        "btn     btn";
    column-gap: 24px;
    row-gap: 0;
    max-width: 880px;
    margin: 24px 0 10px;
    padding: 28px 36px 36px;
    background: #f6f8fa;
    border: 1px solid #e2e8ee;
    border-radius: 10px;
    text-align: left;
}

/* --- raspored ------------------------------------------------------- */
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) > #teo-quote-form-title { grid-area: title; }
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) > .b2bking_before_quote_request_form { grid-area: pre; }
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) > span:has(+ #b2bking_request_custom_quote_name)  { grid-area: nameL; }
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) > #b2bking_request_custom_quote_name               { grid-area: name; }
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) > span:has(+ #b2bking_request_custom_quote_email) { grid-area: emailL; }
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) > #b2bking_request_custom_quote_email              { grid-area: email; }
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) > .b2bking_custom_quote_field_container:has(#b2bking_field_120773) { grid-area: company; }
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) > .b2bking_custom_quote_field_container:has(#b2bking_field_120775) { grid-area: oib; }
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) > .b2bking_custom_quote_field_container:has(#b2bking_field_120774) { grid-area: street; }
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) > .b2bking_custom_quote_field_container:has(#b2bking_field_120780) { grid-area: zip; }
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) > .b2bking_custom_quote_field_container:has(#b2bking_field_120779) { grid-area: city; }
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) > .b2bking_custom_quote_field_container:has(#b2bking_field_120776) { grid-area: country; }
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) > .b2bking_custom_quote_field_container:has(#b2bking_field_120778) { grid-area: phone; }
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) > .b2bking_custom_quote_field_container:has(input[type="checkbox"]) { grid-area: privacy; }
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) > #b2bking_request_custom_quote_textarea_abovetext { grid-area: msgL; }
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) > #b2bking_request_custom_quote_textarea          { grid-area: msg; }
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) > #b2bking_request_custom_quote_button            { grid-area: btn; }

/* --- naslov kartice ------------------------------------------------- */
.woocommerce-cart .cart-actions > #teo-quote-form-title {
    margin: 0 0 24px;
    padding: 0 0 16px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    color: #1f2933;
    text-align: left;
    border-bottom: 1px solid #e2e8ee;
}

/* --- oznake --------------------------------------------------------- */
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) .b2bking_request_custom_quote_text_label,
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) #b2bking_request_custom_quote_textarea_abovetext {
    display: block;
    margin: 0 0 6px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: .01em;
    color: var(--hs-label);
}

/* --- polja ---------------------------------------------------------- */
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) .b2bking_custom_quote_field_container {
    margin: 0;
    padding: 0;
}
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) input[type="text"],
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) input[type="email"],
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) input[type="tel"],
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) textarea {
    /* B2BKing: "#…_name, #…_email { width:50% }" i ".b2bking_custom_quote_field { width:50% !important }" */
    width: 100% !important;
    max-width: none;
    margin: 0 0 20px !important;
    padding: 0 14px;
    height: 46px;
    font-size: 15px;
    color: #1f2933;
    background: #fff;
    border: 1px solid var(--hs-border);
    border-radius: 6px;
    box-shadow: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) textarea {
    height: auto;
    min-height: 130px;
    padding: 12px 14px;
    line-height: 1.5;
    resize: vertical;
    margin-bottom: 24px !important;
}
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) input:focus,
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) textarea:focus {
    outline: none;
    border-color: var(--hs-primary);
    box-shadow: 0 0 0 3px rgba(0, 147, 201, .15);
}

/* --- pristanak: suvišna oznaka "Politika privatnosti (*):" se skriva,
       tekst uz checkbox već kaže isto --------------------------------- */
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) .b2bking_custom_quote_field_container:has(input[type="checkbox"]) > .b2bking_request_custom_quote_text_label,
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) .b2bking_custom_quote_field_container:has(input[type="checkbox"]) > br {
    display: none !important;
}
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) .b2bking_custom_quote_field_container:has(input[type="checkbox"]) {
    margin: 4px 0 22px;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid var(--hs-border);
    border-radius: 6px;
}
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) .b2bking_custom_quote_field_container:has(input[type="checkbox"]) p {
    margin: 0;
}
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) .b2bking_custom_quote_field_container:has(input[type="checkbox"]) label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: var(--hs-label);
    cursor: pointer;
}
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) input[type="checkbox"] {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin: 0 !important;
    accent-color: var(--hs-primary);
}

/* --- gumb ----------------------------------------------------------- */
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) #b2bking_request_custom_quote_button {
    justify-self: start;
    min-width: 240px;
    height: 50px;
    margin: 0;
    padding: 0 32px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: var(--hs-primary);
    border: 0;
    border-radius: 6px;
    transition: filter .15s ease, transform .05s ease;
}
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) #b2bking_request_custom_quote_button:hover  { filter: brightness(.92); }
.woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) #b2bking_request_custom_quote_button:active { transform: translateY(1px); }

/* --- mobitel: jedna kolona ----------------------------------------- */
@media (max-width: 767px) {
    .woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "title" "pre" "nameL" "name" "emailL" "email" "company" "oib" "street"
            "zip" "city" "country" "phone" "privacy" "msgL" "msg" "btn";
        padding: 22px 16px 24px;
        border-radius: 8px;
    }
    .woocommerce-cart .cart-actions > #teo-quote-form-title {
        margin-bottom: 18px;
        padding-bottom: 14px;
        font-size: 18px;
    }
    /* 16px sprječava automatski zoom na iPhoneu kad se dotakne polje */
    .woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) input[type="text"],
    .woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) input[type="email"],
    .woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) input[type="tel"],
    .woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) textarea {
        font-size: 16px;
    }
    .woocommerce-cart .cart-actions:has(.b2bking_send_custom_quote_button) #b2bking_request_custom_quote_button {
        justify-self: stretch;
        width: 100%;
        min-width: 0;
    }
}@media (min-width: 1025px) {
	/* .wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width,.wd-design-full-height) .wd-sub-menu>li {
	width: auto;
}

.wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width,.wd-design-full-height)>.container>.wd-grid-f-inline {
	--wd-f-basis: none;
	margin-left: -150px;
}


.wd-dropdown {
	box-shadow: none;
}
.wd-sub-menu li>a {
	font-size: 15px;
	font-weight: 700;
	color: #333;
}
.wd-dropdown-menu.wd-design-sized:not(.wd-scroll) {
	margin-left: -200px;
}

.woocommerce-MyAccount-navigation-link a {
	font-size: 14px;
	text-transform: uppercase;
}
.wd-header-text.reset-last-child {
	display: flex;
	justify-content: center;
}

 */

.wd-sub-menu {
	justify-content: center;
}
.wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width,.wd-design-full-height)>.container>.wd-grid-f-inline {
	--wd-f-basis: none;
}