/*
Theme Name: Svet Foto Tapeta
Description: Samostalna tema prodavnice. Održavani fork rasporeda Funiter sa SFT komponentama.
Version: 2.0.0
Requires PHP: 8.1
Text Domain: funiter
License: GPL-2.0-or-later
*/

/* Readable contrast and legal-page layout. */
.form-search .searchfield::placeholder,
.funiter-iconbox .text,
.post-content,
.footer,
.footer a {
    color: #666;
}

/* Accessible smart-search suggestions. */
.funiter-live-search-form .products-search[hidden] {
    display: none !important;
}

.funiter-live-search-form a.product-search-item {
    display: block;
    color: inherit;
}

.funiter-live-search-form a.product-search-item[aria-selected="true"],
.funiter-live-search-form a.product-search-item:hover {
    background: #fff5ec;
    outline: none;
}

.funiter-live-search-form .product-title,
.funiter-live-search-form .product-price {
    display: block;
}

.funiter-live-search-form .view-all {
    display: block;
}

.entry-summary .sft-minimum-order {
    display: block;
    margin-top: 4px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
}

.foto-legal {
    max-width: 900px;
    margin: 48px auto 72px;
    color: #333;
    font-size: 16px;
    line-height: 1.7;
}

.foto-legal h1 {
    margin-bottom: 28px;
    font-size: clamp(30px, 5vw, 48px);
    line-height: 1.15;
}

.foto-legal h2 {
    margin: 32px 0 10px;
    font-size: 24px;
    line-height: 1.25;
}

.foto-legal ul {
    padding-left: 22px;
}

.foto-legal-notice {
    max-width: 900px;
    margin: 32px auto 0;
    padding: 14px 18px;
    border-left: 4px solid #d9690a;
    background: #fff3e8;
    color: #6d3100;
}

.header.style2 div.block-search .form-search.category-search-customized {
    width: 60%;
    float: left;
}
.card-image-customized {
    width: 35%;
    float: right;
    margin-top: 10px;
}
.header-nav-inner .logo img {
    /*width: 100% !important;*/
}
.mt30 {
    margin-top: 30px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
footer .funiter-socials .widgettitle {
    margin-top: 35px;
}
.pt60 {
    padding-top: 60px !important;
}
.mt20 {
    margin-top: 20px !important;
}
footer {
    background-color: #f3f3f3;
}
.custom-slider-categories .fa-angle-left {
    position: absolute !important;
    top: 0 !important;
    left: 48% !important;
}
.custom-slider-categories .fa-angle-right {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
}
header#header {
    z-index: 999 !important;
}
.woocommerce-variation-add-to-cart {
    width: auto;
}
.thwepo-extra-options {
    border: 0;
}
.thwepo-extra-options tr {
    display: inline-block;
    width: 48%;
}
.wrapper_sirina {
    float:left;
}
.wrapper_visina {
    float:right;
}
.wrapper_lepljenje_na_zid {
    width: 100% !important;
}
.thwepo-extra-options .label {
    border: 0 !important;
}
.thwepo-extra-options input {
    background-color: rgb(244,244,244);
}
.thwepo-extra-options .value.leftside {
    border: 0 !important;
    padding: 0;
}
.variations select {
    width: 100% !important;
}
.wrapper_lepljenje_na_zid {
    margin-top: 20px;
}
.wrapper_lepljenje_na_zid .label {
    float: left;
    margin-top: 5px;
    padding-left: 0;
}
.wrapper_lepljenje_na_zid .value {
    float: left;
}
form.cart table.thwepo-extra-options label.label-tag {
    font-size: 15px;
}
.thwepo-extra-options input[type="number"] {
    max-width: 100%;
    border-radius: 0;
    font-size: 16px;
    color: #999999;
    border: 1px solid #e1e1e1;
    padding: 0 20px;
    height: 46px;
    line-height: 46px;
    border-radius: 5px;
}
.woocommerce-variation.single_variation {
    display: none !important;
}
.single_add_to_cart_button.disabled {
    opacity: 0.6;
}
.entry-summary div.quantity {
    display: none !important;
}
.woocommerce-cart-form__cart-item .product-quantity {
    display: none;
}
.woocommerce-cart-form__cart-item .product-price {
    display: none;
}
footer .sub-menu {
    display: none;
}
.cart_totals .shop_table tr th {
    width: 240px !important;
}
.block-minicart .widget_shopping_cart {
    width: 370px;
}
.funiter-banner .bigtitle br {
    display: inline !important;
}
.whole-slide-link {
    height: 410px;
}
.second-row-title {
    margin-top: -17px;
}
.woocommerce-remove-coupon,
.woocommerce-cart-form .shop_table .actions .coupon,
.woocommerce-form-coupon-toggle {
    display: none !important;
}
.banner-cat img {
    width: 100%;
    margin: 0 auto;
}
.menu-item.block-user.funiter-dropdown {
    display: none;
}
div.block-search .form-search .category {
    display: none;
}
.vc_custom_1539067481654 {
    padding-top: 60px !important;
    padding-bottom: 10px !important;
    background-color: #f3f3f3 !important;
}
.funiter_custom_5f895fae4884c,
.funiter_custom_5e3971513e7d0,
.funiter_custom_5fad61c46b22c {
    padding-top: 50px;
}
.onnew {
    display: none;
}
.shop-page .contain-left .entry-summary,
.shop-page .main-contain-summary #widget-area {
    padding-left: 30px;
}
.type-product .entry-summary .woocommerce-product-details__short-description {
    margin-bottom: 30px !important;
}

.wpcf7-form label {
    width: 30%;
}
.wpcf7-form span {
    width: 100%;
}
.wpcf7-form label:nth-of-type(1) {
  margin-right: 5%;
}
.wpcf7-form label:nth-of-type(2) {
  margin-right: 5%;
}
.wpcf7-form label:nth-of-type(4) {
  width: 100%;
}
header.woocommerce-products-header .term-description {
    display: none;
}
.stock.in-stock {
    display: none;
}

/* The account dialog used to be hidden by Magnific Popup. The header account
   trigger is disabled, so keep the unused dialog out of the document flow. */
#login-popup {
    display: none !important;
}

/* Keep product dimension labels above their controls, as on production. */
.single-product .thwepo-extra-options .wrapper_sirina,
.single-product .thwepo-extra-options .wrapper_visina {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.single-product .thwepo-extra-options .wrapper_sirina > td,
.single-product .thwepo-extra-options .wrapper_visina > td {
    display: block;
    width: 100%;
}

.single-product .wrapper_lepljenje_na_zid {
    display: flex !important;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
}

.single-product .wrapper_lepljenje_na_zid .label,
.single-product .wrapper_lepljenje_na_zid .value {
    display: flex;
    align-items: center;
    float: none;
    margin: 0;
}

.single-product .wrapper_lepljenje_na_zid .label {
    flex: 0 1 auto;
    white-space: nowrap;
}

.single-product .wrapper_lepljenje_na_zid .value {
    flex: 1 1 auto;
}

/* Keep the product purchase form compact: 12px less after the material
   selector and 13px less after the dimensions/options table. */
.single-product .select-material {
    margin-bottom: 8px !important;
}

.single-product table.thwepo-extra-options {
    margin-bottom: 7px !important;
}

/* Defensive fallback for extensions that re-add catalogue metadata. */
.single-product .product_meta,
.single-product .tagged_as {
    display: none !important;
}

/* Product-category intro deliberately contains only the shared banner and
   optional child categories. Both child categories and the bottom best-seller
   section use a CSS grid, so they remain usable if carousel JS is unavailable. */
.foto-category-intro .categories-slide {
    margin-top: 34px;
}

.foto-category-children-title {
    margin: 0 15px 20px;
    color: #333;
    font-family: Poppins, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}

.foto-category-children .foto-category-child {
    margin-bottom: 30px;
    text-align: center;
}

@media (max-width: 575px) {
    .foto-category-intro .categories-slide {
        margin-top: 24px;
    }

    .foto-category-children-title {
        margin-bottom: 16px;
        font-size: 18px;
    }
}

.foto-category-children .foto-category-child figure,
.foto-category-children .foto-category-child img {
    width: 100%;
}

.foto-category-children .foto-category-child figure {
    margin: 0;
}

.sft-contact-form .wpcf7-spinner {
    width: 24px;
    margin: 0 0 0 12px;
}

/* Keep the cart quantity badge aligned with the storefront accent color. */
#header .block-minicart .link-dropdown .count,
.header-mobile-right .block-cart-link .link-dropdown .count {
    background-color: #f58220;
}

.foto-category-children .foto-category-child .name {
    display: block;
    margin-top: 10px;
}

.categories-product-woo .product-list-grid {
    display: flex;
    flex-wrap: wrap;
}

/* Home-page best sellers: one consistent card size without tabs, carousel
   controls or a disproportionately large featured product in the middle. */
.foto-home-popular-row {
    margin-top: 100px;
}

.foto-home-popular__heading {
    margin-bottom: 45px;
    border-bottom: 1px solid #eee;
}

.foto-home-popular__heading h2 {
    display: inline-block;
    margin: 0 0 20px;
    font-family: Poppins, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.35;
}

.foto-home-popular ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 40px;
    margin: 0 !important;
}

.foto-home-popular ul.products::before,
.foto-home-popular ul.products::after {
    display: none !important;
}

.foto-home-popular ul.products li.product,
.foto-home-popular ul.products .product-item {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.foto-home-popular .product-thumb img,
.foto-home-popular .thumb-link img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

@media (max-width: 991px) {
    .foto-home-popular-row {
        margin-top: 70px;
    }

    .foto-home-popular ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px;
    }
}

@media (max-width: 568px) {
    .foto-home-popular-row {
        margin-top: 50px;
    }

    .foto-home-popular__heading {
        margin-bottom: 30px;
    }

    .foto-home-popular ul.products {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .single-product .wrapper_lepljenje_na_zid {
        flex-wrap: wrap;
    }
}

/* WCAG contrast corrections for legacy theme content. */
.post-content,
.funiter-iconbox .text,
.tab-responsive span,
.funiter-testimonial .content,
.funiter-testimonial .position,
#login-popup .des-login,
#login-popup .woocommerce-LostPassword,
#login-popup input {
    color: #555 !important;
}

#login-popup input[type="submit"] {
    border-color: #a94700 !important;
    background: #a94700 !important;
    color: #fff !important;
}

.form-search .searchfield::placeholder {
    color: #595959 !important;
    opacity: 1;
}

.footer a[style*="#868686"],
.footer .vc_custom_heading,
.footer .vc_custom_heading a {
    color: #595959 !important;
}

.header-top a,
.header-top .funiter-menu-item-title {
    color: #595959 !important;
}

.form-search .searchfield,
.form-search .searchfield::placeholder {
    color: #555 !important;
    opacity: 1;
}

.footer a,
.footer .menu a {
    color: #555 !important;
}

#header.header .phone-online,
#header.header .phone-online:hover,
#header.header .phone-online:focus {
    background-color: #f58220 !important;
    color: #fff !important;
    text-decoration: none;
}

#header.header .phone-online .contact-text,
#header.header .phone-online .contact-number,
#header.header .phone-online > span {
    color: inherit !important;
}

/* WCAG contrast corrections for legacy WooCommerce components. The public
   brand orange remains unchanged; smaller text uses a darker companion tone. */
.single-product .products .price .woocommerce-Price-amount,
.single-product .products .price .woocommerce-Price-currencySymbol,
.single-product .products .price .sft-minimum-order {
    color: #a64200 !important;
}

.single-product .summary p.price,
.single-product .summary p.price .woocommerce-Price-amount,
.single-product .summary p.price .woocommerce-Price-currencySymbol {
    color: #f58220 !important;
}

.single-product .woocommerce-product-details__short-description,
.single-product .woocommerce-product-details__short-description p,
.single-product .question-tapeta {
    color: #666 !important;
}

.single-product .select-material {
    background-color: #f58220 !important;
    color: #fff !important;
}

.single-product .select-material:hover,
.single-product .select-material:active,
.single-product .select-material:focus {
    background-color: #000 !important;
    color: #fff !important;
}

.single-product .thwepo-extra-options input[type="number"] {
    color: #555 !important;
}

.single-product .flash .onnew {
    background-color: #087a2d !important;
}

.sft-information--contact .wpcf7-form-control,
.sft-information--contact .wpcf7-form-control::placeholder {
    color: #666 !important;
    opacity: 1;
}

.sft-information--contact input[type="submit"].wpcf7-form-control {
    color: #1f1f1f !important;
}

/* Serbian Latin glyphs use the local Poppins family. */
.funiter-testimonial .title,
.funiter-testimonial .content {
    font-family: Poppins, sans-serif;
}

/* Product archive controls formerly lived in an inline style block. */
.back-to-category {
    margin-bottom: 20px;
}

.back-to-category .phone-online a,
.back-to-category .phone-online:hover {
    color: #fff;
}

@media (max-width: 568px) {
    ul.products .product-item {
        width: 100%;
    }

    .back-to-category {
        float: left;
        margin-left: 0 !important;
    }

    .back-to-category .phone-online {
        height: 30px !important;
        line-height: 30px !important;
    }
}

/* Keep the compact header controls visible and balanced on phones. */
@media (max-width: 767px) {
    #header.header .action-res {
        padding: 10px 0;
    }

    #header.header .action-res > .container {
        position: relative;
        padding-top: 0;
    }

    #header.header .action-res .logo {
        position: relative;
        z-index: 1;
        float: none;
        width: 77px;
        margin: 0 auto;
        padding-top: 0;
        text-align: center;
    }

    #header.header .action-res .meta-woo {
        position: absolute;
        z-index: 2;
        top: 0;
        right: 15px;
        left: 15px;
        float: none;
        height: 77px;
        padding: 0;
        pointer-events: none;
    }

    #header.header .action-res .block-menu-bar,
    #header.header .action-res .block-minicart {
        position: absolute;
        top: 50%;
        display: block !important;
        float: none;
        padding: 0;
        transform: translateY(-50%);
        pointer-events: auto;
    }

    #header.header .action-res .block-menu-bar {
        left: 0;
        width: 55px;
    }

    #header.header .action-res .block-minicart {
        right: 0;
        width: 55px;
        line-height: 24px;
        text-align: right;
    }

    #header.header .action-res .block-minicart a.link-dropdown {
        display: inline-block;
        float: none;
    }

}