/* Caseta "Fa-ti cont gratuit pe HD Satelit" (assets/popup-cont.js), aceeasi ca pe www.hdsatelit.com: culorile si marimile din ecranele
   Stitch (hdsatelit-unelte/design-sit-stitch/popup-cont/). Copia pentru stb.hdsatelit.com: aici tema intunecata e cea implicita, iar cea luminoasa e <html data-tema="luminos">.
   Facuta din satbase/public/assets/popup-cont.css (acolo: html.dark, html.hds-intunecat), cu selectorii temei schimbati. */
.hds-popup-cont{position:fixed;left:50%;bottom:24px;z-index:9990;box-sizing:border-box;width:min(560px,calc(100vw - 24px));display:flex;gap:16px;align-items:flex-start;padding:22px 48px 18px 22px;background:#fff;color:#0f172a;border-radius:16px;border-top:3px solid #2563eb;box-shadow:0 25px 50px -12px rgba(15,23,42,.35),0 0 0 1px rgba(15,23,42,.08);font-family:inherit;text-align:left;opacity:0;transform:translate(-50%,16px);transition:opacity .25s ease,transform .25s ease}
.hds-popup-cont[hidden]{display:none}
.hds-popup-cont.is-vizibil{opacity:1;transform:translate(-50%,0)}
.hds-popup-cont.is-ascuns{visibility:hidden}
.hds-popup-cont-icon{flex:0 0 44px;width:44px;height:44px;margin-top:2px;border-radius:12px;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center}
.hds-popup-cont-icon svg{width:24px;height:24px}
.hds-popup-cont-corp{min-width:0;flex:1 1 auto}
.hds-popup-cont-titlu{margin:0;font-size:18px;line-height:1.35;font-weight:700;letter-spacing:-.01em;color:inherit}
.hds-popup-cont-butoane{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.hds-popup-cont-b{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none!important;line-height:1;transition:background-color .15s}
.hds-popup-cont-b1{background:#2563eb;color:#fff!important;border:1px solid #2563eb;box-shadow:0 1px 2px rgba(15,23,42,.08)}
.hds-popup-cont-b1:hover{background:#1d4ed8;border-color:#1d4ed8}
.hds-popup-cont-b2{background:transparent;color:#334155!important;border:1px solid #cbd5e1}
.hds-popup-cont-b2:hover{background:#f8fafc}
.hds-popup-cont-b:focus-visible,.hds-popup-cont-x:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.hds-popup-cont-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:#64748b;font-size:22px;font-weight:300;line-height:32px;cursor:pointer;padding:0}
.hds-popup-cont-x:hover{background:#f1f5f9;color:#1e293b}
/* randul 2: avantajele, cate unul; cel care pleaca iese spre stanga in timp ce urmatorul intra din dreapta */
.hds-popup-cont-avantaje{position:relative;height:24px;margin:6px 0 14px;padding:0;list-style:none;overflow:hidden}
.hds-popup-cont-avantaje li{position:absolute;left:0;right:0;top:0;margin:0;padding:0;font-size:14.5px;line-height:24px;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateX(105%);opacity:0;transition:transform .45s ease,opacity .45s ease}
.hds-popup-cont-avantaje li::before{content:"";display:inline-block;width:6px;height:6px;margin:0 8px 2px 1px;border-radius:50%;background:#2563eb;vertical-align:middle}
.hds-popup-cont-avantaje li.is-activ{transform:translateX(0);opacity:1}
.hds-popup-cont-avantaje li.is-iesit{transform:translateX(-105%);opacity:0}
.hds-popup-cont-contur{display:inline-block;padding:0 9px;border:1.5px solid #2563eb;border-radius:999px;color:#2563eb;font-weight:700;line-height:20px}
@media (prefers-reduced-motion:reduce){.hds-popup-cont,.hds-popup-cont-avantaje li{transition:none}}
/* pe telefon (Stitch, popup-cont-telefon): scutul mic langa titlu, butoanele egale */
@media (max-width:600px){.hds-popup-cont{bottom:12px;display:block;padding:15px 44px 14px 16px}.hds-popup-cont-icon{position:absolute;top:16px;left:16px;width:20px;height:20px;margin:0;background:none;border-radius:0}.hds-popup-cont-icon svg{width:20px;height:20px}.hds-popup-cont-titlu{font-size:16px;padding-left:27px}.hds-popup-cont-avantaje{margin:6px 0 12px}.hds-popup-cont-avantaje li{font-size:13.5px}.hds-popup-cont-butoane{flex-wrap:nowrap;gap:10px}.hds-popup-cont-b{flex:1 1 0;min-height:44px;padding:0 10px}.hds-popup-cont-x{width:40px;height:40px;line-height:40px;top:4px;right:4px}}
/* tema intunecata (Stitch, popup-cont-telefon-intunecat) */
html:not([data-tema="luminos"]) .hds-popup-cont{background:#0f172a;color:#fff;border:1px solid rgba(51,65,85,.8);border-top:3px solid #2563eb;box-shadow:0 25px 50px -12px rgba(0,0,0,.7)}
html:not([data-tema="luminos"]) .hds-popup-cont-avantaje li{color:#cbd5e1}
html:not([data-tema="luminos"]) .hds-popup-cont-avantaje li::before{background:#60a5fa}
html:not([data-tema="luminos"]) .hds-popup-cont-contur{color:#93c5fd;border-color:#60a5fa}
html:not([data-tema="luminos"]) .hds-popup-cont-icon{background:rgba(56,189,248,.12);color:#38bdf8}
@media (max-width:600px){html:not([data-tema="luminos"]) .hds-popup-cont-icon{background:none}}
html:not([data-tema="luminos"]) .hds-popup-cont-b1:hover{background:#3b82f6;border-color:#3b82f6}
html:not([data-tema="luminos"]) .hds-popup-cont-b2{color:#e2e8f0!important;border-color:#475569}
html:not([data-tema="luminos"]) .hds-popup-cont-b2:hover{background:#334155}
html:not([data-tema="luminos"]) .hds-popup-cont-x{color:#94a3b8}
html:not([data-tema="luminos"]) .hds-popup-cont-x:hover{background:#334155;color:#f1f5f9}