/* ==========================================================================
   Belec 2026 — Reset / Bootstrap-3 reconciliation
   Loaded AFTER global.css (Bootstrap 3 + legacy theme). Goal: neutralise the
   visual defaults of BS3 on the page chrome without removing its grid
   (.container/.row/.col-*) which layout.tpl + module overrides still rely on.
   ========================================================================== */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--bel-paper);
  color: var(--bel-ink);
  font-family: var(--bel-font-body);
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

img { max-width: 100%; height: auto; border: 0; }

a { color: inherit; text-decoration: none; transition: color var(--bel-fast) var(--bel-ease); }
a:hover, a:focus { color: var(--bel-gold-lo); text-decoration: none; }


button { font-family: inherit; }

.bel-shell .row { margin-left: 0; margin-right: 0; }

ul, ol { list-style: none; }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--bel-font-display);
  color: var(--bel-ink);
  margin: 0;
  line-height: 1.1;
}

hr { border: 0; border-top: 1px solid var(--bel-rule); margin: 0; }

::selection { background: var(--bel-gold); color: var(--bel-gold-ink); }

:focus-visible { outline: 2px solid var(--bel-gold); outline-offset: 2px; }

/* p { margin: 0 0 1em; } */
/*
.columns-container,
#columns,
#center_column,
.content_only { background: transparent; } */
/*

 */

 .bel-theme-ready,
.bel-theme-ready body { transition: background-color var(--bel-base) var(--bel-ease), color var(--bel-base) var(--bel-ease); }