/* ==== CSS realizat de CREATIVE ENTERTAINMENT ==== */
/* ===============================
   BODY | HEADER | BRAND | FOOTER
   =============================== */
:root{
  --bg:#0f0f12; --surface:#16161d; --text:#e9e9ee; --muted:#a7a7b4;
  --accent:#6c5ce7; --accent-2:#d4af37; --radius:14px; --max:980px;
}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;background:linear-gradient(180deg,#0e0e11,#121219);color:var(--text);line-height:1.65}
img{max-width:100%;display:block}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(100% - 32px, var(--max));margin-inline:auto}
.site-header{position:sticky;top:0;background:rgba(22,22,29,.8);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid rgba(255,255,255,.06);z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;gap:10px;align-items:center;font-weight:700;letter-spacing:.3px}
.brand .logo{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:inline-block}
.nav a{margin-left:16px;color:var(--text);opacity:.88}
.hero{padding:64px 0 32px;background:
  radial-gradient(800px 300px at 30% -10%, rgba(108,92,231,.25), transparent 60%),
  radial-gradient(600px 250px at 90% 0%, rgba(212,175,55,.15), transparent 60%)}
.hero h1{font-size:clamp(28px,5vw,44px);margin:0 0 8px}
.lead{color:var(--muted);max-width:720px}
.section{padding:48px 0;border-top:1px solid rgba(255,255,255,.06)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:20px}
.card{background:var(--surface);padding:18px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.06)}
.footer{padding:24px 0;color:var(--muted);border-top:1px solid rgba(255,255,255,.06);text-align:center}
.inline-list{display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:0;list-style:none}
.badge{display:inline-block;background:rgba(108,92,231,.18);border:1px solid rgba(108,92,231,.5);padding:4px 10px;border-radius:999px;font-size:13px}
.cta{display:flex;gap:12px;margin-top:16px}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#1b1b25;color:#fff}
.btn-primary{background:linear-gradient(135deg,var(--accent),#7e70ff);border:none}
.muted{color:var(--muted)}
.main{min-height:50vh}
h2{margin-top:0}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid rgba(255,255,255,.08);padding:10px 6px;text-align:left;vertical-align:top}
.note{font-size:14px;color:var(--muted)}

/* ===============================
   LOGO | MENIURI | STRONG
   =============================== */
.brand img.logo-img {
    height: 100px;
    width: auto;
    margin-right: 10px;
    vertical-align: middle;
}
a,
a:visited {
  color: #ffb300;            /* culoarea portocalie din logo */
}

a:hover,
a:focus {
  color: #ffc233;            /* variantă puțin mai deschisă la hover */
  text-decoration: underline;
}

/* linkurile din meniu (header) */
.nav a {
  color: #e9e9ee;
  opacity: 0.9;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.nav a:hover {
  color: #ffb300;
  opacity: 1;
}
.card p strong,
.card strong {
    color: #f9a825;
}
.orange {
    color: #f9a825;
    font-weight: normal;
}
.bagde.orange {
    background: rgba(255,179,0,0.15);
    border: 1px solid #f9a825;
    color: #f9a825;
}
/* Ascunde bara/bannerul standard al Google Translate */
.goog-te-banner-frame { display: none !important; }
body { top: 0 !important; } /* previne offsetul introdus de banner */

/* Componentele implicite ale widgetului (îl lăsăm ascuns) */
#google_translate_element { display: none !important; }

/* Switcher flotant RO/EN (stil Regal Prompt) */
.lang-switch{
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  background: rgba(22,22,29,.88);
  border: 1px solid rgba(255,179,0,.5);
  border-radius: 999px;
  padding: 6px 10px;
  box-shadow: 0 10px 24px rgba(0,0,0,.25);
  backdrop-filter: saturate(160%) blur(6px);
}
.lang-switch button{
  appearance: none;
  border: 0;
  background: transparent;
  color: #ffb300;
  font-weight: 700;
  padding: 6px 10px;
  border-radius: 999px;
  cursor: pointer;
  transition: background .15s ease, color .15s ease, transform .05s ease;
}
.lang-switch button:hover{ background: rgba(255,179,0,.12); }
.lang-switch button.active{
  background: linear-gradient(135deg,#ffb300,#ff9900);
  color: #121212;  /* contrast pe portocaliu */
}
.lang-switch .sep{
  color: rgba(255,179,0,.7);
  padding: 0 2px;
}

/* (opțional) ascunde ícono-ul “G” mic ce mai apare uneori */
.goog-te-gadget { display: none !important; }

/* --- MENIU RESPONSIVE REGAL PROMPT --- */
/* aspect desktop (rămâne ca înainte) */
.nav-links { display:flex; gap:18px; align-items:center; }
.menu-toggle { display:none; }

/* buton hamburger */
.menu-toggle{
  flex:0 0 auto;
  width:30px; height:22px;
  background:transparent; border:0; cursor:pointer;
  display:none; align-items:center; justify-content:center;
  z-index:1001;
}
.menu-toggle .bar{
  width:100%; 
  height:3px; 
  background:#ffb300; 
  border-radius:3px;
  display:block; 
  position:relative; 
  transition:transform .25s, opacity .25s;
}
.menu-toggle .bar + .bar{ margin-top:6px; }

/* animație X când e deschis */
.nav-open .menu-toggle .bar:nth-child(1){ transform: translateY(9px) rotate(45deg); }
.nav-open .menu-toggle .bar:nth-child(2){ opacity:0; }
.nav-open .menu-toggle .bar:nth-child(3){ transform: translateY(-9px) rotate(-45deg); }

/* overlay */
.nav-overlay{
  position:fixed; inset:0; background:rgba(0,0,0,.5);
  opacity:0; visibility:hidden; transition:opacity .25s;
  z-index:999;
}
.nav-open .nav-overlay{ opacity:1; visibility:visible; }

/* panou mobil */
@media (max-width: 768px){
  .menu-toggle{ display:flex; }
  .nav-links{
    position:fixed; top:0; right:-100%;
    width:min(80%, 320px); height:100%;
    background:rgba(15,15,18,.98);
    backdrop-filter: blur(8px);
    flex-direction:column; align-items:flex-start;
    gap:18px; padding:90px 24px 24px;
    box-shadow:-12px 0 24px rgba(0,0,0,.35);
    transition:right .25s ease; z-index:1000;
  }
  .nav-links a{ color:#ffb300; font-weight:600; font-size:18px; }
  .nav-open .nav-links{ right:0; }

  /* brand pe un rând */
  .brand span{ display:none; }              /* dacă vrei doar sigla pe mobil */
}

/* blocăm scroll-ul paginii când meniul e deschis */
.nav-open { overflow:hidden; }
/* Elimina linia de sus */
.main > .section:firt-of-type {
    border-top: none !important;
    padding-top: 40px;
}
/* --- FIX tap pe iOS: panoul peste overlay + tap-uri active --- */
.nav-overlay{ z-index: 9000; }  /* mai jos decât panoul */

@media (max-width: 768px){
  .nav-links{
    z-index: 10010 !important;   /* panoul peste overlay */
    pointer-events: auto;         /* acceptă tap-uri */
  }
  .nav-links a{
    pointer-events: auto;
    position: relative;
  }
  /* opțional: cursor pe overlay când e deschis */
  .nav-open .nav-overlay{ cursor: pointer; }
}