/* =========================================================
   CalcioCatania.com
   Guestbook Base 2026

   Sostituisce base-header-and-footer.css SOLO nel Guestbook.

   Mantiene:
   - wallpaper storico;
   - fascia bianca centrale;
   - contenitore #page;
   - impostazioni base responsive.

   Non contiene:
   - vecchio header;
   - vecchio footer;
   - #nav;
   - mega menu;
   - scoreboard;
   - breadcrumb;
   - next-match legacy;
   - font Antenna;
   - vecchie regole Fox Sports.
   ========================================================= */


/* =========================================================
   DOCUMENTO
   ========================================================= */

body {
  margin: 0;

  color: #333;

  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;

  font-size: 12px;

  background:
    #333333
    url("https://www.calciocatania.com/css3/images/bg-body-top2.jpg")
    fixed
    repeat-x
    center top;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

  body {
    font-size: 14px;
    line-height: 1.5;
  }

}


/* =========================================================
   STRUTTURA CENTRALE
   ========================================================= */

:root {
  --ccgb-page-width: 980px;
}


/*
 * Fascia bianca centrale sopra il wallpaper storico.
 */

body.foxsports::before {
  content: "";

  position: fixed;

  top: 0;
  bottom: 0;

  left: 50%;

  width:
    var(--ccgb-page-width);

  transform:
    translateX(-50%);

  background:
    #fff;

  z-index:
    -1;

  pointer-events:
    none;
}


/* =========================================================
   WRAPPER
   ========================================================= */

#wrapper {
  background:
    transparent;
}


/* =========================================================
   PAGE
   ========================================================= */

#page {
  position: relative;

  width: 100%;
  max-width: 1000px;

  margin:
    0
    auto;

  padding:
    7px
    10px
    30px;

  box-sizing:
    border-box;

  background:
    #fff;
}


/* =========================================================
   CONTENT
   ========================================================= */

#content {
  background:
    transparent;
}