/* ===========================================================================
   sgc-chrome.css — lets inner pages use the new header and footer while the
   page body keeps the existing theme (style-main.css and friends).

   sgc-theme.css puts its palette and base resets on <body class="sgc-home">.
   Inner pages keep a plain <body>, and only the header, footer and pop-up are
   wrapped in <div class="sgc-home sgc-chrome">. This file gives those wrappers
   the same palette and resets, so the component rules in sgc-theme.css
   (.sgc-home .sgc-*) look exactly as on the home page, and nothing here can
   reach the page content.

   Load order on inner pages: existing theme CSS → sgc-theme.css → this file
   → sgc-site.css.
   =========================================================================== */

.sgc-chrome{
  --red:        #9c1c1f;
  --red-dark:   #841518;
  --red-deep:   #7a1216;
  --navy:       #12305a;
  --navy-deep:  #0d2440;
  --ink:        #3b4553;
  --muted:      #6f7b8a;
  --line:       #e4e7eb;
  --line-soft:  #eef0f3;

  --serif: 'Lora', Georgia, 'Times New Roman', serif;
  --sans:  'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --hand:  'Caveat', cursive;

  color:var(--ink);
  font-family:var(--sans);
  font-size:15px;
  line-height:1.6;
  text-align:left;
  letter-spacing:normal;
  -webkit-font-smoothing:antialiased;
}
/* the header must sit above page content (sliders, sticky widgets …) */
.sgc-chrome.sgc-chrome-top{position:relative;z-index:1000}

.sgc-chrome h1,.sgc-chrome h2,.sgc-chrome h3,
.sgc-chrome h4,.sgc-chrome h5{
  font-family:var(--serif);color:var(--navy);font-weight:500;
  line-height:1.2;margin:0;letter-spacing:normal;text-transform:none;
}
.sgc-chrome p{margin:0}
.sgc-chrome a{color:inherit;text-decoration:none}
.sgc-chrome a:hover,.sgc-chrome a:focus{text-decoration:none;color:inherit}
.sgc-chrome img{max-width:100%;display:block}
.sgc-chrome ul{margin:0;padding:0;list-style:none}
.sgc-chrome li{margin:0;padding:0;list-style:none}
.sgc-chrome li:before{content:none}
.sgc-chrome button{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal}
.sgc-chrome .container{max-width:1180px}
.sgc-chrome :focus-visible{outline:2px solid var(--red);outline-offset:3px}

/* Bootstrap dropdown menus inside the top strip keep the new look */
.sgc-chrome .dropdown-menu{font-family:var(--sans);text-align:left}
.sgc-chrome .dropdown-menu>li>a{line-height:1.4}

@media (prefers-reduced-motion:reduce){
  .sgc-chrome *{animation-duration:.01ms !important;transition-duration:.01ms !important}
}