/*
Theme Name: Academy Hub
Template: kadence
Author: Academy Hub
Description: Temă copil Kadence pentru Academy Hub - stil Apple rosu/negru/alb.
Version: 1.0
*/

  :root{
    --red:#e4121f; --red-deep:#b70e18; --red-soft:#fdecec;
    --ink:#1d1d1f; --ink-2:#333336; --mut:#6e6e73; --mut-2:#86868b;
    --wht:#ffffff; --off:#f5f5f7; --off-2:#ececee; --line:#e4e4e7; --line-2:#d6d6da;
    --blk:#0a0a0a;
    --maxw:1180px; --r:18px;
    --sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  }
  *{ box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  body{ margin:0; background:var(--wht); color:var(--ink); font-family:var(--sans);
    line-height:1.5; letter-spacing:-.011em; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
  a{ color:inherit; text-decoration:none; }
  img{ max-width:100%; display:block; }
  .wrap{ max-width:var(--maxw); margin:0 auto; padding:0 24px; }
  h1,h2,h3,h4{ margin:0; font-weight:700; letter-spacing:-.025em; }
  .eyebrow{ font-size:13px; font-weight:600; letter-spacing:0; text-transform:none; color:var(--red); }
  .btn{ display:inline-flex; align-items:center; gap:8px; font-weight:500; font-size:15px; letter-spacing:-.01em;
    padding:12px 24px; border:1px solid transparent; cursor:pointer; transition:.2s; border-radius:980px; }
  .btn-red{ background:var(--red); color:#fff; border-color:var(--red); }
  .btn-red:hover{ background:var(--red-deep); border-color:var(--red-deep); }
  .btn-line{ background:transparent; color:var(--ink); border-color:var(--line-2); }
  .btn-line:hover{ background:var(--off); border-color:var(--line-2); }
  .btn-lg{ padding:15px 30px; font-size:16px; }
  section{ position:relative; }

  /* announcement */
  .anno{ background:var(--ink); color:#f5f5f7; text-align:center; font-size:13px; font-weight:400; padding:10px 16px; }
  .anno .r{ color:#ff6b73; font-weight:600; }

  /* header */
  header{ position:sticky; top:0; z-index:50; background:rgba(255,255,255,.8); backdrop-filter:saturate(180%) blur(20px);
    border-bottom:1px solid var(--line); }
  .nav{ display:flex; align-items:center; gap:30px; height:66px; }
  .logo{ font-weight:700; font-size:20px; letter-spacing:-.03em; }
  .logo i{ color:var(--red); font-style:normal; }
  .menu{ display:flex; gap:30px; margin-left:16px; }
  .menu a{ font-size:14px; font-weight:400; color:var(--ink-2); transition:.15s; }
  .menu a:hover,.menu a.on{ color:var(--red); }
  .nav-r{ margin-left:auto; display:flex; align-items:center; gap:20px; }
  .phone{ text-align:right; }
  .phone b{ font-weight:600; font-size:15px; letter-spacing:-.01em; }
  .phone span{ color:var(--mut); font-weight:400; font-size:11px; display:block; }
  .cart{ width:21px; height:21px; stroke:var(--ink); fill:none; }
  .burger{ display:none; }

  /* hero — Apple: big centered headline, generous air */
  .hero{ text-align:center; padding:84px 0 0; }
  .hero .eyebrow{ font-size:15px; }
  .hero h1{ font-size:clamp(44px,7vw,88px); line-height:1.03; letter-spacing:-.035em; margin:14px auto 0; max-width:15ch; text-wrap:balance; }
  .hero h1 .r{ color:var(--red); }
  .hero .lead{ color:var(--mut); font-size:clamp(19px,2.4vw,24px); font-weight:400; max-width:44ch; margin:22px auto 0; line-height:1.4; text-wrap:balance; }
  .hero-cta{ margin-top:30px; display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
  .hero-link{ color:var(--red); font-size:16px; font-weight:500; display:inline-flex; align-items:center; gap:5px; }
  .hero-vis{ margin:56px auto 0; max-width:1060px; aspect-ratio:16/8; border-radius:26px; position:relative; overflow:hidden;
    background:linear-gradient(160deg,#f5f5f7 0%,#ececee 55%,#e6e6ea 100%); }
  .hero-vis::after{ content:""; position:absolute; inset:0; background:radial-gradient(50% 70% at 78% 40%, rgba(228,18,31,.10), transparent 60%); }
  .hero-vis .chip{ position:absolute; left:24px; top:24px; background:#fff; color:var(--ink); font-size:12px; font-weight:600;
    padding:8px 13px; border-radius:980px; box-shadow:0 6px 20px -8px rgba(0,0,0,.18); }
  .hero-vis .chip.b{ left:auto; right:24px; background:var(--red); color:#fff; }
  .hero-vis .pn{ position:absolute; left:24px; bottom:20px; font-size:11px; letter-spacing:.02em; color:var(--mut-2); }

  /* stat row */
  .stats{ display:flex; justify-content:center; gap:64px; flex-wrap:wrap; padding:56px 0 76px; }
  .stat{ text-align:center; }
  .stat b{ display:block; font-size:44px; font-weight:700; letter-spacing:-.03em; }
  .stat b i{ font-style:normal; color:var(--red); }
  .stat span{ font-size:14px; color:var(--mut); }

  /* generic section */
  .sec{ padding:96px 0; }
  .sec.alt{ background:var(--off); }
  .sec-head{ text-align:center; max-width:64ch; margin:0 auto 56px; }
  .sec-head h2{ font-size:clamp(32px,4.4vw,52px); line-height:1.05; letter-spacing:-.03em; text-wrap:balance; }
  .sec-head h2 .r{ color:var(--red); }
  .sec-head p{ color:var(--mut); font-size:19px; font-weight:400; margin:16px auto 0; max-width:52ch; text-wrap:balance; }

  /* why */
  .why-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
  .why-cell{ background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:32px 26px; }
  .sec.alt .why-cell{ background:#fff; }
  .why-cell .ic{ width:46px; height:46px; border-radius:12px; background:var(--red-soft); display:flex; align-items:center; justify-content:center; margin-bottom:20px; }
  .why-cell .ic svg{ width:23px; height:23px; stroke:var(--red); fill:none; stroke-width:1.7; }
  .why-cell h3{ font-size:18px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px; }
  .why-cell p{ color:var(--mut); font-size:14.5px; margin:0; font-weight:400; }

  /* courses */
  .c-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
  .c-card{ background:#fff; border:1px solid var(--line); border-radius:22px; overflow:hidden; display:flex; flex-direction:column;
    transition:.25s; position:relative; }
  .c-card:hover{ box-shadow:0 30px 60px -30px rgba(0,0,0,.22); transform:translateY(-5px); }
  .c-thumb{ height:200px; position:relative; background:linear-gradient(160deg,#f0f0f2,#e6e6ea 130%); }
  .c-thumb.t2{ background:linear-gradient(160deg,#eeeef0,#e3e3e8 150%); }
  .c-thumb.t3{ background:linear-gradient(160deg,#f2f2f4,#e8e8ec 130%); }
  .c-thumb .lvl{ position:absolute; left:16px; top:16px; background:rgba(255,255,255,.92); color:var(--ink); font-size:11px;
    font-weight:600; padding:6px 12px; border-radius:980px; }
  .c-thumb .pn{ position:absolute; right:14px; bottom:12px; font-size:10px; color:var(--mut-2); }
  .c-body{ padding:26px; display:flex; flex-direction:column; flex:1; }
  .c-body h3{ font-size:22px; font-weight:700; letter-spacing:-.025em; margin-bottom:8px; }
  .c-body .desc{ color:var(--mut); font-size:15px; margin:0 0 20px; font-weight:400; }
  .c-feat{ list-style:none; padding:0; margin:0 0 24px; display:flex; flex-direction:column; gap:9px; }
  .c-feat li{ font-size:14px; color:var(--ink-2); display:flex; gap:9px; align-items:center; font-weight:400; }
  .c-feat li svg{ width:15px; height:15px; stroke:var(--red); fill:none; stroke-width:2.6; flex:none; }
  .c-foot{ margin-top:auto; display:flex; align-items:center; justify-content:space-between; padding-top:20px; border-top:1px solid var(--line); }
  .c-price{ font-weight:700; font-size:26px; letter-spacing:-.03em; }
  .c-price small{ font-size:13px; color:var(--mut); font-weight:400; }
  .c-link{ font-size:14px; font-weight:500; color:var(--red); }
  .c-card.feat{ border-color:var(--red); border-width:1.5px; }
  .c-card.feat .flag{ position:absolute; right:16px; top:16px; background:var(--red); color:#fff; font-size:11px; font-weight:600;
    padding:6px 12px; z-index:2; border-radius:980px; }
  .c-soon{ border:1px dashed var(--line-2)!important; background:var(--off); align-items:center; justify-content:center; text-align:center; }
  .c-soon .c-body{ align-items:center; justify-content:center; }
  .c-soon h3{ color:var(--red); }

  /* men banner */
  .men{ background:var(--blk); color:#fff; border-radius:26px; padding:52px 48px; display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; }
  .men h3{ font-size:clamp(26px,3.2vw,38px); letter-spacing:-.03em; line-height:1.08; max-width:20ch; }
  .men h3 .r{ color:#ff6b73; }
  .men p{ color:#c7c7cc; font-size:16px; margin:12px 0 0; max-width:44ch; font-weight:400; }

  /* trainer */
  .trainer-in{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
  .trainer-img{ position:relative; aspect-ratio:1/1; border-radius:24px; overflow:hidden;
    background:linear-gradient(160deg,#eeeef0,#e4e4e9 120%); }
  .trainer-img::after{ content:""; position:absolute; inset:0; background:radial-gradient(55% 55% at 60% 35%, rgba(228,18,31,.09), transparent 62%); }
  .trainer-img .pn{ position:absolute; left:20px; bottom:18px; font-size:11px; color:var(--mut-2); z-index:2; }
  .trainer-img .sig{ position:absolute; left:22px; top:22px; z-index:2; background:#fff; padding:11px 15px; border-radius:14px; box-shadow:0 10px 26px -12px rgba(0,0,0,.28); }
  .trainer-img .sig b{ display:block; font-weight:700; font-size:18px; letter-spacing:-.02em; }
  .trainer-img .sig span{ font-size:11px; color:var(--red); font-weight:500; }
  .trainer-txt h2{ font-size:clamp(30px,4vw,44px); line-height:1.06; letter-spacing:-.03em; margin:14px 0 20px; text-wrap:balance; }
  .trainer-txt h2 .r{ color:var(--red); }
  .trainer-txt p{ color:var(--mut); font-size:17px; margin:0 0 16px; max-width:54ch; font-weight:400; }
  .trainer-stats{ display:flex; gap:44px; margin-top:24px; flex-wrap:wrap; }
  .trainer-stats b{ display:block; font-weight:700; font-size:30px; letter-spacing:-.03em; }
  .trainer-stats span{ font-size:12.5px; color:var(--mut); }

  /* testimonials */
  .t-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
  .t-card{ background:#fff; border:1px solid var(--line); border-radius:22px; padding:32px; }
  .sec.alt .t-card{ background:#fff; }
  .t-stars{ color:var(--red); letter-spacing:.18em; font-size:14px; margin-bottom:16px; }
  .t-card p{ font-size:16px; margin:0 0 22px; color:var(--ink-2); font-weight:400; line-height:1.5; }
  .t-who{ display:flex; align-items:center; gap:12px; }
  .t-av{ width:44px; height:44px; border-radius:50%; background:var(--off); color:var(--ink); display:flex;
    align-items:center; justify-content:center; font-weight:600; font-size:15px; }
  .t-who b{ font-size:14.5px; display:block; font-weight:600; }
  .t-who span{ font-size:12.5px; color:var(--mut); }

  /* guides */
  .g-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
  .g-card{ background:#fff; border:1px solid var(--line); border-radius:22px; overflow:hidden; transition:.25s; }
  .g-card:hover{ box-shadow:0 30px 60px -30px rgba(0,0,0,.2); transform:translateY(-4px); }
  .g-top{ height:170px; background:linear-gradient(160deg,#f0f0f2,#e6e6ea 160%); position:relative; }
  .g-top .tag{ position:absolute; left:16px; top:16px; background:var(--red); color:#fff; font-size:11px; font-weight:600;
    padding:5px 11px; border-radius:980px; }
  .g-body{ padding:26px; }
  .g-body h3{ font-size:19px; font-weight:600; line-height:1.3; letter-spacing:-.02em; margin-bottom:12px; }
  .g-body .meta{ font-size:13px; color:var(--mut); }

  /* CTA — black */
  .cta-band{ background:var(--blk); color:#fff; padding:88px 0; text-align:center; }
  .cta-band .eyebrow{ color:#ff6b73; font-size:15px; }
  .cta-band h2{ font-size:clamp(34px,4.6vw,56px); line-height:1.05; letter-spacing:-.03em; margin-top:12px; text-wrap:balance; }
  .cta-band h2 .r{ color:#ff6b73; }
  .cta-band p{ font-size:19px; margin:16px auto 32px; max-width:46ch; color:#c7c7cc; font-weight:400; }

  /* footer */
  footer{ background:#f5f5f7; color:var(--mut); border-top:1px solid var(--line); padding:56px 0 28px; }
  .f-grid{ display:grid; grid-template-columns:1.5fr 1fr 1fr 1.2fr; gap:36px; }
  .f-col h4{ font-size:12px; font-weight:600; letter-spacing:-.01em; color:var(--ink); margin-bottom:16px; }
  .f-col a,.f-col p{ display:block; font-size:13.5px; color:var(--mut); margin:0 0 11px; font-weight:400; }
  .f-col a:hover{ color:var(--red); }
  .f-logo{ font-weight:700; font-size:22px; color:var(--ink); margin-bottom:14px; letter-spacing:-.03em; }
  .f-logo i{ color:var(--red); font-style:normal; }
  .f-desc{ color:var(--mut); font-size:13.5px; max-width:34ch; }
  .socials{ display:flex; gap:10px; margin-top:18px; }
  .socials a{ width:38px; height:38px; border:1px solid var(--line-2); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:.2s; }
  .socials a:hover{ background:var(--red); border-color:var(--red); }
  .socials a:hover svg{ fill:#fff; }
  .socials svg{ width:17px; height:17px; fill:var(--ink); transition:.2s; }
  .f-bottom{ margin-top:44px; padding-top:22px; border-top:1px solid var(--line); display:flex; justify-content:space-between;
    gap:16px; flex-wrap:wrap; font-size:12px; color:var(--mut-2); }
  .pays{ display:flex; gap:8px; align-items:center; }
  .pays span{ border:1px solid var(--line-2); padding:4px 9px; font-size:10px; color:var(--mut); border-radius:6px; }

  @media (max-width:940px){
    .menu,.phone span{ display:none; }
    .burger{ display:block; width:26px; height:26px; stroke:var(--ink); fill:none; }
    .stats{ gap:36px; }
    .why-grid{ grid-template-columns:1fr 1fr; }
    .c-grid,.t-grid,.g-grid{ grid-template-columns:1fr 1fr; }
    .trainer-in{ grid-template-columns:1fr; gap:32px; }
    .trainer-img{ max-width:440px; }
    .men{ padding:40px 32px; }
    .f-grid{ grid-template-columns:1fr 1fr; gap:30px; }
  }
  @media (max-width:600px){
    .why-grid,.c-grid,.t-grid,.g-grid,.f-grid{ grid-template-columns:1fr; }
    .stat b{ font-size:38px; }
  }
  @media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } *{ transition:none !important; } }

/* ===== imagini reale ===== */
.hero-vis{ background-image:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.28)), url('https://staging.academyhub.ro/wp-content/uploads/2026/07/hero.jpg'); background-size:cover; background-position:center 40%; }
.hero-vis::after{ display:none; }
.trainer-img{ background-image:url('https://staging.academyhub.ro/wp-content/uploads/2026/07/trainer.jpg'); background-size:cover; background-position:center 20%; }
.trainer-img::after{ display:none; }
.men{ background-image:linear-gradient(90deg,rgba(10,10,10,.86),rgba(10,10,10,.5)), url('https://staging.academyhub.ro/wp-content/uploads/2026/07/men.jpg'); background-size:cover; background-position:center 25%; }
.c-grid .c-card:nth-of-type(1) .c-thumb{ background-image:url('https://staging.academyhub.ro/wp-content/uploads/2026/07/curs-machiaj-2sapt.jpg'); }
.c-grid .c-card:nth-of-type(2) .c-thumb{ background-image:url('https://staging.academyhub.ro/wp-content/uploads/2026/07/curs-glam.jpg'); }
.c-grid .c-card:nth-of-type(3) .c-thumb{ background-image:url('https://staging.academyhub.ro/wp-content/uploads/2026/07/curs-perfectionare.jpg'); }
.c-grid .c-card:nth-of-type(4) .c-thumb{ background-image:url('https://staging.academyhub.ro/wp-content/uploads/2026/07/curs-automachiaj.jpg'); }
.c-grid .c-card:nth-of-type(5) .c-thumb{ background-image:url('https://staging.academyhub.ro/wp-content/uploads/2026/07/curs-sprancene.jpg'); }
.c-thumb{ background-size:cover; background-position:center; }
.pn{ display:none; }