/*
Theme Name: SPI Swiss Prime
Theme URI: https://spiworld.net/
Author: Swiss Prime Immobilien GmbH
Author URI: https://spiworld.net/
Description: Klassisch-elegantes, reduziertes Block-Theme (Schwarz/Grau/Weiß) mit dezenten Scroll-Animationen. Inklusive Seiten-Patterntemplates und Estatik-Immobilien-Template.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: spi-swissprime
Tags: block-patterns, full-site-editing, one-column, two-columns, custom-colors
*/


/* --- Swiss Prime: Header Feinschliff (Logo, Menü, Mobil) --- */
.spi-header{
  padding-top: 14px;
  padding-bottom: 10px;
}

/* Logo: größer, aber Header bleibt kompakt */
.spi-header .wp-block-site-logo{
  margin: 0;
}
.spi-header .wp-block-site-logo img{
  height: auto;
  width: auto;
  max-width: 320px;
  image-rendering: auto;
}

/* Navigation: mittig, elegant, responsive */
.spi-header .wp-block-navigation{
  margin-top: 6px;
}
.spi-header .wp-block-navigation__container{
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}
.spi-header .wp-block-navigation-item__label{
  white-space: nowrap;      /* verhindert Wort-Trennung */
  hyphens: none;
}

/* Menü-Typografie etwas ruhiger */
.spi-header .wp-block-navigation a{
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* Mobile: Logo etwas kleiner, Abstände enger, Overlay-Menü */
@media (max-width: 780px){
  .spi-header{ padding-top: 10px; padding-bottom: 8px; }
  .spi-header .wp-block-site-logo img{ max-width: 240px; }
  .spi-header .wp-block-navigation__container{ gap: 12px; }
  .spi-header .wp-block-navigation a{ font-size: 11px; letter-spacing: .10em; }
}

/* Buttons im Footer: Hover/Active leichtes „Aufleuchten“ */
.spi-footer a{
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.spi-footer a:hover,
.spi-footer a:focus{
  background: rgba(0,0,0,.06);
  border-color: rgba(0,0,0,.25);
}