/*
Theme Name: Modellbahntek
Theme URI: https://modellbahntek.ch
Author: Justin
Description: Thème block WooCommerce pour la boutique de trains miniatures Modellbahntek. Reconstruction du site Hostinger/Zyro en thème WordPress natif (Full Site Editing).
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: modellbahntek
Tags: e-commerce, full-site-editing, block-patterns, custom-colors, custom-logo, wide-blocks
*/

/* Le style principal est défini dans theme.json.
   Ce fichier ne contient que les rares ajustements non couverts par theme.json. */

/* Hero : assure que le contenu reste lisible par-dessus l'image */
.mbt-hero {
  position: relative;
  min-height: 80vh;
  display: flex;
  align-items: center;
}

/* Grille de catégories — effet hover sur les cartes */
.mbt-category-card {
  overflow: hidden;
  transition: transform 0.25s ease;
}
.mbt-category-card:hover {
  transform: translateY(-4px);
}
.mbt-category-card img {
  transition: transform 0.4s ease;
}
.mbt-category-card:hover img {
  transform: scale(1.05);
}

/* En-tête sticky */
.wp-block-template-part.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--wp--preset--color--base);
  border-bottom: 1px solid var(--wp--preset--color--border);
}

/* Lien de navigation — soulignement animé */
.wp-block-navigation .wp-block-navigation-item__content {
  position: relative;
}
.wp-block-navigation .wp-block-navigation-item__content::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 2px;
  background: var(--wp--preset--color--primary);
  transition: width 0.25s ease;
}
.wp-block-navigation .wp-block-navigation-item__content:hover::after {
  width: 100%;
}

/* WooCommerce : aligne la typo des prix sur le thème */
.woocommerce ul.products li.product .price,
.wc-block-grid__product-price {
  font-family: var(--wp--preset--font-family--heading);
  color: var(--wp--preset--color--contrast);
  font-weight: 600;
}