/*
Theme Name: Twenty Twenty-Four Child
Theme URI: https://example.com/twentytwentyfour-child/
Description: A child theme of Twenty Twenty-Four.
Author: lockcar
Template: twentytwentyfour
Version: 1.0.0
Text Domain: twentytwentyfour-child
*/
/* Ascunde butonul de zoom din galeria de produse */
.woocommerce-product-gallery__trigger {
    display: none !important;
}

/* spacing pentru butoanele din partea stanga din meniu ca sa pastreze iconita logo pe mijloc */
.wp-block-group.is-content-justification-left.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-1.wp-block-group-is-layout-flex
 {
    width: 128px;
}

/*css pentru imaginea logo de pe site sa nu faca efect cand se apasa pe ea sa nu faca chenar alb */
.custom-logo-link {
    outline: none;
}

.custom-logo-link:focus-visible {
    outline: none;
}

.custom-logo-link img {
    outline: none;
    border: none;
    box-shadow: none;
}

/*css pentru titlu produse product si cos ca sa fie mici pe tel */

/* ===== MOBILE ===== */
@media (max-width: 768px) {

    figure.wp-block-image.size-full.is-resized {
        text-align: center;
        padding: 3px;
        gap: 10px;
    }

    figure.wp-block-image.size-full.is-resized {
        margin: 0;
    }

    /* logo mic */
    figure.wp-block-image.size-full.is-resized img.wp-image-3162 {
        width: 40px !important;
    }

    /* text PRODUCTS */
    figure.wp-block-image.size-full.is-resized img.wp-image-3300 {
        width: 130px !important;
    }
}
/*pana aici css pentru titlu produse product si cos ca sa fie mici pe tel */

/* Ajustari pentru continutul din meniu butoanele sandwich pentru a aparea in partea dreapta a ecranului pe telefon*/
.wp-block-navigation__responsive-container {
    width: 160px; /* 25% din latimea ecranului */
    height: 100vh; /* 25% din inaltimea ecranului */
    position: fixed;
    top: 0;
    right: 0; /* Afisat in coltul din dreapta sus */
    left: auto; /* Dezactiveaza orice stil implicit pentru left */
    background-color: #091521 !important;
    z-index: 9999;
    overflow: auto;
    box-shadow: -11px 12px 8px 2px #0675c45e; /* Un pic de umbra pentru estetica */
}

/* Ajustari pentru continutul din meniu */
.wp-block-navigation__responsive-container-content {
    padding-top: 15px; /* Un pic de padding pentru spatiere fata de sus */
}

/* Butonul de inchidere sa ramana vizibil in cadrul meniului */
.wp-block-navigation__responsive-close {
    position: absolute;
    top: 24px;
    right: 20px;
}
/*css pentru iconita de meniu cea din treapata tip hamburger, sa fie mai mare pentru ca e mica default*/
.wp-block-navigation__responsive-container-open svg {
    height: 40px !important;
    width: 40px !important;
    padding: 0 !important;
}
/*butoanele din meniul slider din partea dreapta de pe telefonul mobil , afisarea de la butonul hamburger */
li.wp-block-navigation-item.butoane-meniu-dreapta {
    display: flex; /* Flex pentru aliniere si centrare */
    align-items: center;
    justify-content: flex-end; /* Aliniere la dreapta */
    margin: 6px 0; /* Spatiere verticala intre elemente */
    padding: 10px 5px; /* Spatiere interioara mai ampla */
    width: 100%;
    background-color: blanchedalmond; /* Fundal cald */
    border-radius: 6px; /* Colturi rotunjite */
    box-shadow: 0 4px 6px rgba(217, 189, 138, 0.25); /* Umbra subtila */
    color: #333; /* Culoare text */
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Tranzitie lina pentru efecte */
    outline: none; /* Elimina conturul la focus */
}

/* Stiluri pentru hover */
li.wp-block-navigation-item.butoane-meniu-dreapta:hover {
    background-color: #ffdab9; /* Fundal mai deschis la hover */
    box-shadow: 0 6px 8px rgba(217, 189, 138, 0.35); /* Umbra accentuata */
    transform: translateY(-2px); /* Efect de ridicare subtil */
    cursor: pointer;
}

/* Stiluri pentru link */
li.wp-block-navigation-item.butoane-meniu-dreapta a {
    color: inherit; /* Preluare automata a culorii parintelui */
    text-align: right; /* Aliniere text la dreapta */
    text-decoration: none; /* Fara subliniere */
    width: 100%;
    outline: none; /* Elimina conturul la focus */
    font-size: 17px;
}

/* pana aici sunt butoanele hamburger ====================================== */

/* elimina efectele de easing si face tranzitia lina la slideul pozelor din oneproductpage*/
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    transition: all linear 0.1s !important;
}

/* elimina prefizul din categoriile de langa titlu de la produse single-product-page*/
span.wp-block-post-terms__prefix {
    display: none;
}

/*marime fortata a chenarului in care afiseaza imaginia produsului in one product page*/
.flex-viewport {
    /*min-height: 400px;*/
    max-height: 500px;
    overflow: hidden; /* Optional, pentru a ascunde partile din imagine care depasesc containerul */
    justify-content: center; /* Centrarea imaginii pe orizontala */
    align-items: center; /* Centrarea imaginii pe verticala */
	background-color: #ffffff; /* Fundal alb */
	border-radius: 6px;
}
/*micsorare la divul thumbs flex poze mici de sub poza mare de la one product page*/
.woocommerce div.product div.images .flex-control-thumbs {
    /*max-height: 65px;*/
    min-height: 65px;
    /*border-radius: 4px;*/
    /*margin-top: -72px;*/
    /*position: absolute;*/
    /*z-index: 9999;*/
    /*background: black;*/
}
/* eliminat spatiul de sub poza de prezentare one product page*/
.woocommerce div.product div.images {
    margin-bottom: 0rem !important;
}
/*stilizarea colturilor la poza care se afiseaza in chenarul mare de la one productpage*/
.woocommerce-product-gallery__image.flex-active-slide {
    border-radius: 6px;
}
/*bulna din coltul stang la de pe poza mare de la one product, bulina de promotie*/
.woocommerce .wp-block-woocommerce-product-image-gallery span.onsale {
    color: red;
    background-color: #D9BD8A !important;
    left: 0.5rem !important;
    top: 0.5rem !important;
}
/*anularea zoomului a chenarului in care afiseaza imaginia produsului in one product page*/
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
    width: 0px !important;
    height: 0px !important;
}

/*anularea zoomului a chenarului in care afiseaza imaginia produsului in one product page*/
.woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
}
/*anularea zoomului a chenarului in care afiseaza imaginia produsului in one product page*/
.flex-control-nav.flex-control-thumbs li img {
	margin: 2px;
    border-radius: 4px; /* Optional: colturi rotunjite pentru imagini */
}
/*anularea zoomului a chenarului in care afiseaza imaginia produsului in one product page*/
.woocommerce div.product div.images .flex-control-thumbs li img {
    opacity: .5;
}
/*pentru tabul din interiorul descrierilor la produse*/
.woocommerce div.product .woocommerce-tabs ul.tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: grid;
    background: #2b75a970;
    border-radius: 0 0 6px 6px; /* Colturi rotunjite doar jos */
}

html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li.active, html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li:hover {
    background: inherit;
    border-color: #45e7ed;
    color: inherit;
    opacity: 1;
}
/*pret pentru produsul de pe pagina din shop*/
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    text-align: left; /* Aliniere text la stanga */
    width: 100%; /* Fiecare tab ocupa toata latimea containerului sau */
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    width: 100%; /* Asigura ca linkul ocupa toata latimea tabului */
    text-decoration: none; /* Elimina sublinierea linkului */
    color: #000; /* Culoare pentru textul linkului */
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    font-weight: bold; /* Face textul tabului activ mai proeminent */
    color: #007cba; /* Schimba culoarea pentru tabul activ */
	padding: 0.5rem;
}


/* =========================
   CONTAINER GENERAL (DESKTOP)
========================= */

.wp-container-core-group-is-layout-15 {
    display: flex;
    align-items: center;
    gap: 1px;
}

/* add to cart ocupa doar cat are nevoie */
.add-to-cart1 {
    flex: 0 0 auto;
}

/* =========================
   GRID ICONURI DESKTOP
========================= */

/* GRID ICONURI DESKTOP - VERSIUNE CU 2 RĀNDURI ?I SCROLL */
.wp-block-group.zece-configuratii.wp-container-content-8.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-14.wp-block-group-is-layout-flex {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;  /* Schimbat din nowrap īn wrap pentru 2 rānduri */
    overflow-x: auto;
    overflow-y: auto;  /* Schimbat din hidden īn auto pentru scroll vertical daca e nevoie */
    max-height: 200px;
    flex: 1;
    align-items: center;
    justify-content: flex-start;  /* Aliniere la stānga */
    width: 100%;
    padding: 10px 0;
    scroll-behavior: smooth;
    background: #26394a;
}

/* Stilizare scrollbar orizontal ?i vertical */
.wp-block-group.zece-configuratii.wp-container-content-8.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-14.wp-block-group-is-layout-flex::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.wp-block-group.zece-configuratii.wp-container-content-8.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-14.wp-block-group-is-layout-flex::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.wp-block-group.zece-configuratii.wp-container-content-8.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-14.wp-block-group-is-layout-flex::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.wp-block-group.zece-configuratii.wp-container-content-8.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-14.wp-block-group-is-layout-flex::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Asigura-te ca link-urile ?i figurile au la?ime fixa pentru a se a?eza pe 2 rānduri */
.wp-block-group.zece-configuratii.wp-container-content-8.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-14.wp-block-group-is-layout-flex a,
.wp-block-group.zece-configuratii.wp-container-content-8.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-14.wp-block-group-is-layout-flex figure {
    display: inline-flex;
    flex-shrink: 0;
    margin: 0;
    width: calc(20% - 20px);  /* Aproximativ 5 pe rānd, ajusteaza dupa nevoie */
    min-width: 70px;  /* La?ime minima */
    justify-content: center;
    padding: 5px;
}
/* =========================
   MOBILE - ICONITELE DEASUPRA, BUTONUL DEDESUBT (FARA SCROLL)
========================= */

@media (max-width: 768px) {

    .wp-container-core-group-is-layout-15 {
        flex-direction: column !important;
        align-items: stretch;
        gap: 10px;
    }

    /* Iconi?ele - fara scroll, pe mai multe rānduri */
    .wp-block-group.zece-configuratii.wp-container-content-8.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-14.wp-block-group-is-layout-flex {
        order: 1 !important;
        /* Elimina orice urma de scroll ?i resetare completa */
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;  /* Permite īnfa?urarea pe mai multe rānduri */
        overflow-x: visible !important;  /* Fara scroll orizontal */
        overflow-y: visible !important;  /* Fara scroll vertical */
        max-height: none !important;  /* Elimina limitarea de īnal?ime */
        margin-top: 0;
        justify-content: space-around;  /* Distribuie uniform iconi?ele */
        width: 100%;
        min-height: auto;  /* Elimina īnal?imea minima fixa */
        padding: 10px;
    }

    /* Stilizare pentru link-uri ?i figuri pe mobil - ocupa automat spa?iul */
    .wp-block-group.zece-configuratii.wp-container-content-8.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-14.wp-block-group-is-layout-flex a,
    .wp-block-group.zece-configuratii.wp-container-content-8.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-14.wp-block-group-is-layout-flex figure {
        display: inline-flex;
        flex-shrink: 0;  /* Nu se mic?oreaza */
        margin: 0;
        flex: 0 0 auto;  /* La?ime determinata de con?inut */
        justify-content: center;
        padding: 5px;
    }

    /* Imaginea sa aiba maxim 60px ?i sa se scaleze automat */
    .wp-block-group.zece-configuratii.wp-container-content-8.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-14.wp-block-group-is-layout-flex img {
        max-width: 60px;
        width: auto;
        height: auto;
        max-height: 60px;
    }

    /* Butonul de adaugare īn co? jos */
    .add-to-cart1 {
        order: 2 !important;
    }
    
    /* Stil formular mobil */
    .cart {
        display: flex;
        flex-direction: column;
    }
    
    .single_add_to_cart_button {
        width: 100%;
    }
}


.woocommerce div.product form.cart {
    margin-bottom: 2em;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/*chenarul de la divul in care se afla butonul add to cart din pagina one product page , e facut responsive pentru mobil */
@media (max-width: 580px) {
.wp-block-add-to-cart-form.wc-block-add-to-cart-form.add-to-cart1 {
    display: block;
    justify-content: center;
    align-items: center;
    background: #26394a;
    border-radius: 6px;
    padding-top: 0.2rem;
}
.woocommerce div.product form.cart {
    display: flex;
    justify-content: center;
    align-items: center;
}
.woocommerce div.product form.cart {
    margin-bottom: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
}
/* pentru desktop distanta stang 0.5rem pentru butoanele add to cart si cantitatea */
/* buton add to card de la pagina one product page */
.wp-block-add-to-cart-form.wc-block-add-to-cart-form.add-to-cart1 .single_add_to_cart_button {
    background-color: #D9BD8A; /* Culoare bleo */
    width: 12rem;
    font-size: 1em;
    font-weight: 600;
    color: #26394a;
}
.wp-block-add-to-cart-form.wc-block-add-to-cart-form.add-to-cart1 {
    background: #26394a;
    padding: 1rem 5rem 1rem 5rem;
    border-radius: 10px;
    margin: 5px 15px 0px 15px;
}

/* acest css mentine padingu in tabelul descriere de la pagina de one product */
.woocommerce-Tabs-panel--description p {
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 1em;
    line-height: 1.3 !important;
}

/* efect pentru short description de la produs short description product one page*/
p.wp-block-post-excerpt__excerpt {
    line-height: 1.3 !important;
    margin-bottom: 1em;
    font-size: 1.1em;
    height: 45px;
}

/* efect pentru scrisul description de sub add to basket */
.woocommerce div.product .woocommerce-tabs .panel h2 {
    font-style: normal;
    font-weight: 600 !important;
    letter-spacing: 0px;
    line-height: 1;
    font-size: 1.2em;
    color: #ffA41c;
    font-family: Arial, sans-serif;
     padding-left: 12px;
} 

table.woocommerce-product-attributes.shop_attributes {
	text-align: left;
}

/* asta e divul dela Reviews tab din product */
div#tab-reviews {
    text-align: left;
}

/* asta e scrisul de deasupra la cantitatea de la add to cart buton din product */
.woocommerce div.product p.stock {
    font-size: 0.6rem;
    color: #005300;
    font-weight: 600;
    background: #25d366;
    border-radius: 4px;
    padding: 0px 5px 0px 5px;
    width: 55px;
    margin-left: -4.5rem;
    margin-top: -0.5rem;
	text-align: center;
	padding: 8px 0px 8px 0px;
}

/* asta e stars din tab buton din product */
.comment-form-rating {
    color: #ffA41c;
    font-size: large;
}

/* asta e stars din product */
.woocommerce p.stars a {
    position: relative;
    height: 1em;
    width: 1em;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
    color: #ffA41c;
}

/* astea 3 de dedesubt sunt pentru a face slideul glisabil cu produsele recomandate de sub produsul de pe o singura pagina */
@media (max-width: 480px) {
ul.columns-8.produse-propuse4 {
    width: 720px;
    display: flex;
}	
}
ul.columns-8.produse-propuse4 {
    width: 720px;
    display: flex;
}
/*si asta e pentru a seta glisarea divului cu produse recomandate din pagina one product*/
.wp-block-group.produse-propuse0 {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
/*==================================*/

/*astea sunt pentru a face partea din tabul Reviews de la pagina one product*/
form#commentform {
    padding-left: 1rem;
    padding-right: 1rem;
}
/*astea sunt pentru a face partea din tabul Reviews de la pagina one product*/
.woocommerce #review_form #respond textarea {
    background: #d5d5d3;
	    border-radius: 6px;
padding: 10px;
}
/*astea sunt pentru a face partea din tabul Reviews de la pagina one product*/
input#author {
    background: #d5d5d3;
    border-radius: 6px;
    padding: 10px;
    min-width: 260px;
}
/*astea sunt pentru a face partea din tabul Reviews de la pagina one product*/
input#email {
    background: #d5d5d3;
    border-radius: 6px;
    padding: 10px;
    min-width: 260px;
}
/*astea sunt pentru a face partea din tabul Reviews de la pagina one product*/
p.comment-form-cookies-consent {
    color: #ffA41c;
}
/*astea sunt pentru a face partea din tabul Reviews de la pagina one product*/
input#submit {
    background: #ffA41c;
}

/*===========================ASTA===========================*/
/*astea sunt pentru a face SCROLABIL meniul de categorii din pagina shop-home*/
.wp-block-group.is-layout-flow.wp-container-core-group-is-layout-24.wp-block-group-is-layout-flow {
    overflow-x: scroll;
}
.wp-block-group.has-border-color.has-accent-2-border-color.has-base-2-background-color.has-background.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-23.wp-block-group-is-layout-constrained {
	min-width: unset;
    margin: 0 auto;
}

/* Personalizarea barei de scroll */
.wp-block-group.is-layout-flow.wp-container-core-group-is-layout-24.wp-block-group-is-layout-flow::-webkit-scrollbar {
    height: 0.5vh; /* Grosimea barei de scroll orizontale */
}

.wp-block-group.is-layout-flow.wp-container-core-group-is-layout-24.wp-block-group-is-layout-flow::-webkit-scrollbar-thumb {
    background-color: #d9bd8a; /* Culoarea aurie a barei de scroll */
    border-radius: 4px; /* Colturi rotunjite pentru un aspect mai elegant */
}

.wp-block-group.is-layout-flow.wp-container-core-group-is-layout-24.wp-block-group-is-layout-flow::-webkit-scrollbar-track {
    background: transparent; /* Fundal transparent pentru track */
}

/* asta e scrolul cu produse de sub produsul nr4*/

/* Aplicarea stilurilor existente si a animatiei blink + rotatie */
/* Definirea animatiei blink */
@keyframes blink {
    0% {
        opacity: 1; /* Elementul este vizibil */
    }
    50% {
        opacity: 0; /* Elementul este invizibil */
    }
    100% {
        opacity: 1; /* Elementul revine vizibil */
    }
}
/* Aplicarea stilurilor existente si a animatiei blink cu tagul de sale care clipeste peste produsele promotionale */
.block-grid__product-onsale,
.wc-block-grid__product-image .wc-block-grid__product-onsale {
    background: #d9bd8a;
    border: 1px solid #43454b;
    border-radius: 4px;
    color: crimson;
    display: inline-block;
    font-size: .875em;
    font-weight: 100;
    left: auto;
    padding: .25em .75em;
    position: absolute;
    right: 2px;
    text-align: center;
    text-transform: uppercase;
    /*top: -65px;*/
    width: auto;
    z-index: 9;
    animation: blink 3s infinite;
}
/* cod de afisat mai mic prima jumatate de pret Jumatate din 3vh */
.wc-block-components-product-price del {
    color: crimson;
font-size: 1em;
}
.wc-block-components-product-price ins {
    font-size: 1.1em;
    font-weight: 600;
}

/* container preturi */
.preturi-disc-intreg .wc-block-components-product-price {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
}

/* pret vechi */
.preturi-disc-intreg del {
    margin: 0;
    font-size: 0.85em;
}

/* pret nou */
.preturi-disc-intreg ins {
    margin: 0;
    text-decoration: none;
    font-size: 1em;
}

/* elimina line break-uri Woo */
.preturi-disc-intreg del,
.preturi-disc-intreg ins {
    display: inline-flex;
    align-items: center;
}
/* css pentru design din pagina CART*/
/* =====================================================*/
/* css pentru textul din pagina CART de sus de la titlu*/
h1.alignwide.wp-block-post-title {
    text-align: center;
    font-size: 1.5rem;
    background: #bba888;
    font-weight: 600;
    padding: 0.5rem;
	margin-top: 0;
}
/* Elimina marginea de inceput intre campul blocul titlu si blocul content din pagina checkout */
#wp--skip-link--target h1.wp-block-post-title + .entry-content.wp-block-post-content {
    margin-block-start: 0 !important; /* Elimina marginea de inceput intre titlu si content */
}
/* css pentru textul din pagina CART de jos de la butonul Proceed to CHECKOUT*/
.wc-block-components-button:not(.is-link) {
    background: #ffA41c;
}
/*css pentru a face pgina de checkuot mai frumoassa*/
.wc-block-components-sidebar-layout.wc-block-cart {
    background: #444444;
    padding: 0.5rem;
    border: 1px solid #716859;
    border-radius: 6px;
}
/*css pentru a face colturile de la pozele din pagina de checkout*/
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
    border-radius: 4px;
}
/* css pentru titlul de la produsele de pe pagina de checkout*/
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
    color: #D9BD8A;
    font-weight: 500;
}
/* css pentru bordura din jurul de la - 1 + din pagina checkout*/
.wc-block-components-quantity-selector {
    border: 1px solid #716859;
}
/*css pentru bara sau linia ddespartitoare dintre produsele din pagina de checkout*/
tr.wc-block-cart-items__row {
    border-bottom: 1px solid #716859;
}
/* css pentru a fae divizarea de la subtotal cu linii de culoarea mustar din pagina checkout*/
.wp-block-woocommerce-cart-order-summary-totals-block {
    border-top: 1px solid #716859;
    padding-bottom: 16px;
    border-bottom: 1px solid #716859;
}
/*css pentru butonul de add c coupon */ 
.wc-block-components-totals-coupon .wc-block-components-panel__button {
    color: #252525;
    background: #ffa41c;
    padding: 0.3rem;
    font-size: 0.8rem;
    border-radius: 4px;
}
/* astea de sus sunt css pentru design din pagina CART*/
/* cod de afisat pe pagina din categorii de produse, produsele pe 1 coloana gen amazon */
@media only screen and (max-width: 480px) {
    ul.wc-block-product-template__responsive.columns-5.wc-block-product-template.produs-din-categorii-mic.wp-block-woocommerce-product-template {
        grid-template-columns: repeat(1, 1fr);
    }
	/*stilizare spatii modul editt gen amazon intre divuri pe telefon*/
	ul.wc-block-product-template__responsive.columns-5.wc-block-product-template.wp-block-woocommerce-product-template {
    grid-gap: 1em;
}
    /* Stilizeaza div-urile din interiorul fiecarui li */
.wp-block-group.divul-din-categorii-mic {
    min-height: 235px !important; /*marimea obligatorie pe inaltime a divului cand este vizualizat pe telefon*/
    display: flex;
    flex-direction: row; /* Aranjeaza elementele pe orizontala */
    align-items: stretch; /* Aliniaza elementele pe toata inaltimea */
}

.wp-block-group.div-titlul-din-div-mic {
    width: 40%; /* Latimea div-ului imaginei */
    display: flex; /* Flexbox pentru aliniere */
    align-items: stretch; /* Aliniaza imaginea pe toata inaltimea div-ului */
    padding-top: 0.5rem !important;
    padding-right: 0.5rem !important;
    padding-bottom: 0.5rem !important;
	justify-content: space-between; /* adauga aceasta linie */
}
.wp-block-group.div-mic-cu-poza {
    width: 60%; /* Latimea div-ului imaginei */
    /*height: 100%; /* Inaltimea div-ului imaginei */
    display: flex; /* Flexbox pentru aliniere */
    align-items: center; /* Aliniaza imaginea pe toata inaltimea div-ului */
    background: #ffffff;
    border-radius: 6px;
    padding: 0.5rem;
}

.wp-block-group.div-mic-cu-poza img {
    width: 100%; /* Imaginea va ocupa toata latimea div-ului */
    height: 100%; /* Imaginea va ocupa toata inaltimea div-ului */
    object-fit: cover; /* Asigura ca imaginea acopera tot spatiul fara a se deforma */
    border-radius: 6px; /* Pastreaza marginile rotunjite */
}
/*latimea butonului de la add to cart in divul pentru telefon*/	
.wp-block-button.wc-block-components-product-button.buton-categorii-produse.has-custom-width.wp-block-button__width-100.align-center {
    width: 100%;
}
}
/*meniul cart your basket items slide pt mobil*/
h2.wc-block-mini-cart__title {
    align-items: baseline;
    display: inline;
    margin: 0px 0px 0px;
    padding-bottom: 30px;
    padding-top: 16px;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    align-items: center;
    background: #9d7739;
}
/*css pentru butonul de sortare din pagina de categorii produse*/
.woocommerce.wc-block-catalog-sorting select.orderby {
    font-size: inherit;
    width: 150px;
    padding: 0.3rem;
    background: #716859;
    border-radius: 4px;
    color: antiquewhite;
}

/*toate aceste 6 css de dedesubt sunt pentru grupul modul salvat ca pattern template pentru scrolul cu categorii produse*/
.wp-block-group.modul-categorii-scroll2 {
    overflow-x: scroll;
}
/*efect pentru ceata din partea dreapta a meniului de scroll grup produse */
.wp-block-group.modul-categorii-scroll2 {
    mask-image: linear-gradient(to left, transparent -10px, #efbc5e 100px) !important;
    -webkit-mask-image: linear-gradient(to left, transparent -10px, #efbc5e 100px) !important;
}
/*pentru a face rotunde imaginile din interiorul acestui div*/
.wp-block-group.modul-categorii-scroll3 {
    min-width: max-content;
    margin: 0 auto;
}

/* Personalizarea barei de scroll */
.wp-block-group.modul-categorii-scroll2::-webkit-scrollbar {
    height: 0.5vh; /* Grosimea barei de scroll orizontale */
}

.wp-block-group.modul-categorii-scroll2::-webkit-scrollbar-thumb {
    background-color: #d9bd8a; /* Culoarea aurie a barei de scroll */
    border-radius: 4px; /* Colturi rotunjite pentru un aspect mai elegant */
}

.wp-block-group.modul-categorii-scroll2::-webkit-scrollbar-track {
    background: transparent; /* Fundal transparent pentru track */
}
/*toate aceste 5 css de deasupra acestui text sunt pentru grupul modul salvat ca pattern template pentru scrolul cu categorii produse*/.
    
/*toate astea de mai JOS sunt pentru a stiliza produsele care apar atunci cand ai cosul de cuparaturi gol si te duci pe acea pagina*/
/* Stilizeaza div-urile din interiorul fiecarui li */
.produse-noi-in-stoc {
    padding: 20px; /* Spatiu interior pentru div */
    background-color: #f9f9f9; /* Fundal deschis pentru div */
}
/*toate astea de mai JOS sunt pentru a stiliza produsele care apar atunci cand ai cosul de cuparaturi gol si te duci pe acea pagina*/
.produse-noi-in-stoc .wc-block-grid__products {
    list-style-type: none; /* Elimina marcajele de lista */
    margin: 0; /* Elimina marginile implicite */
    padding: 0; /* Elimina padding-ul implicit */
    display: flex; /* Aranjeaza elementele <li> pe o linie */
    flex-wrap: wrap; /* Permite elementelor sa se infasoare pe mai multe randuri */
    justify-content: space-between; /* Distribuie uniform elementele */
}
/*toate astea de mai JOS sunt pentru a stiliza produsele care apar atunci cand ai cosul de cuparaturi gol si te duci pe acea pagina*/
.produse-noi-in-stoc .wc-block-grid__product {
    background-color: #444444;
    border: 1px solid #716859;
    border-radius: 6px;
    margin: 1rem;
    text-align: center;
    transition: box-shadow 0.3s;
    min-height: 300px !important;
}
/*toate astea de mai JOS sunt pentru a stiliza produsele care apar atunci cand ai cosul de cuparaturi gol si te duci pe acea pagina*/
.produse-noi-in-stoc .wc-block-grid__product:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* Efect de umbra la hover */
}
/*toate astea de mai JOS sunt pentru a stiliza produsele care apar atunci cand ai cosul de cuparaturi gol si te duci pe acea pagina*/
.produse-noi-in-stoc .wc-block-grid__product-title {
    font-size: 1rem; /* Marimea textului pentru titlurile produselor */
    margin: 10px 0; /* Margina verticala */
	font-weight: 500;
}
/*toate astea de mai JOS sunt pentru a stiliza produsele care apar atunci cand ai cosul de cuparaturi gol si te duci pe acea pagina*/
.produse-noi-in-stoc .wc-block-grid__product-price {
    font-size: 1rem;
    color: #ffA41c;
}
/*toate astea de mai JOS sunt pentru a stiliza produsele care apar atunci cand ai cosul de cuparaturi gol si te duci pe acea pagina*/
.produse-noi-in-stoc .wp-block-button {
    margin-top: 15px; /* Margina intre pret si buton */
}
/*toate astea de mai JOS sunt pentru a stiliza produsele care apar atunci cand ai cosul de cuparaturi gol si te duci pe acea pagina*/
.produse-noi-in-stoc .wp-block-button__link {
    background-color: #bba888;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s;
	    font-size: 0.9rem !important;
}
/*toate astea de mai JOS sunt pentru a stiliza produsele care apar atunci cand ai cosul de cuparaturi gol si te duci pe acea pagina*/
.produse-noi-in-stoc .wp-block-button__link:hover {
    background-color: #005f8d; /* Schimba culoarea la hover */
}
/*toate astea de mai JOS sunt pentru a stiliza produsele care apar atunci cand ai cosul de cuparaturi gol si te duci pe acea pagina*/
.produse-noi-in-stoc .wc-block-grid__product-image img {
    max-width: 60%;
    height: auto;
    margin: 1rem auto -1rem;
    display: block;
    border-radius: 6px;
}
/*toate astea de mai JOS sunt pentru a stiliza produsele care apar atunci cand ai cosul de cuparaturi gol si te duci pe acea pagina*/
.produse-noi-in-stoc .wc-block-grid__product-onsale {
    background: #ffa41c !important;
    font-size: 0.8rem !important;
    right: 70px !important;
    top: 30px !important;
}
/*toate astea de mai sus sunt pentru a stiliza produsele care apar atunci cand ai cosul de cuparaturi gol si te duci pe acea pagina*/

/* stilizare titlul de la chenarul din shop pagina de la produse ca sa apara titlul pe un singur rand iar daca este mare sa iasa din chenar fara sa modifice forma divului*/
.wp-block-group.grup-modul-produs3 {
    white-space: nowrap;
    overflow: hidden;
}
/* titlul de produs de la divurile din paginile de categorii care afiseaza pe telefon stil amazon*/
.titlu-in-modulul-produs-pe-categorii {
    max-height: 3.0em; /* 3 randuri, estimand inaltimea medie a randului */
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
/*titlu de la pagina cu one produc page , ca sa apara titlul doar pe un singur rand */
.titlu-de-la-one-product-page {
    white-space: nowrap;
    overflow: hidden;
}
/*css pentru pagina de la THANCK YOU ORDER aastea de mai jos ===================================================================*/
/* Stiluri generale */
body {
  */background-color: #252525;*/
  color: #ffffff;
  font-family: Arial, sans-serif;
}
/*titlu la tabel*/
.wc-block-order-confirmation-status p {
    margin-bottom: 0;
    margin-top: 0;
    text-align: center;
    color: #4caf50;
	background: #444444;
    border-radius: 6px;
}
/* Container principal pentru checkout */
.wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    background-color: #444444;
    border-radius: 6px;
    border: 1px solid #716859;
    padding: 10px;
    max-width: 1000px;

}

/* Titluri */
h3.wp-block-heading {
  color: #d9bd8a;
  font-size: clamp(16px, 1.5vw, 24px);
  border-bottom: 1px solid #9d7739;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

/* Lista de confirmare comanda */
.wc-block-order-confirmation-summary-list-item__key {
  color: #d5d5d3;
  font-weight: bold;
}

.wc-block-order-confirmation-summary-list-item__value {
  color: #c2aa7e;
}

/* Stilizare tabel de totaluri */
.wc-block-order-confirmation-totals__table {
  width: 100%;
  background-color: #252525;
  border-radius: 6px;
  border: 1px solid #d9bd8a;
  color: #ffffff;
  margin-top: 15px;
}

.wc-block-order-confirmation-totals__table th,
.wc-block-order-confirmation-totals__table td {
  border-bottom: 1px solid #716859;
  padding: 10px;
}

.wc-block-order-confirmation-totals__table th {
  color: #fdf3cf;
  font-weight: bold;
}

.wc-block-order-confirmation-totals__label {
  color: #ffA41c;
  font-weight: bold;
}

/* Pret total */
.wc-block-order-confirmation-totals__total .woocommerce-Price-amount {
  color: #ffA41c;
}

/* Linkuri de produse */
.wc-block-order-confirmation-totals__product a {
  color: #ffA41c;
  text-decoration: none;
  font-weight: bold;
}

/*culoare link pentru download produs*/
a.woocommerce-MyAccount-downloads-file.button.alt {
    color: red;
}

/* Adresa de facturare */
.wp-block-column {
  color: #d5d5d3;
}

/* buton cu Order summary din pagina CHECK OUT */
.wc-block-components-order-summary .wc-block-components-panel__button {
    margin-top: 0;
    background-color: #bba888;
    color: #252525;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
	border-radius: 4px;
    padding: 5px 5px;
}

/* Stiluri responsive pentru tabelul descarcarilor */
.wc-block-order-confirmation-downloads__table {
  width: 100%;
  border-collapse: collapse;
}

.wc-block-order-confirmation-downloads__table thead,
.wc-block-order-confirmation-downloads__table tbody {
  display: block;
}

.wc-block-order-confirmation-downloads__table tbody {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.wc-block-order-confirmation-downloads__table th,
.wc-block-order-confirmation-downloads__table td {
  min-width: 150px;
  text-align: left;
  padding: 8px;
  color: #ffffff;
}

@media (max-width: 480px) {
  .wc-block-order-confirmation-downloads__table thead {
    display: none;
  }

  .wc-block-order-confirmation-downloads__table tbody td {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .wc-block-order-confirmation-downloads__table tbody td::before {
    content: attr(data-title);
    font-weight: bold;
    color: #d9bd8a;
    margin-right: 10px;
  }
}
/*chenarul de sub titlul thank you*/
ul.wc-block-order-confirmation-summary-list {
    background: #444444;
    border-radius: 6px;
    padding: 1rem;
    max-width: 800px;
    margin: 0 auto;
    text-align: left;
}
/*chenarul Order details din pagina thank you*/
.wc-block-order-confirmation-totals-wrapper.alignwide {
    background: #444444;
    border-radius: 6px;
    padding: 1rem;
	max-width: 800px;
}
/*chenarul din mijlocul paginii tank you cu categoria downloads*/
.wc-block-order-confirmation-downloads-wrapper.alignwide {
    background: #444444;
    border-radius: 6px;
    padding: 1rem;
	max-width: 800px;
}
/*chenarul de billing address din pagina thankyouu!*/
.wp-block-columns.alignwide.woocommerce-order-confirmation-address-wrapper.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
    background: #444444;
    border-radius: 6px;
    padding: 1rem;
	max-width: 800px;
}
/* mesajul de eroare ca carutul este gol , daca se face back din pagina de check out*/
.wc-block-checkout-empty {
    padding: 0 !important;
    text-align: center important;
    width: 100% important;
}
/* Chenarul de la Order sumary */
.is-large .wp-block-woocommerce-checkout-order-summary-block {
    border: 1px solid #716859 !important;
    border-radius: 5px;
}
/*rama de la plata cu cardul*/
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
    border-radius: 4px;
    box-shadow: none !important;
    background: #d9bd8a;
}
/*eliminare spatiu dintre header si continutul de la one product page*/
.wp-block-group.woocommerce.product.is-layout-flow.wp-block-group-is-layout-flow {
    margin-top: 0 !important;
}
/*stil pentru pagina my account din woocommerce*/
/*spatiul dintre continutul care este afisat pentru pagina my account
.wp-block-spacer {
    display: none;
}*/
h1.has-text-align-center.wp-block-post-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    background: #bba888;
    padding: 0.5rem 0.3rem 0.5rem 0.3rem;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0 0 2rem;
    padding: 5px;
    border-radius: 4px;
    display: flex;
	flex-wrap: wrap; /* Elemente pe mai multe randuri daca nu incap */
    gap: 10px;
    list-style: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    flex: 1 1 150px; /* Fiecare tab sa aiba o latime minima si sa se adapteze */
	    padding: 0.1rem 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 6px 0px;
    background: #ffa41c;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 600;
}

/* Stilizare pentru hover */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: #ccc;
    color: #000;
}

/* Stilizare pentru tab-ul activ */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background: #8b5c17;
    color: #fff;
	text-decoration: none;
}
/*comanda pentru a anula spatierea pentru prima casuta tab din butoanele de la my account*/
.woocommerce-account .woocommerce-MyAccount-navigation li:first-child {
    padding-top: inherit; /* sau elimina aceasta regula */
}
.woocommerce-account main .woocommerce {
    max-width: 1000px;
    background: #444444;
	padding: 3px;
    border-radius: 4px 50px 4px 50px;
    border: 1px solid #716859;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
/*distanta pentru tabelul care este listat sub titlul de la my acoount page*/
.entry-content.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained {
    margin: 0;
    /*padding: 3px;*/
}
/*aliniere si micsorare chenare de la logare si inregistrare de la my account*/
.woocommerce .col2-set, .woocommerce-page .col2-set {
    width: 80%;
    margin: auto;
}
/*ramele de la detaliile din orderele din tabelul care este afisat in my account*/
.woocommerce-page table.shop_table td, .woocommerce-page table.shop_table th {
    padding: 1rem;
    border: 1px solid #716859;
    border-radius: 4px;
}
/*info din pagina Adresses din ,y account*/
.woocommerce-account .woocommerce-MyAccount-content>p:first-of-type {
    padding: 10px;
    background: #252525;
    border-radius: 4px;
}
/*buton editare adresa*/
.woocommerce-account .addresses .title .edit {
    display: block;
    margin-bottom: 1rem;
    background: #9d7739;
    padding: 5px;
    border-radius: 4px;
    box-shadow: -2px 1px 5px #2f271c;
}
.woocommerce-account .addresses .title .edit {
    float: none;
    text-align: center;
}
header.woocommerce-Address-title.title {
    margin: 0;
    padding: 0px 10px 0px 10px;
    background: #252525;
    border-radius: 4px;
}
address {
    border: 1px solid #716859;
    border-radius: 4px;
}
/*aici e un css pentru a elimina spatiul care tine titlul micsorat in paginile de my account*/
.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    padding: 0;
    margin: 0;
}

/*tabel istoric orders din pagina my account*/
tr.woocommerce-orders-table__row.woocommerce-orders-table__row--status-completed.order {
    margin-bottom: 20px;
    border: 1px solid;
    border-radius: 4px;
}
/*butonul de vizualizat comenzile facute*/
 * a.woocommerce-button.wp-element-button.button.view {
    display: inline;
}

/*cod pentru marginea de pe pagina de shop la produse*/
.wp-block-group.grup-modul-produs3-2-1.has-accent-2-color.has-text-color.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    margin: 10px;
}


/*css pentru fast-installation- locatie-stoc*/
p.installation-location-available.has-medium-font-size {
    padding: 7px 20px !important;
    background: linear-gradient(105deg, #7906c1 0%, #065ec1 100%) !important;
    border-radius: 50px;
    font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
    font-weight: 600;
    font-size: 0.95rem;
    color: white;
    box-shadow: 0 4px 12px rgba(150, 37, 211, 0.25);
    transition: all 0.2s ease;
    margin-top: 40px;
}

/*css pentru locatie-stoc*/
p.stock-location-available.has-medium-font-size {
    padding: 7px 20px !important;
    background: linear-gradient(105deg, #1dab52 0%, #065ec1 100%) !important;
    border-radius: 50px;
    font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
    font-weight: 600;
    font-size: 0.95rem;
    color: white;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.25);
    transition: all 0.2s ease;
}



/* Containerul principal */
.logo_lockcar_doii {
    position: relative;
    overflow: visible;
}

/* Stil pentru elementul cu ora?ul */
p.lockcar_location {
    margin-top: -15px;
    font-weight: 600;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100%;
    cursor: pointer;
    scrollbar-width: none; /* Ascunde scrollbar-ul īn Firefox */
    transition: all 0.3s ease;
font-size: 0.8rem;
}

/* Ascunde scrollbar-ul īn Chrome/Safari */
p.lockcar_location::-webkit-scrollbar {
    display: none;
}

/* Efect de scroll la hover */
p.lockcar_location:hover {
    overflow-x: auto;
    animation: scrollText 8s linear infinite;
}

/* Animatie pentru scroll */
@keyframes scrollText {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Daca textul nu depa?e?te containerul, nu anima */
p.lockcar_location:not(:hover) {
    animation: none;
    overflow-x: hidden;
}

/* CODUL DE MAI JOS ESTE SA AFISEZE IN CHENAT IMAGINILE DIN DESCRIEREA PRODUSULUISolu?ia principala pentru container */

/* Cod culoare scris review la produs din one product page */
html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li a {
    color: #05ff31;
}

html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li.active a, html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li:hover a {
    border: none;
    color: #ffa41c;
    text-decoration: none;
}

/* Butonul care apare sub butonul add to cart in momentul in care s-a adaugat ceva in cos */
.woocommerce a.added_to_cart {
    font-size: 0.8rem;
    color: #ffffff;
    background: #4DAF50;
    padding: 6px 24px 6px 24px;
    border-radius: 4px;
    text-decoration: none;
}

/* Ascunde butonul pe desktop */
@media (min-width: 769px) {
    .woocommerce a.added_to_cart {
        display: none !important;
    }
}

/* Afi?eaza butonul doar pe mobil */
@media (max-width: 768px) {
    .woocommerce a.added_to_cart {
        display: inline-block;
    }
}


/* Design stil pentru tabelul cu yourcar stole si buton */
.wp-block-column.partea-de-sus-coloana2.is-layout-flow.wp-block-column-is-layout-flow {
    /* position: absolute; */
    inset: 0;
    background: radial-gradient(ellipse 80% 60% at 50% -10%, rgb(26 111 181 / 28%) 0%, #0000000a 70%), radial-gradient(ellipse 91% 39% at 90% 80%, rgb(232 160 32 / 17%) 0%, transparent 60%), var(--quiz987-lock-navy);
}

.wp-block-group.partea-de-sus-partea-quiz.is-vertical.is-content-justification-center.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-12.wp-block-group-is-layout-flex {
    inset: 0;
    background-image: linear-gradient(rgb(26 111 181 / 12%) 1px, #00000012 1px), linear-gradient(90deg, rgb(26 111 181 / 12%) 1px, #00000021 1px);
    background-size: 50px 50px;
}

/* Button with shadow */
.wp-block-button__link {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

/* Optional: hover effect for better interactivity */
.wp-block-button__link:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
    transform: translateY(-1px);
}

/* Optional: active/pressed effect */
.wp-block-button__link:active {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    transform: translateY(1px);
}