/*
 * Dr Lina ORL — palette continuity layer v1.2.2
 * Keeps the redesigned editorial structure while restoring the visual memory
 * of the former drelmessaoudi.ma website.
 * Reference colors sampled from the former homepage screenshot:
 * turquoise #01B9B4, light blue #D6E8EB, dark #0C171A, black #171717.
 */
:root{
  --drlina-navy:#0C171A;
  --drlina-navy-2:#182326;
  --drlina-blue:#01B9B4;
  --drlina-green:#9DBE55;
  --drlina-pink:#01B9B4;
  --drlina-ink:#171717;
  --drlina-muted:#5C696C;
  --drlina-line:#D9E5E7;
  --drlina-bg:#FFFFFF;
  --drlina-soft:#F6F9F9;
  --drlina-soft-blue:#D6E8EB;

  --dl-blue:#0C171A;
  --dl-blue-2:#182326;
  --dl-teal:#01B9B4;
  --dl-teal-deep:#008F8B;
  --dl-yellow:#FFD329;
  --dl-green:#9DBE55;
  --dl-ink:#171717;
  --dl-copy:#4D5A5D;
  --dl-line:#D9E5E7;
  --dl-paper:#F7FAFA;
  --dl-mist:#D6E8EB;
  --dl-white:#FFFFFF;
}

body{color:var(--dl-ink);background:#fff}

/* Header — same white/turquoise memory, without copying the former layout. */
.drlina-site-header--editorial{background:rgba(255,255,255,.97);border-bottom-color:#E7EEEE}
.drlina-nav--editorial a{color:#263234}
.drlina-nav--editorial a:after{background:var(--dl-teal)}
.drlina-header-link{color:var(--dl-ink)}
.drlina-appointment-chip{border-color:var(--dl-teal);background:var(--dl-teal);color:#fff}
.drlina-appointment-chip:hover{background:#009D99;border-color:#009D99;color:#fff}

/* Main editorial language. */
.drlina-editorial-kicker{color:var(--dl-teal-deep)}
.drlina-editorial-kicker span{background:var(--dl-teal)}
.drlina-editorial-section h2,.drlina-editorial-hero h1{color:var(--dl-ink)}
.drlina-editorial-section h2 em,.drlina-editorial-hero h1 em{color:var(--dl-teal-deep)}
.drlina-editorial-textlink{color:var(--dl-ink);border-bottom-color:rgba(1,185,180,.42)}
.drlina-editorial-textlink:hover{color:var(--dl-teal-deep);border-color:var(--dl-teal)}
.drlina-editorial-primary{background:var(--dl-teal);color:#fff;border-radius:999px}
.drlina-editorial-primary:hover{background:#009D99;color:#fff}
.drlina-editorial-primary--light{background:#fff;color:var(--dl-ink);border-color:rgba(255,255,255,.45)}
.drlina-editorial-primary--light:hover{background:var(--dl-yellow);color:var(--dl-ink)}

/* Hero — white plus the same pale blue used by the old homepage. */
.drlina-editorial-hero{background:linear-gradient(90deg,#fff 0 58%,#D6E8EB 58% 100%);border-bottom-color:#D9E5E7}
.drlina-editorial-hero:after{border-color:rgba(1,185,180,.28)}
.drlina-editorial-portrait-shape{background:#CFE5E7}
.drlina-editorial-photo-placeholder{border-color:rgba(1,185,180,.30);background:rgba(255,255,255,.88)}
.drlina-editorial-photo-placeholder strong{color:var(--dl-ink)}
.drlina-editorial-portrait-tag{background:var(--dl-yellow);color:var(--dl-ink)}

/* Information / symptoms. */
.drlina-editorial-facts__grid strong{color:var(--dl-ink)}
.drlina-editorial-facts__grid>*>span{color:var(--dl-teal-deep)}
.drlina-editorial-reason-list a:hover{background:linear-gradient(90deg,rgba(214,232,235,.78),transparent 78%)}
.drlina-editorial-reason-list strong{color:var(--dl-ink)}
.drlina-editorial-reason-list b{color:var(--dl-teal)}

/* Human doctor section — echoes the former dark footer, not the old page layout. */
.drlina-editorial-doctor{background:#0C171A}
.drlina-editorial-doctor__placeholder{background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(1,185,180,.24))}
.drlina-editorial-doctor__caption{background:var(--dl-yellow);color:#0C171A}
.drlina-editorial-doctor .drlina-editorial-kicker{color:#8FDCDA}
.drlina-editorial-doctor .drlina-editorial-kicker span{background:var(--dl-teal)}
.drlina-editorial-doctor h2 em{color:#8FDCDA}

/* Alternating sections reproduce the old site's white / pale-blue rhythm. */
.drlina-editorial-expertise{background:#D6E8EB}
.drlina-editorial-service-lines,.drlina-editorial-service-lines a{border-color:rgba(12,23,26,.14)}
.drlina-editorial-service-lines .num{color:var(--dl-teal-deep)}
.drlina-editorial-service-lines strong,.drlina-editorial-service-lines .arrow{color:var(--dl-ink)}
.drlina-editorial-service-lines a:hover strong,.drlina-editorial-service-lines a:hover .arrow{color:var(--dl-teal-deep)}
.drlina-editorial-reviews{background:#fff}
.drlina-editorial-reviews__widget .drlina-card{border-left-color:var(--dl-teal)}
.drlina-editorial-visit{background:#D6E8EB}
.drlina-editorial-hours strong{color:var(--dl-ink)}
.drlina-editorial-map>a{color:var(--dl-ink)}
.drlina-editorial-faq{background:#fff}
.drlina-editorial-faq__list summary{color:var(--dl-ink)}
.drlina-editorial-faq__list summary span{color:var(--dl-teal)}
.drlina-editorial-journal{background:#F7FAFA}
.drlina-editorial-posts h3{color:var(--dl-ink)}
.drlina-editorial-post-placeholder{color:var(--dl-teal-deep)}

/* Final CTA — turquoise is the action color from the former site. */
.drlina-editorial-final{background:#01B9B4;color:#0C171A}
.drlina-editorial-final p{color:#173033}
.drlina-editorial-final a{background:#0C171A;color:#fff;border-radius:999px}

/* Footer — exact dark family from former site. */
.drlina-footer{background:#0C171A;color:#fff}
.drlina-footer a:hover{color:#51D4D0}

/* Base templates outside the editorial homepage. */
.drlina-title{color:#171717}
.drlina-eyebrow{color:#008F8B}.drlina-eyebrow:before{background:#01B9B4}
.drlina-btn--call,.drlina-btn--pink{background:#01B9B4;color:#fff}
.drlina-btn--call:hover,.drlina-btn--pink:hover{background:#009D99}
.drlina-btn--ghost,.drlina-btn--maps{color:#0C171A;border-color:#B7CCCF}
.drlina-section--soft{background:#F6F9F9}
.drlina-phone-ico{background:#D6E8EB;color:#0C171A}
.drlina-contact-card__icon,.drlina-contact-card--address .drlina-contact-card__icon{background:#D6E8EB;color:#008F8B}
.drlina-contact-form-output input:focus,.drlina-contact-form-output textarea:focus,.drlina-contact-form-output select:focus{outline-color:rgba(1,185,180,.18);border-color:#01B9B4}
.drlina-contact-form-output input[type="submit"],.drlina-contact-form-output button[type="submit"]{background:#01B9B4}
.drlina-contact-map-card__address>span{color:#008F8B}
.drlina-local-seo-links a:hover,.drlina-local-seo-links a:focus{background:#01B9B4;border-color:#01B9B4;color:#fff}

@media (max-width:1160px){
  .drlina-editorial-hero{background:linear-gradient(180deg,#fff 0 56%,#D6E8EB 56% 100%)}
}
