/* FunBoy MagiComedie — stylesheet pagini secundare (corporate, despre, blog) */
:root {
  --charcoal: #1A1A1A; --charcoal-deep: #0F0F0F; --charcoal-soft: #232323;
  --ivory: #FAFAFA; --ivory-deep: #F3EFEA;
  --white: #FAFAFA; --white-dim: rgba(250,250,250,.7); --white-fade: rgba(250,250,250,.12);
  --rose-gold: #C48B71; --rose-gold-bright: #D9A88E; --rose-gold-dim: rgba(196,139,113,.15);
  --gradient-rose: linear-gradient(135deg,#C48B71 0%,#D9A88E 100%);
  --shadow-rose: 0 8px 30px rgba(196,139,113,.35);
  --max-w: 1240px; --gutter: 24px;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:var(--charcoal); color:var(--ivory); font-family:'Open Sans',system-ui,sans-serif; font-size:17px; line-height:1.7; -webkit-font-smoothing:antialiased; }
.container { max-width:var(--max-w); margin:0 auto; padding:0 var(--gutter); }
img { max-width:100%; height:auto; }
a { color:var(--rose-gold-bright); }
h1,h2,h3,h4 { font-family:'Montserrat',sans-serif; line-height:1.2; color:var(--white); }
.serif-i { font-family:'Playfair Display',serif; font-style:italic; color:var(--rose-gold-bright); }

/* NAV */
.nav { position:sticky; top:0; z-index:50; background:rgba(15,15,15,.92); backdrop-filter:blur(12px); border-bottom:1px solid var(--white-fade); }
.nav .container { display:flex; align-items:center; justify-content:space-between; height:68px; }
.nav-logo { display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--white); font-family:'Montserrat',sans-serif; font-weight:800; font-size:17px; }
.nav-logo img { width:34px; height:auto; }
.nm-mc { color:var(--rose-gold-bright); }
.nav-links { display:flex; align-items:center; gap:26px; }
.nav-links a { color:var(--white-dim); text-decoration:none; font-size:14.5px; font-weight:600; }
.nav-links a:hover { color:var(--white); }
.nav-links a.cta { background:var(--gradient-rose); color:var(--charcoal-deep); padding:10px 20px; border-radius:999px; font-weight:800; box-shadow:var(--shadow-rose); }
@media (max-width:820px){ .nav-links a:not(.cta){ display:none; } }

/* HERO subpage */
.subhero { padding:clamp(56px,9vw,110px) 0 clamp(36px,6vw,64px); background:radial-gradient(ellipse at 50% -20%, rgba(196,139,113,.14), transparent 60%), var(--charcoal-deep); border-bottom:1px solid var(--white-fade); }
.subhero .eyebrow { display:inline-block; color:var(--rose-gold-bright); font-family:'Montserrat',sans-serif; font-weight:700; font-size:13px; letter-spacing:.14em; text-transform:uppercase; margin-bottom:18px; }
.subhero h1 { font-size:clamp(30px,5vw,52px); font-weight:900; max-width:20ch; }
.subhero .lead { margin-top:20px; max-width:62ch; color:var(--white-dim); font-size:clamp(17px,2vw,20px); }
.subhero .hero-ctas { margin-top:30px; display:flex; flex-wrap:wrap; gap:14px; }

/* BUTTONS */
.btn { display:inline-block; text-decoration:none; font-family:'Montserrat',sans-serif; font-weight:800; font-size:15px; padding:14px 28px; border-radius:999px; }
.btn--primary { background:var(--gradient-rose); color:var(--charcoal-deep); box-shadow:var(--shadow-rose); }
.btn--ghost { border:1px solid var(--white-fade); color:var(--white); }
.btn:hover { filter:brightness(1.06); }

/* SECTIONS */
section { padding:clamp(44px,7vw,84px) 0; }
section + section { border-top:1px solid var(--white-fade); }
.sec-title { font-size:clamp(24px,3.6vw,38px); font-weight:900; margin-bottom:14px; max-width:26ch; }
.sec-sub { color:var(--white-dim); max-width:66ch; margin-bottom:32px; }

/* CARDS */
.cards { display:grid; gap:20px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
.card { background:var(--charcoal-soft); border:1px solid var(--white-fade); border-radius:18px; padding:26px; }
.card h3 { font-size:19px; margin-bottom:10px; }
.card p { color:var(--white-dim); font-size:15.5px; }
.card .price { display:block; margin-top:14px; font-family:'Montserrat',sans-serif; font-weight:800; color:var(--rose-gold-bright); }

/* PROSE (articole) */
.prose { max-width:740px; }
.prose h2 { font-size:clamp(22px,3vw,30px); margin:44px 0 14px; }
.prose h3 { font-size:clamp(18px,2.4vw,22px); margin:32px 0 10px; }
.prose p, .prose li { color:rgba(250,250,250,.85); }
.prose p { margin:14px 0; }
.prose ul, .prose ol { margin:14px 0 14px 22px; }
.prose li { margin:7px 0; }
.prose strong { color:var(--white); }
.prose blockquote { border-left:3px solid var(--rose-gold); padding:6px 0 6px 20px; margin:22px 0; font-family:'Playfair Display',serif; font-style:italic; font-size:19px; color:var(--white); }
.prose .note { background:var(--rose-gold-dim); border:1px solid rgba(196,139,113,.35); border-radius:14px; padding:16px 20px; margin:22px 0; font-size:15.5px; }
.byline { display:flex; align-items:center; gap:8px; color:var(--white-dim); font-size:14px; margin-top:16px; }

/* TABLE */
.table-wrap { overflow-x:auto; margin:22px 0; border:1px solid var(--white-fade); border-radius:14px; }
table { border-collapse:collapse; width:100%; min-width:560px; font-size:15px; }
th, td { text-align:left; padding:12px 16px; border-bottom:1px solid var(--white-fade); vertical-align:top; }
th { font-family:'Montserrat',sans-serif; font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--rose-gold-bright); background:rgba(196,139,113,.08); }
tr:last-child td { border-bottom:none; }
td { color:rgba(250,250,250,.85); }

/* FAQ (details/summary, fără JS) */
.faq details { border:1px solid var(--white-fade); border-radius:14px; margin:12px 0; background:var(--charcoal-soft); }
.faq summary { cursor:pointer; padding:18px 22px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:16px; list-style:none; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:"+"; float:right; color:var(--rose-gold-bright); font-weight:800; }
.faq details[open] summary::after { content:"–"; }
.faq .faq-a { padding:0 22px 18px; color:var(--white-dim); font-size:15.5px; }

/* CTA BAND */
.cta-band { background:radial-gradient(ellipse at 50% 120%, rgba(196,139,113,.2), transparent 60%), var(--charcoal-deep); text-align:center; }
.cta-band h2 { font-size:clamp(24px,4vw,40px); font-weight:900; }
.cta-band p { color:var(--white-dim); margin:14px auto 26px; max-width:56ch; }

/* LOGOS strip */
.logo-strip { display:flex; flex-wrap:wrap; gap:14px 28px; align-items:center; opacity:.85; }
.logo-strip img { height:34px; width:auto; filter:grayscale(1) brightness(1.4); }

/* BLOG list */
.post-card { display:block; text-decoration:none; background:var(--charcoal-soft); border:1px solid var(--white-fade); border-radius:18px; padding:28px; margin:18px 0; transition:border-color .2s; }
.post-card:hover { border-color:var(--rose-gold); }
.post-card h2 { font-size:clamp(19px,2.6vw,24px); color:var(--white); margin-bottom:8px; }
.post-card p { color:var(--white-dim); font-size:15.5px; }
.post-card .meta { color:var(--rose-gold-bright); font-size:13px; font-family:'Montserrat',sans-serif; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }

/* BREADCRUMB */
.crumbs { font-size:13.5px; color:var(--white-dim); padding-top:22px; }
.crumbs a { color:var(--white-dim); text-decoration:none; }
.crumbs a:hover { color:var(--white); }

/* FOOTER */
.footer { background:var(--charcoal-deep); border-top:1px solid var(--white-fade); padding:56px 0 32px; margin-top:40px; }
.footer__top { text-align:center; margin-bottom:36px; }
.footer__top img { width:200px; height:auto; }
.footer__tagline { font-family:'Playfair Display',serif; font-style:italic; color:var(--rose-gold-bright); margin-top:12px; }
.footer__tagline-secondary { color:var(--white-dim); font-size:14px; }
.footer__grid { display:grid; gap:28px; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); margin-bottom:32px; }
.footer__col h5 { font-family:'Montserrat',sans-serif; font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--rose-gold-bright); margin-bottom:12px; }
.footer__col a { display:block; color:var(--white-dim); text-decoration:none; font-size:14.5px; margin:7px 0; }
.footer__col a:hover { color:var(--white); }
.footer__bottom { border-top:1px solid var(--white-fade); padding-top:22px; display:flex; flex-wrap:wrap; gap:16px; justify-content:space-between; color:var(--white-dim); font-size:13px; }
.footer__bottom a { color:var(--white-dim); }

/* FIGURES (articole) */
.prose figure { margin:28px 0; }
.prose figure img { display:block; width:100%; height:auto; border-radius:16px; border:1px solid var(--white-fade); }
.prose figure.narrow { max-width:480px; margin-left:auto; margin-right:auto; }
.prose figcaption { font-size:13px; color:var(--white-dim); margin-top:10px; text-align:center; font-style:italic; }

/* BLOG list thumbs */
.post-card { display:flex; gap:24px; align-items:center; }
.post-card__thumb { width:150px; height:150px; object-fit:cover; object-position:top; border-radius:14px; flex-shrink:0; }
.post-card__body { min-width:0; }
@media (max-width:600px){ .post-card { flex-direction:column; align-items:stretch; } .post-card__thumb { width:100%; height:180px; } }

/* SPLIT — poza sticky stânga, text dreapta */
.split { display:grid; grid-template-columns:minmax(260px,360px) minmax(0,1fr); gap:clamp(28px,5vw,64px); align-items:start; }
.split__media { position:sticky; top:96px; }
.split__media img { display:block; width:100%; height:auto; border-radius:18px; border:1px solid var(--white-fade); }
.split__media figcaption { font-size:13px; color:var(--white-dim); margin-top:10px; text-align:center; font-style:italic; }
@media (max-width:900px){ .split { grid-template-columns:1fr; } .split__media { position:static; max-width:400px; margin:0 auto; } }

/* BLOG list v2 — thumb circular dreapta */
.post-card { flex-direction:row; align-items:center; }
.post-card__thumb--round { width:184px; height:184px; border-radius:50%; object-fit:cover; flex-shrink:0; order:2; margin-left:auto; border:2px solid var(--rose-gold-dim); }
@media (max-width:640px){ .post-card { flex-direction:column; } .post-card__thumb--round { order:0; margin:0 auto; width:150px; height:150px; } }

/* Elevarts logo band */
.family-band { display:flex; align-items:center; gap:18px; background:var(--charcoal-soft); border:1px solid var(--white-fade); border-radius:16px; padding:18px 22px; margin:18px 0; flex-wrap:wrap; }
.family-band img { height:44px; width:auto; }