/* Fonturi găzduite pe site (18.10.2026), nu de la fonts.googleapis.com, care bloca afișarea pe telefon.
   Fredoka nu are ă ș ț: „RoDiacriticFix” (Baloo 2) le preia doar pe ele, ca pe pagina principală. */
@font-face{font-family:"RoDiacriticFix";font-style:normal;font-weight:400 900;font-display:swap;src:local("Baloo 2"),url("uploads/fonts/baloo2-700-latinext.woff2") format("woff2");unicode-range:U+0102-0103,U+0218-021B;}
@font-face{font-family:'Fredoka';font-style:normal;font-weight:300 700;font-display:swap;src:url(uploads/fonts/fredoka-latin-ext-X7nP4b87Hv.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Fredoka';font-style:normal;font-weight:300 700;font-display:swap;src:url(uploads/fonts/fredoka-latin-X7nP4b87Hv.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Nunito';font-style:normal;font-weight:200 1000;font-display:swap;src:url(uploads/fonts/nunito-latin-ext-XRXV3I6Li0.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Nunito';font-style:normal;font-weight:200 1000;font-display:swap;src:url(uploads/fonts/nunito-latin-XRXV3I6Li0.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Caveat';font-style:normal;font-weight:400 700;font-display:swap;src:url(uploads/fonts/caveat-latin-ext-Wnz6HAc5bA.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Caveat';font-style:normal;font-weight:400 700;font-display:swap;src:url(uploads/fonts/caveat-latin-Wnz6HAc5bA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

:root{
  --cream: #FFF5E7;
  --cream-2:#FBECD6;
  --peach: #FFE2CC;
  --blush: #FFD6D6;
  --yellow:#FFD45E;
  --yellow-2:#FFC233;
  --coral: #FF8A65;
  --coral-text:#B93E22; /* coralul ca TEXT pe crem: #FF8A65 are contrast 2,1:1 (Lighthouse), acesta 5,2:1 — 18.10.2026 */
  --sky:   #A8D8EA;
  --mint:  #B5E8C5;
  --navy:  #2D2A4A;
  --slate: #6B6B89;
  --white: #FFFFFF;
  --accent: var(--yellow);

  --r-lg: 32px;
  --r-md: 24px;
  --r-sm: 16px;
  --shadow-soft: 0 10px 30px -12px rgba(45,42,74,.18), 0 2px 6px rgba(45,42,74,.06);
  --shadow-lift: 0 18px 40px -12px rgba(45,42,74,.22), 0 2px 8px rgba(45,42,74,.08);

  --f-display: "RoDiacriticFix", "Fredoka", "Nunito", system-ui, sans-serif;
  --f-body: "Nunito", system-ui, sans-serif;
  --f-script: "Caveat", cursive;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--cream);
  color:var(--navy);
  font-family:var(--f-body);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  font-size:17px;
  line-height:1.65;
}
h1,h2,h3,h4{font-family:var(--f-display); font-weight:700; color:var(--navy); line-height:1.08; letter-spacing:-0.01em; margin:0;}
.script{font-family:var(--f-script); font-weight:600; color:var(--coral-text); font-size:1.4em; line-height:1;}
.eyebrow{font-family:var(--f-script); font-size:clamp(26px,2.6vw,38px); color:var(--coral-text); display:inline-block; margin-bottom:.2em;}

/* ============ BUTTONS ============ */
.btn{
  position:relative;
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:16px 28px; border-radius:999px;
  font-family:var(--f-body); font-weight:800; font-size:15px; letter-spacing:.02em;
  text-decoration:none; cursor:pointer;
  border:3px solid var(--navy);
  transition: transform .22s cubic-bezier(.34,1.56,.64,1), box-shadow .22s ease, background .2s, color .2s;
  white-space:nowrap;
  transform: rotate(-1deg);
}
.btn::after{
  content:"";
  position:absolute; top:6px; right:14px;
  width:8px; height:8px; border-radius:50%;
  background:rgba(255,255,255,.7);
  box-shadow: 0 0 0 3px rgba(255,255,255,.25);
  pointer-events:none; opacity:.9;
}
.btn:hover{ transform: rotate(-1deg) translateY(-3px) scale(1.03); }
.btn:active{ transform: rotate(-1deg) translateY(0) scale(.97); }
.btn-primary{
  background:var(--yellow); color:var(--navy);
  box-shadow: 4px 5px 0 0 var(--navy), 0 10px 22px -10px rgba(255,196,50,.55);
}
.btn-primary:hover{
  background:var(--coral); color:#fff;
  box-shadow: 6px 7px 0 0 var(--navy), 0 16px 28px -10px rgba(255,138,101,.55);
}
.btn-outline{
  background:var(--white); color:var(--navy);
  box-shadow: 4px 5px 0 0 var(--navy);
  transform: rotate(1deg);
}
.btn-outline:hover{
  background:var(--mint); color:var(--navy);
  transform: rotate(1deg) translateY(-3px) scale(1.03);
  box-shadow: 6px 7px 0 0 var(--navy);
}

/* ============ HEADER ============ */
.pg-header{
  position:sticky; top:0; z-index:500;
  background:var(--cream);
  box-shadow: 0 4px 16px rgba(45,42,74,.08);
  padding:14px 28px;
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:16px;
}
.pg-logo{display:inline-flex; align-items:center; text-decoration:none;}
.pg-logo img{height:48px; width:auto; display:block;}
.pg-back-btn{
  position:relative;
  border:3px solid var(--navy);
  box-shadow:4px 5px 0 0 var(--navy);
  border-radius:999px;
  font-weight:800;
  font-family:var(--f-body);
  background:var(--yellow);
  color:var(--navy);
  padding:12px 22px;
  transform:rotate(-1deg);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  transition:transform .22s cubic-bezier(.34,1.56,.64,1), box-shadow .22s;
}
.pg-back-btn::after{
  content:"";
  position:absolute; top:6px; right:14px;
  width:8px; height:8px; border-radius:50%;
  background:rgba(255,255,255,.7);
  box-shadow: 0 0 0 3px rgba(255,255,255,.25);
  pointer-events:none; opacity:.9;
}
.pg-back-btn:hover{
  transform:rotate(-1deg) translateY(-3px) scale(1.03);
  box-shadow:6px 8px 0 0 var(--navy);
}

/* ============ HERO ============ */
.page-hero{
  padding:100px 28px 20px;
  max-width:720px;
  margin:0 auto;
  text-align:left;
}
.page-hero h1{
  font-size:clamp(32px,5vw,52px);
  font-weight:600;
}
.date-pill{
  display:inline-flex;
  align-items:center;
  background:var(--white);
  border:3px solid var(--navy);
  border-radius:999px;
  padding:6px 16px;
  box-shadow:2px 2px 0 0 var(--navy);
  font-weight:800;
  font-size:14px;
  margin-top:12px;
}

/* ============ ARTICLE ============ */
.article-wrap{
  max-width:720px;
  margin:0 auto;
  padding:20px 28px 60px;
  line-height:1.7;
  font-size:17px;
}
.article-wrap h2{
  font-family:var(--f-display);
  font-weight:600;
  margin-top:2em;
  margin-bottom:.4em;
}
.article-wrap h2::after{
  content:"";
  display:block;
  width:56px;
  height:6px;
  background:var(--yellow);
  border-radius:4px;
  margin-top:8px;
}
.article-wrap p{margin:1em 0;}
/* linkurile din text, în culorile site-ului (până acum ieșeau albastru standard) — 18.10.2026 */
.article-wrap a:not(.btn){color:var(--navy); font-weight:700; text-decoration:underline; text-decoration-color:var(--coral-text); text-underline-offset:3px;}
.article-wrap a:not(.btn):hover{color:var(--coral-text);}
.article-wrap ol, .article-wrap ul:not(.check-list){
  padding-left:1.4em;
}
.article-wrap ol li, .article-wrap ul:not(.check-list) li{
  margin-bottom:.6em;
}

/* ============ CHECK LIST ============ */
.check-list{
  list-style:none;
  margin:1.2em 0;
  padding:0;
}
.check-list li{
  background:var(--white);
  border:2px solid var(--navy);
  border-radius:14px;
  padding:12px 16px;
  margin-bottom:10px;
  display:flex;
  gap:10px;
  align-items:flex-start;
  box-shadow:2px 3px 0 0 var(--navy);
  list-style:none;
}
.check-icon{
  color:var(--coral);
  font-weight:800;
  flex-shrink:0;
}

/* ============ BLOCKQUOTE ============ */
blockquote{
  background:var(--white);
  border:3px solid var(--navy);
  border-radius:20px;
  box-shadow:4px 5px 0 0 var(--navy);
  transform:rotate(-0.5deg);
  padding:24px 28px;
  font-style:italic;
  font-size:19px;
  margin:2em 0;
}
blockquote p{margin:0;}
blockquote footer, blockquote cite{
  display:block;
  margin-top:10px;
  font-style:normal;
  font-weight:800;
  font-size:15px;
  color:var(--coral-text);
}

/* ============ CTA BOX (blog only) ============ */
.cta-box{
  background:var(--peach);
  border:3px solid var(--navy);
  border-radius:var(--r-lg);
  box-shadow:4px 5px 0 0 var(--navy);
  padding:32px;
  text-align:center;
  margin:3em 0 1em;
}
.cta-box h3{
  font-weight:600;
  margin-bottom:.4em;
}
.cta-box p{
  margin:0 0 1.4em;
}
.cta-box .cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  justify-content:center;
}

/* ============ LEGAL WRAP ============ */
.legal-wrap{
  max-width:760px;
  margin:0 auto;
  padding:20px 28px 60px;
  line-height:1.7;
  font-size:17px;
}
.legal-wrap h2{
  font-family:var(--f-display);
  font-weight:600;
  margin-top:1.8em;
  margin-bottom:.4em;
}
.legal-wrap h3{
  font-family:var(--f-display);
  font-weight:600;
  margin-top:1.4em;
  margin-bottom:.4em;
  font-size:1.1em;
}
.legal-wrap p{margin:1em 0;}
.legal-wrap ul{
  padding-left:1.4em;
  margin:1em 0;
}
.legal-wrap ul li{
  margin-bottom:.5em;
}
.legal-wrap a{color:var(--coral-text); font-weight:700;}
.updated-note{
  font-style:italic;
  color:var(--slate);
  margin-top:3em;
  border-top:2px dashed var(--slate);
  padding-top:16px;
}

/* ============ FOOTER ============ */
.pg-footer{
  background:var(--navy);
  color:var(--cream);
  padding:24px 28px;
  text-align:center;
  font-size:14px;
  line-height:1.8;
}
.pg-footer a{
  color:var(--cream);
  text-decoration:none;
}
.pg-footer a:hover{
  text-decoration:underline;
}
.pg-footer .pg-footer-legal{
  font-size:12.5px;
  opacity:.85;
  margin-top:6px;
}
.pg-footer .pg-footer-legal a{
  margin:0 6px;
}

/* ============ RESPONSIVE ============ */
@media (max-width:640px){
  .pg-header{padding:12px 18px;}
  .pg-logo img{height:40px;}
  .page-hero{padding:88px 18px 16px;}
  .article-wrap, .legal-wrap{padding:16px 18px 40px;}
  .cta-box{padding:24px 18px;}
  .cta-box .cta-actions{flex-direction:column;}
  .cta-box .cta-actions .btn{width:100%;}
  .pg-back-btn{padding:10px 18px; font-size:14px;}
}