:root{
  --bg: #F7F3EE;           /* ivory/bej foarte deschis */
  --surface: #FFFFFF;       /* suprafețe carduri */
  --ink: #1F1F1F;           /* text principal */
  --muted: #6F6B67;         /* text secundar */
  --line: #E7E0D9;          /* linii/border */
  --beige: #EAE2D6;         /* panouri soft */
  --charcoal: #2B2B2B;      /* fundal header/footer */
  --charcoal-90: rgba(32,32,32,.90);
  --gold: #C6A15B;          /* accent discret */
  --gold-40: rgba(198,161,91,.40);
}
html, body { background: var(--bg); color: var(--ink); }

@keyframes fade-in-up {
  from { opacity: 0; transform: translateY(32px);}
  to   { opacity: 1; transform: none;}
}
.animate-fade-in-up    { animation: fade-in-up 1.0s cubic-bezier(.4,0,.2,1) 0.12s both; }
.animate-fade-in-up-2  { animation: fade-in-up 1.2s cubic-bezier(.4,0,.2,1) 0.34s both; }
.animate-fade-in-up-3  { animation: fade-in-up 1.3s cubic-bezier(.4,0,.2,1) 0.57s both; }

body {
  padding-top: 74px;
  background: #e7ecef;
}
@media (max-width: 700px) {
  body { padding-top: 64px; }
}

/* === NAVBAR MODERN, FARA SPAȚIU, FARA LINIE, VIZIBILITATE MAXIMA === */
.navbar{
  position:fixed; top:0; left:0; width:100vw; z-index:1100;
  background: var(--charcoal-90) !important;
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  border-bottom: 1px solid var(--line);
}


.logo-img-navbar {
  height: 52px;
  width: auto;
  border-radius: 14px;
  box-shadow: 0 2px 10px #4668b335;
  background: #fff;
  padding: 3px;
}
.logo-nav-text {
  
  font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
  font-weight: 800;
  letter-spacing: 0.01em;
  line-height: 1.1;
  font-size: 1.36rem;
   color:#F5F3EF; 
   text-shadow:none; 
  transition: font-size 0.22s;
}
@media (max-width: 700px) {
  .logo-img-navbar { height: 38px;}
  .logo-nav-text { font-size: 1.09rem;}
}

/* Elimină total spațiul pt-navbar, dar fără să ștergi din HTML! */
.pt-navbar {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Hamburger menu (animatie smooth) */
.nav-toggle span {
  display: block;
  width: 28px;
  height: 3px;
  background:#DBD5CC;
  margin: 6px 0;
  border-radius: 2px;
  transition: 0.3s;
}
.nav-toggle.active .line1 { transform: rotate(45deg) translateY(9px);}
.nav-toggle.active .line2 { opacity: 0;}
.nav-toggle.active .line3 { transform: rotate(-45deg) translateY(-9px);}

/* Nav links */
.nav-links {
  transition: right 0.35s cubic-bezier(.5,.4,.2,1.2);
  position: absolute;
  top: 62px;
  right: -100vw;
  width: 85vw;
  max-width: 340px;
  background: #112643f7;
  padding: 2rem 1.5rem 1rem 1.5rem;
  border-radius: 18px 0 18px 18px;
  box-shadow: 0 18px 40px 0 #3a66b130;
  flex-direction: column;
  gap: 1.2rem;
  z-index: 2000;
}
.nav-links.open {
  right: 0.5rem;
}
@media (min-width: 768px) {
  .nav-links {
    position: static !important;
    flex-direction: row;
    background: none;
    box-shadow: none;
    padding: 0;
    width: auto;
    max-width: unset;
    right: unset;
    gap: 2.2rem;
    top: unset;
  }
}
.nav-link {
  color: #e7ecef;
  font-weight: 700;
  letter-spacing: 0.04em;
  border-radius: 9px;
  padding: 0.46rem 1.32rem;
  transition: background 0.19s, color 0.17s, box-shadow 0.18s, font-size 0.15s;
  font-size: 1.09rem;
  position: relative;
  overflow: hidden;
}
.nav-link::after {
  content: "";
  display: block;
  position: absolute;
  left: 18%;
  bottom: 6px;
  width: 64%;
  height: 3px;
  background: linear-gradient(90deg, var(--gold) 0%, #E3D6BD 100%);
  border-radius: 3px;
  transform: scaleX(0);
  transition: transform 0.24s cubic-bezier(.5,.4,.2,1.2);
}
.nav-link:hover::after,
.nav-link.active::after {
  transform: scaleX(1);
}
.nav-link:hover, .nav-link.active {
background: rgba(255,255,255,.06);
  color: #fff;
  box-shadow: 0 2px 8px 0 #3a66b130;
  font-size: 1.13rem;
}


/* HERO SECTION FUNDAL + OVERLAY */
.hero-section {
  background-image: url('backgroundhero.webp');
  background-repeat: repeat;
  background-position: center center;
  background-size: cover;
  min-height: 100vh;
  width: 100vw;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-sizing: border-box;
}
.hero-img-pozitionat {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  max-width: 100vw;
  width: 100vw;
  height: 100vh;
  min-height: 340px;
  object-fit: contain;
  filter: drop-shadow(0 4px 48px #1d254044);
  pointer-events: none;
  user-select: none;
}
.hero-overlay {
  position: absolute;
  inset: 0;
background: linear-gradient(0deg, rgba(0,0,0,.30), rgba(0,0,0,.10));
  z-index: 5;
  transition: background 0.4s cubic-bezier(.4,0,.2,1), backdrop-filter 0.45s cubic-bezier(.6,0,.2,1);
}
body.scrolled .hero-overlay {
  background: rgba(24, 29, 43, 0.43);
  backdrop-filter: blur(7px);
}

/* HERO CARD MODERN */

.hero-content-poster {
  position: relative;
  z-index: 10;
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
  padding: 16vh 4vw 6vh 4vw; /* mai jos pe desktop */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.9vh;
}

@media (max-width: 900px) {
  .hero-content-poster {
    padding-top: 27vw;
    padding-bottom: 10vw;
    gap: 3.5vw;
  }
}
@media (max-width: 600px) {
  .hero-content-poster {
    padding-top: 38vw;
    padding-bottom: 8vw;
    gap: 2.4vw;
  }
}
@media (max-width: 420px) {
  .hero-content-poster {
    padding-top: 55vw;
    padding-bottom: 4vw;
    gap: 2vw;
  }
}

/* TITLU */
.hero-content-poster h1 {
  font-size: 2.75rem;
  font-weight: 900;
  color: #fff;
  text-align: center;
  line-height: 1.11;
  text-shadow: 0 6px 30px #1a3a5888, 0 2px 2px #fff6, 0 1px 6px #29417777;
  margin-bottom: 0.38rem;
  filter: drop-shadow(0 2px 12px #3a66b1c2);
  letter-spacing: 0.01em;
  animation: fade-in-up 1s cubic-bezier(.4,0,.2,1) 0.06s both;
}

/* SUBTITLE – alb pur, ultra-vizibil */
.hero-content-poster .hero-subtitle {
  font-size: 1.63rem;
  font-weight: 900;
  text-align: center;
  margin-bottom: 2.2vh;
  letter-spacing: 0.025em;
  color: #fff !important;
  text-shadow: 0 4px 22px #0a1931e8, 0 2px 8px #000b, 0 1px 1px #274b85b7;
  background: none !important;
  filter: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
}

/* HERO CARD GLASS, shine animat */
.hero-content-poster .hero-presentation{
  margin: 0 auto 2.7vh auto;
  padding: 1.4rem 2.4rem;
  border-radius: 1.3rem;
  background: rgba(255,255,255,.88);
  color: var(--ink);
  font-size: 1.19rem;
  text-align: center;
  line-height: 2.0;
  max-width: 600px;
  width: 100%;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
  border: 1px solid var(--line);
  backdrop-filter: blur(8px);
  text-shadow: none;
}

.hero-content-poster .hero-presentation:before {
  content: '';
  position: absolute;
  left: -12%;
  top: 0;
  width: 124%;
  height: 100%;
  background: linear-gradient(112deg,rgba(255,255,255,0.09) 0%,rgba(255,255,255,0.02) 60%);
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.43;
  animation: glassShine 6.1s linear infinite;
}
@keyframes glassShine {
  0% { opacity: 0.25; left: -40%; }
  54% { opacity: 0.81; left: 0%; }
  100% { opacity: 0.25; left: 80%; }
}
@keyframes fadeGlassIn {
  from { opacity: 0; filter: blur(23px); transform: translateY(38px);}
  to   { opacity: 1; filter: blur(0); transform: none;}
}

/* BUTON MAI MIC, MODERN */
.hero-content-poster .btn-hero {
  margin-top: 2vh;
  border-radius: 1.05rem;
  background: var(--charcoal);
  color: #fff;
  font-size: 1rem;
  font-weight: 800;
  padding: 0.54rem 1.2rem;
  letter-spacing: 0.06em;
  text-align: center;
  border: none;
  box-shadow: none;
  transition: transform .12s, opacity .12s;
  cursor: pointer;
  min-width: 105px;
  max-width: 70vw;
}

.hero-content-poster .btn-hero:hover,
.hero-content-poster .btn-hero:focus {
  background: #3A3A3A;   /* gri mai deschis */
  transform: translateY(-1px) scale(1.02);
  opacity: .95;
}


/* --------- RESPONSIVE ----------- */
@media (max-width: 900px) {
  .hero-content-poster {
    padding-top: 27vw;
    padding-bottom: 10vw;
    gap: 3.5vw;
  }
  .hero-content-poster h1 { font-size: 1.72rem; }
  .hero-content-poster .hero-subtitle { font-size: 1.06rem; }
  .hero-content-poster .hero-presentation {
    font-size: 0.97rem;
    padding: 1rem 0.7rem;
    border-radius: 1.1rem;
    margin-bottom: 1.1vh;
    max-width: 99vw;
  }
  .hero-content-poster .btn-hero {
    font-size: 0.97rem;
    padding: 0.45rem 0.1rem;
    width: 82%;
    min-width: 0;
    border-radius: 1.05rem;
  }
}
@media (max-width: 600px) {
  .hero-content-poster {
    padding-top: 38vw;
    padding-bottom: 8vw;
    gap: 2.4vw;
  }
  .hero-content-poster h1 { font-size: 1.12rem;}
  .hero-content-poster .hero-subtitle { font-size: 0.96rem;}
  .hero-content-poster .hero-presentation {
    font-size: 0.86rem;
    padding: 0.82rem 0.1rem;
    border-radius: 0.7rem;
  }
  .hero-content-poster .btn-hero {
    font-size: 0.83rem;
    padding: 0.37rem 0.1rem;
    width: 68%;
    min-width: 70px;
    border-radius: 0.7rem;
  }
}
@media (max-width: 420px) {
  .hero-content-poster {
    padding-top: 55vw;
    padding-bottom: 4vw;
    gap: 2vw;
  }
  .hero-content-poster h1 { font-size: 0.87rem;}
  .hero-content-poster .hero-subtitle { font-size: 0.69rem;}
  .hero-content-poster .hero-presentation { font-size: 0.81rem; }
  .hero-content-poster .btn-hero {
    font-size: 0.78rem;
    padding: 0.31rem 0.1rem;
    width: 78%;
    min-width: 55px;
    border-radius: 0.6rem;
  }
}

.hero-content-poster,
.hero-content-poster * {
  box-sizing: border-box;
  word-break: break-word;
  overflow-wrap: break-word;
  max-width: 100vw;
}

.hero-headline {
  position: absolute;
  z-index: 12;
  left: 0;
  width: 100vw;
  display: flex;
  justify-content: center;
  pointer-events: none;
  top: 44px;
}

.hero-headline h1 {
  font-size: 1.35rem;
  font-weight: 800;
  color: #f5f7fb;
  text-shadow: 0 3px 18px #4668b399, 0 1px 2px #fff8;
  letter-spacing: 0.02em;
  text-align: center;
  margin: 0;
  padding: 0.28rem 1.18rem 0.21rem 1.18rem;
  border-radius: 1.2rem 2.1rem 1.2rem 2.1rem;
  background: linear-gradient(96deg,rgba(39,76,133,0.62) 55%,rgba(144,224,239,0.11) 100%);
  box-shadow: 0 6px 32px #4668b14a;
  border: 1.2px solid #6fd5fd40;
  display: inline-block;
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  transition: font-size 0.18s, padding 0.15s, top 0.2s;
  /* Shine effect */
}
.hero-headline h1::before {
  content: '';
  position: absolute;
  top: 0; left: -55%;
  width: 42%;
  height: 100%;
  background: linear-gradient(120deg,rgba(255,255,255,0.27) 15%,rgba(255,255,255,0.03) 100%);
  filter: blur(1.7px);
  opacity: 0.29;
  animation: shineMove 2.9s infinite;
  pointer-events: none;
}
@keyframes shineMove {
  0% { left: -55%;}
  75% { left: 80%;}
  100% { left: 120%;}
}

/* PE TABLETĂ */
@media (max-width: 900px) {
  .hero-headline {
    top: 64px;
  }
  .hero-headline h1 {
    font-size: 1.09rem;
    padding: 0.17rem 0.5rem;
  }
}

/* PE MOBIL */
@media (max-width: 600px) {
  .hero-headline {
    top: 98px;
  }
  .hero-headline h1 {
    font-size: 0.93rem;
    padding: 0.13rem 0.31rem;
    border-radius: 0.7rem 1.3rem 0.7rem 1.3rem;
  }
}


@media (max-width: 700px) {
  .hero-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  /* Dacă vezi încă spațiu, fă și body fără padding sus! */
  body {
    padding-top: 0 !important;
  }
  .pt-navbar {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  /* Și la ancoră, ca să nu fie offset vizibil */
  #acasa-anchor {
    top: 0 !important;
    height: 0 !important;
  }
}






/* Servicii  */

/* === SERVICII (stil calm) === */

/* Fundal simplu, deschis */
.servicii-bg-gradient {
  background: var(--bg);
  position: relative;
  min-height: 100vh;
  width: 100%;
  z-index: 1;
  overflow: hidden;
}
.servicii-bg-gradient::before { display: none; }

/* Card servicii – alb cald, colțuri rotunjite, umbră moale */
.serviciu-card-wow {
  position: relative;
  background: var(--surface);
  border-radius: 1.3rem;
  border: 1px solid var(--line);
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  padding: 2rem 1.6rem;
  min-height: 180px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: transform 0.18s, box-shadow 0.18s;
}
.serviciu-card-wow::before,
.serviciu-card-wow::after,
.serviciu-card-wow .stripe-decor { display: none; }

.serviciu-card-wow:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
}

.serviciu-card-wow h3 {
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--ink);
  margin-bottom: 0.3rem;
  text-shadow: none;
}

.serviciu-card-wow p {
  font-size: 1.05rem;
  font-weight: 500;
  color: var(--muted);
  line-height: 1.6;
  text-shadow: none;
}

/* Butoane simple, fără neon */
.buton-gradient-servicii {
  display:inline-block;
  padding: .9rem 1.4rem;
  border-radius: .9rem;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
  background: var(--surface);
  color: var(--ink);
  border:1px solid var(--line);
  box-shadow:none;
  text-shadow:none;
  transition: transform 0.12s, background 0.12s;
}
.buton-gradient-servicii:hover {
  background: var(--beige);
  transform: translateY(-1px);
}
.buton-gradient-servicii span, 
.buton-gradient-servicii strong {
  color: var(--ink);
  background:none;
  -webkit-text-fill-color: initial;
}

.servicii-title-modern {
  color: var(--ink) !important;
}















/* DESPRE secțiune - nonconformist, glass, animații */
#despre {
  position: relative;
  scroll-margin-top: 110px; /* navbar height for anchor scroll */
}
@media (max-width: 700px) {
  #despre { scroll-margin-top: 145px; }
}

/* --- BACKGROUND MESH VIZIBIL --- */
.about-modern-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width='1920' height='1000' viewBox='0 0 1920 1000' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CradialGradient id='grad1' cx='27%25' cy='23%25' r='0.87'%3E%3Cstop offset='0%25' stop-color='%2390e0ef' stop-opacity='0.72'/%3E%3Cstop offset='100%25' stop-color='%234668b3' stop-opacity='0.18'/%3E%3C/radialGradient%3E%3CradialGradient id='grad2' cx='86%25' cy='83%25' r='0.62'%3E%3Cstop offset='0%25' stop-color='%23afafde' stop-opacity='0.35'/%3E%3Cstop offset='100%25' stop-color='%23e7ecef' stop-opacity='0.13'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='1920' height='1000' fill='url(%23grad1)'/%3E%3Cellipse cx='1710' cy='920' rx='350' ry='120' fill='url(%23grad2)'/%3E%3Cellipse cx='380' cy='210' rx='270' ry='120' fill='%236fd5fd' fill-opacity='0.18'/%3E%3Cellipse cx='1570' cy='210' rx='150' ry='80' fill='%234668b3' fill-opacity='0.15'/%3E%3Cellipse cx='980' cy='540' rx='410' ry='310' fill='%23afafde' fill-opacity='0.11'/%3E%3Cellipse cx='1380' cy='350' rx='140' ry='95' fill='%2390e0ef' fill-opacity='0.11'/%3E%3Cellipse cx='250' cy='880' rx='220' ry='90' fill='%234468b3' fill-opacity='0.10'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 1;
  filter: blur(0px) brightness(1.08) saturate(1.19);
}
#despre > *:not(.about-modern-bg) {
  position: relative;
  z-index: 1;
}

/* --- LAYOUT FLEX + SPAȚIU --- */
.about-section {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 6vw;
  min-height: 75vh;
  padding: 4vw 0;
  background: none !important;
}
@media (max-width: 900px) {
  .about-section {
    flex-direction: column;
    align-items: center;
    gap: 1.8rem;
    padding: 2vw 0 3vw 0;
    min-height: unset;
  }
}

/* --- POZA --- */
.about-img-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2vw;
  margin-bottom: 0;
}
.about-img-glass {
  width: 410px;
  height: 530px;
  max-width: 96vw;
  max-height: 68vh;
  object-fit: cover;
  border-radius: 2.6rem;
  background: #fff;
  box-shadow: 0 16px 88px 0 #54d3ff77, 0 4px 28px #4668b355;
  
  transition: transform 0.44s cubic-bezier(.4,0,.2,1), box-shadow 0.29s;
  filter: saturate(1.13) brightness(1.18) contrast(1.04);
}
.about-img-glass:hover {
  transform: scale(1.08) rotate(-2deg);
  box-shadow: 0 34px 100px #90e0efbb, 0 3px 48px #4668b3c4;
}
/* GLOW sub poză */
.about-img-glow {
  width: 230px;
  height: 58px;
  left: 50%;
  bottom: -22px;
  transform: translateX(-50%);
  background: linear-gradient(90deg,#6fd5fd55 0%,#4668b388 100%);
  border-radius: 90px;
  filter: blur(16px) brightness(1.12);
  opacity: 0.75;
  z-index: 1;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.25s;
}
@media (max-width: 900px) {
  .about-img-wrap { margin-top: 1.2rem; }
  .about-img-glass { width: 240px; height: 320px; }
  .about-img-glow { width: 120px; height: 38px; bottom: -16px; }
}
@media (max-width: 600px) {
  .about-img-glass { width: 125px; height: 170px; border-radius: 1.2rem; }
  .about-img-glow { width: 66px; height: 22px; }

  .about-img-glass {
    width: 90vw !important;      
    height: 48vw !important;    
    max-width: 360px !important; 
    border-radius: 1.2rem;
  }
}

/* --- CARD TEXT --- */
.about-card-glass {
  background: rgba(255,255,255,0.98);
  backdrop-filter: blur(32px) saturate(1.22) brightness(1.08);
  border-radius: 3.5rem;
  box-shadow: 0 18px 54px 0 #4668b1a9, 0 4px 26px #29417719;
  border: 2.2px solid #6fd5fd55;
  padding: 4.3rem 4rem 3.2rem 4rem;
  max-width: 750px;
  min-width: 320px;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.about-card-glass p, .about-card-glass span, .about-card-glass .shine-title {
  font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
}
.about-card-glass p {
  font-size: 1.45rem;
  line-height: 1.78;
  font-weight: 500;
  color: #223253;
}
.about-card-glass .border-l-4 {
  font-size: 1.16rem;
  font-weight: 600;
  font-style: italic;
  background: #e7eceff8;
  border-left: 4.5px solid #4668b3c0;
  border-radius: 1.3rem;
  padding-left: 1.45rem;
  margin-bottom: 1.4rem;
  margin-top: 1.1rem;
}
.about-card-glass span.inline-block {
  margin-top: 1.3rem;
  font-size: 1.13rem;
  font-weight: 700;
  background: linear-gradient(95deg,#4668b3ed 0%,#90e0efc7 100%);
  color: #fff;
  box-shadow: 0 10px 36px #4668b129, 0 2px 8px #afafde17;
  padding: 1.07rem 2.8rem;
  border-radius: 2.3rem;
  display: inline-block;
}

/* --- TITLU cu SHINE --- */
.shine-title {
  position: relative;
  overflow: hidden;
  margin-bottom: 2.3rem !important;
  font-size: 2.9rem !important;
  line-height: 1.12;
  font-weight: 900;
  color: #1d2540;
}
.shine-title::before {
  content: "";
  position: absolute;
  top: 0; left: -65%;
  width: 60%;
  height: 100%;
  background: linear-gradient(112deg,rgba(255,255,255,0.33) 30%,rgba(255,255,255,0.02) 100%);
  filter: blur(2.3px);
  animation: shineMove 3.1s infinite;
}
@keyframes shineMove {
  0% { left: -65%;}
  68% { left: 85%;}
  100% { left: 110%;}
}

/* --- Responsive --- */
@media (max-width: 1200px) {
  .about-card-glass {
    padding: 2.5rem 1.2rem 2.1rem 1.2rem;
    max-width: 99vw;
  }
  .about-card-glass p {
    font-size: 1.19rem;
  }
}
@media (max-width: 900px) {
  .about-card-glass {
    margin-left: 0;
    margin-right: 0;
    padding: 1.5rem 0.5rem 1.5rem 0.5rem;
  }
  .about-card-glass p {
    font-size: 1.04rem;
  }
}
@media (max-width: 600px) {
  .about-card-glass {
    padding: 1rem 0.4rem 1rem 0.4rem;
    border-radius: 1.5rem;
  }
  .about-card-glass p, .about-card-glass .border-l-4 { font-size: 0.97rem;}
  .shine-title { font-size: 1.09rem !important;}
  .about-card-glass span.inline-block { font-size: 0.87rem; padding: 0.5rem 1.1rem;}
}
@media (max-width: 600px) {
  .about-img-glass {
    width: 90vw !important;
    height: 62vw !important;
    max-width: 360px !important;
    max-height: 410px !important;
    border-radius: 1.3rem;
    object-fit: contain !important;
    object-position: top center !important;
    background: #fff;
    box-shadow: 0 4px 28px #4668b355, 0 1.5px 5px #6fd5fd77;
  }
}

@media (max-width: 700px) {
  #despre-anchor { top: -70px !important; }
}




/*Contact*/
.servicii-anchor-fix {
  position: relative;
  height: 1px;
  /* Implicit pentru mobil, nu are offset */
  top: 0;
}

@media (min-width: 700px) {
  .servicii-anchor-fix {
    top: -90px; /* Doar pe desktop, modifici cât vrei */
  }
}


/*Footer*/


@keyframes logoBounceFooter {
  0%,100% { transform: translateY(0) scale(1) rotate(-7deg); filter: brightness(1.14);}
  16% { transform: translateY(-9px) scale(1.14) rotate(-1deg); filter: brightness(1.20);}
  28% { transform: translateY(-7px) scale(1.11) rotate(2deg); filter: brightness(1.24) drop-shadow(0 6px 13px #4668b199);}
  42% { transform: translateY(-4px) scale(1.04) rotate(-2deg);}
  100% { transform: translateY(0) scale(1) rotate(-7deg);}
}

.footer-bar-modern {
  width: 100vw;
  background: linear-gradient(90deg, #2957b5 0%, #6fd5fd 100%);
  color: #fff;
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.04rem;
  font-weight: 500;
  letter-spacing: 0.013em;
  box-shadow: 0 -3px 38px #29417715, 0 1px 6px #6fd5fd11;
  margin: 0;
  padding: 0.33rem 0;
  position: relative;
  z-index: 12;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.footer-bar-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0.21rem 1.2rem 0.2rem 1.2rem;
  box-sizing: border-box;
}

.footer-bar-logo {
  width: 31px;
  height: 31px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 22px #4668b111, 0 1px 4px #29417720;
  margin-right: 0.75rem;
  animation: logoBounceFooter 2.7s cubic-bezier(.45,1.8,.5,1.1) infinite;
  user-select: none;
  display: inline-block;
}

.footer-bar-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  width: 100%;
  font-size: 0.99rem;
  color: #e7f7fe;
  gap: 0.4rem;
}

.footer-bar-credit {
  font-size: 0.93rem;
  color: #e6feff;
  font-weight: 700;
  margin-left: 0.5rem;
  opacity: 0.92;
}

@media (max-width: 700px) {
  .footer-bar-inner {
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    padding: 0.18rem 0.7rem 0.14rem 0.7rem;
  }
  .footer-bar-modern {
    font-size: 0.97rem;
    padding: 0.13rem 0;
  }
  .footer-bar-logo {
    width: 24px;
    height: 24px;
    margin: 0 0 2px 0;
  }
  .footer-bar-text {
    flex-direction: column;
    font-size: 0.91rem;
    gap: 0.08rem;
  }
  .footer-bar-credit {
    margin-left: 0;
    margin-top: 0.04rem;
    font-size: 0.88rem;
  }
}




/*Buton*/
.btn-backtotop {
  position: fixed;
  bottom: 2.4rem;
  right: 2.1rem;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(120deg, #2957b5 40%, #6fd5fd 100%);
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  box-shadow: 0 4px 18px #2957b579, 0 2px 8px #6fd5fd33;
  border: none;
  outline: none;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s, transform 0.22s;
  z-index: 5000;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  transform: translateY(20px) scale(0.92);
}
.btn-backtotop.show {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}
.btn-backtotop:hover {
  background: linear-gradient(120deg, #6fd5fd 20%, #2957b5 90%);
  color: #fff;
  box-shadow: 0 10px 32px #2957b5b0;
  transform: scale(1.15);
}
@media (max-width: 700px) {
  .btn-backtotop {
    width: 34px;
    height: 34px;
    font-size: 1.2rem;
    bottom: 1.2rem;
    right: 1rem;
  }
}




/* ===== FOOTER – curat & responsive ===== */
.site-footer{
  background: var(--charcoal); 
  color:#EDEAE4;
  position: relative;
  z-index: 1;
}
.footer-wrap{
  max-width:1100px;
  margin:0 auto;
  padding:20px 16px;
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: clamp(16px, 3vw, 32px);
  align-items:center;
}
.footer-left{ display:grid; grid-auto-rows:min-content; gap:8px; }
.footer-logo{ height:28px; width:auto; display:block; }

.footer-copy{
  margin:0;
  font: 600 clamp(12px,2.6vw,14px)/1.4 'Inter',system-ui,Arial,sans-serif;
}
.footer-credit{
  margin:0;
  opacity:.85;
  font: 600 clamp(11px,2.4vw,13px)/1.3 'Inter',system-ui,Arial,sans-serif;
}

/* Dreapta: link + badge-uri ANPC */
.footer-right{ display:grid; gap:12px; justify-items:end; }
.policy-link{
  font: 800 clamp(13px,3vw,15px)/1.2 'Inter',system-ui,Arial,sans-serif;
  color:#fff; text-decoration:underline; letter-spacing:.01em;
}
.policy-link:hover{ text-decoration-thickness:2px; }

/* Badge-urile ANPC */
.anpc-badges{
  display:flex; gap:clamp(8px,2.2vw,14px);
  flex-wrap:wrap; justify-content:flex-end; align-items:center;
}
.anpc-badges a{ display:inline-block; line-height:0; }
.anpc-img{
  height:clamp(30px,6vw,44px);
  width:auto; display:block;
  border-radius:10px; background:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.12);
  max-width:100%;
}

/* MOBILE – totul pe o coloană, centrat frumos */
@media (max-width: 768px){
  .footer-wrap{ grid-template-columns: 1fr; text-align:center; }
  .footer-right{ justify-items:center; }
  .anpc-badges{ justify-content:center; }
}

/* Protecție: clickable pe mobil, nimic să nu acopere linkurile */
.site-footer a{ -webkit-tap-highlight-color: transparent; position:relative; z-index:2; }






@keyframes pop-up {
  0% { transform: scale(0.92); opacity:0; }
  50% { transform: scale(1.08); opacity:1;}
  100% { transform: scale(1.0);}
}
.animate-pop-up { animation: pop-up 1s cubic-bezier(.55,1.2,.5,1) 0.2s both; }

@keyframes bounce-slow {
  0%,100% { transform: translateY(0);}
  50% { transform: translateY(-25px);}
}
.animate-bounce-slow { animation: bounce-slow 4s infinite cubic-bezier(.75,0,.45,1); }

/* HERO text animatie slide up */
@keyframes slide-up-text {
  0% { opacity:0; transform: translateY(36px);}
  100% { opacity:1; transform: none;}
}
.hero-section h1, .hero-section .text-lg {
  animation: slide-up-text 1.05s cubic-bezier(.5,0,.4,1) 0.18s both;
}


html, body {
  max-width: 100vw !important;
  overflow-x: hidden !important;
}

* {
  box-sizing: border-box;
}





#servicii {
  scroll-margin-top: 90px; /* pentru desktop, în funcție de înălțimea navbar-ului */
}

@media (max-width: 900px) {
  #servicii {
    scroll-margin-top: 130px; /* mai mult spațiu pentru mobil/tabletă */
  }
}
@media (max-width: 900px) {
  .servicii-title-modern {
    margin-top: 50px; /* spațiu suplimentar sus la titlu pe mobil/tabletă */
  }
}



/* ===== Politica de Confidențialitate – stil dedicat ===== */

/* 0) Dezactivează padding-ul global de navbar pe această pagină */
/* === Politica de Confidențialitate === */
.politica-page { 
  padding-top: 0 !important; 
  background: #e7ecef; 
}

.politica-page .pc-hero {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
  max-width: 100vw;
  background: linear-gradient(135deg,#112643 0%,#42a5c5 100%);
  color: #fff;
  text-align: center;
  padding: clamp(40px, 10vw, 90px) 16px;
  box-shadow: 0 6px 28px rgba(0,0,0,.22);
}
.politica-page .pc-hero h1 {
  font-size: clamp(1.8rem,4.5vw,2.8rem);
  font-weight: 900;
  margin: 0 0 8px;
}
.politica-page .pc-hero .meta {
  font-size: clamp(.9rem,2.3vw,1.1rem);
  font-weight: 600;
  opacity: .9;
}

.politica-page .pc-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: clamp(18px,3vw,28px) 16px;
}

.pc-toc{
  background: #fff; border:1px solid #e7eef6; border-radius:14px;
  box-shadow: 0 2px 16px rgba(0,0,0,.04);
  padding: 16px; margin: -24px 0 26px;
  display: grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr));
}
.pc-toc a{ color:#112643; text-decoration: underline; font-weight: 800; }
@media (max-width: 720px){ .pc-toc{ grid-template-columns: 1fr; } }

.pc-section{
  background: #f7fbff;
  border:1px solid #e7eef6;
  border-left: 6px solid #42a5c5;
  border-radius: 14px;
  padding: clamp(16px,2.6vw,24px);
  margin: 18px 0;
  box-shadow: 0 2px 16px rgba(0,0,0,.04);
  color:#0f172a;
}
.pc-section h2{ margin:0 0 10px; font-weight:900; color:#112643; }
.pc-section h3{ margin:16px 0 8px; color:#0f172a; }
.pc-list{ padding-left: 18px; }
.pc-muted{ color:#475569; }
.pc-note{
  background:#fff8e6; border:1px solid #ffe5a0; color:#6a4a00;
  padding:12px 14px; border-radius:10px; margin:12px 0;
}

/* 3) Tabele */
.pc-table{ width:100%; border-collapse: collapse; overflow:hidden; border-radius:10px; }
.pc-table th, .pc-table td{
  border:1px solid #e7eef6; padding:10px; text-align:left; vertical-align:top; background:#fff;
}
.pc-table th{ background:#f1f7fb; font-weight:800; }

/* 4) Butoane / actions */
.pc-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:16px; }
.pc-btn-outline{
  display:inline-block; padding:12px 16px; border-radius:12px; font-weight:900;
  text-decoration:none; line-height:1; position:relative; z-index:2;
  border:2px solid #112643; color:#112643; background:#fff;
}
.pc-btn-outline:hover{ background:#f1f7fb; }

/* 5) Footer minimal pentru pagină */
.pc-footer{ text-align:center; color:#223253; padding:20px 16px 36px; }




















/* ==== OVERRIDE FINAL – temă calmă (lipit la finalul style.css) ==== */

/* Paleta */
:root{
  --bg:#F7F3EE; --surface:#FFFFFF; --ink:#1F1F1F; --muted:#6F6B67;
  --line:#E7E0D9; --beige:#EAE2D6; --charcoal:#2B2B2B; --gold:#C6A15B;
}
html,body{ background:var(--bg); color:var(--ink); }

/* NAVBAR */
.navbar{
  background:rgba(32,32,32,.92) !important;
  backdrop-filter: blur(12px);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  border-bottom:1px solid var(--line) !important;
}
.logo-nav-text{ color:#F5F3EF !important; text-shadow:none !important; }
.nav-toggle span{ background:#DBD5CC !important; }
.nav-link{ color:#F5F3EF !important; }
.nav-link::after{ background:linear-gradient(90deg,var(--gold),#E3D6BD) !important; }
.nav-link:hover,.nav-link.active{
  background:rgba(255,255,255,.06) !important; color:#fff !important; box-shadow:none !important;
}

/* HERO – card prezentare + buton */
.hero-content-poster .hero-presentation{
  margin:0 auto 2.7vh !important; padding:1.4rem 2.4rem !important;
  border-radius:1.3rem !important;
  background:rgba(255,255,255,.88) !important; color:var(--ink) !important;
  font-size:1.19rem !important; line-height:2 !important; max-width:600px !important;
  box-shadow:0 10px 28px rgba(0,0,0,.08) !important; border:1px solid var(--line) !important;
  backdrop-filter:blur(8px) !important; text-shadow:none !important;
}
.hero-content-poster .hero-presentation:before{ display:none !important; }

.hero-content-poster .btn-hero{
  margin-top:2vh !important; border-radius:1.05rem !important;
  background:var(--charcoal) !important; color:#fff !important;
  font-size:1rem !important; font-weight:800 !important;
  padding:.54rem 1.2rem !important; letter-spacing:.06em !important;
  border:none !important; box-shadow:none !important; text-shadow:none !important;
  transition:transform .12s,opacity .12s !important;
  cursor:pointer; min-width:105px; max-width:70vw;
}
.hero-content-poster .btn-hero:hover{
  background:#3A3A3A !important; transform:translateY(-1px) scale(1.02) !important; opacity:.95 !important;
}

/* SERVICII – fundal & carduri liniștite */
.servicii-bg-gradient{ background:var(--bg) !important; }
.servicii-bg-gradient::before{ display:none !important; }

.serviciu-card-wow{
  background:var(--surface) !important; border-radius:1.3rem !important;
  border:1px solid var(--line) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.06) !important;
  padding:2rem 1.6rem !important; min-height:180px !important;
  transition:transform .18s, box-shadow .18s !important;
}
.serviciu-card-wow::before,
.serviciu-card-wow::after,
.serviciu-card-wow .stripe-decor{ display:none !important; }

.serviciu-card-wow:hover{
  transform:translateY(-2px) !important; box-shadow:0 10px 28px rgba(0,0,0,.08) !important;
}
.serviciu-card-wow h3{
  font-size:1.6rem !important; font-weight:800 !important; color:var(--ink) !important;
  margin-bottom:.3rem !important; background:none !important; text-shadow:none !important;
  -webkit-text-fill-color: initial !important;
}
.serviciu-card-wow p{
  font-size:1.05rem !important; font-weight:500 !important; color:var(--muted) !important;
  line-height:1.6 !important; text-shadow:none !important;
}

.buton-gradient-servicii{
  display:inline-block; padding:.9rem 1.4rem !important; border-radius:.9rem !important;
  font-size:1rem !important; font-weight:800 !important; letter-spacing:.07em !important;
  text-transform:uppercase !important;
  background:var(--surface) !important; color:var(--ink) !important;
  border:1px solid var(--line) !important; box-shadow:none !important; text-shadow:none !important;
  transition:transform .12s, background .12s !important;
}
.buton-gradient-servicii:hover{ background:var(--beige) !important; transform:translateY(-1px) !important; }
.buton-gradient-servicii span,.buton-gradient-servicii strong{
  color:var(--ink) !important; background:none !important; -webkit-text-fill-color: initial !important;
}
.servicii-title-modern{ color:var(--ink) !important; }

/* DESPRE – îmblânzit (mesh, poză, card) */
.about-modern-bg{
  opacity:.18 !important; filter:brightness(1) saturate(.9) !important; /* scade saturația */
}
.about-img-glass{
  box-shadow:0 10px 28px rgba(0,0,0,.12) !important; filter:none !important;
}
.about-img-glass:hover{
  transform:scale(1.02) !important; box-shadow:0 16px 42px rgba(0,0,0,.15) !important;
}
.about-img-glow{ display:none !important; }

.about-card-glass{
  background:var(--surface) !important; border:1px solid var(--line) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.08) !important; border-radius:1.6rem !important;
}
.about-card-glass p{ color:var(--ink) !important; }
.about-card-glass .border-l-4{
  background:var(--beige) !important; border-left:4px solid var(--gold) !important; color:var(--ink) !important;
}
.shine-title{ color:var(--ink) !important; text-shadow:none !important; }

/* CONTACT – fundal simplu închis */
#contact{ background:var(--charcoal) !important; }
#contact .rounded-\[2\.5rem\]{ border-color:rgba(198,161,91,.40) !important; } /* accent auriu pe card */

/* FOOTER & Back-to-top */
.site-footer{ background:var(--charcoal) !important; color:#EDEAE4 !important; }
.policy-link{ color:#EDEAE4 !important; }
.btn-backtotop{
  background:var(--charcoal) !important; color:#fff !important;
  box-shadow:0 4px 18px rgba(0,0,0,.18) !important;
}
.btn-backtotop:hover{
  background:#3A3A3A !important; box-shadow:0 10px 24px rgba(0,0,0,.22) !important;
}

/* COOKIE BANNER – (mută stilul din inline în CSS, dacă nu l-ai mutat deja) */
#cookie-banner{
  position:fixed; bottom:0; left:0; width:100%;
  background:var(--charcoal); color:#F6F2EC; padding:16px; text-align:center; font-size:15px;
  z-index:9999; box-shadow:0 -2px 12px rgba(0,0,0,.4); display:none;
}
#cookie-banner a{ color:var(--gold); text-decoration:underline; font-weight:600; }
#accept-cookies{
  margin-left:12px; padding:6px 14px; background:var(--gold); color:#1E1E1E;
  font-weight:bold; border:none; border-radius:6px; cursor:pointer;
}



/* ==== FIX-uri finale ==== */

/* 1) DESPRE – badge-ul albastru (screenshot-ul tău) */
.about-card-glass span.inline-block{
  background: var(--surface) !important;
  color: var(--ink) !important;
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  border-radius: 1rem !important;
  padding: .9rem 1.2rem !important;
  text-shadow: none !important;
}

/* oprește „shine mesh” și glow-ul pozei */
.about-modern-bg{ opacity: .15 !important; filter: brightness(1) saturate(.8) !important; }
.about-img-glass{ box-shadow: 0 10px 28px rgba(0,0,0,.12) !important; filter: none !important; }
.about-img-glass:hover{ transform: scale(1.02) !important; box-shadow: 0 16px 42px rgba(0,0,0,.15) !important; }
.about-img-glow{ display:none !important; }

/* 2) HEADER-ul albastru „Psihoterapeut Popa Răzvan” de la început */
/* Varianta A: îl ascunzi total (cel mai curat vizual) */
.hero-headline{ display:none !important; }
/* Varianta B: dacă îl vrei, dar calm: comentează linia de sus și lasă cele de jos */
/*
.hero-headline h1{
  background: var(--surface) !important;
  color: var(--ink) !important;
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.hero-headline h1::before{ display:none !important; }
*/

/* 3) CONTACT – scoate mesh-ul albastru și calmează cardurile */
#contact{ background: var(--charcoal) !important; }
#contact > .absolute{ display:none !important; }           /* oprește SVG-ul/blur-ul din spate */
#contact .rounded-\[2\.5rem\]{
  background: rgba(28, 28, 28, .22) !important;            /* card semi-transparent neutru */
  border-color: rgba(198,161,91,.40) !important;           /* accent auriu discret */
  box-shadow: 0 12px 30px rgba(0,0,0,.20) !important;
}

/* blocurile Email / Telefon – erau cu gradient mov/albastru */
#contact .bg-gradient-to-r{
  background: var(--surface) !important;
  color: var(--ink) !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.08) !important;
  backdrop-filter: none !important;
}
#contact .bg-gradient-to-r span,
#contact .bg-gradient-to-r a{
  color: var(--ink) !important;
  text-shadow: none !important;
}
#contact .bg-gradient-to-r a{
  text-decoration: underline !important;
}

/* butonul/adresa mare către Google Maps (era curcubeu) */
#contact a[href*="google.com/maps"]{
  background: var(--surface) !important;
  color: var(--ink) !important;
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  text-decoration: none !important;
  letter-spacing: .06em !important;
}

/* h2 „Contact” – fără mov strident */
#contact .shine-title{
  color: #FFF !important;               /* text alb pe fundal închis */
  text-shadow: none !important;
}

/* link-urile sociale sub hartă – alb curat */
#contact a{ color:#fff !important; }

/* ==== CONTACT (stil calm, la fel ca primele secțiuni) ==== */
#contact > .absolute { display:none !important; } /* scoate mesh-ul albastru */

#contact {
  background: var(--beige) !important;  /* fundal bej cald */
  color: var(--ink) !important;
}

#contact .rounded-\[2\.5rem\] {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.08) !important;
  color: var(--ink) !important;
}

#contact h2.shine-title {
  color: var(--ink) !important;
  text-shadow: none !important;
}

/* Email / Telefon */
#contact .bg-gradient-to-r {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}
#contact .bg-gradient-to-r span,
#contact .bg-gradient-to-r a {
  color: var(--ink) !important;
  text-shadow: none !important;
}
#contact .bg-gradient-to-r a {
  text-decoration: underline !important;
  font-weight: 700 !important;
}

/* Adresa mare */
#contact a[href*="maps"] {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
#contact span.block {
  color: var(--muted) !important;
}

/* Google Maps frame */
#contact iframe {
  filter: grayscale(0.06) brightness(0.98) !important;
  border-radius: 1.3rem !important;
}

/* Social links */
#contact + div a {
  color: var(--ink) !important;
}


/* ==== FIX-uri finale: Acasă + Despre ==== */

/* Hero – text bold */
.hero-content-poster .hero-presentation {
  font-weight: 600 !important;
}

/* Cardul 2 din Despre – border + accent auriu */
#despre .about-card-glass .border-l-4 {
  border-left: 4px solid var(--gold) !important;
  background: var(--beige) !important;
  color: var(--ink) !important;
  font-style: italic;
  font-weight: 600 !important;
}



/* ==== Politica de Confidențialitate – override calm ==== */
.politica-page { background: var(--bg) !important; }

.politica-page .pc-hero {
  background: var(--charcoal) !important;
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.2) !important;
}

.pc-toc {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
}
.pc-toc a { color: var(--ink) !important; }

.pc-section {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-left: 6px solid var(--gold) !important;
  color: var(--ink) !important;
}
.pc-section h2 { color: var(--ink) !important; }
.pc-section h3 { color: var(--ink) !important; }
.pc-muted { color: var(--muted) !important; }

.pc-btn-outline {
  border: 2px solid var(--gold) !important;
  color: var(--ink) !important;
}
.pc-btn-outline:hover {
  background: var(--beige) !important;
}
.pc-footer {
  color: var(--muted) !important;
}



/* ==== Cookie banner – calm ==== */
#cookie-banner {
  position: fixed; bottom: 0; left: 0; width: 100%;
  background: var(--charcoal);
  color: #F6F2EC;
  padding: 16px;
  text-align: center;
  font-size: 15px;
  z-index: 9999;
  box-shadow: 0 -2px 12px rgba(0,0,0,.4);
  display: none;
}
#cookie-banner a {
  color: var(--gold);
  text-decoration: underline;
  font-weight: 600;
}
#accept-cookies {
  margin-left: 12px;
  padding: 6px 14px;
  background: var(--gold);
  color: #1E1E1E;
  font-weight: bold;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}



/* ==== Meniu mobil & interior – temă calmă ==== */

/* Container meniu mobil */
.nav-links {
  background: var(--charcoal) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.28) !important;
  border: 1px solid var(--line) !important;
  border-radius: 1rem !important;
}

/* Linkurile din meniu */
.nav-link {
  color: var(--surface) !important;   /* text alb cald */
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  border-radius: .7rem;
  padding: .46rem 1.32rem;
  transition: background 0.2s, color 0.2s;
}

.nav-link::after {
  background: linear-gradient(90deg, var(--gold) 0%, #E3D6BD 100%) !important;
}

.nav-link:hover, .nav-link.active {
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  box-shadow: none !important;
}


/* ==== Hero subtitle custom ==== */
.hero-subtitle {
  font-size: 2.2rem !important;  /* mai mare decât default */
  font-weight: 900 !important;
  text-align: center !important;
  color: #fff !important;
}
@media (max-width: 768px) {
  .hero-subtitle { font-size: 1.6rem !important; }
}
@media (max-width: 480px) {
  .hero-subtitle { font-size: 1.3rem !important; }
}