/*
Theme Name: LISA
Theme URI: https://lisa.europagym.at
Description: Brand child theme for Linz International School Auhof. Fixed 1200px layout on a light-grey page with a flush white content box, LISA colours, Poppins type, a three-section header (logo image, photo, navy menu) and a slim navy footer. Global styling is in theme.json.
Author: Oliver Kim
Template: twentytwentyfive
Version: 1.9.0
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Text Domain: lisa
*/

/* ==================================================================
   1200px column: header rows, menu, footer and content all centred
   at 1200 on the light-grey page.
   ================================================================== */
.lisa-topbar,
.lisa-photo,
.lisa-menu,
.lisa-footer {
  max-width: 1200px;
  margin: 0 auto !important;
}

.wp-site-blocks main {
  background: #ffffff;
  max-width: 1200px;
  margin: 0 auto !important;
  padding: 40px 48px;
  box-sizing: border-box;
}
@media (max-width: 782px) {
  .wp-site-blocks main { padding: 24px 20px; }
}

/* ==================================================================
   Remove EVERY vertical gap in the outer stack so the rows,
   the content and the footer sit flush against each other.
   The gaps come from (a) the wrappers WordPress adds around the
   header/footer template parts, and (b) the inline baseline space
   under images. Both are handled here.
   ================================================================== */

/* (a) template-part wrappers add margin/gap around themselves */
.wp-block-template-part {
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}
.wp-block-template-part > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* content flush with the menu above and the footer below */
main,
.wp-site-blocks > main {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* (b) the two header images: block-level, no margins, no baseline gap */
.lisa-topbar,
.lisa-photo {
  line-height: 0;
  font-size: 0;
}
.lisa-topbar figure,
.lisa-photo figure {
  margin: 0 !important;
  width: 100%;
  max-width: 100% !important;
}
.lisa-topbar img,
.lisa-photo img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto;
  margin: 0 !important;
}
.lisa-topbar,
.lisa-photo { padding: 0 !important; }

/* ==================================================================
   Menu: white links on the navy bar, underline on hover.
   ================================================================== */
.lisa-menu .wp-block-navigation,
.lisa-menu .wp-block-navigation a,
.lisa-menu .wp-block-navigation a:link,
.lisa-menu .wp-block-navigation a:visited {
  color: #ffffff !important;
  text-decoration: none;
}
.lisa-menu .wp-block-navigation a:hover,
.lisa-menu .wp-block-navigation .current-menu-item > a {
  color: #ffffff !important;
  text-decoration: underline;
}

/* Rounded blog thumbnails (optional nicety) */
.wp-block-post-featured-image img { border-radius: 14px; }

/* ==================================================================
   Classic Editor image alignment.
   Block themes (Twenty Twenty-Five) do not load WordPress's
   classic-themes.css, so alignleft / alignright / aligncenter have
   no effect on their own. These rules restore them.
   ================================================================== */
.alignleft {
  float: left;
  margin: 0.4em 1.5em 1em 0;
}
.alignright {
  float: right;
  margin: 0.4em 0 1em 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignnone {
  margin: 0.4em 0 1em 0;
}
img.alignleft, img.alignright, img.aligncenter { height: auto; }

/* Captions from the Classic Editor */
.wp-caption { max-width: 100%; }
.wp-caption img { display: block; height: auto; }
.wp-caption .wp-caption-text {
  font-size: 0.85em;
  color: #5b6b9c;
  padding: 6px 2px;
}

/* Stop floated images from spilling out of the white content box */
.wp-site-blocks main::after,
.wp-block-post-content::after {
  content: "";
  display: table;
  clear: both;
}