/* ============================================================
   Editorial Humanize 02 — abohala.store
   Art direction: quiet Moroccan luxury, editorial, human.
   Kills AI-template markers, preserves SEO + functionality.
   Loaded AFTER site.css to override safely.
   ============================================================ */

:root{
  --ed-ink:#12100c;
  --ed-paper:#f4eee1;
  --ed-paper-dim:#e9e0cb;
  --ed-bg:#0e0d0a;
  --ed-bg-2:#151310;
  --ed-line:rgba(176,141,62,.28);
  --ed-line-soft:rgba(244,238,225,.12);
  --ed-brass:#b08d3e;
  --ed-brass-deep:#8a6d2c;
  --ed-brass-soft:rgba(176,141,62,.12);
  --ed-cream:#f4eee1;
  --ed-muted:#b9b0a0;
  --ed-text:#ece5d3;
  --ed-radius:4px;
  --ed-font-display:'Amiri','Noto Kufi Arabic',serif;
  --ed-font-body:'Tajawal','Noto Kufi Arabic',sans-serif;
}

/* ——— Calm the ambient AI background ——— */
#ambient-background .ambient-aurora{opacity:.18;filter:saturate(.5)}
#ambient-background .ambient-pattern{opacity:.10}
#spiritual-star-canvas{opacity:.35}
@media (prefers-reduced-motion:reduce){
  #spiritual-star-canvas{display:none}
}

/* ——— Thin editorial header, not a capsule ——— */
.site-header{
  background:rgba(14,13,10,.92)!important;
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--ed-line)!important;
  box-shadow:none!important;
}
.nav-container{min-height:64px}
.brand-text-title{font-family:var(--ed-font-display);font-weight:700;letter-spacing:0}
.brand-text-sub{font-size:.72rem;color:var(--ed-muted)!important;letter-spacing:.02em}
.nav-links{gap:1.4rem}
.nav-link{
  border-radius:0!important;
  padding:.4rem 0!important;
  background:transparent!important;
  border-bottom:1px solid transparent;
  font-weight:500;
}
.nav-link:hover,.nav-link.active{
  color:var(--ed-cream)!important;
  border-bottom-color:var(--ed-brass);
  box-shadow:none!important;
  background:transparent!important;
}
.header-actions .btn{border-radius:2px!important;box-shadow:none!important}

/* ——— Promo: quiet single line ——— */
.editorial-promo,.promo-bar{
  background:#151310!important;
  border-bottom:1px solid var(--ed-line);
  box-shadow:none!important;
}
.promo-bar-content{font-size:.86rem}
.btn-promo{
  background:transparent!important;
  border:1px solid var(--ed-brass)!important;
  color:var(--ed-cream)!important;
  border-radius:2px!important;
  box-shadow:none!important;
}
.pulse-dot{display:none!important}

/* ——— Top bar: muted ——— */
.top-bar{background:transparent!important;border-bottom:1px solid var(--ed-line-soft);font-size:.78rem;color:var(--ed-muted)}

/* ——— Editorial hero: asymmetric, type-led ——— */
.editorial-hero{padding:clamp(2.5rem,6vw,5rem) 0 clamp(2rem,4vw,3.5rem)}
.editorial-hero .hero-grid{
  display:grid;gap:clamp(2rem,5vw,4.5rem);align-items:start;
}
@media(min-width:960px){
  .editorial-hero .hero-grid{grid-template-columns:1.15fr .85fr}
}
.editorial-kicker{
  display:flex;align-items:center;gap:.75rem;
  font-size:.8rem;color:var(--ed-brass);letter-spacing:.06em;margin-bottom:1.1rem;
}
.kicker-rule{display:inline-block;width:42px;height:1px;background:var(--ed-brass)}
.editorial-title{
  font-family:var(--ed-font-display);
  font-size:clamp(2.1rem,5.4vw,3.6rem)!important;
  line-height:1.35!important;
  font-weight:700;
  color:var(--ed-cream)!important;
  margin-bottom:1rem;
  text-wrap:balance;
}
.editorial-title em{
  display:block;font-style:normal;
  font-family:var(--ed-font-body);
  font-size:clamp(1rem,2.4vw,1.25rem);
  font-weight:400;color:var(--ed-muted);
  margin-top:.8rem;line-height:1.9;
}
.hero-sub{font-size:.88rem;color:var(--ed-muted);border-right:2px solid var(--ed-brass);padding-right:.8rem;margin-bottom:1rem}
.editorial-lead{
  font-size:clamp(1.02rem,2.4vw,1.15rem)!important;
  line-height:2!important;color:var(--ed-text)!important;max-width:58ch;
}
.editorial-lead::first-letter{
  font-family:var(--ed-font-display);font-size:1.6em;color:var(--ed-brass);line-height:1;padding-left:.15em;
}
.ai-answer-block{
  background:transparent!important;
  border:1px solid var(--ed-line)!important;
  border-right:2px solid var(--ed-brass)!important;
  border-radius:2px!important;
  font-size:.86rem!important;color:var(--ed-muted)!important;
}
.editorial-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}
.editorial-actions .btn{border-radius:2px!important;box-shadow:none!important;font-weight:700}
.editorial-alt-links{margin-top:.9rem;font-size:.86rem;color:var(--ed-muted)}
.editorial-alt-links a{color:var(--ed-cream);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--ed-line)}
.editorial-alt-links a:hover{color:var(--ed-brass)}

/* Editorial figure: no glow, no rounded capsule, thin frame */
.editorial-figure{margin:0}
.editorial-figure .hero-media-wrapper{
  border:1px solid var(--ed-line);
  border-radius:2px!important;
  overflow:hidden;background:#000;
  box-shadow:none!important;
}
.editorial-figure img{filter:sepia(.18) contrast(1.02) brightness(.96);display:block;width:100%;height:auto}
.editorial-caption{
  display:flex;gap:.8rem;align-items:baseline;
  padding:.8rem .2rem 0;font-size:.86rem;color:var(--ed-muted);
}
.caption-no{font-family:var(--ed-font-display);color:var(--ed-brass);font-size:1rem}
.zellige-panel,.zellige-mosaic,.hero-media-overlay,.zellige-quote,.hero-panel-title,.hero-panel-text,.zellige-stats{display:none!important}

/* ——— Trust: numbered rules, no icons/cards ——— */
.editorial-trust{border-top:1px solid var(--ed-line-soft);border-bottom:1px solid var(--ed-line-soft);background:transparent!important}
.editorial-trust .trust-grid{display:grid;gap:0}
@media(min-width:860px){.editorial-trust .trust-grid{grid-template-columns:repeat(4,1fr)}}
.editorial-trust .trust-item{
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;padding:1.1rem .5rem;
  display:flex;gap:.8rem;align-items:flex-start;
  border-left:1px solid var(--ed-line-soft)!important;
}
.editorial-trust .trust-item:last-child{border-left:0!important}
.trust-no{font-family:var(--ed-font-display);color:var(--ed-brass);font-size:.95rem;opacity:.9}
.trust-title{color:var(--ed-cream)!important;font-size:.95rem!important;font-weight:700}
.trust-text{color:var(--ed-muted)!important;font-size:.82rem!important}
.trust-icon{display:none!important}
.editorial-rule{border:0;border-top:1px solid var(--ed-line);margin:2.2rem 0;opacity:.7}

/* ——— Services: editorial index rows, not glass cards ——— */
.editorial-header{text-align:right;max-width:62ch}
.editorial-header .editorial-title{font-size:clamp(1.6rem,3.6vw,2.3rem)!important}
.editorial-services .services-grid{
  display:grid;gap:0!important;
  border-top:1px solid var(--ed-line);
  background:transparent!important;
}
@media(min-width:860px){.editorial-services .services-grid{grid-template-columns:1fr 1fr}}
.service-card{
  background:transparent!important;
  border:0!important;border-bottom:1px solid var(--ed-line-soft)!important;
  border-radius:0!important;box-shadow:none!important;
  display:grid!important;grid-template-columns:120px 1fr;gap:1rem;
  padding:1.25rem .25rem!important;
}
.service-card:nth-child(odd){border-left:1px solid var(--ed-line-soft)}
@media(max-width:640px){.service-card{grid-template-columns:1fr}.service-media-frame{max-height:190px;overflow:hidden}}
.service-media-frame{border:1px solid var(--ed-line);border-radius:2px!important;overflow:hidden}
.service-card .card-action{grid-column:1/-1;justify-self:start;margin-top:.2rem}
.service-img{filter:sepia(.22) contrast(1.03);aspect-ratio:4/3;object-fit:cover}
.service-card__content{padding:0!important}
.service-header .badge-gold,.badge-gold{
  background:transparent!important;border:1px solid var(--ed-line)!important;
  color:var(--ed-brass)!important;border-radius:2px!important;box-shadow:none!important;
  font-size:.74rem!important;
}
.service-title{font-family:var(--ed-font-display);color:var(--ed-cream)!important;font-size:1.12rem!important}
.service-desc{color:var(--ed-muted)!important;font-size:.92rem!important}
.card-action,.btn-outline-gold{
  border-radius:2px!important;box-shadow:none!important;
  border:1px solid var(--ed-brass)!important;
}
.btn-gold,.btn-whatsapp{border-radius:2px!important;box-shadow:none!important}
/* Kill gold glow + emerald glow globally */
*{text-shadow:none!important}
.btn-gold{box-shadow:none!important;background:var(--ed-brass)!important;border-color:var(--ed-brass-deep)!important;color:#14120c!important}
.btn-whatsapp{background:#1da851!important;border-color:#178245!important}

/* ——— Agadir + locations: calm, thin frames ——— */
.agadir-card,.vip-featured-box,.form-card,.case-card{
  border-radius:4px!important;box-shadow:none!important;
  border:1px solid var(--ed-line)!important;
  background:#14120f!important;
}
.location-card{border-radius:3px!important;box-shadow:none!important;border:1px solid var(--ed-line-soft)!important;background:transparent!important}
.case-grid{gap:1rem!important}
.search-input,.form-control{border-radius:2px!important}
.chip{border-radius:2px!important;box-shadow:none!important}

/* ——— Footer: quiet ——— */
.site-footer{background:#0b0a08!important;border-top:1px solid var(--ed-line)}
.footer-links a:hover{color:var(--ed-brass)!important}

/* ——— Floating: smaller, calmer ——— */
.floating-wa{box-shadow:none!important;opacity:.94}
.mobile-bar{background:rgba(14,13,10,.96)!important;border-top:1px solid var(--ed-line)}
.back-top{border-radius:2px!important;box-shadow:none!important}

/* ——— Motion: slow editorial reveals ——— */
@media (prefers-reduced-motion:no-preference){
  .editorial-hero .hero-content{animation:edFade .7s ease both}
  .editorial-figure{animation:edFade .9s .1s ease both}
  @keyframes edFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  .service-card{transition:border-color .25s ease,background .25s ease}
  .service-card:hover{background:rgba(176,141,62,.05)!important}
  a,.btn,button{transition:color .2s ease,background .2s ease,border-color .2s ease}
}

/* ——— Mobile recomposition, not just stacking ——— */
@media(max-width:720px){
  .editorial-title{line-height:1.5!important}
  .editorial-actions .btn{width:100%;justify-content:center;min-height:52px}
  .editorial-trust .trust-item{border-left:0!important;border-bottom:1px solid var(--ed-line-soft)!important}
  .promo-bar-content{flex-direction:column;gap:.5rem;text-align:center}
}

/* ——— Print + focus visibility ——— */
:focus-visible{outline:2px solid var(--ed-brass);outline-offset:3px}
.form-hint{font-size:.78rem;color:var(--ed-muted);margin-top:.4rem}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.header-wa-desktop{display:none}
@media(min-width:768px){.header-wa-desktop{display:inline-flex}}
/* ——— Forensic fixes: hidden layers, anchor offset, input focus, touch targets ——— */
.mobile-drawer:not(.open){visibility:hidden!important}
.mobile-drawer.open{visibility:visible}
.consultation-sheet:not(.open){visibility:hidden!important}
.consultation-sheet.open{visibility:visible}
#faq,#consultation-form-section,#cases{scroll-margin-top:calc(var(--header-h,68px) + 16px)}
.form-control:focus-visible,.search-input:focus-visible{outline:2px solid var(--ed-brass)!important;outline-offset:2px!important}
.chip{min-height:44px}
.btn-promo{min-height:44px}
/* FAQ editorial */
.editorial-faq{padding:2.5rem 0}
.faq-list{border-top:1px solid var(--ed-line);margin-top:1.2rem}
.faq-item{border-bottom:1px solid var(--ed-line-soft);padding:1rem .25rem}
.faq-item summary{cursor:pointer;font-weight:700;color:var(--ed-cream);list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";color:var(--ed-brass);font-weight:400}
.faq-item[open] summary::after{content:"–"}
.faq-item p{color:var(--ed-muted);font-size:.93rem;line-height:1.95;margin:.7rem 0 0;max-width:68ch}