/* ==========================================================================
   Dr. Răsvan Constantinescu — strat de identitate peste tema Cliniq
   Se incarca DUPA style.css al temei si al copilului.
   Paleta e cea din mockup-ul aprobat (BANNER-best.png).
   ========================================================================== */

:root{
  --deep:#034b57;      /* teal inchis — titluri, elemente dominante */
  --teal:#0d5a63;
  --green:#5a9e8e;     /* verde sage — accent */
  --green-d:#3f8b7c;
  --line:#c9ddd6;
  --cream:#faf7f2;     /* fundalul paginii */
  --ink:#3a4243;
  --muted:#657070;
  --foot-bg:#022027;   /* footer */
}

/* ---------- FUNDAL SITE ----------
   Tema pune fundalul alb pe `.btLightSkin` (specificitate 0-1-0), deci
   `body` simplu pierde chiar daca vine mai tarziu. De-aia selectorii de aici
   includ clasa de skin. */
body.btLightSkin,
body.btDarkSkin,
body.btLightSkin .bt-page-wrap,
body.btDarkSkin .bt-page-wrap,
/* tema pune albul pe `.btLightSkin.btWidePageMargin30 .bt-content-wrap`
   (0-3-1), deci selectorul de aici trebuie sa fie cel putin la fel de specific */
body.btLightSkin.btWidePageMargin30 .bt-content-wrap,
body.btLightSkin.btBoxedPage .bt-content-wrap,
body.btDarkSkin.btWidePageMargin30 .bt-content-wrap,
body.btDarkSkin.btBoxedPage .bt-content-wrap{
  background-color:var(--cream);
}

/* Sectiunile Bold Builder pe gri deschis (#f3f3f3, schema 17 — 8 aparitii pe
   site) devin crem, ca sa nu mai fie doua nuante de „aproape alb" pe aceeasi
   pagina. Culoarea vine dintr-o variabila pusa inline, deci are nevoie de
   !important ca sa fie inlocuita. Sectiunile albe (schema 8) raman albe. */
.bt-content-wrap section.bt_bb_section.bt_bb_color_scheme_17{
  --section-secondary-color:var(--cream) !important;
  background-color:var(--cream) !important;
}

/* ==========================================================================
   BANDA DE TITLU A PAGINILOR
   Nu vine din tema: e prima sectiune Bold Builder din continutul paginii,
   cu o poza stock pusa ca fundal. Nu atingem continutul celor 30+ de pagini —
   punem peste poza un voal teal, ca sa intre in paleta, plus linia verde de
   la baza (aceeasi ca in hero-ul de pe homepage).
   `:has()` e suportat de toate browserele curente; unde lipseste, banda ramane
   exact cum e azi (degradare grationala, nu stricare).
   ========================================================================== */
.bt-content-wrap section.bt_bb_section:has(> .bt_bb_background_image_holder_wrapper):has(h1){
  position:relative;
}
.bt-content-wrap section.bt_bb_section:has(> .bt_bb_background_image_holder_wrapper):has(h1)
  > .bt_bb_background_image_holder_wrapper::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,
    rgba(3,75,87,.82) 0%,
    rgba(2,47,56,.88) 100%);
  pointer-events:none;
}
/* linia verde de la baza benzii */
.bt-content-wrap section.bt_bb_section:has(> .bt_bb_background_image_holder_wrapper):has(h1)::after{
  content:'';
  position:absolute;
  left:0; right:0; bottom:0;
  height:5px;
  background:linear-gradient(90deg,transparent,var(--green),transparent);
  z-index:3;
  pointer-events:none;
}
/* titlul benzii — alb, serif, deasupra voalului */
.bt-content-wrap section.bt_bb_section:has(> .bt_bb_background_image_holder_wrapper):has(h1) h1{
  color:#fff;
  text-shadow:0 2px 24px rgba(0,0,0,.28);
}

/* ==========================================================================
   TIPOGRAFIE — titlurile in teal inchis, nu negru
   Tema le pune #181818 hardcodat (nu prin variabila), de-aia sunt enumerate.
   ========================================================================== */
.bt-content-wrap .bt_bb_headline_tag,
.bt-content-wrap h1, .bt-content-wrap h2, .bt-content-wrap h3,
.bt-content-wrap h4, .bt-content-wrap h5, .bt-content-wrap h6,
.bt-content-wrap .btArticleListItem h2 a,
.bt-content-wrap .btArticleTitle,
.bt-content-wrap .widget .widgettitle{
  color:var(--deep);
}
/* exceptii: acolo unde fundalul e inchis, titlul ramane alb */
.bt-content-wrap .btDarkSkin h1, .bt-content-wrap .btDarkSkin h2,
.bt-content-wrap .btDarkSkin h3, .bt-content-wrap .btDarkSkin h4,
.bt-content-wrap [class*="bt_bb_color_scheme_"] .bt_bb_headline_tag[style*="color"]{
  color:inherit;
}
/* supratitlul mic (ex. „BOLI SI AFECTIUNI") — verde sage */
.bt-content-wrap .bt_bb_headline_superheadline,
.bt-content-wrap .btArticleCategories a{
  color:var(--green);
}

/* ==========================================================================
   FOOTER (identic cu cel de pe homepage — sursa: parts/drc-footer.php)
   Totul e scopat sub .foot ca sa nu atinga restul temei.
   ========================================================================== */
.foot{
  background:var(--foot-bg);
  color:#a9c8c1;
  font-family:'Nunito Sans',system-ui,-apple-system,Arial,sans-serif;
  font-size:13.5px;
  line-height:1.55;
}
.foot *{box-sizing:border-box}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin:0;padding:0;list-style:none}
.foot li::before{content:none}
.foot img{max-width:100%;display:block}
.foot p{margin:0}
.foot a{color:#dff0ea;text-decoration:none}
.foot a:hover{color:#fff;text-decoration:none}

.foot .wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 22px}
.foot-top{padding-top:40px;padding-bottom:32px;display:grid;gap:32px}
.ftitle{color:#fff;font-weight:800;font-size:14.5px;letter-spacing:.01em;margin-bottom:14px}
.nm-logo{height:44px;width:auto;display:block}
.foot-nm .ftitle{font-weight:600;color:#a9c8c1;margin-bottom:12px}
.flinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
.flinks a{display:inline-block;padding:1px 0}
/* Retelele au urcat in blocul de contact (2026-08-07); aici, in linie cu
   „Proiect realizat in colaborare cu New Medicine", sta trimiterea catre
   pagina de parteneri — accesibila DOAR de aici, nu din meniul de sus. */
.fpart{display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:40px;
  border:1.6px solid rgba(255,255,255,.34);font-size:14px;font-weight:700;color:#dceee8;transition:.18s}
.fpart svg{width:19px;height:19px;stroke:#8fccbe;fill:none;flex:0 0 19px}
.fpart b{font-weight:700}
.fpart:hover{background:var(--green);border-color:var(--green);color:#fff}
.fpart:hover svg{stroke:#fff}
.foot-bot{border-top:1px solid rgba(255,255,255,.13);padding-top:20px;padding-bottom:26px;font-size:13px}
.foot-bot .legal{margin-top:6px;font-size:12.5px;opacity:.85}

@media(min-width:980px){
  .foot .wrap{padding:0 44px}
  .foot-top{grid-template-columns:1fr 1fr 1fr;gap:60px;padding-top:60px;padding-bottom:44px}
  .foot-bot{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:34px}
  .foot-bot .legal{margin-top:0;text-align:right}
  .nm-logo{height:52px}
  .fcol-part{text-align:right}
}

/* ==========================================================================
   BLOC DE CONTACT — pe toate paginile, deasupra footerului.
   Markup: parts/drc-contact.php, inclus din parts/drc-footer.php.
   ========================================================================== */
.contact{background:linear-gradient(160deg,#0d5a63,#022f38);color:#fff;font-family:'Nunito Sans',system-ui,-apple-system,Arial,sans-serif;line-height:1.55}
.contact *{box-sizing:border-box}
.contact a{text-decoration:none;color:inherit}
.contact .wrap{width:100%;max-width:1240px;margin:0 auto;padding:34px 22px 36px}

/* „Programează consultația" a preluat corpul fostului numar de telefon
   (cerere medic 2026-08-07): titlul e mesajul, nu eticheta lui. */
.contact .lbl{
  font-family:'Playfair Display',Georgia,serif;font-weight:700;
  font-size:29px;line-height:1.2;color:#fff;margin:0 0 20px;letter-spacing:.01em;
}
.c-actiuni{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}
.crow{display:flex;gap:13px;align-items:flex-start;padding:11px 0;border-top:1px solid rgba(255,255,255,.14);font-size:14px;color:#e9f4f1}
.crow:first-of-type{border-top:none}
.crow svg{flex:0 0 20px;width:20px;height:20px;stroke:#8fccbe;fill:none;margin-top:1px}
.crow a:hover{color:#8fccbe}

/* Cele doua incaperi, pe randuri proprii sub adresa. */
.c-adr-doua{display:block;margin-top:7px;line-height:1.75}
.c-adr-doua b{font-weight:800;color:#fff}

/* Butonul de harta de sub adresa. */
.c-harta{
  /* pe rand propriu: altfel se aseaza in continuarea adresei si rupe randul */
  display:flex;width:max-content;align-items:center;gap:7px;margin-top:13px;
  padding:9px 16px;border-radius:40px;
  border:1.5px solid rgba(255,255,255,.4);
  font-size:13px;font-weight:800;color:#fff;
  transition:background .18s,border-color .18s;
}
.c-harta svg{flex:0 0 15px;width:15px;height:15px;stroke:#8fccbe;margin-top:0}
.c-harta:hover{background:rgba(255,255,255,.13);border-color:#8fccbe;color:#fff}

.c-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--deep);font-weight:800;font-size:14px;padding:14px 22px;border-radius:40px;white-space:nowrap}
.c-cta svg{width:17px;height:17px;stroke:var(--deep);fill:none}
.c-cta.ghost{background:transparent;color:#fff;border:1.6px solid rgba(255,255,255,.45)}
.c-cta.ghost svg{stroke:#fff}
.c-cta:hover{opacity:.9}
/* tema forteaza `a[href^="tel:"]{color:inherit !important}` */
a[href^="tel:"].c-cta{color:var(--deep) !important}
a[href^="tel:"].c-cta.ghost{color:#fff !important}

/* Retelele sociale — mutate aici din footer, mari si vizibile. */
.c-soc{margin-top:30px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14)}
.c-soc-lbl{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8fccbe;margin-bottom:16px}
.c-soc-ic{display:flex;flex-wrap:wrap;gap:12px}
.c-soc-ic a{
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 20px 12px 14px;border-radius:44px;
  background:rgba(255,255,255,.09);border:1.5px solid rgba(255,255,255,.22);
  font-size:14.5px;font-weight:800;color:#fff;
  transition:background .18s,border-color .18s,transform .18s;
}
.c-soc-ic a svg{width:24px;height:24px;fill:#fff;stroke:none;flex:0 0 24px}
.c-soc-ic a:hover{background:var(--green);border-color:var(--green);transform:translateY(-2px);color:#fff}

@media(min-width:980px){
  .contact .wrap{display:grid;grid-template-columns:1.45fr 1fr;column-gap:56px;align-items:center;padding:56px 44px}
  .contact .lbl{font-size:38px;margin-bottom:24px}
  .c-info{min-width:0}
  .crow{font-size:15px}
  .c-cta{font-size:15px;padding:15px 26px}
  .c-cta svg{width:18px;height:18px}
  /* pe desktop socialul e coloana din dreapta, nu un bloc sub datele de contact */
  .c-soc{grid-column:2;grid-row:1;margin-top:0;padding-top:0;border-top:none}
  .c-soc-lbl{font-size:12.5px}
  .c-soc-ic{flex-direction:column;align-items:stretch;gap:14px}
  .c-soc-ic a{justify-content:flex-start;font-size:16px;padding:16px 26px 16px 20px}
  .c-soc-ic a svg{width:28px;height:28px;flex:0 0 28px}
}

/* Linia verde care separa contactul de footer — acelasi motiv ca la hero si
   la banda de titlu. Fara ea, cele doua zone inchise se confunda pe mobil. */
.contact{position:relative}
.contact::after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,transparent,var(--green),transparent);pointer-events:none}

/* ==========================================================================
   PARTEA A DOUA — restul site-ului (toate paginile, articolele, arhivele)
   Adaugat 2026-08-06. Ordinea: banda de titlu a temei, tipografie de continut,
   linkuri, liste, imagini, citate, tabele, blog, sidebar, comentarii, 404.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. BANDA DE TITLU A TEMEI (.btPageHeadline)
   Apare pe cautare, arhive de categorie si 404 — acolo unde titlul NU vine din
   continutul paginii. Tema o lasa gri (rgba(0,0,0,.07)); o aducem la acelasi
   teal ca banda din continut, ca sa nu existe doua feluri de „cap de pagina".
   -------------------------------------------------------------------------- */
.bt-content-wrap section.btPageHeadline{position:relative}
/* Voal teal PESTE fundal, nu in locul lui: paginile care au poza in banda o
   pastreaza (ca pe restul site-ului), iar cele fara poza — cautarea, arhivele —
   citesc tot teal, fiindca voalul e aproape opac. */
.bt-content-wrap section.btPageHeadline::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(3,75,87,.84) 0%,rgba(2,47,56,.9) 100%);
}
.bt-content-wrap section.btPageHeadline > *{position:relative;z-index:1}
.bt-content-wrap section.btPageHeadline::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:5px;
  background:linear-gradient(90deg,transparent,var(--green),transparent);
  pointer-events:none;
}
.bt-content-wrap section.btPageHeadline h1,
.bt-content-wrap section.btPageHeadline .bt_bb_headline_tag,
.bt-content-wrap section.btPageHeadline .bt_bb_headline_content{color:#fff}
.bt-content-wrap section.btPageHeadline .btBreadCrumbs,
.bt-content-wrap section.btPageHeadline .btBreadCrumbs a{color:#a9d3c8}
.bt-content-wrap section.btPageHeadline .btBreadCrumbs a:hover{color:#fff}

/* Firimiturile de pe banda din continut (unde exista) — pe fundal inchis. */
.bt-content-wrap section.bt_bb_section:has(> .bt_bb_background_image_holder_wrapper):has(h1) .btBreadCrumbs,
.bt-content-wrap section.bt_bb_section:has(> .bt_bb_background_image_holder_wrapper):has(h1) .btBreadCrumbs a{
  color:#a9d3c8;
}

/* --------------------------------------------------------------------------
   2. ELEMENTOR — kitul e cel implicit (Roboto + #7A7A7A + albastru/verde
   demo). Nu atingem baza de date: kitul isi declara culorile si fonturile ca
   variabile pe `.elementor-kit-2702`, deci le rescriem cu aceeasi
   specificitate, dintr-un fisier care se incarca mai tarziu.
   Efect: toate articolele scrise in Elementor intra automat in identitate.
   -------------------------------------------------------------------------- */
html body.elementor-kit-2702{
  --e-global-color-primary:#034b57;
  --e-global-color-secondary:#0d5a63;
  --e-global-color-text:#3a4243;
  --e-global-color-accent:#5a9e8e;
  --e-global-typography-primary-font-family:"Playfair Display";
  --e-global-typography-primary-font-weight:700;
  --e-global-typography-secondary-font-family:"Playfair Display";
  --e-global-typography-secondary-font-weight:600;
  --e-global-typography-text-font-family:"Nunito Sans";
  --e-global-typography-text-font-weight:400;
  --e-global-typography-accent-font-family:"Nunito Sans";
  --e-global-typography-accent-font-weight:700;
}
/* corpul articolului: lizibilitate (tema lasa 16px/24px = prea inghesuit) */
.btArticleContent .elementor-widget-text-editor,
.btArticleContent .elementor-widget-text-editor p,
.btArticleContent .elementor-widget-text-editor li{
  font-size:17px;
  line-height:1.75;
  color:var(--ink);
}

/* --------------------------------------------------------------------------
   3. LINKURI IN CONTINUT
   Tema le lasa negre, deci nu se disting de text. Le facem teal, cu
   subliniere discreta care se ingroasa la hover.
   -------------------------------------------------------------------------- */
/* Culori lasate in atributul inline de editorul vechi / lipirea din Docs:
   negru (#000000, 23 articole), turcoaz vechi (#33cccc — 4, #01CAB8 — 8).
   Niciuna nu e decizie de design, toate sunt artefacte. Le enumeram explicit,
   nu golim orice `color` inline, ca sa nu stricam un alb pus intentionat pe
   fundal inchis. In titluri lasam culoarea sa fie mostenita de la titlu. */
.btArticleContent [style*="#33cccc"], .btArticleContent [style*="#33CCCC"],
.btArticleContent [style*="#01cab8"], .btArticleContent [style*="#01CAB8"],
.bt-content .bt_bb_text [style*="#33cccc"], .bt-content .bt_bb_text [style*="#33CCCC"],
.bt-content .bt_bb_text [style*="#01cab8"], .bt-content .bt_bb_text [style*="#01CAB8"]{
  color:var(--deep) !important;
}
.btArticleContent h1 [style*="color"], .btArticleContent h2 [style*="color"],
.btArticleContent h3 [style*="color"], .btArticleContent h4 [style*="color"],
.bt-content .bt_bb_text h1 [style*="color"], .bt-content .bt_bb_text h2 [style*="color"],
.bt-content .bt_bb_text h3 [style*="color"], .bt-content .bt_bb_text h4 [style*="color"]{
  color:inherit !important;
}

/* Continutul a fost lipit din Google Docs, deci textul si linkurile poarta
   `style="color:#000000"` in atributul inline. Inline bate orice foaie de stil
   fara `!important` — de aceea, si numai aici, folosim `!important`. Intai
   neutralizam negrul de pe text, apoi, cu specificitate mai mare, dam culoarea
   linkurilor (altfel regula de text ar castiga si peste ele). */
.btArticleContent [style*="color: #000000"],
.btArticleContent [style*="color:#000000"],
.bt-content .bt_bb_text [style*="color: #000000"],
.bt-content .bt_bb_text [style*="color:#000000"]{
  color:var(--ink) !important;
}
.btArticleContent p a, .btArticleContent li a,
.btArticleContent p a[style], .btArticleContent li a[style],
.bt-content .bt_bb_text p a, .bt-content .bt_bb_text li a,
.bt-content .bt_bb_text p a[style], .bt-content .bt_bb_text li a[style]{
  color:var(--deep) !important;
  text-decoration:underline;
  text-decoration-color:var(--line);
  text-underline-offset:3px;
  transition:color .18s,text-decoration-color .18s;
}
.btArticleContent p a:hover, .btArticleContent li a:hover,
.btArticleContent p a[style]:hover, .btArticleContent li a[style]:hover,
.bt-content .bt_bb_text p a:hover, .bt-content .bt_bb_text li a:hover,
.bt-content .bt_bb_text p a[style]:hover, .bt-content .bt_bb_text li a[style]:hover{
  color:var(--green-d) !important;
  text-decoration-color:var(--green);
}

/* --------------------------------------------------------------------------
   4. LISTE — bulina verde in loc de discul negru implicit.
   Numai in continutul editorial; listele din componentele temei raman ale ei.
   -------------------------------------------------------------------------- */
.btArticleContent ul:not([class]),
.bt-content .bt_bb_text ul:not([class]){list-style:none;padding-left:0}
.btArticleContent ul:not([class]) > li,
.bt-content .bt_bb_text ul:not([class]) > li{
  position:relative;padding-left:26px;margin-bottom:8px;
}
.btArticleContent ul:not([class]) > li::before,
.bt-content .bt_bb_text ul:not([class]) > li::before{
  content:'';position:absolute;left:4px;top:.62em;
  width:8px;height:8px;border-radius:50%;background:var(--green);
}
.btArticleContent ol:not([class]),
.bt-content .bt_bb_text ol:not([class]){padding-left:22px}
.btArticleContent ol:not([class]) > li::marker,
.bt-content .bt_bb_text ol:not([class]) > li::marker{color:var(--green-d);font-weight:700}

/* --------------------------------------------------------------------------
   5. IMAGINI DE CONTINUT — colturi rotunjite si umbra moale, ca pe homepage.
   Excludem logo-urile si iconitele mici (sub 120px nu primesc raza).
   -------------------------------------------------------------------------- */
.btArticleContent img:not([class*="emoji"]),
.bt-content .bt_bb_image img,
.bt-content .wp-block-image img,
.btArticleContent .wp-caption img{
  border-radius:14px;
}
.btArticleContent > .elementor img,
.btArticleContent figure img{
  box-shadow:0 10px 30px -14px rgba(3,75,87,.35);
}
.btPostSingleItemStandard .btArticleImage img,
.btArticleListItem .btArticleImage img{border-radius:16px}

/* --------------------------------------------------------------------------
   6. CITATE SI TABELE
   -------------------------------------------------------------------------- */
.btArticleContent blockquote,
.bt-content .bt_bb_text blockquote{
  border-left:3px solid var(--green);
  background:#f2f7f5;
  border-radius:0 12px 12px 0;
  padding:18px 22px;
  font-style:italic;
  color:var(--deep);
}
.btArticleContent table,
.bt-content .bt_bb_text table{
  width:100%;border-collapse:collapse;margin:22px 0;
  font-size:15px;border-radius:12px;overflow:hidden;
}
.btArticleContent table th,
.bt-content .bt_bb_text table th{
  background:var(--deep);color:#fff;text-align:left;padding:12px 14px;font-weight:700;
}
.btArticleContent table td,
.bt-content .bt_bb_text table td{
  padding:11px 14px;border-bottom:1px solid var(--line);color:var(--ink);
}
.btArticleContent table tr:nth-child(even) td,
.bt-content .bt_bb_text table tr:nth-child(even) td{background:#f6f3ee}

/* --------------------------------------------------------------------------
   7. LISTA DE ARTICOLE A TEMEI (rezultate cautare, arhive de categorie)
   -------------------------------------------------------------------------- */
.bt-content .btArticleListItem{
  border-bottom:1px solid var(--line);
  padding-bottom:26px;
}
.bt-content .btArticleListItem:last-of-type{border-bottom:none}
.bt-content .btArticleDetails,
.bt-content .btArticleAuthor,
.bt-content .btArticleDate{color:var(--muted)}
.bt-content .btPagination a,
.bt-content .btPagination span{color:var(--deep);font-weight:600}
.bt-content .btPagination a:hover{color:var(--green-d)}

/* --------------------------------------------------------------------------
   8. SIDEBAR SI WIDGETURI
   -------------------------------------------------------------------------- */
.bt-sidebar .widget,
.widget_bt_bb_recent_posts,
.bt-content-wrap .widget{margin-bottom:34px}
.bt-content-wrap .widget .widgettitle,
.bt-content-wrap .widget h4{
  font-family:'Playfair Display',Georgia,serif;
  color:var(--deep);
  border-bottom:2px solid var(--green);
  padding-bottom:8px;
  display:inline-block;
}
.bt-content-wrap .widget ul li{border-bottom:1px solid var(--line)}
.bt-content-wrap .widget ul li a{color:var(--ink)}
.bt-content-wrap .widget ul li a:hover{color:var(--green-d)}
.bt-content-wrap .btImageTextWidget .bt_bb_headline_superheadline{color:var(--green-d)}
.bt-content-wrap .btImageTextWidgetImage img{border-radius:8px}
/* campul de cautare din sidebar / 404 */
.bt-content-wrap input[type="search"],
.bt-content-wrap .search-form input[type="text"]{
  border:1px solid var(--line);border-radius:40px;padding:12px 18px;
  background:#fff;color:var(--ink);
}
.bt-content-wrap input[type="search"]:focus{border-color:var(--green);outline:none}

/* --------------------------------------------------------------------------
   9. COMENTARII
   -------------------------------------------------------------------------- */
.btArticleContent + .btCommentsHolder,
.btCommentsHolder{margin-top:10px}
.btCommentsHolder .btCommentsTitle,
#respond .comment-reply-title{
  font-family:'Playfair Display',Georgia,serif;color:var(--deep);
}
#respond input[type="text"],
#respond input[type="email"],
#respond textarea{
  border:1px solid var(--line);border-radius:12px;padding:12px 16px;
  background:#fff;color:var(--ink);font-family:'Nunito Sans',Arial,sans-serif;
}
#respond input[type="text"]:focus,
#respond input[type="email"]:focus,
#respond textarea:focus{border-color:var(--green);outline:none}
#respond input[type="submit"],
#respond button[type="submit"]{
  background:var(--deep);color:#fff;border:none;border-radius:40px;
  padding:13px 30px;font-weight:700;cursor:pointer;transition:background .2s;
}
#respond input[type="submit"]:hover,
#respond button[type="submit"]:hover{background:var(--green-d)}

/* --------------------------------------------------------------------------
   10. FAQ — intrebarile aveau emoji „?" hotlinkat de la Google (rosu, in afara
   paletei si dependenta externa). Emoji-ul e scos din continut; aici punem
   marcajul de brand pe intrebare.
   -------------------------------------------------------------------------- */
.bt-content .drc-faq h3{
  position:relative;padding-left:44px;margin-top:26px;
}
.bt-content .drc-faq h3::before{
  content:'?';
  position:absolute;left:0;top:.06em;
  width:30px;height:30px;border-radius:50%;
  background:var(--green);color:#fff;
  font-family:'Nunito Sans',Arial,sans-serif;font-size:17px;font-weight:800;
  display:flex;align-items:center;justify-content:center;
}
.bt-content .drc-faq hr{
  border:none;border-top:1px solid var(--line);margin:22px 0;
}

/* --------------------------------------------------------------------------
   11. PAGINA 404 (sablon propriu: drconstantinescu/404.php)
   -------------------------------------------------------------------------- */
.drc-404{
  background:linear-gradient(160deg,var(--deep) 0%,#022f38 100%);
  color:#fff;position:relative;
  padding:64px 22px 72px;
  font-family:'Nunito Sans',system-ui,Arial,sans-serif;
}
.drc-404::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:5px;
  background:linear-gradient(90deg,transparent,var(--green),transparent);
}
.drc-404-in{max-width:820px;margin:0 auto;text-align:center}
.drc-404-num{
  display:block;font-family:'Playfair Display',Georgia,serif;
  font-size:82px;line-height:1;font-weight:700;color:var(--green);opacity:.85;
}
.drc-404 h1{
  font-family:'Playfair Display',Georgia,serif;
  color:#fff !important;font-size:38px;line-height:1.15;margin:10px 0 12px;
}
.drc-404-sub{color:#bfe3d8;font-size:16.5px;line-height:1.6;margin:0 auto 28px;max-width:560px}
.drc-404-search{display:flex;gap:10px;max-width:460px;margin:0 auto 30px}
.drc-404-search input{
  flex:1 1 auto;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);
  color:#fff;border-radius:40px;padding:13px 20px;font-size:15px;
}
.drc-404-search input::placeholder{color:#a9d3c8}
.drc-404-search input:focus{outline:none;border-color:var(--green);background:rgba(255,255,255,.14)}
.drc-404-search button{
  border:none;background:#fff;color:var(--deep);font-weight:800;
  border-radius:40px;padding:13px 24px;cursor:pointer;transition:.2s;
}
.drc-404-search button:hover{background:var(--green);color:#fff}
.drc-404-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}
.drc-404-links a{
  border:1.6px solid rgba(255,255,255,.42);border-radius:40px;
  padding:10px 20px;color:#fff;text-decoration:none;font-size:14.5px;font-weight:600;
  transition:.18s;
}
.drc-404-links a:hover{background:var(--green);border-color:var(--green);color:#fff}
.drc-404-tel{color:#bfe3d8;font-size:15.5px;margin:0}
.drc-404-tel a{color:#fff !important;font-weight:800;text-decoration:none;border-bottom:2px solid var(--green)}
@media(min-width:980px){
  .drc-404{padding:96px 44px 104px}
  .drc-404-num{font-size:120px}
  .drc-404 h1{font-size:52px}
}

/* Pagina FAQ (ID 3182): intrebarile sunt <h3> intr-un bloc de text Bold
   Builder. Le tinta le dam pe pagina, ca sa nu atingem <h3>-urile din restul
   site-ului. Emoji-ul rosu hotlinkat de la Google a fost scos din continut. */
body.page-id-3182 .bt-content .bt_bb_text h3{
  position:relative;padding-left:46px;margin-top:30px;
}
body.page-id-3182 .bt-content .bt_bb_text h3::before{
  content:'?';
  position:absolute;left:0;top:.05em;
  width:32px;height:32px;border-radius:50%;
  background:var(--green);color:#fff;
  font-family:'Nunito Sans',Arial,sans-serif;font-size:18px;font-weight:800;
  display:flex;align-items:center;justify-content:center;
}
body.page-id-3182 .bt-content .bt_bb_text hr{
  border:none;border-top:1px solid var(--line);margin:24px 0;
}
body.page-id-3182 .bt-content .bt_bb_text p{color:var(--ink)}

/* Tema ascunde footerul pe 404 (`.error404 .bt-site-footer{display:none}`).
   Blocul de contact trebuie sa apara pe TOATE paginile, inclusiv aici — omul
   care a nimerit gresit e exact cel care are nevoie de numarul de telefon. */
body.error404 .bt-site-footer{display:block}
/* Banda 404 pe toata latimea, ca blocul de contact si ca footerul. Tema pune
   margini de 30px pe `.bt-content-wrap`, care taiau banda pe margini. */
body.error404 .bt-content-wrap,
body.error404 .bt-content-holder,
body.error404 .bt-content{padding-left:0 !important;padding-right:0 !important}
.drc-404{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}
.drc-404 h1{margin-top:10px}

/* --------------------------------------------------------------------------
   12. CLIPURI VIDEO ([bt_bb_video] cu YouTube)
   Tema le randeaza cu MediaElement, fara miniatura: pe „Despre mine" erau
   sase dreptunghiuri negre. Miniatura o pune drc-site.js ca fundal; aici doar
   rama si spatiul. Playerul ramane deasupra si isi pastreaza comenzile.
   -------------------------------------------------------------------------- */
.bt-content .bt_bb_video{
  border-radius:14px;
  overflow:hidden;
  background-size:cover;
  background-position:center;
  box-shadow:0 10px 30px -16px rgba(3,75,87,.4);
}
.bt-content .bt_bb_video.drc-video-poster .mejs-container,
.bt-content .bt_bb_video.drc-video-poster .mejs-layer,
.bt-content .bt_bb_video.drc-video-poster .mejs-overlay{background-color:transparent}
.bt-content .bt_bb_video video{border-radius:14px}

/* --------------------------------------------------------------------------
   13. LATIMEA COLOANEI DE TEXT LA ARTICOLE
   Tema intinde textul pe toata latimea (peste 120 de caractere pe rand la
   1440px), ceea ce obliga ochiul sa sara. Il ducem la o masura citibila,
   centrata. Doar la articole — paginile construite in Bold Builder isi au
   propriile layouturi pe coloane si nu se ating.
   -------------------------------------------------------------------------- */
@media(min-width:1100px){
  .btPostSingleItemStandard .btArticleContent,
  .btPostSingleItemStandard .btArticleHeadline,
  .btPostSingleItemStandard .btArticleCategories,
  .btPostSingleItemStandard .btArticleDetails{
    max-width:860px;margin-left:auto;margin-right:auto;
  }
}

/* --------------------------------------------------------------------------
   14. SABLONUL REUTILIZABIL CU BANDA (page-sectiune-drc.php)
   Tema tine banda de titlu ascunsa global (`hide_headline`), asa ca paginile
   noi si-o aduc pe a lor, in aceeasi identitate ca restul site-ului.
   -------------------------------------------------------------------------- */
.drc-banda{
  position:relative;
  background:linear-gradient(160deg,var(--deep) 0%,#022f38 100%);
  color:#fff;
  padding:46px 22px 52px;
  font-family:'Nunito Sans',system-ui,-apple-system,Arial,sans-serif;
  text-align:center;
}
.drc-banda::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:5px;
  background:linear-gradient(90deg,transparent,var(--green),transparent);
}
.drc-banda-in{max-width:820px;margin:0 auto}
.drc-firimituri{
  font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;
  color:#8fccbe;margin-bottom:14px;
}
.drc-firimituri a{color:#8fccbe;text-decoration:none}
.drc-firimituri a:hover{color:#fff}
.drc-firimituri span{margin:0 8px}
.drc-firimituri span:last-child{margin:0;color:#dceee8}
.drc-banda h1{
  font-family:'Playfair Display',Georgia,serif;
  color:#fff !important;font-size:34px;line-height:1.14;margin:0;
}
.drc-banda-sub{color:#bfe3d8;font-size:16.5px;line-height:1.6;margin:14px auto 0;max-width:620px}

.drc-sectiune{
  padding:44px 22px 56px;
  font-family:'Nunito Sans',system-ui,-apple-system,Arial,sans-serif;
  color:var(--ink);line-height:1.7;
}
.drc-sectiune-in{max-width:1180px;margin:0 auto}
.drc-sectiune h2{
  font-family:'Playfair Display',Georgia,serif;color:var(--deep);
  font-size:28px;line-height:1.2;margin:34px 0 14px;
}
.drc-sectiune h2:first-child{margin-top:0}
.drc-sectiune > .drc-sectiune-in > p{max-width:760px}
@media(min-width:980px){
  .drc-banda{padding:66px 44px 72px}
  .drc-banda h1{font-size:48px}
  .drc-sectiune{padding:60px 44px 76px}
  .drc-sectiune h2{font-size:34px}
}

/* ==========================================================================
   Grila de tratamente — scurtcodul [drc_tratamente] (mu-plugins/robos-tratamente.php)
   Ordinea si continutul vin din drc_tratamente_lista(), sursa unica de adevar.
   ========================================================================== */
.drc-tr-grid{display:grid;gap:22px;margin:0}
.drc-tr-card{
  display:flex;flex-direction:column;background:#fff;
  border:1px solid var(--line);border-radius:18px;overflow:hidden;
  transition:border-color .2s,box-shadow .2s,transform .2s;
}
.drc-tr-card:hover{
  border-color:var(--green);transform:translateY(-4px);
  box-shadow:0 20px 40px -22px rgba(3,75,87,.42);
}
.drc-tr-media{display:block;aspect-ratio:16/10;overflow:hidden;background:#e9f2ee;position:relative}
.drc-tr-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.drc-tr-card:hover .drc-tr-media img{transform:scale(1.05)}
/* fara fotografie: pictograma pe fundal mentolat, ca sa arate intentionat */
.drc-tr-ic{
  position:absolute;inset:0;display:grid;place-items:center;
  background:linear-gradient(150deg,#eaf3f0,#d6e9e2);
}
.drc-tr-ic img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(3,75,87,.16))}
.drc-tr-card:hover .drc-tr-ic img{transform:none}
.drc-tr-body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1 1 auto}
.drc-tr-body h2{
  font-family:'Playfair Display',Georgia,serif;font-size:21px;line-height:1.24;
  margin:0 0 10px;color:var(--deep);
}
.drc-tr-body h2 a{color:var(--deep);text-decoration:none}
.drc-tr-body h2 a:hover{color:var(--green-d)}
.drc-tr-body p{margin:0 0 18px;font-size:15px;line-height:1.6;color:var(--muted)}
.drc-tr-mai{
  margin-top:auto;align-self:flex-start;
  font-weight:800;font-size:14px;color:var(--green-d);text-decoration:none;
}
.drc-tr-mai:hover{color:var(--deep)}
.drc-tr-mai span{transition:transform .2s ease;display:inline-block}
.drc-tr-card:hover .drc-tr-mai span{transform:translateX(4px)}
@media(min-width:700px){ .drc-tr-grid{grid-template-columns:repeat(2,1fr);gap:26px} }
@media(min-width:1060px){ .drc-tr-grid{grid-template-columns:repeat(3,1fr);gap:30px} }

/* ==========================================================================
   Pagina Parteneri — sablon „DRC Pagină cu bandă", continut editabil din admin.
   ========================================================================== */
.drc-parteneri{display:flex;flex-direction:column;gap:26px}
.drc-partener{
  display:flex;flex-direction:column;gap:20px;
  background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 22px;
}
/* `flex-basis` se aplica pe axa containerului. Pe mobil containerul e coloana, deci un
   `flex:0 0 200px` scris aici devine INALTIME 200px, nu latime — de-aia caseta ramanea cu
   un gol mare sub logo (vazut 2026-08-09, cand pagina a primit doi parteneri).
   Baza fixa are sens doar in randul de pe desktop, deci a coborat in media query. */
.drc-partener-logo{
  flex:0 0 auto;display:grid;place-items:center;min-height:120px;
  background:#f4f8f6;border-radius:14px;padding:18px;
}
.drc-partener-logo img{max-width:100%;height:auto;display:block}
.drc-partener-slot{border:2px dashed var(--line);background:#fbfdfc;color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.drc-partener-txt h2{font-family:'Playfair Display',Georgia,serif;font-size:24px;color:var(--deep);margin:0 0 4px}
.drc-partener-rol{font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--green-d);margin:0 0 14px}
.drc-partener-txt p{margin:0 0 12px;font-size:15.5px;line-height:1.65;color:var(--ink)}
.drc-partener-link{font-weight:800;color:var(--green-d);text-decoration:none}
.drc-partener-link:hover{color:var(--deep)}
.drc-partener-gol{background:#fbfdfc;border-style:dashed}
.drc-partener-gol h2{color:var(--muted)}
@media(min-width:820px){
  .drc-partener{flex-direction:row;align-items:center;gap:34px;padding:30px 34px}
  .drc-partener-logo{flex:0 0 200px}
  .drc-partener-txt h2{font-size:28px}
}

/* ==========================================================================
   PAGINI DE TERAPIE — sablon reutilizabil (prima folosire: /ozonoterapie/)
   Regula ceruta de medic (2026-08-07): fotografia sta MEREU in dreapta, iar
   textul are o singura ierarhie de marimi. Inainte, fiecare pagina de terapie
   avea alt corp de litera si o fotografie pe toata latimea, la mijloc.
   ========================================================================== */
.drc-terapie{font-family:'Nunito Sans',system-ui,-apple-system,Arial,sans-serif;color:var(--ink);line-height:1.68}
.drc-terapie h2{font-family:'Playfair Display',Georgia,serif;font-size:28px;line-height:1.18;color:var(--deep);margin:0 0 18px}
.drc-terapie h3{font-family:'Playfair Display',Georgia,serif;font-size:19px;line-height:1.25;color:var(--deep);margin:0 0 12px}
.drc-terapie p{font-size:16px;margin:0 0 14px;color:var(--ink)}
.drc-terapie .drc-lead{font-size:18px;color:var(--teal)}
.drc-terapie li{font-size:15.5px}

.drc-med{display:flex;flex-direction:column;gap:26px;margin-bottom:48px}
.drc-med-img{margin:0}
.drc-med-img img{width:100%;height:auto;display:block;border-radius:18px;box-shadow:0 22px 48px -26px rgba(3,75,87,.55)}
.drc-med-img figcaption{margin-top:10px;font-size:13.5px;color:var(--muted);font-style:italic;text-align:center}

.drc-bloc{margin-bottom:48px}
.drc-bife{list-style:none;margin:0;padding:0;display:grid;gap:0}
.drc-bife li{
  position:relative;padding:13px 0 13px 34px;border-top:1px solid var(--line);color:var(--ink);
}
.drc-bife li:first-child{border-top:none}
.drc-bife li::before{
  content:'';position:absolute;left:2px;top:19px;width:14px;height:8px;
  border-left:2.4px solid var(--green-d);border-bottom:2.4px solid var(--green-d);
  transform:rotate(-45deg);
}

.drc-ind{display:grid;gap:20px}
.drc-ind-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px 24px}
.drc-ind-card ul{margin:0;padding-left:20px}
.drc-ind-card li{margin:0 0 9px;color:var(--muted);line-height:1.55}
.drc-ind-card li:last-child{margin-bottom:0}
.drc-ind-card li::marker{color:var(--green)}

.drc-preturi{list-style:none;margin:0;padding:0}
.drc-preturi li{
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;
  padding:15px 0;border-top:1px solid var(--line);
}
.drc-preturi li:first-child{border-top:none}
.drc-preturi span{color:var(--ink)}
.drc-preturi b{font-family:'Playfair Display',Georgia,serif;font-size:19px;color:var(--deep);white-space:nowrap}

.drc-nota{margin-top:20px;font-size:14.5px;color:var(--muted);font-style:italic}

@media(min-width:820px){
  .drc-ind{grid-template-columns:repeat(2,1fr);gap:22px}
  .drc-bife{grid-template-columns:repeat(2,1fr);column-gap:44px}
  .drc-bife li:nth-child(2){border-top:none}
}
@media(min-width:1000px){
  .drc-terapie h2{font-size:34px}
  .drc-terapie .drc-lead{font-size:19px}
  /* fotografia MEREU in dreapta, niciodata pe toata latimea */
  .drc-med{flex-direction:row;align-items:flex-start;gap:48px;margin-bottom:70px}
  .drc-med-txt{flex:1 1 auto;min-width:0}
  .drc-med-img{flex:0 0 340px}
  .drc-bloc{margin-bottom:70px}
}