/* =====================================================
   FHL OVERRIDES v1.0.7
   - Icone home usano classi IDENTICHE alla sidebar (.fhl-soc .fhl-soc--fb ecc.)
   - Colori brand aggiunti a .fhl-soc--* (valevoli OVUNQUE: home + sidebar)
   - Layout .fhl-home-social = stesso grid 3 colonne della sidebar
   ===================================================== */

/* ---- IDENTITY: logo SINISTRA, testo DESTRA, icone sotto ---- */
.fhl-home__identity {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  gap: 10px 14px !important;
  padding: 0 0 20px !important;
  border-bottom: 1px solid rgba(241,237,222,.08) !important;
  margin-bottom: 20px !important;
}
.fhl-home__logo {
  width: 54px !important;
  height: 54px !important;
  border-radius: 14px !important;
  flex-shrink: 0 !important;
  object-fit: cover !important;
  box-shadow: 0 3px 14px rgba(0,0,0,.50) !important;
  align-self: flex-start !important;
}
.fhl-home__identity > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  flex: 1 !important;
  min-width: 160px !important;
}
.fhl-home__identity h1 {
  font-size: clamp(16px, 2vw, 24px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  color: #f1edde !important;
}
.fhl-home__identity p {
  font-size: clamp(9px, 0.8vw, 11px) !important;
  font-weight: 700 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: rgba(241,237,222,.42) !important;
  margin: 0 !important;
}
.fhl-motto {
  display: block !important;
  font-style: italic !important;
  font-size: clamp(9px, 0.75vw, 11px) !important;
  font-weight: 400 !important;
  color: rgba(241,237,222,.26) !important;
  margin: 3px 0 0 !important;
  line-height: 1.4 !important;
}

/* ---- HOME TOP ACTIONS: riga piena sotto logo+testo ---- */
.fhl-home-top-actions {
  flex: 0 0 100% !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 10px 0 0 !important;
}

/* ---- HOME SOCIAL: stesso grid 3 colonne della sidebar ---- */
.fhl-home-social {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 6px !important;
}

/* Le .fhl-chan-btn, .fhl-sidebar-accedi, .fhl-home-download-top: riga piena */
.fhl-home-social > .fhl-chan-btn,
.fhl-home-social > .fhl-sidebar-accedi,
.fhl-home-social > .fhl-home-download-top {
  grid-column: 1 / -1 !important;
}

/* ---- HOME SOCIAL dentro .fhl-home__identity ----
   Specificità (0,3,1) e (0,3,2) — batte qualsiasi regola app.css su .fhl-home-social a */

/* Mostra home-top-actions su tutti i viewport nella home */
body.home .fhl-home-top-actions { display: flex !important; }
@media (max-width: 1025px) { body.home .fhl-home-top-actions { display: flex !important; } }

/* Griglia dentro l'identity: 3 colonne come sidebar */
.fhl-home__identity .fhl-home-social {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 6px !important;
  width: 100% !important;
  align-items: unset !important;
  justify-content: unset !important;
  flex-wrap: unset !important;
}

/* Icone social: colonna con icona + etichetta, identico .fhl-soc sidebar (0,3,1) */
.fhl-home__identity .fhl-home-social > a.fhl-soc {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  border-radius: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  place-items: unset !important;
  gap: 4px !important;
  padding: 8px 4px !important;
  background: rgba(241,237,222,.07) !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  color: rgba(241,237,222,.8) !important;
  text-decoration: none !important;
}
.fhl-home__identity .fhl-home-social > a.fhl-soc svg {
  width: 20px !important;
  height: 20px !important;
  fill: currentColor !important;
  flex-shrink: 0 !important;
  display: block !important;
}
/* Etichette visibili (app.css le nasconde con display:none) — specificità (0,3,2) */
.fhl-home__identity .fhl-home-social > a.fhl-soc span {
  display: block !important;
  font-size: 10px !important;
  font-family: inherit !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  color: inherit !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* Canali, accedi, download: riga intera nella griglia */
.fhl-home__identity .fhl-home-social > .fhl-chan-btn,
.fhl-home__identity .fhl-home-social > .fhl-sidebar-accedi,
.fhl-home__identity .fhl-home-social > .fhl-home-download-top {
  grid-column: 1 / -1 !important;
  width: auto !important;
  height: auto !important;
  border-radius: 10px !important;
}

/* ---- ACCEDI LINK: stile dorato (home + sidebar) ---- */
.fhl-sidebar-accedi {
  display: block !important;
  text-align: center !important;
  padding: 10px !important;
  border-radius: 10px !important;
  background: rgba(209,177,95,.18) !important;
  border: 1px solid rgba(209,177,95,.4) !important;
  color: #d6b15f !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.fhl-sidebar-accedi:hover { background: rgba(209,177,95,.32) !important; }

/* Download app: riga intera, stile neutro */
.fhl-home-download-top {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 9px 12px !important;
  border-radius: 10px !important;
  background: rgba(241,237,222,.07) !important;
  color: rgba(241,237,222,.9) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

/* sidebar-bottom rimane visibile: ha i suoi WA/TG/Account nel menu hamburger */

/* ---- LICENZA SIDEBAR: sempre visibile, testo leggibile ---- */
.fhl-sidebar-license {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  padding: 12px 18px 16px !important;
  border-top: 1px solid rgba(241,237,222,.10) !important;
  margin-top: 8px !important;
}
.fhl-sidebar-license strong { font-size: 10px !important; font-weight: 700 !important; color: rgba(241,237,222,.85) !important; }
.fhl-sidebar-license span  { font-size: 10px !important; color: rgba(241,237,222,.70) !important; }
.fhl-sidebar-license small { font-size: 10px !important; color: rgba(209,177,95,.85) !important; line-height: 1.7 !important; font-weight: 600 !important; }

/* ---- HERO: sempre full-width ----
   app.css ha "body.home .fhl-main .fhl-home__leader-row{display:grid!important}"
   (specificità 0,3,1). Per vincere uso lo STESSO prefisso body.home (+ overrides
   carica dopo app.css, quindi vinco i pari-specificità). ---- */
body.home .fhl-main .fhl-home__leader-row {
  display: block !important;
  width: 100% !important;
  grid-template-columns: none !important;
}
body.home .fhl-home-side { display: none !important; }
body.home .fhl-main .fhl-home__leader-row .fhl-home__header {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
body.home .fhl-main .fhl-home__leader-row .fhl-home__header img[data-home-header-image] {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  max-height: min(62vh, 600px) !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 22px !important;
}
@media (max-width: 900px) {
  body.home .fhl-main .fhl-home__leader-row .fhl-home__header img[data-home-header-image] {
    max-height: 260px !important;
    border-radius: 16px !important;
  }
}

/* ---- BACK BUTTONS: cerchio trasparente come .fhl-youtube-back ---- */
.fhl-back,
button[data-back-root],
.fhl-back--icon {
  display: inline-grid !important;
  place-items: center !important;
  position: static !important;
  width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
  border-radius: 50% !important;
  background: rgba(241,237,222,.10) !important;
  border: 1px solid rgba(241,237,222,.12) !important;
  color: #f1edde !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  top: auto !important; left: auto !important; right: auto !important; bottom: auto !important;
  transform: none !important; z-index: auto !important; text-decoration: none !important;
}

/* ---- PODCAST / STUDI BIBLICI: nascondi immagine header ---- */
.fhl-podcast-open > img,
.fhl-folder-open > img { display: none !important; }
.fhl-podcast-open,
.fhl-folder-open {
  display: flex !important; flex-direction: column !important; width: 100% !important;
  background: var(--app-card, #2c2a2c) !important;
  border: 1px solid rgba(241,237,222,.10) !important; border-radius: 18px !important;
  padding: 0 !important; margin: 0 0 20px !important; overflow: hidden !important;
  gap: 0 !important; aspect-ratio: auto !important; height: auto !important;
}
.fhl-podcast-open > span, .fhl-folder-open > span {
  display: flex !important; flex-direction: column !important; gap: 4px !important; padding: 16px 18px !important;
}
.fhl-podcast-open > span strong, .fhl-folder-open > span strong { font-size: 17px !important; font-weight: 700 !important; color: #f1edde !important; }
.fhl-podcast-open > span small,  .fhl-folder-open > span small  { font-size: 13px !important; color: rgba(241,237,222,.55) !important; }

/* ---- AUTH SPLIT ---- */
.fhl-auth-split {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(380px, 480px) !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 28px auto !important;
  height: auto !important;
  min-height: min(72vh, 640px) !important;
  max-height: none !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  border: 1px solid rgba(241,237,222,.10) !important;
  background: var(--app-card, #2c2a2c) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.30) !important;
}
@media (max-width: 860px) {
  .fhl-auth-split { grid-template-columns: 1fr !important; height: auto !important; }
  .fhl-auth-panel--image { display: none !important; }
}
.fhl-auth-panel--image { position: relative !important; overflow: hidden !important; height: 100% !important; }
.fhl-auth-bg { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: contain !important; background: #16140f !important; padding: 14px !important; display: block !important; filter: none !important; opacity: 1 !important; }
.fhl-auth-panel--form { overflow-y: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 48px 44px !important; }
.fhl-auth-form-inner { width: 100% !important; max-width: 420px !important; }
.fhl-auth-form-inner h2 { font-size: 30px !important; }
.fhl-auth-form-inner input { padding: 14px 16px !important; font-size: 15px !important; }
.fhl-auth-form-inner .fhl-btn--full { padding: 15px !important; font-size: 16px !important; }

/* ---- ACCOUNT PAGE ---- */
.fhl-account { max-width: 580px !important; margin: 0 auto !important; padding: 28px 24px !important; width: 100% !important; }
.fhl-account__actions { margin-top: 28px !important; padding-top: 22px !important; border-top: 1px solid rgba(241,237,222,.08) !important; display: flex !important; gap: 12px !important; flex-wrap: wrap !important; }

/* =====================================================
   HOME TOP ACTIONS — social bar pulita (Desktop + Tablet)
   Le 6 icone social diventano bottoni tondi solo-icona;
   "Scarica l'app", canali WhatsApp/Telegram e "Il mio account"
   diventano pill. Tutto in un flex che va a capo: niente
   etichette sovrapposte. Prefisso body.home per vincere la cascata.
   ===================================================== */
@media (min-width: 768px) {
  /* Logo+titolo e bottoni sulla STESSA riga: il titolo non si allarga,
     i bottoni vanno a destra. Wrap consentito su schermi stretti. */
  body.home .fhl-home__identity {
    align-items: center !important;
  }
  body.home .fhl-home__identity > div:not(.fhl-home-top-actions) {
    flex: 0 1 auto !important;
  }
  body.home .fhl-home__identity .fhl-home-top-actions {
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: none !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
  }
  body.home .fhl-home__identity .fhl-home-social {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    width: 100% !important;
    grid-template-columns: none !important;
  }
  /* Icone social: bottoni tondi, solo icona */
  body.home .fhl-home__identity .fhl-home-social > a.fhl-soc {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    border-radius: 50% !important;
    display: inline-grid !important;
    place-items: center !important;
    background: rgba(241,237,222,.07) !important;
    border: 1px solid rgba(241,237,222,.12) !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }
  body.home .fhl-home__identity .fhl-home-social > a.fhl-soc:hover {
    border-color: rgba(0,173,181,.65) !important;
    color: var(--accent) !important;
  }
  body.home .fhl-home__identity .fhl-home-social > a.fhl-soc svg {
    width: 18px !important;
    height: 18px !important;
    fill: currentColor !important;
  }
  /* Etichetta nascosta visivamente ma leggibile dagli screen reader */
  body.home .fhl-home__identity .fhl-home-social > a.fhl-soc span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  /* Pill: Scarica l'app, Canale WhatsApp/Telegram, Il mio account */
  body.home .fhl-home__identity .fhl-home-social > .fhl-home-download-top,
  body.home .fhl-home__identity .fhl-home-social > .fhl-chan-btn,
  body.home .fhl-home__identity .fhl-home-social > .fhl-sidebar-accedi {
    grid-column: auto !important;
    width: auto !important;
    height: 38px !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  body.home .fhl-home__identity .fhl-home-social > .fhl-chan-btn svg {
    width: 16px !important;
    height: 16px !important;
    fill: currentColor !important;
    flex: 0 0 auto !important;
  }
}

/* =====================================================
   SIDEBAR — gruppi senza etichette + footer
   Stili validi OVUNQUE (anche nel menu mobile), salvo quelli
   marcati come solo-desktop nel @media in fondo.
   ===================================================== */

/* Niente etichette di sezione (MENU, CONTENUTI, ecc.) */
.fhl-nav-label { display: none !important; }

/* Link di ogni gruppo impilati in colonna (fondamentale anche su mobile,
   dove altrimenti gli <a> andrebbero a capo in orizzontale) */
.fhl-nav-group { display: grid !important; gap: 2px !important; }
.fhl-nav-group a { display: block !important; }
.fhl-nav-group + .fhl-nav-group {
  border-top: 1px solid rgba(241,237,222,.07) !important;
  margin-top: 4px !important;
  padding-top: 6px !important;
}

/* ---- FOOTER (Donazioni / Accedi / Privacy-Cookie / licenza) ---- */
.fhl-sidebar-foot {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(241,237,222,.10) !important;
}
.fhl-side-donate {
  display: flex !important; align-items: center !important; justify-content: center !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  border-radius: 11px !important;
  background: rgba(214,177,95,.16) !important;
  border: 1px solid rgba(214,177,95,.40) !important;
  color: #d6b15f !important;
  font-weight: 800 !important; font-size: 14px !important;
}
.fhl-side-donate:hover { background: rgba(214,177,95,.28) !important; }
/* Cuore: dimensione fissa (senza questo, su mobile riempiva tutto) */
.fhl-side-donate svg { width: 17px !important; height: 17px !important; min-width: 17px !important; flex: 0 0 auto !important; fill: currentColor !important; }
.fhl-sidebar-foot .fhl-sidebar-accedi {
  display: block !important; text-align: center !important;
  padding: 10px 12px !important; border-radius: 11px !important;
  background: rgba(0,173,181,.14) !important;
  border: 1px solid rgba(0,173,181,.40) !important;
  color: #00adb5 !important; font-weight: 700 !important; font-size: 13px !important;
}
.fhl-sidebar-foot .fhl-sidebar-accedi:hover { background: rgba(0,173,181,.26) !important; }
/* Privacy/Cookie + licenza: font etichette categoria, allineato a sinistra */
.fhl-side-mini {
  display: flex !important; align-items: center !important; justify-content: flex-start !important;
  gap: 6px !important; padding: 2px 12px !important;
}
.fhl-side-mini a:hover { color: rgba(241,237,222,.65) !important; }
.fhl-sidebar-license {
  margin: 12px 0 0 !important;
  padding: 12px 12px 0 !important;
  text-align: left !important;
  align-items: stretch !important;
}
.fhl-side-mini a,
.fhl-side-mini span,
.fhl-sidebar-license strong,
.fhl-sidebar-license span,
.fhl-sidebar-license small {
  text-align: left !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  line-height: 1.6 !important;
  color: rgba(241,237,222,.40) !important;
}

/* La sezione foot non appare nel mobile fuori dal menu (lì c'è già il bottom) */
@media (max-width: 900px) {
  body:not(.fhl-menu-open) .fhl-sidebar-foot { display: none !important; }
}

/* ===== Solo DESKTOP (>=901px) ===== */
@media (min-width: 901px) {
  /* L'INTERA sidebar scrolla (scrollbar nascosta), indipendente dalla pagina */
  .fhl-sidebar {
    position: sticky !important;
    top: 0 !important;
    height: 100vh !important;
    padding: 16px 14px 16px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }
  .fhl-sidebar::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; }
  /* admin bar di WordPress (32px): scende sotto la barra e scala l'altezza */
  .admin-bar .fhl-sidebar { top: 32px !important; height: calc(100vh - 32px) !important; }

  .fhl-nav { gap: 4px !important; }
  .fhl-nav-group a {
    position: relative !important;
    padding: 7px 12px !important;
    font-size: 14.5px !important;
    line-height: 1.2 !important;
    border-radius: 9px !important;
    color: rgba(241,237,222,.82) !important;
  }
  .fhl-nav-group a:hover { background: rgba(241,237,222,.07) !important; color: #f1edde !important; }
  .fhl-nav-group a.is-active { background: rgba(0,173,181,.15) !important; color: #fff !important; font-weight: 800 !important; }
  .fhl-nav-group a.is-active::before {
    content: "" !important; position: absolute !important;
    left: 3px !important; top: 8px !important; bottom: 8px !important;
    width: 3px !important; border-radius: 2px !important;
    background: var(--accent, #00adb5) !important;
  }
  .fhl-nav-group a.fhl-external-resource {
    font-size: 12.5px !important;
    color: rgba(241,237,222,.55) !important;
    background: rgba(241,237,222,.035) !important;
    border: 1px solid rgba(241,237,222,.10) !important;
    margin-top: 3px !important;
  }
  /* Footer subito sotto l'ultima voce di menu (niente spazio vuoto enorme) */
  .fhl-sidebar-foot { margin-top: 10px !important; }
  .fhl-sidebar-license { margin-top: 0 !important; }
}

/* =====================================================
   WELCOME spostato sopra "In evidenza" nella home
   ===================================================== */
.fhl-greeting--home {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 18px !important;
}
.fhl-greeting--home .fhl-greeting__avatar {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  background: #fff !important;
  border: 2px solid #817f77 !important;
  box-shadow: 0 0 0 3px rgba(129,127,119,.18) !important;
}
.fhl-greeting--home .fhl-greeting__copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}
.fhl-greeting--home .fhl-greeting__copy strong {
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  color: #f1edde !important;
}
.fhl-greeting--home .fhl-greeting__copy span {
  font-size: 13px !important;
  color: rgba(241,237,222,.6) !important;
}
@media (max-width: 560px) {
  .fhl-greeting--home .fhl-greeting__copy strong { font-size: 19px !important; }
}

/* =====================================================
   Aggiustamenti finali sidebar / identity home
   ===================================================== */
/* "Faith Comes By Hearing": badge "sito esterno" su riga propria */
.fhl-nav-group a.fhl-external-resource { line-height: 1.2 !important; }
.fhl-nav-group a.fhl-external-resource:after {
  content: "sito esterno" !important;
  display: block !important;
  margin: 2px 0 0 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: var(--accent, #00adb5) !important;
}

/* Titolo home: DUE righe titolo (Piattaforma Cristiana Digitale / Radio Cristiana FHL),
   righe molto ravvicinate */
.fhl-home__identity > div { gap: 0 !important; }
.fhl-main .fhl-home__identity h1,
.fhl-home__identity h1 {
  font-size: clamp(18px, 2.3vw, 26px) !important;
  font-weight: 900 !important;
  line-height: 1.0 !important;
  letter-spacing: -.02em !important;
  margin: 0 !important;
}
.fhl-main .fhl-home__identity p,
.fhl-home__identity p {
  font-size: clamp(12px, 1.4vw, 16px) !important;
  font-weight: 800 !important;
  font-style: normal !important;
  color: rgba(241,237,222,.92) !important;
  text-transform: none !important;
  letter-spacing: -.01em !important;
  line-height: 1.0 !important;
  margin: 0 !important;
}
.fhl-home__identity .fhl-motto { margin: 2px 0 0 !important; line-height: 1.1 !important; }

/* Card Donazioni: più spazio interno (il testo era attaccato al bordo sinistro) */
.fhl-donation-content { padding: 26px 32px !important; }
@media (max-width: 560px) { .fhl-donation-content { padding: 18px 18px !important; } }

/* =====================================================
   "MI PIACE" (like reali)
   ===================================================== */
.fhl-like {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  background: rgba(241,237,222,.06) !important;
  border: 1px solid rgba(241,237,222,.14) !important;
  color: var(--app-muted, rgba(241,237,222,.74)) !important;
  border-radius: 999px !important;
  padding: 7px 13px !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: background .15s, border-color .15s, color .15s !important;
}
.fhl-like svg { width: 18px !important; height: 18px !important; fill: none !important; stroke: currentColor !important; stroke-width: 2 !important; }
.fhl-like:hover { border-color: rgba(224,36,94,.55) !important; color: #e0245e !important; }
.fhl-like.is-liked { color: #e0245e !important; border-color: rgba(224,36,94,.55) !important; background: rgba(224,36,94,.12) !important; }
.fhl-like.is-liked svg { fill: #e0245e !important; stroke: #e0245e !important; }
.fhl-like[disabled] { opacity: .6 !important; cursor: default !important; }
.fhl-card__foot { margin-top: 10px !important; display: flex !important; }

/* =====================================================
   COMMENTI (tema scuro)
   ===================================================== */
.fhl-comments {
  max-width: 760px !important;
  margin: 36px auto 0 !important;
  padding-top: 26px !important;
  border-top: 1px solid rgba(241,237,222,.12) !important;
}
.fhl-comments__title { font-size: 22px !important; margin: 0 0 20px !important; color: var(--app-text, #f1edde) !important; }
.fhl-comments__list { list-style: none !important; margin: 0 0 28px !important; padding: 0 !important; display: grid !important; gap: 14px !important; }
.fhl-comments__list .children { list-style: none !important; margin: 12px 0 0 24px !important; padding: 0 !important; display: grid !important; gap: 12px !important; }
.fhl-comment__body {
  background: var(--app-card, #2c2a2c) !important;
  border: 1px solid rgba(241,237,222,.10) !important;
  border-radius: 16px !important;
  padding: 14px 16px !important;
}
.fhl-comment__head { display: flex !important; align-items: center !important; gap: 10px !important; margin-bottom: 8px !important; }
.fhl-comment__avatar { width: 40px !important; height: 40px !important; border-radius: 50% !important; }
.fhl-comment__author { display: block !important; font-size: 14px !important; color: var(--app-text, #f1edde) !important; }
.fhl-comment__date { display: block !important; font-size: 11px !important; color: var(--app-muted, rgba(241,237,222,.6)) !important; }
.fhl-comment__text { color: rgba(241,237,222,.86) !important; line-height: 1.6 !important; font-size: 15px !important; }
.fhl-comment__text p { margin: 0 0 8px !important; }
.fhl-comment__pending { display: block !important; margin-top: 8px !important; font-size: 12px !important; color: var(--accent, #00adb5) !important; }

/* Form commento */
.fhl-comment-form, #commentform { display: block !important; }
.fhl-comment-as { color: var(--app-muted, rgba(241,237,222,.7)) !important; font-size: 13px !important; margin: 0 0 10px !important; }
.fhl-comment-textarea, #commentform textarea {
  width: 100% !important;
  background: var(--app-card, #2c2a2c) !important;
  color: var(--app-text, #f1edde) !important;
  border: 1px solid rgba(241,237,222,.16) !important;
  border-radius: 14px !important;
  padding: 14px !important;
  font: inherit !important;
  font-size: 15px !important;
  resize: vertical !important;
}
.fhl-comment-textarea:focus, #commentform textarea:focus { outline: none !important; border-color: rgba(0,173,181,.6) !important; }
.fhl-comment-rules { font-size: 12px !important; color: var(--app-muted, rgba(241,237,222,.55)) !important; margin: 8px 0 14px !important; }
#commentform .form-submit { margin: 0 !important; }
.fhl-comment-submit, #commentform .submit {
  background: var(--accent, #00adb5) !important;
  border: 1px solid var(--accent, #00adb5) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 12px 22px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}
.comment-reply-title { font-size: 18px !important; color: var(--app-text, #f1edde) !important; margin: 0 0 12px !important; }
.fhl-comment-login-notice {
  background: var(--app-card, #2c2a2c) !important;
  border: 1px solid rgba(241,237,222,.12) !important;
  border-radius: 14px !important;
  padding: 16px 18px !important;
}
.fhl-comment-login-notice a { color: var(--accent, #00adb5) !important; font-weight: 800 !important; }
.comment-respond, .fhl-single__comments { max-width: 760px !important; margin-left: auto !important; margin-right: auto !important; }

/* =====================================================
   PROGRESSI BIBBIA (stile app)
   ===================================================== */
.fhl-bible-progress-btn {
  background: rgba(0,173,181,.14) !important;
  border: 1px solid rgba(0,173,181,.40) !important;
  color: var(--accent, #00adb5) !important;
  border-radius: 999px !important;
  padding: 10px 16px !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}
.fhl-bible-progress-btn[aria-expanded="true"] { background: rgba(0,173,181,.26) !important; }
.fhl-bible-progress {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 14px !important;
  max-width: 1140px !important;
  margin: 4px auto 20px !important;
}
.fhl-bible-progress[hidden] { display: none !important; }
.fhl-bible-pcard {
  background: rgba(241,237,222,.055) !important;
  border: 1px solid rgba(241,237,222,.10) !important;
  border-radius: 20px !important;
  padding: 18px !important;
}
.fhl-bible-pcard__head { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 14px !important; }
.fhl-bible-pcard__head strong { font-size: 16px !important; font-weight: 800 !important; color: var(--app-text, #f1edde) !important; }
.fhl-bible-pcard__head span { font-size: 18px !important; font-weight: 900 !important; color: var(--app-text, #f1edde) !important; }
.fhl-bible-pbar { height: 8px !important; border-radius: 999px !important; background: rgba(241,237,222,.10) !important; overflow: hidden !important; }
.fhl-bible-pbar i { display: block !important; height: 100% !important; background: var(--accent, #00adb5) !important; border-radius: 999px !important; transition: width .3s ease !important; }
.fhl-bible-pcard small { display: block !important; margin-top: 10px !important; font-size: 12.5px !important; color: var(--app-muted, rgba(241,237,222,.62)) !important; }
.fhl-bible-readmark { display: flex !important; justify-content: center !important; margin: 20px 0 4px !important; }
.fhl-bible-read-toggle {
  background: rgba(241,237,222,.07) !important;
  border: 1px solid rgba(241,237,222,.16) !important;
  color: var(--app-text, #f1edde) !important;
  border-radius: 999px !important;
  padding: 10px 20px !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  cursor: pointer !important;
}
.fhl-bible-read-toggle.is-read { background: rgba(0,173,181,.16) !important; border-color: rgba(0,173,181,.5) !important; color: var(--accent, #00adb5) !important; }
@media (max-width: 900px) { .fhl-bible-progress { grid-template-columns: 1fr !important; } }
/* Avviso "accedi per salvare/sincronizzare" nella Bibbia (non loggati) */
.fhl-bible-loginbar {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  gap: 16px !important; flex-wrap: wrap !important;
  max-width: 1140px !important; margin: 0 auto 18px !important;
  background: rgba(0,173,181,.10) !important; border: 1px solid rgba(0,173,181,.32) !important;
  border-radius: 16px !important; padding: 14px 18px !important;
}
.fhl-bible-loginbar__text strong { display: block !important; color: var(--app-text, #f1edde) !important; font-size: 15px !important; }
.fhl-bible-loginbar__text span { display: block !important; color: var(--app-muted, rgba(241,237,222,.72)) !important; font-size: 13px !important; margin-top: 2px !important; }
.fhl-bible-loginbar__text b { color: var(--accent, #00adb5) !important; }
.fhl-bible-loginbar__actions { display: flex !important; gap: 10px !important; flex-wrap: wrap !important; }
.fhl-bible-loginbar__actions .fhl-btn { border-radius: 999px !important; padding: 9px 16px !important; font-weight: 800 !important; font-size: 13px !important; white-space: nowrap !important; }
.fhl-bible-loginbar__actions .fhl-btn--primary { background: var(--accent, #00adb5) !important; border-color: var(--accent, #00adb5) !important; color: #fff !important; }
.fhl-single--promemoria .fhl-postmeta { display: none !important; }

/* Toast di conferma (copia/condivisione/immagine) */
.fhl-toast {
  position: fixed !important; left: 50% !important; bottom: 110px !important;
  transform: translateX(-50%) translateY(20px) !important;
  background: #1f1d1f !important; color: #f1edde !important;
  border: 1px solid rgba(0,173,181,.5) !important; border-radius: 999px !important;
  padding: 12px 22px !important; font-weight: 800 !important; font-size: 14px !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.45) !important; z-index: 9999 !important;
  opacity: 0 !important; pointer-events: none !important; transition: opacity .2s, transform .2s !important;
  max-width: 86vw !important; text-align: center !important;
}
.fhl-toast.is-show { opacity: 1 !important; transform: translateX(-50%) translateY(0) !important; }

/* Lista capitoli segnati come letti (come nell'app) */
.fhl-bible-pdone {
  grid-column: 1 / -1 !important;
  background: rgba(241,237,222,.04) !important;
  border: 1px solid rgba(241,237,222,.10) !important;
  border-radius: 20px !important;
  padding: 18px !important;
}
.fhl-bible-pdone > strong { display: block !important; font-size: 16px !important; font-weight: 800 !important; color: var(--app-text, #f1edde) !important; margin-bottom: 12px !important; }
.fhl-bible-pdone__book { display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; gap: 8px !important; padding: 8px 0 !important; border-top: 1px solid rgba(241,237,222,.07) !important; }
.fhl-bible-pdone__name { min-width: 130px !important; font-weight: 700 !important; color: var(--app-text, #f1edde) !important; font-size: 14px !important; }
.fhl-bible-pdone__chs { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; }
.fhl-chip-ch {
  display: inline-grid !important; place-items: center !important;
  min-width: 28px !important; height: 28px !important; padding: 0 7px !important;
  border-radius: 8px !important; font-size: 12px !important; font-weight: 800 !important;
  background: rgba(0,173,181,.16) !important; color: var(--accent, #00adb5) !important;
  border: 1px solid rgba(0,173,181,.35) !important; cursor: pointer !important; font-style: normal !important;
}
.fhl-chip-ch:hover { background: rgba(0,173,181,.30) !important; }

/* =====================================================
   POST = "Promemoria del giorno" (sito)
   ===================================================== */
.fhl-promemoria { max-width: 760px !important; margin: 0 auto !important; }
.fhl-promemoria .fhl-page-brand { margin-bottom: 18px !important; }
.fhl-promemoria-today { box-shadow: 0 16px 40px rgba(0,0,0,.28) !important; }
.fhl-promemoria-actions { display: flex !important; align-items: center !important; gap: 12px !important; margin-top: 16px !important; flex-wrap: wrap !important; }
.fhl-promemoria-actions .fhl-btn {
  background: var(--accent, #00adb5) !important;
  border: 1px solid var(--accent, #00adb5) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}
.fhl-promemoria-past {
  margin-top: 22px !important;
  background: var(--app-card, #2c2a2c) !important;
  border: 1px solid rgba(241,237,222,.10) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}
.fhl-promemoria-past summary {
  cursor: pointer !important;
  padding: 15px 18px !important;
  font-weight: 800 !important;
  color: var(--app-text, #f1edde) !important;
  list-style: none !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.fhl-promemoria-past summary::-webkit-details-marker { display: none !important; }
.fhl-promemoria-past summary::after { content: "▾" !important; color: var(--accent, #00adb5) !important; font-size: 14px !important; }
.fhl-promemoria-past[open] summary::after { content: "▴" !important; }
.fhl-promemoria-list { list-style: none !important; margin: 0 !important; padding: 0 18px 10px !important; }
.fhl-promemoria-list a {
  display: flex !important;
  gap: 14px !important;
  align-items: baseline !important;
  padding: 12px 0 !important;
  border-top: 1px solid rgba(241,237,222,.08) !important;
  text-decoration: none !important;
}
.fhl-promemoria-list a:hover .fhl-prom-title { color: var(--accent, #00adb5) !important; }
.fhl-prom-date { color: var(--app-muted, rgba(241,237,222,.55)) !important; font-size: 12px !important; min-width: 92px !important; flex: 0 0 auto !important; }
.fhl-prom-title { color: var(--app-text, #f1edde) !important; font-weight: 600 !important; line-height: 1.35 !important; }
.fhl-single__past { max-width: 760px !important; margin: 26px auto 0 !important; }

/* Promemoria del giorno: testo (niente titolo) con espansione "Altro" */
.fhl-prom-text { position: relative !important; overflow: hidden !important; }
.fhl-prom-text:not(.is-expanded) { max-height: 12.5em !important; }
.fhl-prom-text:not(.is-expanded)::after {
  content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  height: 3.2em !important; pointer-events: none !important;
  background: linear-gradient(to bottom, rgba(44,42,44,0), var(--app-card, #2c2a2c)) !important;
}
.fhl-prom-more {
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  margin: 12px 0 20px !important; padding: 7px 14px !important; position: relative !important; z-index: 2 !important;
  background: rgba(241,237,222,.07) !important; border: 1px solid rgba(241,237,222,.16) !important;
  color: var(--app-text, #f1edde) !important; border-radius: 999px !important;
  font-weight: 800 !important; font-size: 13px !important; cursor: pointer !important;
}
.fhl-promemoria-today .fhl-feed-card__image { margin-top: 6px !important; }
.fhl-prom-more:hover { border-color: rgba(0,173,181,.5) !important; color: var(--accent, #00adb5) !important; }
.fhl-prom-more[hidden] { display: none !important; }

/* Ordine barra azioni Home: "Scarica l'app" e poi "Accedi / Registrati" SEMPRE all'estrema destra */
body.home .fhl-home-social > .fhl-home-download-top { order: 90 !important; }
body.home .fhl-home-social > .fhl-sidebar-accedi,
body.home .fhl-home-social > [data-fhl-account-link] { order: 100 !important; }
body.home .fhl-home__identity .fhl-home-social > .fhl-home-download-top { order: 90 !important; }
body.home .fhl-home__identity .fhl-home-social > .fhl-sidebar-accedi,
body.home .fhl-home__identity .fhl-home-social > [data-fhl-account-link] { order: 100 !important; }