/* ========================================================================== Host Factory · legătura dintre hf-site.css (machete) și markup-ul WHMCS / Nexus. Se încarcă după custom.css și hf-site.css. Scris de mână, nu e generat. ========================================================================== */ /* Header și footer poartă `.hf` pe toate paginile, fără să schimbe marginile Bootstrap din paginile standard WHMCS. display: contents păstrează header-ul sticky față de body. */ .hf-chrome { display: contents; } /* Paginile noi (homepage, /gazduire-web, panou) ocupă toată lățimea. */ .hf-full { background: var(--hf-paper); } .hf-full #main-body.hf-fullbody { padding: 0; margin: 0; background: transparent; min-height: 0; } .hf-full .hf-sec h2 { margin: 0; } /* Coșul din header: numărul apare doar când există produse. */ .hf-head .hf-count--0 { display: none; } /* Meniul contului (dropdown Bootstrap) */ .hf-whodrop { position: relative; } .hf-whodrop .hf-who { cursor: pointer; } .hf-whodrop .dropdown-menu { margin-top: 10px; border-radius: var(--hf-r-md); border: 1px solid var(--hf-line); box-shadow: 0 12px 32px rgba(10,16,11,.18); padding: 6px; font-family: var(--hf-body); } .hf-whodrop .dropdown-item { border-radius: 6px; padding: .5rem .8rem; color: var(--hf-text) !important; font-size: .92rem; } .hf-whodrop .dropdown-item:hover { background: var(--hf-soft); } /* Notificările (popover Nexus) */ #accountNotifications { cursor: pointer; } /* Butonul de revenire în admin */ .hf-head .btn-return-to-admin { color: #F6C27A !important; border-color: rgba(246,194,122,.4); } /* Meniul mobil: panou închis la culoare pe toată lățimea, sub header */ .hf-mobmenu { background: var(--hf-ink); border-top: 1px solid var(--hf-ink-line); } .hf-mobmenu .hf-wrap { padding-block: 12px 20px; } .hf-mobmenu ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; } .hf-mobmenu li a { display: flex; gap: 12px; align-items: center; min-height: 48px; padding: 0 12px; border-radius: 10px; color: var(--hf-on-ink-2) !important; text-decoration: none; font-weight: 500; } .hf-mobmenu li a:hover { background: rgba(255,255,255,.06); color: #fff !important; } .hf-mobmenu li a .hf-i { color: var(--hf-brand-bright); } .hf-mobmenu__search { display: flex; margin-top: 12px; border: 1px solid var(--hf-ink-line); border-radius: 10px; overflow: hidden; } .hf-mobmenu__search input { flex: 1; min-width: 0; height: 46px; border: 0; background: rgba(255,255,255,.04); color: #fff; padding: 0 14px; font: inherit; } .hf-mobmenu__search input::placeholder { color: var(--hf-on-ink-3); } .hf-mobmenu__search button { width: 48px; border: 0; background: transparent; color: #fff; } @media (min-width: 1181px) { .hf-mobmenu { display: none !important; } } /* Captcha-ul din formularul de domenii (pe fundal închis) */ .hf-dsearch .hf-captcha { margin: 14px 0 0; justify-content: flex-start !important; } .hf-dsearch .domainchecker-homepage-captcha { color: var(--hf-on-ink-2); } /* Stare goală în panou (C1: client fără servicii) */ .hf-empty { padding: 28px 22px; display: grid; gap: 14px; justify-items: start; color: var(--hf-text-2); } /* Footer subțire în portal */ .hf-foot--slim { border-top-width: 1px; } /* Nexus pune padding pe body pentru header-ul fix; tema noastră are header sticky. */ body.hf-full { padding-top: 0; } /* custom.css (kit) colorează h1-h4 cu --neutral-950 și ascunde titlurile de pe fundal închis. :where păstrează specificitatea minimă, deci .hf-foot h4 și celelalte reguli din hf-site.css câștigă. */ :where(.hf) :is(h1, h2, h3, h4) { color: inherit; } /* are fundal închis din custom.css, iar Nexus fixează înălțimea lui body: fără asta, sub primul ecran se vede fundalul lui html. */ body.hf-full { height: auto; min-height: 100%; } html:has(body.hf-full) { background: var(--hf-paper); } /* „Ce primești”: 6 casete publicate (SSL și backup așteaptă confirmarea), deci 3 coloane. */ @media (min-width: 961px) { .hf-sheet--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* standard_cart_hf: .row-urile Bootstrap cu margini negative ies cu 15 px din ecran pe mobil (produse, configurare, coș). Tăiem doar surplusul orizontal, conținutul stă în padding-ul coloanelor. */ @media (max-width: 767px) { #order-standard_cart .products .row { margin-left: 0; margin-right: 0; } #order-standard_cart { overflow-x: clip; } }