/* =========================================================================
   BEGOLD JOURNAL — ajustes de cabeçalho, home e mobile (10/11/2026)
   Onde colar: Aparência → Personalizar → CSS adicional
   ========================================================================= */

/* ---------- 0. Barra de administração não pode cobrir o cabeçalho fixo ---- */
body.admin-bar .site-header{top:32px}
@media (max-width:782px){body.admin-bar .site-header{top:46px}}

/* ---------- 1. Cabeçalho desktop: logo + ações em cima, editorias embaixo --- */
@media (min-width:1181px){
  .site-header{
    grid-template-columns:auto 1fr auto;
    grid-template-areas:"brand . actions" "nav nav nav";
    row-gap:8px;
    padding:14px 42px 10px;
    background:rgba(247,244,238,.97);
    border-bottom:1px solid var(--line);
  }
  .site-header .brand-lockup{grid-area:brand}
  .site-header .brand-lockup .official-logo{width:150px}
  .site-header .brand-lockup .journal-word{margin-top:8px}
  .site-header .header-actions{grid-area:actions}
  .site-header .nav{
    grid-area:nav;
    justify-content:center;
    min-width:0;
    padding-top:9px;
    border-top:1px solid var(--line);
  }
  .site-header .nav .nav-menu{
    flex-wrap:nowrap;
    justify-content:center;
    gap:clamp(12px,1.6vw,30px);
    font-size:clamp(10px,.8vw,11.5px);
    letter-spacing:.12em;
  }
  .site-header .nav .nav-menu > li > a{padding:4px 0}
  .events-agenda{top:150px}
}
@media (min-width:1181px) and (max-width:1279px){
  .site-header{padding-left:24px;padding-right:24px}
}

/* ---------- 2. Home: Agenda & Eventos compacta, sem vão na coluna ---------- */
.recent-layout .bjr-side-editorial{display:none}
.events-agenda{padding:26px 24px 8px}
.events-agenda-head{margin-bottom:12px}
.events-agenda-list{gap:0}
.recent-layout .bjr-side-group{gap:0}
.recent-layout .bjr-side-heading{margin-bottom:6px}

.recent-layout .events-agenda .events-agenda-item.bgja-has-thumb{
  grid-template-columns:50px minmax(0,1fr) 76px;
  grid-template-rows:auto;
  gap:0 14px;
  align-items:center;
  padding:14px 0;
  border-top:1px solid var(--line);
}
.recent-layout .events-agenda .events-agenda-item.bgja-has-thumb .events-agenda-date{grid-area:1/1;min-height:56px}
.recent-layout .events-agenda .events-agenda-item.bgja-has-thumb .events-agenda-copy{grid-area:1/2}
.recent-layout .events-agenda .events-agenda-item.bgja-has-thumb .bgja-home-thumb{
  grid-area:1/3;
  width:76px;height:76px;
  object-fit:cover;
  border-radius:2px;
}
.recent-layout .events-agenda .events-agenda-item-title{font-size:19px;line-height:1.12}
.recent-layout .events-agenda .events-agenda-range{margin-top:5px}
.recent-layout .events-agenda .bjr-side-group > .events-agenda-item:nth-of-type(n+6){display:none}

.recent-layout .bjc-home .bjc-home-small:nth-of-type(n+3){display:none}

/* ---------- 3. Mobile / tablet estreito: experiência de aplicativo --------- */
@media (max-width:820px){
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}

  .bj-tabbar{
    position:fixed;left:0;right:0;bottom:0;z-index:35;
    display:grid;grid-template-columns:repeat(4,1fr);
    padding:6px 8px calc(6px + env(safe-area-inset-bottom));
    background:rgba(255,253,248,.97);
    -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
    border-top:1px solid var(--line);
  }
  .bj-tabbar a,.bj-tabbar button{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    min-height:48px;padding:2px 0;border:0;background:none;cursor:pointer;
    font:500 9.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;
    color:var(--muted);-webkit-tap-highlight-color:transparent;
  }
  .bj-tabbar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
  .bj-tabbar [aria-current="page"]{color:var(--gold)}
  .bj-tabbar :is(a,button):active{color:var(--gold)}
  .bj-tabbar :is(a,button):focus-visible{outline:2px solid #806028;outline-offset:-2px}
  body.menu-open .bj-tabbar{display:none}

  .recent-layout.has-events-agenda .recent-grid,
  .recent-layout .recent-grid{grid-template-columns:1fr;gap:18px}
  .recent-grid .recent-card:nth-child(n+3){
    display:grid;grid-template-columns:104px minmax(0,1fr);
    column-gap:14px;row-gap:3px;align-content:center;
    padding-top:18px;border-top:1px solid var(--line);
  }
  .recent-grid .recent-card:nth-child(n+3) .recent-thumb{grid-column:1;grid-row:1 / span 3;align-self:start}
  .recent-grid .recent-card:nth-child(n+3) .recent-thumb img{width:104px;height:104px;object-fit:cover}
  .recent-grid .recent-card:nth-child(n+3) :is(.recent-cat,.recent-title,.recent-date){grid-column:2;margin:0}
  .recent-grid .recent-card:nth-child(n+3) .recent-title{font-size:20px;line-height:1.14}

  .caderno-grid{
    display:flex;gap:14px;overflow-x:auto;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    margin:0;padding:0 42px 6px;scroll-padding-left:42px;
    scrollbar-width:none;
  }
  .caderno-grid::-webkit-scrollbar{display:none}
  .caderno-grid .caderno-card{flex:0 0 78%;max-width:320px;scroll-snap-align:start}

  #bj-consent-banner{padding:14px 16px}
  #bj-consent-banner p{margin:4px 0 0;font-size:12.5px;line-height:1.45}
  #bj-consent-banner .bj-consent-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
  #bj-consent-banner .bj-consent-actions button{min-height:42px;padding:8px 6px;font-size:12px}
  #bj-consent-banner .bj-consent-actions button:last-child{grid-column:1 / -1}
}

@media (min-width:821px){.bj-tabbar{display:none}}

@media (max-width:1180px){
  .site-header .header-actions{gap:2px}
  html,body{overflow-x:clip}
}