/* ============================================================
   ramonatoth.online — RO — completări peste style.css
   (style.css = sistemul de design existent, nemodificat)
   ============================================================ */

/* ── Navigație minimă (per brief: logo + o singură cale, fără listă de cursuri) ── */
.nav-min {
  background: var(--negru);
  padding: 0.85rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  position: sticky;
  top: 0;
  z-index: 200;
  box-shadow: 0 2px 12px rgba(0,0,0,0.35);
}
.nav-min .nav-logo { font-size: 1.15rem; }
.nav-min .nav-logo small { display: block; font-size: 0.62rem; font-weight: 600; letter-spacing: 0.04em; color: rgba(255,255,255,0.55); text-transform: uppercase; margin-top: 1px; }
.nav-min-right { display: flex; align-items: center; gap: 1rem; }
.nav-back { color: rgba(255,255,255,0.6); text-decoration: none; font-size: 0.85rem; font-weight: 500; }
.nav-back:hover { color: var(--auriu); }
@media (max-width: 560px) { .nav-back { display: none; } }

/* ── Homepage: alegerea situației (3 trasee) ── */
.route-hero {
  background: linear-gradient(135deg, var(--negru) 0%, var(--albastru) 100%);
  color: var(--alb);
  padding: 4rem 1.5rem 3.5rem;
  text-align: center;
}
.route-hero h1 { color: var(--alb); max-width: 780px; margin: 0 auto 1rem; }
.route-hero h1 span { color: var(--auriu); }
.route-hero .subtitlu-hero { font-size: 1.15rem; opacity: 0.9; max-width: 620px; margin: 0 auto 2.2rem; }
.route-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.1rem;
  max-width: 820px;
  margin: 0 auto;
}
.route-card {
  background: rgba(255,255,255,0.06);
  border: 1.5px solid rgba(232,160,32,0.4);
  border-radius: var(--radius);
  padding: 1.6rem 1.2rem;
  text-decoration: none;
  color: var(--alb);
  transition: transform .2s, background .2s, border-color .2s;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.route-card:hover { transform: translateY(-4px); background: rgba(232,160,32,0.14); border-color: var(--auriu); }
.route-card .route-emoji { font-size: 2.2rem; }
.route-card .route-titlu { font-weight: 800; font-size: 1.05rem; }
.route-card .route-desc { font-size: 0.82rem; opacity: 0.8; line-height: 1.45; }
.route-card .route-go { margin-top: 0.4rem; color: var(--auriu); font-weight: 700; font-size: 0.85rem; }
@media (max-width: 720px) { .route-cards { grid-template-columns: 1fr; max-width: 420px; } }

/* ── Breadcrumb discret ── */
.breadcrumb { background: var(--gri-deschis); padding: 0.7rem 1.5rem; font-size: 0.8rem; color: var(--gri); max-width: 1100px; margin: 0 auto; }
.breadcrumb a { color: var(--gri); text-decoration: none; }
.breadcrumb a:hover { color: var(--auriu); }
.breadcrumb span { margin: 0 0.4rem; opacity: 0.5; }

/* ── Casetă preț + CTA pe paginile de produs ── */
.pd-buy {
  background: var(--gri-deschis);
  border: 1px solid #eee;
  border-radius: var(--radius);
  padding: 1.6rem;
  margin: 1.5rem 0;
}
.pd-pret-row { display: flex; align-items: baseline; gap: 0.7rem; flex-wrap: wrap; margin-bottom: 0.3rem; }
.pd-pret-now { font-size: 2.4rem; font-weight: 800; color: var(--negru); line-height: 1; }
.pd-pret-old { font-size: 1.1rem; color: var(--gri); text-decoration: line-through; }
.pd-pret-note { font-size: 0.85rem; color: var(--gri); margin-bottom: 1.1rem; }
.btn-cumpara {
  display: block;
  width: 100%;
  text-align: center;
  background: var(--auriu);
  color: var(--negru);
  padding: 1.05rem 1.5rem;
  border-radius: 10px;
  font-weight: 800;
  font-size: 1.1rem;
  text-decoration: none;
  transition: transform .2s, background .2s, box-shadow .2s;
}
.btn-cumpara:hover { transform: translateY(-2px); background: var(--auriu-deschis); box-shadow: 0 10px 26px rgba(232,160,32,.3); }
.pd-garantie-line { font-size: 0.82rem; color: var(--gri); margin-top: 0.7rem; text-align: center; }

/* Stare checkout care mai trebuie completat (produs nou, fără plan de plată încă) */
.btn-cumpara.checkout-todo { background: #e9ecef; color: var(--gri); cursor: not-allowed; }
.checkout-note {
  display: inline-block;
  background: #fff8e1;
  border: 1px dashed var(--auriu);
  color: #8a6d1a;
  font-size: 0.78rem;
  padding: 0.5rem 0.85rem;
  border-radius: 8px;
  margin-top: 0.7rem;
}

/* ── Secțiune „Te regăsești?” ── */
.situatii-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1rem;
  margin-top: 2rem;
}
.situatie-card {
  background: var(--alb);
  border: 1px solid #eee;
  border-left: 4px solid var(--auriu);
  border-radius: 10px;
  padding: 1.2rem 1.3rem;
  font-size: 0.95rem;
  color: #333;
}
.situatie-card b { color: var(--negru); }

/* ── „Ce înveți concret” — module ── */
.module-list { max-width: 760px; margin: 2rem auto 0; display: flex; flex-direction: column; gap: 0.8rem; }
.module-item {
  background: var(--alb);
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 1.1rem 1.4rem;
}
.module-item h4 { font-size: 1.02rem; margin-bottom: 0.25rem; display: flex; align-items: center; gap: 0.55rem; }
.module-item p { font-size: 0.9rem; color: var(--gri); }
.module-item .mod-ex { font-size: 0.85rem; color: #555; margin-top: 0.4rem; }
.module-item .mod-ex b { color: var(--negru); }

/* ── germana-pentru-munca: grupe de sector ── */
.sector-group { margin-top: 2.5rem; }
.sector-group h3 { font-size: 1.1rem; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid var(--auriu); display: inline-block; }
.sector-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; }
.sector-card {
  background: var(--alb);
  border: 1px solid #eee;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
  color: var(--negru);
  transition: transform .2s, box-shadow .2s, border-color .2s;
  display: flex;
  flex-direction: column;
}
.sector-card:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(0,0,0,.1); border-color: var(--auriu); }
.sector-card img { width: 100%; aspect-ratio: 1/1; object-fit: cover; display: block; }
.sector-card .sc-body { padding: 0.9rem 1rem 1.1rem; }
.sector-card .sc-title { font-weight: 700; font-size: 0.95rem; line-height: 1.3; }
.sector-card .sc-price { color: var(--auriu); font-weight: 800; margin-top: 0.4rem; font-size: 0.95rem; }
.sector-card .sc-soon { color: var(--gri); font-weight: 600; font-size: 0.8rem; margin-top: 0.4rem; }
.sector-card.prioritar { border-color: var(--auriu); }
.sc-flag { background: var(--auriu); color: var(--negru); font-size: 0.68rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; padding: 0.2rem 0.6rem; position: absolute; margin: 0.6rem; border-radius: 20px; }
.sector-card { position: relative; }

/* ── Bloc autoritate Ramona compact ── */
.ramona-mini {
  display: grid;
  grid-template-columns: 130px 1fr;
  gap: 1.5rem;
  align-items: center;
  max-width: 760px;
  margin: 0 auto;
  background: var(--gri-deschis);
  border-radius: var(--radius);
  padding: 1.6rem;
}
.ramona-mini img { width: 100%; border-radius: 10px; aspect-ratio: 3/4; object-fit: cover; }
.ramona-mini h3 { margin-bottom: 0.2rem; }
.ramona-mini .rol { color: var(--auriu); font-weight: 700; font-size: 0.85rem; margin-bottom: 0.5rem; }
.ramona-mini p { font-size: 0.9rem; color: #444; }
.ramona-mini .creds { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.7rem; }
.ramona-mini .creds span { background: var(--negru); color: var(--auriu); font-size: 0.72rem; font-weight: 700; padding: 0.25rem 0.7rem; border-radius: 20px; }
@media (max-width: 560px) { .ramona-mini { grid-template-columns: 1fr; text-align: center; } .ramona-mini img { max-width: 150px; margin: 0 auto; } .ramona-mini .creds { justify-content: center; } }

/* ── Notă transparență / disclaimer (per brief: fără promisiuni neverificabile) ── */
.disclaimer { max-width: 760px; margin: 1.5rem auto 0; font-size: 0.8rem; color: var(--gri); text-align: center; line-height: 1.6; }

/* ── Pagini legale ── */
.legal-wrap { max-width: 780px; margin: 0 auto; padding: 3rem 1.5rem 4rem; }
.legal-wrap h1 { font-size: 1.9rem; margin-bottom: 0.4rem; }
.legal-wrap .legal-date { color: var(--gri); font-size: 0.85rem; margin-bottom: 2rem; }
.legal-wrap h2 { font-size: 1.2rem; margin: 2rem 0 0.6rem; }
.legal-wrap p, .legal-wrap li { font-size: 0.93rem; color: #333; line-height: 1.7; }
.legal-wrap ul { margin: 0.5rem 0 0.5rem 1.2rem; }
.legal-wrap a { color: var(--auriu); }
.todo-tag { background: #fff8e1; border: 1px dashed var(--auriu); color: #8a6d1a; font-size: 0.8rem; padding: 0.15rem 0.5rem; border-radius: 5px; font-weight: 700; }

/* Cookie consent bar */
#cookie-bar {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 500;
  background: var(--negru); color: rgba(255,255,255,0.85);
  padding: 1rem 1.5rem; display: none;
  flex-wrap: wrap; align-items: center; justify-content: center; gap: 1rem;
  font-size: 0.85rem; box-shadow: 0 -4px 20px rgba(0,0,0,0.3);
}
#cookie-bar.show { display: flex; }
#cookie-bar a { color: var(--auriu); }
#cookie-bar button { padding: 0.5rem 1.2rem; border-radius: 6px; border: none; font-weight: 700; cursor: pointer; font-size: 0.85rem; }
.cookie-accept { background: var(--auriu); color: var(--negru); }
.cookie-reject { background: transparent; border: 1px solid rgba(255,255,255,0.4) !important; color: rgba(255,255,255,0.8); }