@charset "utf-8";
/* ============================================================
   Biteks.ro — modificari-v13.css
   Versiune consolidată: v2–v6 curățate într-un singur fișier,
   fără reguli duplicate + polish suplimentar.
   ============================================================ */

/* ===== Font ===== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
body, .btn, input, select, textarea {font-family: 'Montserrat', sans-serif;}

/* ===== Header — navy ===== */
.header {background-color: #0e1a2b; color: #fff !important;}
.header a {color: #fff;}
.header__menu a:active, .header__menu a:hover {
    color: #FFB25E;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.header__menu-toggle-line, .header__menu-toggle-line:after, .header__menu-toggle-line:before {background: #fff;}

/* ===== Accesibilitate: focus vizibil (tastatură) ===== */
a:focus-visible, button:focus-visible, .btn:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 3px solid #FB8B23;
    outline-offset: 2px;
    border-radius: 4px;
}

/* ===== Body ===== */
body {background-color: #f4f6f9; color: #1a2433;}

/* Linkuri în conținut: subliniate, nu doar colorate */
.product-content a, .page__static-content a {
    color: #0e5aa7;
    text-decoration: underline;
}

/* ===== Footer ===== */
.footer {background-color: #14213D; color: #e8ecf3; padding-bottom: 0;}
.footer a {color: #e8ecf3; text-decoration: underline; text-decoration-color: rgba(232,236,243,.4);}
.footer a:hover {color: #FFB25E; text-decoration-color: currentColor;}
.footer__widgets {background-color: transparent; border-bottom: 1px solid #2a3a55;}
.footer__bottom {background-color: #0e1a2b;}

/* ===== Card produs ===== */
.product--grid {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #d5dce8;
    padding: 5px 0;
    transition: box-shadow .15s ease, transform .15s ease;
}
.product--grid:hover {
    box-shadow: 0 6px 18px rgba(14,26,43,.12);
    transform: translateY(-2px);
}

/* Imagini uniforme: container pătrat */
.product--grid .grid-image, .product--grid .product__image {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #fff;
}
.product--grid .grid-image img, .product--grid .product__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Titlu: max 2 rânduri, greutate mai mare */
.product--grid [class*="title"] a,
.product--grid h2 a, .product--grid h3 a {
    font-weight: 600;
    color: #1a2433;
}
.product--grid [class*="title"] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Eticheta de categorie: mică, gri, uppercase */
.product--grid [class*="category"],
.product--grid [class*="manufacturer"] {
    font-size: .72em;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #5a6678;
}

/* Descriere: max 3 rânduri, aliniată stânga */
.product--grid [class*="description"],
.product--grid [class*="excerpt"],
.product--grid [class*="summary-text"] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
    padding: 0 10px;
    font-size: .85em;
    color: #4a5568;
}

/* ===== Prețuri ===== */
.product__price, .price {
    font-weight: 700;
    color: #0e1a2b;
    font-size: 1.15em;
}
.price--old, .product__price--old {
    font-size: .85em;
    font-weight: 400;
    color: #5a6678;
    text-decoration: line-through;
}

/* ===== ADD TO CART ===== */
button[class*="cart"], a[class*="cart"][class*="add"],
button[class*="add-to-cart"], a[class*="add-to-cart"],
button[class*="addtocart"], a[class*="addtocart"],
.btn-primary {
    background-color: #E07000;
    border-color: #E07000;
    color: #fff !important;
    border-radius: 8px;
    font-weight: 700;
    letter-spacing: .02em;
    white-space: nowrap !important;
    transition: background-color .15s ease, transform .1s ease;
}
button[class*="cart"]:hover, a[class*="cart"][class*="add"]:hover,
.btn-primary:hover, .btn-primary:focus {
    background-color: #0e1a2b;
    border-color: #0e1a2b;
    color: #fff !important;
}
.btn-primary:active {transform: scale(.97);}

/* Desktop: compact */
@media (min-width: 768px) {
    .btn-primary {padding: 8px 16px;}
}

/* Mobil: full-width în card, o linie, țintă 44px */
@media (max-width: 767px) {
    .btn-primary {min-height: 44px; padding: 10px 18px;}
    button[class*="cart"], a[class*="cart"][class*="add"],
    button[class*="add-to-cart"], a[class*="add-to-cart"],
    button[class*="addtocart"], a[class*="addtocart"] {
        display: block;
        width: 100%;
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

/* Favorite: secundar, țintă 44px */
.product-action--add-to-favorites a {
    border-radius: 8px;
    min-width: 44px;
    min-height: 44px;
}

/* ===== Sticky buy box pe mobil (pagina de produs) ===== */
@media (max-width: 767px) {
    .product-summary__actions, .product-action {
        position: sticky;
        bottom: 0;
        z-index: 50;
        background: #fff;
        padding: 8px 10px;
        margin: 0 -3px;
        box-shadow: 0 -4px 12px rgba(14,26,43,.12);
    }
}

/* ===== Badge-uri: navy pe portocaliu ===== */
[class*="badge"] {
    color: #0e1a2b !important;
    font-weight: 700;
}
/* excepție: butoanele nu sunt badge-uri */
button[class*="badge"], a[class*="badge"][class*="cart"] {
    color: #fff !important;
}
.grid-image__badge, .compact-image__badge {
    background-color: #FB8B23;
    border-radius: 8px 0 0 8px;
}
.product-summary__badge {
    background-color: #FB8B23;
    border-radius: 0 8px 8px 0;
}
/* Reducerea (%) mai vizibilă decât NOU */
[class*="badge"][class*="discount"] {
    background-color: #E07000;
    color: #fff !important;
    font-size: 1.05em;
    padding: 4px 10px;
}
[class*="badge"][class*="new"] {
    background-color: #14213D;
    color: #fff !important;
    font-size: .8em;
    padding: 3px 8px;
}

/* ===== Zone de conținut ===== */
.product-content, .page__static-content {
    padding: 0 3px;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #d5dce8;
    line-height: 1.6;
}
@media (min-width: 992px) {
    .product-content .product__description,
    .page__static-content {max-width: 75ch;}
}

/* ===== Ascunde categoriile cu nume tehnice din meniu =====
   (fix temporar — de șters/redenumit din admin) */
a[href*="/catalog/carcase-78-596"],
a[href*="/catalog/coolere-procesor-228-598"],
a[href*="/catalog/placi-video-95-600"],
a[href*="/catalog/surse-412-597"] {
    display: none !important;
}

/* ===== Mișcare redusă ===== */
@media (prefers-reduced-motion: reduce) {
    * {transition: none !important; animation: none !important;}
    .product--grid:hover {transform: none;}
    .btn-primary:active {transform: none;}
}

/* ============================================================
   v8 — Bannerele homepage (Multi-image) încap pe ecran pe mobil
   Țintite prin URL-urile lor exacte, nu prin clase.
   ============================================================ */
@media (max-width: 767px) {
    /* Containerul celor două bannere: forțează așezarea în rând, fără overflow */
    div:has(> a[href*="calculatoare-gaming-noi-56"]:has(img)):has(> a[href*="gaming-pc-refurbished-sh-560"]:has(img)) {
        display: flex !important;
        flex-wrap: nowrap;
        gap: 8px;
        overflow: visible !important;
        width: 100%;
    }
    /* Fiecare banner: jumătate de ecran */
    a[href*="calculatoare-gaming-noi-56"]:has(img),
    a[href*="gaming-pc-refurbished-sh-560"]:has(img) {
        flex: 1 1 50%;
        max-width: 50%;
        min-width: 0;
    }
    a[href*="calculatoare-gaming-noi-56"] img,
    a[href*="gaming-pc-refurbished-sh-560"] img {
        width: 100%;
        height: auto;
        display: block;
    }
    /* Textul suprapus pe bannere: mai mic, să încapă la 50% lățime */
    div:has(> a[href*="calculatoare-gaming-noi-56"]) h1,
    div:has(> a[href*="calculatoare-gaming-noi-56"]) h2,
    div:has(> a[href*="calculatoare-gaming-noi-56"]) h3 {
        font-size: 1em;
    }
}

/* ============================================================
   v9 — Fix coș desktop: titlurile produselor din coș nu mai
   moștenesc stilul de buton (orange + nowrap → overflow).
   Plasă de siguranță suplimentară:
   ============================================================ */
/* Orice link de titlu/produs din zona de coș: text normal, cu wrap */
[class*="cart"] a[class*="title"], [class*="cart"] a[class*="product-name"],
[class*="checkout"] a[class*="title"] {
    background: none !important;
    color: #1a2433 !important;
    white-space: normal !important;
    font-weight: 600;
    border-radius: 0;
}

/* ============================================================
   v10 — Fix meniu desktop: linkurile de categorii erau albe
   pe fundal deschis (invizibile fără hover).
   ============================================================ */
@media (min-width: 768px) {
    /* Bara de meniu de sub header: navy pe fundal deschis */
    .header__menu a {
        color: #0e1a2b;
    }
    .header__menu a:hover, .header__menu a:active {
        color: #E07000;
    }
    /* Dacă tema pune și alte linkuri de navigare în afara .header__menu */
    nav a:not(.header a):not(.footer a) {
        color: #0e1a2b;
    }
}

/* ============================================================
   v11 — Fixuri pagina de produs (desktop)
   ============================================================ */
/* Containerele care conțin "add-to-cart"/"cart" în clasă rămân
   transparente — doar butoanele propriu-zise sunt portocalii */
div[class*="add-to-cart"], div[class*="addtocart"], div[class*="cart"]:not([class*="header"]) {
    background: none;
}

/* "Adauga la Favorite": textul rămâne în coloană, cu wrap normal */
[class*="favorites"], [class*="favourite"], [class*="wishlist"] {
    max-width: 100%;
    white-space: normal !important;
    overflow-wrap: break-word;
    font-size: .9em;
}

/* ============================================================
   v12 — Bannere homepage mai scunde
   ============================================================ */
a[href*="calculatoare-gaming-noi-56"] img,
a[href*="gaming-pc-refurbished-sh-560"] img {
    max-height: 220px;
    width: 100%;
    object-fit: cover;      /* umple lățimea, taie sus/jos în loc să deformeze */
    object-position: center;
}
@media (min-width: 768px) {
    a[href*="calculatoare-gaming-noi-56"] img,
    a[href*="gaming-pc-refurbished-sh-560"] img {
        max-height: 300px;
    }
}

/* ============================================================
   v13 — Fara "salt" de layout la expandarea acordeonului
   (spatiul scrollbar-ului e rezervat permanent)
   ============================================================ */
html {
    scrollbar-gutter: stable;
}