/* Baza din DESPRE, dar mai aerisită + carduri fancy + HERO texturat */
@import url('despre.css');

/* ========= HERO cu gradient + textură ========= */
.hero-mm {
  position: relative;
  min-height: 60vh;
  display: grid;
  place-items: center;
  text-align: center;
  padding: clamp(56px, 7vw, 112px) 20px; /* mai aerisit */
  color: #0a1b32;

  /* gradient + textură SVG tiled (subtil) */
  --tx: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 100 100'>\
    <defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'>\
      <stop offset='0%' stop-color='%23ffffff' stop-opacity='0.12'/>\
      <stop offset='100%' stop-color='%231f4ba5' stop-opacity='0.08'/>\
    </linearGradient></defs>\
    <rect width='100' height='100' fill='url(%23g)'/>\
    <circle cx='80' cy='20' r='1.2' fill='%23ffffff' fill-opacity='0.25'/>\
    <circle cx='20' cy='60' r='1.5' fill='%23ffffff' fill-opacity='0.2'/>\
    <circle cx='60' cy='85' r='1.1' fill='%23ffffff' fill-opacity='0.2'/>\
  </svg>");

  background:
    radial-gradient(1200px 360px at 50% -140px, #eaf2ff, rgba(234,242,255,0) 60%),
    linear-gradient(180deg, #f7fbff 0%, #ffffff 65%),
    var(--tx);
  background-size: auto, auto, 320px 320px;
  border-bottom: 2px solid #d6e2ff;
}
.hero-mm .hero-overlay {
  max-width: min(1080px, 92vw); /* mai lat */
  background: rgba(255,255,255,0.55);
  backdrop-filter: blur(8px) saturate(110%);
  -webkit-backdrop-filter: blur(8px) saturate(110%);
  border: 1px solid #e5efff;
  border-radius: 20px;
  padding: clamp(26px, 3.6vw, 48px); /* mai aerisit */
}
.mm-badge {
  display:inline-block; margin-bottom: 12px; font-weight:700; letter-spacing:.2px;
  padding: 8px 14px; border-radius: 999px; background:#0d6e6e; color:#fff;
}
.h1-hero {
  font-size: clamp(2.2rem, 5vw, 3.4rem);
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #0d3ba0;
  margin: 0 0 14px;
}
.hero-mm .subtitlu {
  font-size: clamp(1.08rem, 1rem + .6vw, 1.36rem);
  color: #2a2f36;
  margin: 0 0 20px;
}
.hero-cta { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }

/* ========= Butoane ========= */
.btn-primary, .btn-ghost, .btn-secondary {
  display:inline-block; padding: 13px 24px; border-radius: 12px;
  font-weight: 700; text-decoration: none; transition: .2s ease;
  line-height: 1; cursor: pointer;
}
.btn-primary { background:#1f4ba5; color:#fff; }
.btn-primary:hover { background:#13357e; }
.btn-ghost { background:#edf3ff; color:#0a1b32; }
.btn-ghost:hover { background:#e6eeff; }

/* HARTA: text alb garantat */
.btn-secondary { background:#0d6e6e; color:#fff !important; border: 0; }
.btn-secondary:visited { color:#fff !important; }
.btn-secondary:hover { background:#095555; color:#fff !important; }

/* ========= Layout super aerisit ========= */
.page-content { padding: clamp(64px, 7vw, 110px) 0; }
.content-block { margin: clamp(52px, 6vw, 84px) 0; }
.content-block h2 {
  color:#1f4ba5;
  font-size: clamp(1.6rem, 2.6vw, 2.1rem);
  margin: 0 0 16px;
}
.content-block p,
.content-block ul,
.content-block ol {
  font-size: 1.1rem;
  line-height: 1.9;            /* mai aerisit */
  color:#2a2f36;
}
.content-block p { margin: 0 0 14px; }
.bullets { padding-left: 22px; }
hr { border: 0; height: 1px; background: #edf2ff; margin: 28px 0; }

/* ========= Grid helpers ========= */
.grid-2 { display:grid; gap: 26px; grid-template-columns: repeat(2, minmax(0,1fr)); }
@media (max-width: 900px){ .grid-2 { grid-template-columns: 1fr; } }
.grid-3 { display:grid; gap: 26px; grid-template-columns: repeat(3, minmax(0,1fr)); }
@media (max-width: 1024px){ .grid-3 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px){ .grid-3 { grid-template-columns: 1fr; } }

/* ========= Carduri fancy ========= */
.cards-fancy .mm-card,
.mm-card {
  position: relative;
  background: #fff;
  border: 1px solid #e8f0ff;
  border-radius: 20px;
  padding: 22px 22px 24px;     /* mai aerisit */
  box-shadow: 0 14px 38px rgba(2,6,23,.06);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.mm-card:hover {
  transform: translateY(-4px);
  border-color: #d6e2ff;
  box-shadow: 0 20px 48px rgba(2,6,23,.10);
}
.card-icon {
  position: absolute; top: -14px; right: -14px;
  background: #1f4ba5; color:#fff; font-weight:800; font-size: 1rem;
  padding: 11px 13px; border-radius: 16px;
  box-shadow: 0 10px 24px rgba(31,75,165,.25);
}
.pack .h3 { margin-top: 0; }

/* ========= Liste cu check mark ========= */
.checks { list-style: none; padding-left: 0; }
.checks li { padding-left: 30px; position: relative; margin: 10px 0; }
.checks li::before { content:"✔"; position:absolute; left:0; color:#0d6e6e; font-weight: 800; }

/* ========= Tabele ========= */
.table-wrap { overflow-x: auto; }
.comparativ {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #e4ecff;
  border-radius: 14px;
  overflow: hidden;
  background:#fff;
}
.comparativ th, .comparativ td {
  padding: 14px 18px;
  border-bottom: 1px solid #eef3ff;
  text-align:left;
  vertical-align:top;
}
.comparativ thead th {
  background: #f3f7ff;
  color: #0d3ba0;
  font-weight: 700;
}

/* ========= SEAP highlight ========= */
.seap {
  background: #f2fffd;
  border: 1px solid #b8f2eb;
  border-left: 7px solid #0d6e6e;
  border-radius: 18px;
  padding: 30px;
}
.seap h2 { color:#0d6e6e; }

/* ========= CTA final ========= */
.card-cta {
  background: #f2fffd;
  border: 1px solid #ccefe8;
  border-radius: 18px;
  padding: 30px;
  text-align: center;
}
.card-cta h2 { margin-top: 0; color:#0d6e6e; }
.card-cta a { color: #0d6e6e; font-weight: 700; text-decoration: none; }
.card-cta a:hover { text-decoration: underline; }
.contact-grid {
  display:grid; gap: 12px;
  grid-template-columns: repeat(3, minmax(0,1fr));
  margin: 12px 0 8px;
}
@media (max-width: 860px){ .contact-grid { grid-template-columns: 1fr; } }

/* ========= Mic polish ========= */
.highlight-text { margin-top: 12px; font-weight: 700; color: #1f4ba5; }
.ticks { list-style: none; padding-left: 0; }
.ticks li { margin: 10px 0; font-size: 1.06rem; color: #114141; }
.muted { color: #667085; }

/* Nav opac pe mm (ca pe Despre) */
body.mm .top-bar { background: rgba(255,255,255,0.95); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
body.mm .nav-link { color:#0a1b32; }

/* Animații — compatibil cu .animate-up din main.css */
.animate-up { transition-delay: .05s; }


/* ===== Sticky Badge: Ne deplasăm la sediu — out-of-edge + LIGHT SWEEP continuu ===== */
.sticky-badge{
  position: fixed;
  right: -14px;                   /* iese puțin din ecran */
  bottom: clamp(12px, 3vw, 26px);
  z-index: 999;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px 12px 14px;
  background: #0d6e6e;
  color: #fff;
  text-decoration: none;
  border-radius: 16px 0 0 16px;   /* colțuri rotunjite spre interior */
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 18px 40px rgba(13,110,110,.35);
  backdrop-filter: blur(6px) saturate(120%);
  -webkit-backdrop-filter: blur(6px) saturate(120%);
  overflow: hidden;               /* maschează “sheen”-ul în interior */
  transition: right .25s ease, background .25s ease;
}

/* “LUMINA” care trece continuu peste badge */
.sticky-badge::before{
  content:"";
  position:absolute;
  inset:-20%;                     /* puțin mai mare decât badge-ul */
  background: linear-gradient(
    110deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.26) 45%,
    rgba(255,255,255,0) 60%
  );
  transform: translateX(-130%) skewX(-18deg);
  animation: mmSheen 2.8s linear infinite;
  pointer-events: none;
}

/* mic “tab” pe muchie ca să pară scos din margine */
.sticky-badge::after{
  content:"";
  position:absolute;
  top:0; right:-10px; bottom:0;
  width:10px;
  background: linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.08));
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
  filter: blur(.2px);
  pointer-events:none;
}

/* hover: intră puțin în pagină, dar animația continuă */
.sticky-badge:hover{
  right: 10px;
  background:#0b5c5c;
}

.sticky-emoji{ font-size: 1.25rem; line-height: 1; }
.sticky-text{ font-size: .98rem; line-height: 1.15; }
.sticky-text strong{ font-weight: 800; }

/* anti-coliziune cu back-to-top (pe mobil) */
#btn-back-to-top{ margin-bottom: 72px; }

/* ecrane mici: păstrăm TEXTUL, doar îl ajustăm să încapă frumos */
@media (max-width: 420px){
  .sticky-badge{ padding: 12px 14px; right: -12px; }
  .sticky-emoji{ font-size: 1.15rem; }
  .sticky-text{ font-size: .9rem; }
}

/* respectă preferința de reduced motion */
@media (prefers-reduced-motion: reduce){
  .sticky-badge::before{ animation: none; }
}

/* animație “light sweep” continuă */
@keyframes mmSheen{
  0%   { transform: translateX(-130%) skewX(-18deg); }
  100% { transform: translateX(130%)  skewX(-18deg); }
}