/* ==========================================================================
   ELLE Editorial Magazine — dark-mode.css
   Adaptação noturna: fundo grafite, cards escuros, texto claro, divisórias discretas.
   A identidade (header/footer pretos, Webstories escuro) é preservada.
   Os tokens base são redefinidos em html[data-theme="dark"] pelo CSS dinâmico.
   ========================================================================== */

html[data-theme="dark"] { color-scheme: dark; }

/* Header e footer pretos também no modo noturno. */
html[data-theme="dark"] .eem-header { border-bottom-color: #222; }
html[data-theme="dark"] .eem-footer { border-top: 1px solid #1e1e1e; }

/* Imagens levemente suavizadas para conforto visual. */
html[data-theme="dark"] .eem-media__img,
html[data-theme="dark"] .eem-article__img,
html[data-theme="dark"] .eem-prose img { filter: brightness(.94); }

/* Lookbook grafite e faixas de anúncio. */
html[data-theme="dark"] .eem-lookbook { background: var(--surface-soft); }
html[data-theme="dark"] .eem-ad--strip,
html[data-theme="dark"] .eem-ad--grid { background: var(--surface-soft); }
html[data-theme="dark"] .eem-promo { background: var(--background); }

/* Dropdown, menu lateral e busca. */
html[data-theme="dark"] .eem-dropdown { background: var(--surface); box-shadow: 0 14px 36px rgba(0, 0, 0, .5); }
html[data-theme="dark"] .eem-drawer__panel { background: var(--background); }
html[data-theme="dark"] .eem-drawer__overlay { background: rgba(0, 0, 0, .7); }

/* Setas de carrossel sobre fundo escuro. */
html[data-theme="dark"] .eem-carousel__arrow { background: #2a2a2a; color: #f2f2f2; box-shadow: 0 6px 18px rgba(0, 0, 0, .45); }

/* Horóscopo: fundo azul-noite, texto claro. */
html[data-theme="dark"] .eem-horoscope__body,
html[data-theme="dark"] .eem-horoscope .eem-box__title { color: #eef3fa; }
html[data-theme="dark"] .eem-horoscope__select { background-color: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .3); color: #eef3fa; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23eee' stroke-width='1.6' fill='none'/%3E%3C/svg%3E"); }
html[data-theme="dark"] .eem-horoscope__select option { color: #111; }
html[data-theme="dark"] .eem-horoscope .eem-btn { background: #eef3fa; color: #111; border-color: #eef3fa; }

/* Newsletter legível e com campo escuro. */
html[data-theme="dark"] .eem-newsletter__input { background: #161616; border-color: #444; color: #ececec; }
html[data-theme="dark"] .eem-newsletter__list-title { border-bottom-color: #555; }
html[data-theme="dark"] .eem-newsletter__status.is-success { color: #81c784; }
html[data-theme="dark"] .eem-newsletter__status.is-error { color: #ef9a9a; }

/* Leia também, autor responsável e código. */
html[data-theme="dark"] .eem-readalso { border-color: #555; }
html[data-theme="dark"] .eem-resp { background: #1c1c1c; border-color: #333; border-top-color: #ececec; }
html[data-theme="dark"] .eem-prose pre, html[data-theme="dark"] .eem-prose code { background: #1c1c1c; }

/* Formulários e CF7. */
html[data-theme="dark"] .wpcf7 .wpcf7-not-valid-tip { color: #ef9a9a; }
html[data-theme="dark"] .wpcf7 select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23bbb' stroke-width='1.6' fill='none'/%3E%3C/svg%3E"); }

/* Logo do menu lateral: variante noturna sem inversão. */
html[data-theme="dark"] .eem-logo--drawer .eem-logo__img { filter: none; }