/* =====================================================================
   Lab-404 — pasul de domeniu (cart.php?a=add / /store/<grup>/<produs>)
   ---------------------------------------------------------------------
   Chrome-ul comun (tokeni, fundal, layout, sidebar, pilula, butoane, w-hidden)
   sta in lab404-cart-comun.css, care se incarca inaintea acestui fisier. Aici
   rămâne doar ce e al pasului de domeniu: cele trei opțiuni, câmpurile de caută,
   filtrele si rezultatele.
   ===================================================================== */

/* Nuanta 162 - cea a secțiunii "pricing" din WibePress. */
body:has(.lab404-dom) section#main-body { --sec-h: 162; }

/* =====================================================================
   CELE TREI OPTIUNI, PE UN RAND
   ===================================================================== */
/* Banda de opțiuni: doar cele trei etichete, pe un rând. Panourile sunt intr-un
   container separat (.panouri-domeniu), deci nu mai avem nevoie nici de
   display: contents pe .option, nici de grid-row fixat.

   Caseta o deseneaza BANDA, ca .segment din prototip: un chenar, un fundal,
   overflow: hidden pentru colturi. Inainte o compuneam din chenarele celor trei
   etichete (fiecare cu border-right: 0 si colturile exterioare rotunjite) -
   rămășița de cand panourile stăteau inauntru. Ieseau trei casete, nu una,
   fiindca .option are de la tema un fundal OPAC care se vedea prin eticheta
   semi-transparenta.

   overflow: hidden e sigur acum: lista derulanta a filtrului de extensii e in
   .panouri-domeniu, nu aici, deci nu mai are ce sa taie.
   margin-bottom cu specificitate de ID: tema pune 15px, prototipul are 24px. */
body #order-standard_cart.lab404-dom .domain-selection-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 0 var(--sp-6);
    background: rgba(15, 23, 42, .5);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    overflow: hidden;
}

/* Cand exista si "din coș" sau subdomeniu, sunt mai mult de trei */
.lab404-dom .domain-selection-options:has(.option:nth-of-type(4)) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* .option nu deseneaza NIMIC - banda deseneaza, eticheta umple. Tot ce urmeaza
   sunt anulari, si toate au nevoie de prefix cu ID fiindca tema le pune cu
   selectoare cu ID:
     all.min.css : "#order-standard_cart .domain-selection-options .option
                    { background: #f8f8f8; border-radius: 6px; padding: 6px 20px }"
     custom.css  : "body #order-standard_cart .domain-selection-options .option
                    { background-color: var(--surface) }"
   Fundalul acela opac era "containerul din spatele fiecărei opțiuni", iar din
   cele 20px laterale ieseau ~50px intre opțiuni. */
body #order-standard_cart.lab404-dom .domain-selection-options .option {
    display: flex;
    padding: 0;
    margin: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

/* Prefixat cu ID: tema pune margin-right: 10px pe etichetele din
   .domain-selection-options cu specificitate (1,2,2), deci un selector doar cu
   clase pierdea si intre cele trei opțiuni rămâneau 10px - banda trebuie sa fie
   continua. */
body #order-standard_cart.lab404-dom .domain-selection-options .option > label {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    width: 100%;
    margin: 0;
    padding: var(--sp-4);
    background: transparent;
    border: 0;
    border-right: 1px solid var(--line-soft);
    border-radius: 0;
    cursor: pointer;
    transition: background-color .22s var(--ease-out);
}

/* Ultima nu mai are linie despărțitoare: chenarul din dreapta e al benzii */
body #order-standard_cart.lab404-dom .option:last-of-type > label { border-right: 0; }
.lab404-dom .option > label:hover { background: rgba(255, 255, 255, .03); }

/* Opțiunea aleasa. Evidențierea se leaga de starea iCheck, NU de
   .option-selected: JS-ul pune clasa aia doar pe evenimentul ifChecked, iar la
   incarcare doar daca NICIUN radio nu e bifat (scripts.js ~2710). Al nostru
   porneste bifat, deci prima opțiune nu s-ar evidenția pana la primul clic. */
.lab404-dom .option > label:has([class*="iradio"].checked),
.lab404-dom .option-selected > label {
    background: hsl(var(--sec-h, 162) 70% 50% / .08);
    box-shadow: inset 0 -2px 0 0 var(--cyan);
}

.lab404-dom .opt-titlu {
    font-family: var(--font-display);
    font-size: var(--t-lg);
    font-weight: 600;
    color: var(--ink);
    line-height: 1.25;
}

.lab404-dom .opt-sub {
    display: block;
    font-family: var(--font-body);
    font-size: var(--t-sm);
    font-weight: 400;
    color: var(--ink-4);
    margin-top: 2px;
}

@media (max-width: 860px) {
    .lab404-dom .domain-selection-options,
    .lab404-dom .domain-selection-options:has(.option:nth-of-type(4)) { grid-template-columns: 1fr; }
    /* Pe o coloana linia despărțitoare trece dedesubt */
    body #order-standard_cart.lab404-dom .option > label { border-right: 0; border-bottom: 1px solid var(--line-soft); }
    body #order-standard_cart.lab404-dom .option:last-of-type > label { border-bottom: 0; }
    .lab404-dom .opt-titlu { font-size: var(--t-base); }
}

/* Panoul: cardul lui propriu, sub banda */
.lab404-dom .domain-input-group {
    padding: var(--sp-6);
    background: rgba(15, 23, 42, .55);
    border: 1px solid var(--line-soft);
    border-radius: var(--r-lg);
    margin: 0;
    float: none;
}


/* --- Bulina, desenata pe wrapperul iCheck --- */
.lab404-dom .option [class*="iradio"] {
    position: relative;
    flex: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1.5px solid var(--line-strong);
    background: none;
    transition: border-color .2s var(--ease-out), background-color .2s var(--ease-out);
}

.lab404-dom .option [class*="iradio"]::after {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: 50%;
    background: #fff;
    opacity: 0;
    transform: scale(.4);
    transition: opacity .2s var(--ease-out), transform .2s var(--ease-out);
}

.lab404-dom .option [class*="iradio"].checked {
    border-color: transparent;
    background: linear-gradient(135deg, var(--cyan) 0%, var(--violet) 100%);
}

.lab404-dom .option [class*="iradio"].checked::after { opacity: 1; transform: scale(1); }


/* =====================================================================
   CAMPURILE
   ===================================================================== */
/* Grila, nu flex. Cu flex rândul se supra-constrângea: zona de text creștea pe
   flex-basis, butonul nu putea scadea sub conținutul lui, iar suma depășea
   lățimea - butonul intra 3px PESTE câmp. Cu doua coloane, minmax(0,1fr) si
   auto, asta nu se mai poate intampla la nicio lățime.
   align-items: center pune butonul la jumatatea zonei de text; cu stretch
   ieșea un pătrat cat jumatate de panou. */
.lab404-dom .rand-caută,
.lab404-dom .rand-domeniu {
    /* Flex cu flex-basis 0 pe câmp, nu grila si nu flex-basis in px.
       Cu `flex: 1 1 320px` rândul se supra-constrângea si butonul intra 3px
       PESTE câmp. Cu grila, coloana `auto`/`max-content` a ieșit 120px desi
       butonul cere 135, deci suprapunerea a rămas. Cu `flex: 1 1 0` câmpul ia
       DOAR spatiul rămas dupa buton, deci nu poate depăși niciodata. */
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--sp-3);
}

/* Aici, invers: butonul se intinde cat grupul de câmpuri, ca in prototip (49 si
   49). Cu `center` moștenit de mai sus ieșea 47 langa un câmp de 52, fiindca
   butonul are line-height 21px si câmpul 24px - se vedea mai scund. La
   .rand-caută stretch NU merge: zona de text are cateva rânduri si butonul ar
   ieși un pătrat cat jumatate de panou. */
.lab404-dom .rand-domeniu { align-items: stretch; }

.lab404-dom .rand-caută > .zona-text,
.lab404-dom .rand-caută > .grup-domeniu,
.lab404-dom .rand-caută > .camp-lat,
.lab404-dom .rand-domeniu > .grup-domeniu,
.lab404-dom .rand-domeniu > .camp-lat {
    flex: 1 1 0;
    min-width: 0;
}

/* margin: 0 e OBLIGATORIU aici, nu cosmetic.
   Formularul de comanda pune pe butoanele din rândurile lui `margin-left: -15px`
   ca sa compenseze padding-ul coloanelor Bootstrap din layoutul lui original.
   Noi nu mai avem coloanele alea, deci marginea rămânea si tragea butonul 15px
   PESTE câmpul de langa - se vedea ca 3px de suprapunere, la toate cele trei
   rânduri, cu si fara iconita. */
/* margin: 0 pe TOATE butoanele zonei, nu doar pe cele din rânduri.
   theme.min.css pune "body #order-standard_cart .domain-selection-options .btn
   { margin-left: -15px }" - o compensare pentru padding-ul coloanelor Bootstrap
   din layoutul original, pe care noi nu le mai avem. Prinde si butoanele
   generate de pluginul de multiselect (au si ele clasa .btn), de unde "Includeți
   TLD-uri" incepea 15px in stanga câmpului si cele doua filtre se atingeau.
   Selectorul are aceeasi specificitate ca al temei (1,2,3) si vine dupa. */
body #order-standard_cart.lab404-dom .btn,
body #order-standard_cart.lab404-dom .btn-group,
body #order-standard_cart.lab404-dom button.multiselect { margin: 0; }

.lab404-dom .rand-caută > .btn,
.lab404-dom .rand-domeniu > .btn { flex: 0 0 auto; }

/* Iconitele din butoane au nevoie de dimensiuni EXPLICITE in CSS, nu doar in
   atributele width/height ale <svg>. Fara ele, lățimea intrinseca a butonului
   se calcula 120px - fara iconita - dar butonul randa 135, deci ieșea 15px
   peste coloana lui si intra 3px peste câmpul de langa. */
body #order-standard_cart.lab404-dom .btn svg {
    flex: none;
    width: 14px;
    height: 14px;
}

body #order-standard_cart.lab404-dom .btn-mare svg { width: 17px; height: 17px; }

@media (max-width: 620px) {
    .lab404-dom .rand-caută,
    .lab404-dom .rand-domeniu { flex-wrap: wrap; }
    .lab404-dom .rand-caută > .zona-text,
    .lab404-dom .rand-caută > .grup-domeniu,
    .lab404-dom .rand-domeniu > .grup-domeniu { flex: 1 1 100%; }
}

.lab404-dom .zona-text {
    min-width: 0;
    display: block;
    min-height: 108px;
    resize: vertical;
    padding: .85rem 1rem;
    background: rgba(3, 7, 18, .6);
    border: 1px solid var(--line);
    border-radius: var(--r-md);
    color: var(--ink);
    font-family: var(--font-body);
    font-size: var(--t-sm);
    line-height: 1.6;
    outline: none;
    box-shadow: none;
    transition: border-color .22s var(--ease-out), background-color .22s var(--ease-out);
}

.lab404-dom .zona-text:focus {
    border-color: hsl(var(--sec-h, 162) 70% 55% / .55);
    background: rgba(3, 7, 18, .8);
}

.lab404-dom .zona-text::placeholder { color: var(--ink-4); }

/* Grupul www. | nume | extensie */
.lab404-dom .grup-domeniu {
    min-width: 0;
    display: flex;
    align-items: stretch;
    background: rgba(3, 7, 18, .6);
    border: 1px solid var(--line);
    border-radius: var(--r-md);
    overflow: hidden;
    transition: border-color .22s var(--ease-out);
}

.lab404-dom .grup-domeniu:focus-within { border-color: hsl(var(--sec-h, 162) 70% 55% / .55); }

.lab404-dom .grup-domeniu .prefix {
    display: flex;
    align-items: center;
    padding: 0 .85rem;
    background: rgba(255, 255, 255, .04);
    border-right: 1px solid var(--line);
    font-family: var(--font-mono);
    font-size: var(--t-sm);
    color: var(--ink-4);
    white-space: nowrap;
}

/* .form-control vine din marcajul WHMCS si trebuie neutralizat: are inaltime
   fixa, chenar deschis si umbra interioara. */
.lab404-dom .grup-domeniu .sld {
    flex: 1;
    min-width: 0;
    height: auto;
    padding: .8rem 1rem;
    background: none;
    border: 0;
    box-shadow: none;
    outline: none;
    color: var(--ink);
    font-family: var(--font-mono);
    font-size: var(--t-base);
}

.lab404-dom .grup-domeniu .sld::placeholder { color: var(--ink-4); }

.lab404-dom .grup-domeniu .tld {
    flex: 0 0 124px;
    width: 124px;
    height: auto;
    padding: .8rem .8rem;
    background: rgba(255, 255, 255, .03);
    border: 0;
    border-left: 1px solid var(--line);
    border-radius: 0;
    box-shadow: none;
    outline: none;
    color: var(--ink);
    font-family: var(--font-mono);
    font-size: var(--t-sm);
}

.lab404-dom .grup-domeniu .tld-lat { flex: 0 0 200px; width: 200px; }

.lab404-dom .grup-domeniu select.tld {
    appearance: none;
    cursor: pointer;
    padding-right: 1.9rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2394a3b8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .7rem center;
}

.lab404-dom .grup-domeniu input.tld::placeholder { color: var(--ink-4); }

/* Aceleasi anulari, dar cu prefix de ID. Fara ele, la Transfer si la "Am deja
   domeniul" fiecare câmp isi păstra propria caseta si se vedeau trei chenare in
   loc de unul: regulile de mai sus sunt (0,3,0) si pierdeau fata de
     all.min.css  : "#order-standard_cart .form-control
                     { background: #fff; border-width: 1px; border-radius: 3px }"   (1,2,0)
     theme.min.css: "body #order-standard_cart .form-control { border-radius: 8px }" (1,2,1)
     custom.css   : "body #order-standard_cart .form-control
                     { background-color: var(--surface-lifted) }"                   (1,2,1)
   Caseta trebuie sa fie una singura: cea de pe .grup-domeniu.

   La .tld anulez doar background-COLOR: background scurt ar sterge sageata pusa
   mai jos pe select.tld. */
body #order-standard_cart.lab404-dom .grup-domeniu .sld {
    width: auto;
    height: auto;
    background-color: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: .8rem 1rem;
}

body #order-standard_cart.lab404-dom .grup-domeniu .tld {
    flex: 0 0 116px;
    width: 116px;
    height: auto;
    background-color: rgba(255, 255, 255, .03);
    border: 0;
    border-left: 1px solid var(--line);
    border-radius: 0;
    box-shadow: none;
    padding: .8rem .8rem;
}

body #order-standard_cart.lab404-dom .grup-domeniu select.tld { padding-right: 1.9rem; }
body #order-standard_cart.lab404-dom .grup-domeniu .tld-lat { flex: 0 0 200px; width: 200px; }

/* Selectul de domeniu din coș, cand exista */
.lab404-dom .camp-lat {
    min-width: 0;
    height: auto;
    appearance: none;
    padding: .8rem 2rem .8rem 1rem;
    background: rgba(3, 7, 18, .6);
    border: 1px solid var(--line);
    border-radius: var(--r-md);
    box-shadow: none;
    color: var(--ink);
    font-family: var(--font-mono);
    font-size: var(--t-base);
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2394a3b8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .8rem center;
}



/* =====================================================================
   FILTRELE (extensii, lungime maxima, căutare sigura)
   Multiselectul e generat de plugin: buton + dropdown cu bife.
   ===================================================================== */
/* Prefixat cu ID: all.min.css are "#order-standard_cart .domains-row
   { margin: 0 -2px }" (1,1,1), care bate un selector doar cu clase. Din cei -2px
   rândul de filtre incepea 2px la stanga câmpului de deasupra. */
body #order-standard_cart.lab404-dom .filtre-rand {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sp-4);
    margin: var(--sp-4) 0 0;
}

/* Valorile sunt cele masurate in prototip pe .ms-buton: padding 7.2/12.8px,
   raza 6px, font 12px, fundal rgba(255,255,255,.04), chenar rgba(255,255,255,.1).
   Prefixate cu ID, altfel regula de buton principal a temei le bate. */
body #order-standard_cart.lab404-dom .btn-group > button.multiselect,
body #order-standard_cart.lab404-dom button.multiselect {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .45rem .8rem;
    background: rgba(255, 255, 255, .04);
    border: 1px solid var(--line);
    border-radius: var(--r-sm);
    color: var(--ink-3);
    font-family: var(--font-body);
    font-size: var(--t-xs);
    font-weight: 400;
    box-shadow: none;
    text-shadow: none;
    transform: none;
}

/* Numarul de extensii din eticheta butonului: cyan, monospațiat */
.lab404-dom button.multiselect .ms-nr {
    color: var(--cyan-light);
    font-family: var(--font-mono);
    font-weight: 500;
}

body #order-standard_cart.lab404-dom button.multiselect:hover {
    color: var(--ink);
    border-color: var(--line-strong);
    background: rgba(255, 255, 255, .07);
    transform: none;
    box-shadow: none;
}

/* Lista derulanta: doua coloane de bife, ca .ms-panou din prototip.
   position/z-index scrise explicit: pluginul se sprijina pe .dropdown-menu al
   temei, iar daca acela nu ajunge sa se aplice, lista intra in flux si IMPINGE
   formularul in loc sa se deschida peste el. */
body #order-standard_cart.lab404-dom .multiselect-container {
    position: absolute;
    z-index: 60;
    display: none;
    min-width: 280px;
    max-height: 260px;
    overflow-y: auto;
    background: var(--surface-2);
    border: 1px solid var(--line);
    border-radius: var(--r-md);
    box-shadow: 0 18px 40px -14px rgba(0, 0, 0, .75);
    padding: var(--sp-2);
    margin: 6px 0 0;
    list-style: none;
}

/* Pluginul deschide lista punand .open (Bootstrap 3) sau .show (4) pe grup */
body #order-standard_cart.lab404-dom .btn-group.open > .multiselect-container,
body #order-standard_cart.lab404-dom .btn-group.show > .multiselect-container,
body #order-standard_cart.lab404-dom .multiselect-container.show {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .25rem var(--sp-3);
}

/* Filtrul de text al pluginului, cand e activ, trebuie sa ocupe tot rândul */
body #order-standard_cart.lab404-dom .multiselect-container > li.multiselect-item.filter,
body #order-standard_cart.lab404-dom .multiselect-container > li.multiselect-all {
    grid-column: 1 / -1;
}

.lab404-dom .multiselect-container > li > a { padding: 0; }

.lab404-dom .multiselect-container label {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: 0;
    padding: .3rem .5rem;
    color: var(--ink-2);
    font-family: var(--font-mono);
    font-size: var(--t-xs);
    cursor: pointer;
}

.lab404-dom .multiselect-container label:hover {
    color: var(--ink);
    background: rgba(255, 255, 255, .04);
}

.lab404-dom .multiselect-container .input-group { border: 0; background: none; }

/* Căutarea sigura: are .no-icheck, deci rămâne un checkbox nativ */
.lab404-dom .bifa-mica {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin: 0;
    color: var(--ink-3);
    font-family: var(--font-body);
    font-size: var(--t-xs);
    font-weight: 400;
    cursor: pointer;
}

.lab404-dom .bifa-mica input {
    appearance: none;
    width: 15px;
    height: 15px;
    margin: 0;
    border: 1.5px solid var(--line-strong);
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    transition: background-color .18s, border-color .18s;
}

.lab404-dom .bifa-mica input:checked {
    background: linear-gradient(135deg, var(--cyan) 0%, var(--violet) 100%);
    border-color: transparent;
}

.lab404-dom .bifa-mica input:checked::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 0;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 1.5px 1.5px 0;
    transform: rotate(45deg);
}

.lab404-dom .bifa-mica:hover { color: var(--ink); }

/* "Căutare sigură" e ascunsa: in WHMCS filtreaza sugestiile pe server, iar la
   noi sugestiile nu vin deloc (domainLookupRegistrar e gol in tblconfiguration),
   deci comutatorul nu face nimic vizibil. Inputul rămâne in DOM, ca valoarea lui
   sa se trimita in continuare cu formularul. */
.lab404-dom .bifa-ascunsa { display: none; }


/* =====================================================================
   REZULTATELE — randate de JS-ul WHMCS, stilizate aici
   ===================================================================== */
.lab404-dom .primary-domain-header {
    font-family: var(--font-display);
    font-size: var(--t-xs);
    font-weight: 600;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--ink-3);
    margin: var(--sp-8) 0 var(--sp-3);
    padding: 0;
    background: none;
    border: 0;
}

.lab404-dom .primary-domain-header i { color: var(--cyan-light); }

.lab404-dom .domain-checker-result-headline,
.lab404-dom .domain-lookup-loader {
    font-family: var(--font-mono);
    font-size: var(--t-sm);
    color: var(--ink-3);
}

.lab404-dom #primaryLookupResult .headline {
    font-family: var(--font-display);
    font-size: var(--t-lg);
    font-weight: 600;
    padding: var(--sp-4) var(--sp-6);
    border: 1px solid var(--line-soft);
    border-radius: var(--r-md);
    background: rgba(15, 23, 42, .55);
    margin: 0 0 var(--sp-3);
}

.lab404-dom #primaryLookupResult .domain-available {
    color: var(--ink);
    border-color: rgba(34, 197, 94, .34);
    background: rgba(34, 197, 94, .07);
}

.lab404-dom #primaryLookupResult .domain-available strong { color: var(--ok); }

.lab404-dom #primaryLookupResult .domain-unavailable {
    color: var(--ink-3);
    border-color: rgba(248, 113, 113, .28);
    background: rgba(248, 113, 113, .06);
}

.lab404-dom #primaryLookupResult .domain-unavailable strong { color: var(--err); }

.lab404-dom .transfer-eligible,
.lab404-dom .transfer-not-eligible,
.lab404-dom .domain-invalid {
    color: var(--ink-3);
    font-size: var(--t-sm);
}

.lab404-dom .transfer-eligible .headline,
.lab404-dom .transfer-not-eligible .headline,
.lab404-dom .domain-invalid .headline { font-size: var(--t-base); }

/* Prețul potrivirii exacte */
.lab404-dom .domain-price {
    font-family: var(--font-mono);
    font-size: var(--t-sm);
    color: var(--ink-2);
    margin-top: var(--sp-3);
}

.lab404-dom .domain-price .price { color: var(--cyan-light); }

/* Sugestiile: un rând pe extensie */
.lab404-dom .suggested-domains {
    margin-top: var(--sp-8);
    background: none;
    border: 0;
}

.lab404-dom .suggested-domains > .panel-heading,
.lab404-dom .suggested-domains > .card-header {
    padding: 0;
    margin: 0 0 var(--sp-3);
    background: none;
    border: 0;
    font-family: var(--font-display);
    font-size: var(--t-xs);
    font-weight: 600;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--ink-3);
}

.lab404-dom #domainSuggestions,
.lab404-dom .domain-lookup-result.list-group { background: none; border: 0; margin: 0; }

.lab404-dom .domain-suggestion {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    padding: .7rem var(--sp-2);
    background: none;
    border: 0;
    border-bottom: 1px solid var(--line-soft);
    border-radius: 0;
    font-family: var(--font-mono);
    font-size: var(--t-sm);
    color: var(--ink);
}

.lab404-dom .domain-suggestion .domain { color: var(--ink); }
.lab404-dom .domain-suggestion .extension { color: var(--cyan-light); }

.lab404-dom .domain-suggestion .actions {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    margin-left: auto;
}

.lab404-dom .domain-suggestion .price { color: var(--ink-2); white-space: nowrap; }
.lab404-dom .domain-suggestion .promo { color: var(--cyan-light); font-size: var(--t-xs); }

/* Butonul de adaugare: discret pe rând, gradient la hover */
body #order-standard_cart.lab404-dom .domain-suggestion .btn-add-to-cart {
    padding: .35rem .9rem;
    font-size: var(--t-xs);
    background: rgba(255, 255, 255, .05);
    border: 1px solid var(--line);
    color: var(--ink-2);
}

.lab404-dom .domain-suggestion .btn-add-to-cart:hover {
    background: linear-gradient(135deg, var(--cyan) 0%, var(--violet) 100%);
    border-color: transparent;
}

.lab404-dom .domain-lookup-suggestions-loader,
.lab404-dom .domain-lookup-suggestions-message,
.lab404-dom .more-suggestions,
.lab404-dom .domain-suggestions-warning {
    background: none;
    border: 0;
    color: var(--ink-4);
    font-size: var(--t-sm);
    padding: var(--sp-3) 0;
}

.lab404-dom .more-suggestions a { color: var(--cyan-light); }

/* Extensiile promovate, cand sunt configurate */
.lab404-dom .spotlight-tlds { margin-top: var(--sp-6); }

.lab404-dom .spotlight-tlds-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: var(--sp-3);
}

.lab404-dom .spotlight-tld {
    padding: var(--sp-4);
    background: rgba(15, 23, 42, .55);
    border: 1px solid var(--line-soft);
    border-radius: var(--r-md);
    font-family: var(--font-mono);
    font-size: var(--t-sm);
    color: var(--ink);
    text-align: center;
}

.lab404-dom .spotlight-tld .price { display: block; color: var(--cyan-light); margin: var(--sp-2) 0; }