/*
Theme Name: Luchiana-Child
Theme URI: https://parkofideas.com/luchiana/
Text Domain: luchiana-child
Description: Cosmetics and Beauty Shop Theme
License: GNU General Public License v2.0 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.2
Template: luchiana
Author: parkofideas.com
Author URI: https://parkofideas.com
Tags: right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, theme-options, translation-ready
*/


/* Theme customization starts here
-------------------------------------------------------------- */

/* Override pentru product titles și after-summary headings */
.c-product__products-title,
.c-product__after-summary > :not(.c-product__products) h2,
.c-product__after-summary > :not(.c-product__products) h3,
.c-product__after-summary .woobt-wrap:before {
    font-size: 14px !important;
    margin-bottom: 0 !important;
}

/* Mobile override */
@media (max-width: 1024px) {
    .c-product__products-title,
    .c-product__after-summary > :not(.c-product__products) h2,
    .c-product__after-summary > :not(.c-product__products) h3,
    .c-product__after-summary .woobt-wrap:before {
        font-size: 14px !important;
        margin-bottom: 0 !important;
    }
}
/* Stilizare dots din galeria de produse (Owl Carousel) - Cu Scroll */
.c-product__slider .owl-dots {
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    max-width: 150px; /* Spațiu pentru ~5 dots (12px + 12px margin) */
    margin: 0 auto;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    white-space: nowrap;
    /* Nu folosim scroll-behavior: smooth pentru a evita conflictul cu jQuery animate */
    /* Ascunde scrollbar */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
}

.c-product__slider .owl-dots::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}

.c-product__slider .owl-dots .owl-dot,
.c-product__slider .owl-dots button.owl-dot {
    display: inline-block !important;
    flex: 0 0 auto;
    width: 12px;
    height: 12px;
    margin: 0 6px;
    padding: 0;
    background-color: #f3f3f3 !important;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.8);
    cursor: pointer;
    transition: all 0.3s ease;
    outline: none;
}

/* Dot activ */
.c-product__slider .owl-dots .owl-dot.active,
.c-product__slider .owl-dots button.owl-dot.active {
    background-color: var(--text-color, #000) !important;
    border-color: var(--text-color, #000);
    transform: scale(1.15);
    box-shadow: none !important; /* Remove box-shadow from active dots */
}

/* Remove box-shadow from all dots (active and inactive) */
.c-product__slider .owl-dots .owl-dot,
.c-product__slider .owl-dots button.owl-dot,
.owl-dots .owl-dot,
.owl-dots button.owl-dot {
    box-shadow: none !important;
}

/* Stilizare pentru "Vezi toate produsele" deasupra caruselelor */
.c-product-grid__view-all {
    display: flex !important;
    justify-content: flex-end;
    margin: 0 0 10px 0;
    padding: 0 10px;
}

/* Styling special când este deasupra tabs list */
.c-ip-product-tabs > .c-product-grid__view-all {
    margin: 0 10px 15px 0 !important; /* Added 10px right margin */
    padding: 0;
}

.c-product-grid__view-all-link {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-color, #000);
    text-decoration: none;
    transition: opacity 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.c-product-grid__view-all-link:hover {
    opacity: 0.7;
    text-decoration: underline;
}

/* Responsive pentru link */
@media (max-width: 767px) {
    .c-product-grid__view-all {
        padding: 0 5px;
    }
    
    .c-product-grid__view-all-link {
        font-size: 14px; /* Changed from 13px to 14px */
    }
}

/* Override pentru butoanele de navigare ale caruselului (Owl Carousel) */
.h-carousel .owl-prev,
.h-carousel .owl-next {
    font-size: 20px !important; /* Changed from 28px to 20px */
}

/* Ajustare poziție butoane pentru carusel inner */
.h-carousel.h-carousel--inner .owl-prev {
    left: -25px !important; /* Changed from 0 to -25px */
}

.h-carousel.h-carousel--inner .owl-next {
    right: -25px !important; /* Changed from 0 to -25px */
}

/* Hide view-more items from product carousels (as fallback) */
.c-ip-product-tabs .c-product-grid__item--view-more,
.c-product-grid__wrap .c-product-grid__item--view-more {
    display: none !important;
}

/* Stilizare buton "Adaugă în coș" din caruselele de produse din tab-uri și pagina de magazin */
.c-ip-product-tabs .c-product-grid__atc,
.c-product-grid__list .c-product-grid__atc.add_to_cart_button,
.c-product-grid__list .c-product-grid__item--sidebar .c-product-grid__atc.add_to_cart_button {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #000 !important;
}

.c-ip-product-tabs .c-product-grid__atc:hover,
.c-product-grid__list .c-product-grid__atc.add_to_cart_button:hover,
.c-product-grid__list .c-product-grid__item--sidebar .c-product-grid__atc.add_to_cart_button:hover {
    background-color: #333 !important;
    border-color: #333 !important;
}

.c-ip-product-tabs .c-product-grid__atc-text,
.c-product-grid__list .c-product-grid__atc.add_to_cart_button .c-product-grid__atc-text,
.c-product-grid__list .c-product-grid__item--sidebar .c-product-grid__atc.add_to_cart_button .c-product-grid__atc-text {
    color: #fff !important;
}

.c-ip-product-tabs .c-product-grid__atc-icon,
.c-product-grid__list .c-product-grid__atc.add_to_cart_button .c-product-grid__atc-icon,
.c-product-grid__list .c-product-grid__item--sidebar .c-product-grid__atc.add_to_cart_button .c-product-grid__atc-icon {
    color: #fff !important;
}

/* Înlocuiește iconița plus cu iconița de coș pentru butoanele "Add to cart" */
.c-ip-product-tabs .c-product-grid__atc.add_to_cart_button .c-product-grid__atc-icon.ip-plus:before,
.c-product-grid__list .c-product-grid__atc.add_to_cart_button .c-product-grid__atc-icon.ip-plus:before,
.c-product-grid__list .c-product-grid__item--sidebar .c-product-grid__atc.add_to_cart_button .c-product-grid__atc-icon.ip-plus:before {
    font-family: var(--font-icons, "theme-icons") !important;
    content: "\f109" !important;
    color: #fff !important;
    display: inline-block;
}

/* Asigură-te că iconița de coș este vizibilă (după ce JavaScript o schimbă) */
.c-ip-product-tabs .c-product-grid__atc-icon.ip-cart:before,
.c-product-grid__list .c-product-grid__atc.add_to_cart_button .c-product-grid__atc-icon.ip-cart:before,
.c-product-grid__list .c-product-grid__item--sidebar .c-product-grid__atc.add_to_cart_button .c-product-grid__atc-icon.ip-cart:before {
    font-family: var(--font-icons, "theme-icons") !important;
    content: "\f109" !important;
    color: #fff !important;
    display: inline-block;
}

/* Override font-size pentru iconița din butonul "Adaugă în coș" */
.c-product-grid__atc-icon {
    font-size: 16px !important; /* Changed from 9px to 16px */
    line-height: 14px;
}

/* Override font-size și height pentru buton pe mobile/tablet */
@media (max-width: 1189px) {
    .c-product-grid__item--2-per-row-btn .c-product-grid__atc {
        font-size: 11px !important; /* Changed from 10px to 11px */
        height: 40px !important;
    }
}

/* Ascunde iconița pentru produsele out of stock (buton "Citește mai mult") */
.c-ip-product-tabs .c-product-grid__atc:not(.add_to_cart_button) .c-product-grid__atc-icon,
.c-product-grid__list .c-product-grid__atc:not(.add_to_cart_button) .c-product-grid__atc-icon {
    display: none !important;
}

/* Override margin pentru star rating */
.c-product-grid__item--normal .c-product-grid__star-rating {
    margin-top: 5px !important; /* Changed from 14px to 5px */
}

/* Override margin pentru titlu produs */
.c-product-grid__item .woocommerce-loop-product__title {
    margin: 0 0 5px 0 !important; /* Changed from 0 0 10px 0 to 0 0 5px 0 */
}

/* Stilizare pentru catalog ordering */
.c-catalog-ordering__col.c-catalog-ordering__col--ordering {
    padding: 3px 9px !important;
    background: white !important;
    height: auto !important;
    border: solid 1px black !important;
}

/* Stilizare pentru butonul de filtre mobil */
.h-cb.c-catalog-ordering__filter-show-button.c-catalog-ordering__filter-show-button--mobile.js-filter-show-button {
    background: white !important;
}

/* Override pentru produsele de pe pagina de magazin - 2 coloane dinamice DOAR PE MOBIL */
/* Aplicăm doar pe pagina de magazin, NU pe carusele */
@media (max-width: 767px) {
    .woocommerce-shop .c-product-grid__list:not(.owl-carousel) .c-product-grid__item,
    .post-type-archive-product .c-product-grid__list:not(.owl-carousel) .c-product-grid__item,
    .woocommerce-shop .c-product-grid__list:not(.owl-carousel) .c-product-grid__item--sidebar,
    .post-type-archive-product .c-product-grid__list:not(.owl-carousel) .c-product-grid__item--sidebar,
    .tax-product_cat .c-product-grid__list:not(.owl-carousel) .c-product-grid__item,
    .tax-product_cat .c-product-grid__list:not(.owl-carousel) .c-product-grid__item--sidebar {
        width: calc(50% - 10px) !important; /* 50% minus marginile */
        max-width: calc(50% - 10px) !important;
        flex: 0 0 calc(50% - 10px) !important;
        margin: 0px 5px !important;
    }
}

/* Buton flotant "Filtreaza" pentru pagina de shop */
.c-floating-filter-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 14px 24px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
    cursor: pointer;
    z-index: 999;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    display: none !important; /* Ascuns by default */
}

/* Afișează doar pe pagina de shop și doar pe mobil */
@media (max-width: 767px) {
    .woocommerce-shop .c-floating-filter-button,
    .post-type-archive-product .c-floating-filter-button,
    .tax-product_cat .c-floating-filter-button {
        display: block !important;
    }
}

.c-floating-filter-button:hover {
    background-color: #333;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
}

.c-floating-filter-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* Responsive - ajustează poziția pe mobile */
@media (max-width: 767px) {
    .c-floating-filter-button {
        bottom: 25px;
        right: 25px;
        padding: 12px 23px;
        font-size: 15px;
    }
}

/* Formular de căutare produse pentru pagina de shop */
.c-product-search-form {
    width: 100%;
}

.c-product-search-form .c-search-form {
    width: 100%;
    margin-bottom: 0 !important;
}

/* Override margin-bottom din tema */
.c-search-form {
    margin-bottom: 0 !important;
}

.c-product-search-form .c-search-form__wrap {
    display: flex;
    align-items: stretch;
}

.c-product-search-form .c-search-form__label {
    flex: 1;
    margin: 0;
}

.c-product-search-form .c-search-form__input {
    width: 100%;
    line-height: 14px !important;
}

.c-product-search-form .c-search-form__button {
    flex: 0 0 auto;
    height: auto !important;
}

/* Responsive pentru search form */
@media (max-width: 767px) {
    .c-product-search-form {
        /* margin-top eliminat */
    }
    
    /* Override margin-bottom pentru catalog ordering pe mobil */
    .c-catalog-ordering {
        margin-bottom: 0 !important;
    }
}

/* =====================================================
   Header Customizations - Desktop
   ===================================================== */

/* Rearanjare elemente în header desktop: search, cart, auth */
.c-header__col-right-wrap {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0 !important;
}

/* Order pentru elementele din header */
.c-header__col-right-wrap .c-header__search-button {
    order: 1;
}

/* INTERSCHIMBAT înapoi: cart în mijloc, auth în dreapta */
.c-header__col-right-wrap .c-header__cart {
    order: 2;
}

.c-header__col-right-wrap .c-header__auth-button {
    order: 3;
}

/* Ascunde elementele originale de search și auth care nu sunt în col-right-wrap pe desktop */
@media (min-width: 1190px) {
    /* Ascunde search-ul original dacă nu este în col-right-wrap */
    .c-header__search-button:not(.c-header__col-right-wrap .c-header__search-button) {
        display: none !important;
    }
    
    /* Ascunde auth-ul original dacă nu este în col-right-wrap */
    .c-header__auth-button:not(.c-header__col-right-wrap .c-header__auth-button) {
        display: none !important;
    }
    
    /* Elimină max-width și min-height de pe page header wrap pe desktop */
    .c-page-header__wrap {
        max-width: none !important;
        min-height: auto !important;
    }
}

/* =====================================================
   Input Fields Customizations
   ===================================================== */

/* Stilizări specifice pentru search form input */
.c-search-form__input {
    background-color: #ffffff !important;
    border: solid 1px currentColor !important;
}

/* Elimină efectul de hover pentru input-uri */
input[type=search]:hover,
input[type=text]:hover,
input[type=password]:hover,
input[type=email]:hover,
input[type=tel]:hover,
input[type=number]:hover,
input[type=url]:hover,
input[type=date]:hover,
textarea:not(.editor-post-title__input):hover,
.wpcf7-form .c-custom-selectInner:hover,
select:hover {
    /* Stiluri de hover eliminate conform cererii */
}

/* Stiluri de focus fără border și background */
input[type=search]:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=date]:focus,
textarea:focus,
select:focus {
    /* Stiluri de focus eliminate conform cererii */
}

/* =====================================================
   Mobile Customizations
   ===================================================== */

/* Elimină margin-left de la cart clone pe mobil */
@media (max-width: 1189px) {
    .c-header__row--logo-left .c-header__cart-clone {
        margin-left: 0 !important;
    }
}

/* Margin-top pentru section pe mobil */
@media (max-width: 767px) {
    .l-section--top-margin {
        margin-top: 20px !important;
    }
}

/* Padding pentru detalii produse pe gamă specifică de rezoluții mobile */
@media (max-width: 619px) and (min-width: 360px) {
    .c-product-grid__item--2-per-row-btn .c-product-grid__details {
        padding: 5px 10px !important;
    }
}

/* Poziționare buton "Add to Cart" pe mobil */
@media (max-width: 767px) {
    .c-product-grid__item--normal .c-product-grid__atc {
        bottom: 18px !important;
    }
}

/* =====================================================
   Breadcrumbs Visibility
   ===================================================== */

/* Ascunde breadcrumbs pe toate paginile */
.c-breadcrumbs,
.rank-math-breadcrumb {
    display: none !important;
}

/* Afișează breadcrumbs pe pagina de produs, shop și search results */
.single-product .c-breadcrumbs,
.single-product .rank-math-breadcrumb,
.woocommerce-shop .c-breadcrumbs,
.post-type-archive-product .c-breadcrumbs,
.tax-product_cat .c-breadcrumbs,
.search-results .c-breadcrumbs,
.search .c-breadcrumbs {
    display: block !important;
}

/* =====================================================
   Previne Flash-ul - Ascunde elementele înainte de mutare
   ===================================================== */

/* Ascunde elementele din interiorul page header pe shop, search și product pages */
.woocommerce-shop .c-page-header .c-page-header__wrap,
.post-type-archive-product .c-page-header .c-page-header__wrap,
.tax-product_cat .c-page-header .c-page-header__wrap,
.search-results .c-page-header .c-page-header__wrap,
.search .c-page-header .c-page-header__wrap,
.single-product .c-page-header .c-page-header__wrap,
.woocommerce-shop .c-page-header .c-breadcrumbs,
.post-type-archive-product .c-page-header .c-breadcrumbs,
.tax-product_cat .c-page-header .c-breadcrumbs,
.search-results .c-page-header .c-breadcrumbs,
.search .c-page-header .c-breadcrumbs,
.single-product .c-page-header .c-breadcrumbs {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Stilizare pentru elementele mutate din page header */
.c-page-header__wrap--moved {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin: 10px 0 10px 0 !important;
}

.c-breadcrumbs--moved {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Ascunde page-header__wrap--moved pe pagina de produs (nu vrem să apară titlul "Shop") */
.single-product .c-page-header__wrap--moved {
    display: none !important;
}

/* =====================================================
   Previne Flash pe Carousele de Produse (FOUC)
   ===================================================== */

/* Margin-left pentru owl-stage pe mobil - APLICAT ÎNAINTE de vizibilitate */
@media (max-width: 809px) and (min-width: 360px) {
    .c-ip-woocommerce-carousel__list .owl-stage {
        margin-left: 25px !important;
    }
}

/* Ascunde caruselurile de produse din tabs până când JS-ul termină modificările */
.c-ip-product-tabs .c-product-grid__list.owl-carousel {
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.3s ease-in, visibility 0.3s ease-in !important;
}

/* Arată caruselul după ce JS-ul adaugă clasa ready */
.c-ip-product-tabs .c-product-grid__list.owl-carousel.carousel-ready {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Animație pentru fade in */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Fallback pentru JavaScript dezactivat */
.no-js.woocommerce-shop .c-page-header .c-page-header__wrap,
.no-js.post-type-archive-product .c-page-header .c-page-header__wrap,
.no-js.tax-product_cat .c-page-header .c-page-header__wrap,
.no-js.search-results .c-page-header .c-page-header__wrap,
.no-js.search .c-page-header .c-page-header__wrap,
.no-js.single-product .c-page-header .c-page-header__wrap,
.no-js.woocommerce-shop .c-page-header .c-breadcrumbs,
.no-js.post-type-archive-product .c-page-header .c-breadcrumbs,
.no-js.tax-product_cat .c-page-header .c-breadcrumbs,
.no-js.search-results .c-page-header .c-breadcrumbs,
.no-js.search .c-page-header .c-breadcrumbs,
.no-js.single-product .c-page-header .c-breadcrumbs {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}