/**
 * HM2 Layout Controls — Visibilidade de regiões da página.
 *
 * Classes injetadas via hook_preprocess_html() somente em landing pages,
 * quando a respectiva opção está ativada em hm2_layout_controls.region_settings.
 * A library só é carregada quando ao menos uma região está oculta.
 */

body.hm2-lc-hide-header header {
  display: none;
}

body.hm2-lc-hide-menu .region-nav-main {
  display: none;
}

body.hm2-lc-hide-footer footer[role="contentinfo"] {
  display: none;
}

/* Sub-regiões do cabeçalho */
body.hm2-lc-hide-nav-branding .region-nav-branding { display: none; }
body.hm2-lc-hide-nav-main .region-nav-main { display: none; }
body.hm2-lc-hide-nav-additional .region-nav-additional { display: none; }

/* Sub-regiões do rodapé */
body.hm2-lc-hide-footer-col1 footer .region-footer-first { display: none; }
body.hm2-lc-hide-footer-col2 footer .region-footer-second { display: none; }
body.hm2-lc-hide-footer-col3 footer .region-footer-third { display: none; }
body.hm2-lc-hide-footer-creditos footer .footer-credits { display: none; }

/* Descrição de coluna do rodapé — configurada via painel (Fase 5) */
body:not(.path-admin) footer[role="contentinfo"] .hm2-rodape-col-descricao {
  font-size: 0.82rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.70);
  margin: 0 0 16px;
}

/* Largura fixo — cabeçalho: centraliza .container-fluid a 1200px.
   O header usa container-fluid (sempre 100%); a body class hm2-lc-header-fixed
   adiciona max-width equivalente ao .container padrão do Bootstrap. */
body.hm2-lc-header-fixed header.hm2-header-fixo .container-fluid {
  max-width: 1200px !important;
  margin-inline: auto !important;
}

/* Largura fluida — cabeçalho: remove qualquer max-width. */
body.hm2-lc-header-fluid header.hm2-header-fixo .container,
body.hm2-lc-header-fluid header.hm2-header-fixo .container-sm,
body.hm2-lc-header-fluid header.hm2-header-fixo .container-md,
body.hm2-lc-header-fluid header.hm2-header-fixo .container-lg,
body.hm2-lc-header-fluid header.hm2-header-fixo .container-xl,
body.hm2-lc-header-fluid header.hm2-header-fixo .container-xxl,
body.hm2-lc-header-fluid header.hm2-header-fixo .container-fluid {
  max-width: none !important;
  width: 100% !important;
}

/* Largura fixo — centraliza o container do rodapé sem padding lateral.
   Em telas > 1200px a margem automática de centralização cria o breathing room
   natural entre o conteúdo e as bordas da tela, sem comprimir o CSS Grid. */
body.hm2-lc-footer-fixed footer[role="contentinfo"] > .container,
body.hm2-lc-footer-fixed footer[role="contentinfo"] > .container-sm,
body.hm2-lc-footer-fixed footer[role="contentinfo"] > .container-md,
body.hm2-lc-footer-fixed footer[role="contentinfo"] > .container-lg,
body.hm2-lc-footer-fixed footer[role="contentinfo"] > .container-xl,
body.hm2-lc-footer-fixed footer[role="contentinfo"] > .container-xxl,
body.hm2-lc-footer-fixed footer[role="contentinfo"] > .container-fluid {
  max-width: 1200px !important;
  margin-inline: auto !important;
}

/* Largura fluida — rodapé ocupa 100% da viewport (design original full-bleed). */
body.hm2-lc-footer-fluid footer[role="contentinfo"] > .container,
body.hm2-lc-footer-fluid footer[role="contentinfo"] > .container-sm,
body.hm2-lc-footer-fluid footer[role="contentinfo"] > .container-md,
body.hm2-lc-footer-fluid footer[role="contentinfo"] > .container-lg,
body.hm2-lc-footer-fluid footer[role="contentinfo"] > .container-xl,
body.hm2-lc-footer-fluid footer[role="contentinfo"] > .container-xxl,
body.hm2-lc-footer-fluid footer[role="contentinfo"] > .container-fluid {
  max-width: none !important;
  width: 100% !important;
}