/*
Theme Name: 	   ShopZone
Text Domain: 	   shopzone
Template: 		   shopire
Version:            0.7
Tested up to:       7.0
Requires at least:  4.7
Requires PHP:       5.6
Author:             WPFable
Author URI:         https://wpfable.com/
Theme URI:          https://wpfable.com/themes/shopzone-free/
Description:        ShopZone is a fast, clean, lightweight theme. ShopZone is customizable and modern-looking free responsive WooCommerce WordPress theme for e-commerce stores like clothing, fashion, electronics, ebooks, dress store, sports shop, marketplace, multivendor, equipments or online products. Theme is compatible with Elementor, WPML, Polylang, Yoast SEO, WooCommerce, Contact Form 7, Jetpack and other popular plugins. The theme is SEO friendly, WPML and RTL ready. Looking for a WooCommerce theme? Look no further! ShopZone Pro demo https://demos.wpfable.com/premium/shopzone/
Tags:               one-column, two-columns ,right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio
License: GPLv3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

:root {
    --wf-main-rgb: 238, 14, 31;
    --wf-secondary-color: #061153;
}

.wf_navbar-list-right .wf_navbar-search-form {
    width: 100%;
}

/* Header--Nine */

.header--nine .wf_header-topbar .widget.widget_nav_menu a:focus,
.header--nine .wf_header-topbar .widget.widget_nav_menu a:hover {
    text-decoration: underline;
}

.header--nine .wf_mobilenav .wf_navbar-compare-item .wf_compare_btn,
.header--nine .wf_mobilenav .wf_navbar-favourite-item .wf_favourite_btn,
.header--nine .wf_mobilenav .wf_navbar-user-item .wf_user_btn,
.header--nine .wf_mobilenav .wf_navbar-cart-item .wf_navbar-cart-icon,
.header--nine .wf_header-topbar .wf_header-widget .widget.widget_social li a:hover i:before,
.header--nine .wf_header-topbar .wf_header-widget .widget.widget_social li a:focus i:before {
    color: #fff;
}

.header--nine .wf_header-topbar .wf_header-widget .widget.widget_social li a:after {
    background: var(--wf-main-color);
}

.header--nine .wf_mobilenav-topbar,
.header--nine .wf_mobilenav,
.header--nine .wf_header-topbar {
    border-bottom: 1px solid rgba(189, 189, 189, 0.3);
}

.header--nine .wf_mobilenav button.hamburger {
    --wf-secondary-color: #fff;
}

.header--nine .wf_header-navwrapperinner {
    background-color: var(--wf-secondary-color);
}

.header--nine .wf_navbar-wrapper {
    background-color: #fff;
    border-bottom: 1px solid rgba(189, 189, 189, 0.3);
}

.header--nine .wf_navbar-menu {
    min-height: 6rem;
    justify-content: space-between;
}

.header--nine .product-categories .product-categories-btn {
    border-radius: 50px;
    padding: 1.2rem 1.4rem;
}

.header--nine .product-categories .wf_navbar-nav {
    top: calc(100% + 9px);
}

.header--nine .product-categories .wf_navbar-nav .wf_navbar-mainmenu>li:first-child>a {
    border-radius: 12px 12px 0 0;
}

.header--nine .product-categories .wf_navbar-nav .wf_navbar-mainmenu:has(:not(.product-categories-more-btn))>li:last-child>a,
.header--nine .product-categories .wf_navbar-nav .product-categories-more-btn {
    border-radius: 0 0 12px 12px;
}

.menu__active-one .header--nine .product-categories .wf_navbar-nav .wf_navbar-mainmenu>li>a::before {
    display: none;
}

.header--nine .wf_navbar-menu .wf_navbar-nav {
    text-align: start;
}

.header--nine .wf_navbar-info-contact .contact__list i {
    width: 3.4rem;
    height: 3.4rem;
    font-size: 3rem;
    color: #fff;
    background: transparent;
    outline: none;
}

.header--nine .wf_navbar-info-contact .contact__body a,
.header--nine .wf_navbar-info-contact .contact__body .title,
.header--nine .wf_navbar-info-contact .contact__body .description {
    color: #fff;
}

.header--nine button.wf_navbar-sidebar-toggle {
    width: 4rem;
    height: 4rem;
    --wf-secondary-color: #fff;
}

.header--nine button.wf_navbar-sidebar-toggle .lines {
    transform: translateY(-1px);
}

.header--nine .wf_navbar-list-right>li:not(:last-child) {
    margin-right: 1.8rem;
}

.header--nine .wf_navbar-compare-item .wf_compare_btn,
.header--nine .wf_navbar-favourite-item .wf_favourite_btn,
.header--nine .wf_navbar-user-item .wf_user_btn,
.header--nine .wf_navbar-cart-item .wf_navbar-cart-icon {
    width: 2rem;
    height: 2rem;
    outline: none;
    line-height: 1.3;
    font-size: 1.8rem;
}

.header--nine .wf_navbar-compare-item .wf_compare_btn:after,
.header--nine .wf_navbar-favourite-item .wf_favourite_btn:after,
.header--nine .wf_navbar-user-item .wf_user_btn:after,
.header--nine .wf_navbar-cart-item .wf_navbar-cart-icon:after,
.header--nine .wf_navbar-search-item button.wf_navbar-search-toggle:after {
    display: none;
}

.header--nine .header-search-form .header-search-button:focus {
    outline: 1px solid currentColor;
    outline-offset: -3px;
}

.header--nine .wf_navbar-compare-item .wf_compare_btn:focus,
.header--nine .wf_navbar-favourite-item .wf_favourite_btn:focus,
.header--nine .wf_navbar-user-item .wf_user_btn:focus,
.header--nine .wf_navbar-cart-item .wf_navbar-cart-icon:focus {
    outline: 1px solid currentColor;
    outline-offset: 3px;
}

.header--nine .wf_navbar-wrapper .wf_navbar-menu .wf_navbar-right .shopire-wcwl-items-count,
.header--nine .wf_navbar-wrapper .wf_navbar-menu .wf_navbar-right .shopire-wcwl-items-count,
.header--nine .wf_navbar-wrapper .wf_navbar-menu .wf_navbar-right .cart_count {
    top: -12px;
    right: -10px;
    width: 2.1rem;
    height: 2.1rem;
    line-height: 2rem;
    border: 1px solid rgba(189, 189, 189, 0.5);
}

.header--nine .wf_navbar-menu .wf_navbar-nav .wf_navbar-mainmenu>li>a {
    margin: 0 1.6rem;
}

.header--nine .wf_navbar-menu .wf_navbar-nav .wf_navbar-mainmenu>li:not(.active, .focus, :hover)>a {
    color: var(--wf-secondary-color);
}

.header--nine .wf_navbar-menu .wf_navbar-nav .wf_navbar-mainmenu>li:first-child>a {
    margin-left: 0;
}

.header--nine .wf_navbar-wrapper .wf_navbar-menu .wf_navbar-right .wf_navbar-cart-item:after,
.header--nine .wf_navbar-menu .wf_navbar-nav .wf_navbar-mainmenu>li:after {
    content: "";
    display: block;
    width: 100%;
    height: 1.7rem;
    position: absolute;
}

.header--nine .wf_navbar-menu .wf_navbar-nav .wf_navbar-mainmenu>.menu-item-has-children>a:after {
    border-color: currentColor;
}

.header--nine .wf_mobilenav .wf_navbar-cart-item a .cart_count {
    top: -11px;
    right: -9px;
}

.header--nine .header-search-form {
    background-color: transparent;
    padding-right: 0;
}

.header--nine .header-search-form .header-search-select-wrapper {
    float: left;
    border: none;
    border-radius: 5rem 0rem 0rem 5rem;
    overflow: hidden;
    border-right: none;
}

.header--nine .header-search-form input.header-search-input {
    float: right;
    max-height: 4rem;
    border-radius: 0rem 5rem 5rem 0rem;
    padding-right: 38px;
}

.header--nine .header-search-form input.header-search-input:focus {
    border: none;
    outline-offset: -2px;
    outline: 1px solid;
}

.header--nine .header-search-form .header-search-select {
    border-right: none;
    min-height: 4rem;
    height: 4rem;
}

.header--nine .header-search-form .header-search-button {
    width: 3.6rem;
    height: 3.6rem;
    top: 2px;
    right: 2px;
    border-radius: 5rem;
}

.header--nine .header-search-form .wf_search-field {
    border-radius: 5rem;
}

.header--nine .header-search-form .search-wrapper svg {
    left: 88%;
}

@media (min-width: 62em) {
    .header--nine .wf_header-widget .widget:not(:last-child):after {
        height: 2.5rem;
        margin-top: 0.4rem;
        background: rgba(189, 189, 189, 0.4);
    }
}

/* Slider Banner/Ten */

.wf_slider_banner {
    margin-top: 2.4rem;
}

.wf_slider_banner .wf_owl_carousel,
.wf_slider_banner .wf_slider-item,
.wf_slider_banner .wf_slider-innercell,
.wf_slider_banner .wf_slider-item>img {
    max-height: 47rem;
    min-height: 47rem;
}

.wf_slider_banner .wf_slider-content {
    padding: 1.2rem;
    margin-bottom: 3rem;
}

.wf_slider_banner .wf_slider-content .title {
    font-size: 3.8rem;
}

.wf_slider_banner .wf_slider-content .subtitle {
    color: #fff;
    font-size: 1.8rem;
}

.banner-wrapper:not(.wf-row) {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 2.4rem;
}

.banner-wrapper .banner-wrapper-item .wf-image,
.banner-wrapper .banner-wrapper-item .wf-image a,
.banner-wrapper .banner-wrapper-item .wf-image img {
    height: 100%;
}

.banner-wrapper .banner-wrapper-item .wf-image img {
    object-fit: cover;
}

.banner-wrapper .banner-wrapper-item,
.wf-image {
    position: relative;
    overflow: hidden;
}

.banner-wrapper .banner-wrapper-item .wf-image a,
.banner-wrapper .banner-wrapper-item .wf-image img {
    width: 100%;
    display: inline-block;
}

.effect_1 .wf-image img {
    backface-visibility: hidden;
    filter: alpha(opacity=100);
    transition: opacity 1s ease 0s, transform 1s ease 0s;
}

.effect_1:focus-within .wf-image img,
.effect_1:hover .wf-image img {
    filter: alpha(opacity=80);
    transform: scale3d(1.1, 1.1, 1);
}

.banner-wrapper .banner-wrapper-item .banner-wrapper-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    transform: translateY(0);
    width: 100%;
    display: flex;
    text-align: left;
    justify-content: flex-start;
}

.banner-wrapper .banner-wrapper-item:nth-child(3) .banner-wrapper-inner {
    text-align: center;
    justify-content: center;
}

.banner-wrapper .banner-wrapper-item .banner-wrapper-inner .info {
    padding: 2.6rem 2.4rem 0;
}

.banner-wrapper .banner-wrapper-item .banner-wrapper-inner .info .subtitle {
    font-size: 1.4rem;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 1.2rem;
}

.banner-wrapper .banner-wrapper-item .banner-wrapper-inner .info .title {
    font-size: 2.2rem;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 0 0 2.4rem;
}

.banner-wrapper .banner-wrapper-item .banner-wrapper-inner .info .title a {
    color: #fff;
    text-decoration: none;
}

.wf_slider--fourteen.wf_slider .slider {
    border-radius: 0;
    background-color: transparent;
}

.wf_slider--fourteen>.wf-container {
    max-width: 100%;
}

.wf_slider--fourteen>.wf-container>.wf-row>.wf-col-lg-12,
.wf_slider--fourteen>.wf-container>.wf-row:not(.banner-wrapper),
.wf_slider--fourteen>.wf-container {
    margin: 0;
    padding: 0;
}

.wf_slider--fourteen.wf_slider .last .banner-img img {
    max-height: 435px;
    object-fit: contain;
}

.wf_slider--fourteen .slider.wf_owl_carousel .owl-nav .owl-prev,
.wf_slider--fourteen .slider.wf_owl_carousel .owl-nav .owl-next {
    width: 6rem;
    height: 6rem;
    font-size: 2.5rem;
    box-shadow: 0px 8px 30px -4px rgba(0, 0, 0, 0.2);
}

.wf_slider--fourteen .slider.wf_owl_carousel .owl-nav .owl-prev {
    left: 10.75rem;
}

.wf_slider--fourteen .slider.wf_owl_carousel .owl-nav .owl-next {
    right: 10.75rem;
}

.wf_slider--fourteen .wf_slider-content .subtitle {
    color: currentColor;
    margin-left: 60px;
    margin-bottom: 25px;
}

.wf_slider--fourteen .wf_slider-content .subtitle::before {
    content: "";
    position: absolute;
    top: 48%;
    height: 2px;
    width: 50px;
    background-color: currentColor;
    margin-left: -5.9rem;
}

.wf_slider--fourteen .owl-theme.owl-carousel .owl-dots .owl-dot:not(.active) {
    --wf-main-color: var(--wf-secondary-color);
}

.wf_slider--fourteen .slider .wf_slider-item {
    position: relative;
}

.wf_slider--fourteen .slider .owl-item:nth-child(3n+1) .wf_slider-item {
    background-color: #ffe2B5;
}

.wf_slider--fourteen .slider .owl-item:nth-child(3n+2) .wf_slider-item {
    background-color: #d3fbd9;
}

.wf_slider--fourteen .slider .owl-item:nth-child(3n) .wf_slider-item {
    background-color: #fecfd4;
}

.wf_slider--fourteen .banner-wrapper .banner-wrapper-item .wf-image img {
    height: 25.3rem;
}

.wf_slider--fourteen.wf_slider_banner .wf_slider-content {
    padding: 0;
    max-width: 62rem;
}

.wf_slider--fourteen div.wf_slider-content .title {
    font-size: 5.2rem;
}

.wf_slider--fourteen .wf_slider-content .title,
.wf_slider--fourteen .wf_slider-content .subtitle {
    margin-bottom: 1.6rem;
}

.wf_slider--fourteen .wf_slider-content .text {
    margin-bottom: 2.2rem;
}

.wf_slider--fourteen .banner-wrapper .banner-wrapper-item {
    border-radius: 8px;
}

.wf_slider--fourteen .banner-wrapper .banner-wrapper-item .wf-btn {
    border-radius: 6px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}

/* Header nine Slider */

.header--nine+#content .wf_slider--fourteen {
    margin-top: 0;
}

/* Information */

.wf_information .widget.widget_contact {
    padding: 20px;
    background-color: rgba(189, 189, 189, 0.15);
    margin-top: 0;
    border-radius: 1rem;
    border: 1px solid rgba(189, 189, 189, 0.4);
    transition: 0.3s all;
}

.wf_information .wf-row>div .widget.widget_contact:hover,
.wf_information .wf-row>div .widget.widget_contact:focus-within {
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0px 6px 26px 2px rgba(55, 54, 54, .1);
}

.wf_information .widget.widget_contact .contact__list {
    margin-top: 0;
}

.wf_information .widget.widget_contact i {
    width: 5rem;
    height: 5rem;
    font-size: 4rem;
    position: relative;
    margin-right: 2rem;
    color: var(--wf-secondary-color);
    transition: 0.3s all;
}

.wf_information .widget.widget_contact:hover i,
.wf_information .widget.widget_contact:focus-within i {
    color: var(--wf-main-color);
}

.wf_information .widget.widget_contact .contact__body .title {
    font-size: 1.8rem;
}

.wf_information .widget.widget_contact .contact__body .description {
    font-size: 1.4rem;
}

/* Categories */

.wf_header+.site-content .wf_product_category {
    padding: 2.4rem 0 1rem;
}

.wf_product_category_one .product-category .category-inner .category-image {
    border: 1px solid var(--wf-main-color);
    padding: 1.4rem;
    border-radius: 10px;
}

.wf_product_category_one .product-category .category-inner .category-image a,
.wf_product_category_one .product-category .category-inner .category-image img {
    min-height: 102px;
    object-fit: cover;
    border-radius: 10px;
}

.wf_product_category_one .product-category .category-inner .category-mask a {
    opacity: 0.6;
    color: var(--wf-secondary-color);
}

.wf_product_category_one .product-category .category-inner:focus-within .category-mask a,
.wf_product_category_one .product-category .category-inner:hover .category-mask a {
    opacity: 0.7;
    color: var(--wf-main-color);
}

/* Grid Products */

.wc-block-grid__products .wc-block-components-product-button__button {
    border-radius: 0;
    text-decoration: none;
}

/* Woo style */

.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
    top: 1.2em;
}

.wp-block-woocommerce-customer-account.has-background {
    padding: 1rem;
}

.wp-block-woocommerce-customer-account a:focus {
    text-decoration: underline !important;
}

.wp-block-search.wp-block-search__button-only .wp-block-search__button {
    background-color: var(--wf-main-color);
}

table.wc-block-cart-items .wc-block-cart-items__header th {
    color: var(--wf-secondary-color);
    font-size: 1.6rem;
    font-weight: 700;
}
/* ===== Zaralight Boutique brand override ===== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Jost:wght@300;400;500;600&display=swap');
:root {
    --wf-main-rgb: 125, 84, 104;
    --wf-secondary-color: #2E2224;
    --wf-text-color: #4A3A3D;
    --wf-gray-color: #F8F1EC;
    --wf-title-family: "Playfair Display", serif;
    --wf-base-family: "Jost", sans-serif;
}
body {
    background-color: #FFFDFB;
}
.wf_slider-content .subtitle,
.banner-wrapper-item .subtitle {
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 13px;
}

.site--logo img {
    width: 100%;
    height: 100%;
}

.site--logo img {
    max-height: none;
}

.zaralight-why-shop { background-color: var(--wf-gray-color); }
.zaralight-why-shop .title { font-family: var(--wf-title-family); font-size: 2.2rem; }
.zaralight-why-card { text-align: center; padding: 2rem 1.5rem; }
.zaralight-why-card i { font-size: 2.6rem; color: rgb(var(--wf-main-rgb)); margin-bottom: 1.2rem; display: inline-block; }
.zaralight-why-card h5 { font-family: var(--wf-title-family); font-size: 1.2rem; margin-bottom: 0.6rem; }
.zaralight-why-card p { color: var(--wf-text-color); font-size: 0.95rem; line-height: 1.5; margin: 0; }

/* ===== Zaralight hero slider — animation & 3D polish ===== */

.wf_slider_banner { overflow: hidden; }

.wf_slider-item .wf_slider-content > * {
    opacity: 0;
    transform: translateY(24px);
}

.owl-item.active .wf_slider-content .subtitle {
    animation: zlFadeUp 0.7s ease forwards 0.15s;
}
.owl-item.active .wf_slider-content .title {
    animation: zlFadeUp 0.8s ease forwards 0.32s;
}
.owl-item.active .wf_slider-content .text {
    animation: zlFadeUp 0.8s ease forwards 0.5s;
}
.owl-item.active .wf_slider-content .wf_btn-group {
    animation: zlFadeUp 0.8s ease forwards 0.68s;
}

@keyframes zlFadeUp {
    to { opacity: 1; transform: translateY(0); }
}

/* Decorative glow behind the hero image, gives depth without needing new art */
.wf_slider-item .banner-img {
    position: relative;
    perspective: 1000px;
}
.wf_slider-item .banner-img::before {
    content: "";
    position: absolute;
    inset: 6% 10%;
    background: radial-gradient(circle, rgba(125,84,104,0.35) 0%, rgba(125,84,104,0) 70%);
    filter: blur(30px);
    z-index: 0;
    opacity: 0;
    transform: scale(0.85);
}
.owl-item.active .banner-img::before {
    animation: zlGlowIn 1s ease forwards 0.2s;
}
@keyframes zlGlowIn {
    to { opacity: 1; transform: scale(1); }
}

.wf_slider-item .banner-img img {
    position: relative;
    z-index: 1;
    transform-style: preserve-3d;
    will-change: transform;
    transition: transform 0.15s ease-out, filter 0.3s ease;
    filter: drop-shadow(0 25px 35px rgba(46,34,36,0.25));
    animation: zlFloat 5s ease-in-out infinite;
}
.owl-item.active .banner-img img {
    animation: zlFloat 5s ease-in-out infinite, zlImgIn 0.9s ease forwards 0.1s;
}
@keyframes zlImgIn {
    from { opacity: 0; transform: scale(0.92) translateY(20px); }
    to { opacity: 1; }
}
@keyframes zlFloat {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-14px); }
}

/* Button micro-interaction */
.wf_slider-content .wf_btn-group .wf-btn-primary {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.wf_slider-content .wf_btn-group .wf-btn-primary:hover {
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 12px 24px rgba(125,84,104,0.35);
}

@media (prefers-reduced-motion: reduce) {
    .wf_slider-item .wf_slider-content > *,
    .wf_slider-item .banner-img img,
    .wf_slider-item .banner-img::before {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

/* ===== Zaralight hero slider — fix: float on wrapper, tilt on image (no transform conflict) ===== */
.wf_slider-item .banner-img img {
    animation: none;
    transform: perspective(1000px) rotateX(0deg) rotateY(0deg);
}
.owl-item.active .banner-img img {
    animation: zlImgIn 0.9s ease forwards 0.1s;
}
.wf_slider-item .banner-img {
    display: inline-block;
    animation: zlFloat 5s ease-in-out infinite;
}