/* Abrigo com Deus — Núcleo v0.10.17
 * Fechamento do Hero mobile aprovado.
 * - marca cabe no header sem perder o nome;
 * - CTAs do Hero viram links editoriais em texto;
 * - posição de CTA e dots deixa de variar entre slides;
 * - somente um sistema de dots, inclusive no dark.
 */

@media (max-width:700px){
  /* HEADER: ganha alguns pixels sem sacrificar identidade. */
  body.acd-core-mobile-v01017 .acd-header-inner{
    grid-template-columns:40px minmax(0,1fr) auto!important;
    gap:5px!important;
    padding-left:8px!important;
    padding-right:8px!important;
    min-height:68px!important;
  }
  body.acd-core-mobile-v01017 .acd-mobile-menu-toggle{
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  }
  body.acd-core-mobile-v01017 .acd-brand,
  body.acd-core-mobile-v01017 .acd-brand-lockup{max-width:150px!important}
  body.acd-core-mobile-v01017 .acd-brand-lockup{gap:4px!important}
  body.acd-core-mobile-v01017 .acd-brand-symbol{
    width:36px!important;height:36px!important;flex:0 0 36px!important;
  }
  body.acd-core-mobile-v01017 .acd-brand-name{
    font-size:clamp(13.6px,3.75vw,15.6px)!important;
    letter-spacing:-.025em!important;gap:2px!important;
  }
  body.acd-core-mobile-v01017 .acd-brand-rule{height:2px!important;margin-top:2px!important}
  body.acd-core-mobile-v01017 .acd-header-actions{gap:4px!important}
  body.acd-core-mobile-v01017 .acd-header-circle-button{
    width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;
  }
  body.acd-core-mobile-v01017 .acd-theme-toggle{
    width:43px!important;min-width:43px!important;height:43px!important;min-height:43px!important;
  }
  body.acd-core-mobile-v01017 .acd-theme-toggle .acd-theme-icon{width:31px!important;height:31px!important}
  body.acd-core-mobile-v01017 .acd-pray-button{
    min-width:80px!important;height:43px!important;min-height:43px!important;
    padding:0 7px!important;gap:5px!important;border-radius:13px!important;
    font-size:11.5px!important;
  }
  body.acd-core-mobile-v01017 .acd-pray-button span{max-width:40px!important}
  body.acd-core-mobile-v01017 .acd-pray-button svg{width:17px!important;height:17px!important;flex-basis:17px!important}

  /* HERO: conteúdo ocupa toda a altura. CTA repousa em uma faixa inferior fixa. */
  body.acd-core-mobile-v01017.acd-site .acd-hero-inner{align-items:stretch!important}
  body.acd-core-mobile-v01017.acd-site .acd-hero-content{
    min-height:clamp(540px,132vw,600px)!important;
    box-sizing:border-box!important;
    padding-top:44px!important;
    padding-bottom:66px!important;
  }
  body.acd-core-mobile-v01017.acd-site .acd-hero-actions{
    width:100%!important;
    margin-top:auto!important;
    padding:7px 0 0!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:0!important;
  }

  /* O "Rezar agora" já está no cabeçalho. No Hero institucional fica somente
     "Ver oração do dia" como CTA editorial em texto. */
  body.acd-core-mobile-v01017.acd-site .acd-hero-slide-institutional .acd-hero-actions .acd-button-primary{
    display:none!important;
  }

  /* CTA editorial: visualmente apenas texto, mantendo área de toque confortável. */
  body.acd-core-mobile-v01017.acd-site .acd-hero-actions .acd-button,
  body.acd-core-mobile-v01017.acd-site .acd-hero-actions .acd-button-primary,
  body.acd-core-mobile-v01017.acd-site .acd-hero-actions .acd-button-secondary{
    display:inline-flex!important;
    width:auto!important;min-width:0!important;height:auto!important;min-height:40px!important;
    align-items:center!important;justify-content:flex-start!important;
    padding:5px 1px!important;margin:0!important;
    border:0!important;border-radius:0!important;
    background:transparent!important;background-image:none!important;
    box-shadow:none!important;
    color:#f0c64d!important;
    font-family:var(--acd-font-serif,"Cormorant Garamond",Georgia,serif)!important;
    font-size:20px!important;line-height:1.1!important;font-weight:700!important;
    letter-spacing:-.01em!important;text-decoration:none!important;
    white-space:nowrap!important;
  }
  body.acd-core-mobile-v01017.acd-site .acd-hero-actions .acd-button svg{display:none!important}
  body.acd-core-mobile-v01017.acd-site .acd-hero-actions .acd-button::after{
    content:"→"!important;
    display:inline-block!important;
    margin-left:9px!important;
    color:currentColor!important;
    font-family:var(--acd-font-sans,"Source Sans 3",Arial,sans-serif)!important;
    font-size:.95em!important;font-weight:700!important;line-height:1!important;
    transform:translateY(-1px)!important;
  }
  body.acd-core-mobile-v01017.acd-site .acd-hero-actions .acd-button:hover,
  body.acd-core-mobile-v01017.acd-site .acd-hero-actions .acd-button:focus-visible{
    color:#ffe089!important;
    text-decoration:underline!important;
    text-decoration-thickness:1px!important;
    text-underline-offset:5px!important;
    outline:0!important;
  }

  /* DOTS: um único desenho, sem barras ou círculos grandes herdados do tema. */
  body.acd-core-mobile-v01017.acd-site .acd-hero-carousel-controls{
    left:50%!important;right:auto!important;bottom:14px!important;
    transform:translateX(-50%)!important;
    width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
    padding:0!important;margin:0!important;gap:0!important;
    background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  body.acd-core-mobile-v01017.acd-site .acd-hero-arrow,
  body.acd-core-mobile-v01017.acd-site .acd-hero-pause{display:none!important}
  body.acd-core-mobile-v01017.acd-site .acd-hero-dots,
  html[data-theme="dark"] body.acd-core-mobile-v01017.acd-site .acd-hero-dots{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
    gap:2px!important;padding:0!important;margin:0!important;
    background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  body.acd-core-mobile-v01017.acd-site .acd-hero-dots button,
  html[data-theme="dark"] body.acd-core-mobile-v01017.acd-site .acd-hero-dots button{
    appearance:none!important;-webkit-appearance:none!important;
    position:relative!important;display:grid!important;place-items:center!important;
    width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;
    padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;
    background:transparent!important;background-color:transparent!important;background-image:none!important;
    box-shadow:none!important;filter:none!important;
  }
  body.acd-core-mobile-v01017.acd-site .acd-hero-dots button::after,
  html[data-theme="dark"] body.acd-core-mobile-v01017.acd-site .acd-hero-dots button::after{
    content:none!important;display:none!important;
  }
  body.acd-core-mobile-v01017.acd-site .acd-hero-dots button::before,
  html[data-theme="dark"] body.acd-core-mobile-v01017.acd-site .acd-hero-dots button::before{
    content:""!important;display:block!important;
    width:9px!important;height:9px!important;border-radius:50%!important;
    background:rgba(255,255,255,.90)!important;border:1px solid rgba(255,255,255,.56)!important;
    box-shadow:0 1px 4px rgba(0,0,0,.20)!important;transform:none!important;
  }
  body.acd-core-mobile-v01017.acd-site .acd-hero-dots button.is-active::before,
  html[data-theme="dark"] body.acd-core-mobile-v01017.acd-site .acd-hero-dots button.is-active::before{
    width:10px!important;height:10px!important;
    background:#e6b93c!important;border-color:#ffe18a!important;
    box-shadow:0 0 0 1px rgba(255,227,143,.22),0 1px 5px rgba(0,0,0,.22)!important;
  }
}

@media (max-width:390px){
  body.acd-core-mobile-v01017 .acd-header-inner{
    grid-template-columns:38px minmax(0,1fr) auto!important;gap:3px!important;padding-left:6px!important;padding-right:6px!important;
  }
  body.acd-core-mobile-v01017 .acd-mobile-menu-toggle{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
  body.acd-core-mobile-v01017 .acd-brand,
  body.acd-core-mobile-v01017 .acd-brand-lockup{max-width:132px!important}
  body.acd-core-mobile-v01017 .acd-brand-symbol{width:32px!important;height:32px!important;flex-basis:32px!important}
  body.acd-core-mobile-v01017 .acd-brand-name{font-size:12.9px!important}
  body.acd-core-mobile-v01017 .acd-header-circle-button{width:37px!important;min-width:37px!important;height:37px!important;min-height:37px!important}
  body.acd-core-mobile-v01017 .acd-theme-toggle{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
  body.acd-core-mobile-v01017 .acd-theme-toggle .acd-theme-icon{width:29px!important;height:29px!important}
  body.acd-core-mobile-v01017 .acd-pray-button{min-width:70px!important;height:40px!important;min-height:40px!important;padding:0 6px!important;font-size:10.8px!important}
  body.acd-core-mobile-v01017 .acd-pray-button span{max-width:34px!important}

  body.acd-core-mobile-v01017.acd-site .acd-hero-content{
    min-height:520px!important;padding-top:38px!important;padding-bottom:62px!important;
  }
  body.acd-core-mobile-v01017.acd-site .acd-hero-actions .acd-button{font-size:18.5px!important}
}

@media (max-width:350px){
  body.acd-core-mobile-v01017 .acd-brand,
  body.acd-core-mobile-v01017 .acd-brand-lockup{max-width:118px!important}
  body.acd-core-mobile-v01017 .acd-brand-name{font-size:11.8px!important}
  body.acd-core-mobile-v01017 .acd-pray-button{width:39px!important;min-width:39px!important;padding:0!important}
  body.acd-core-mobile-v01017 .acd-pray-button span{display:none!important}
}
