/*
Theme Name: Blaisyart Child
Theme URI: https://blaisyart.com
Description: Thème enfant de Blocksy personnalisé pour Blaisyart (vitrine artistique + boutique Printful)
Author: Blaisyart
Template: blocksy
Version: 1.0.0
Text Domain: blaisyart-child
*/

/* ==========================================================================
   Personnalisation générale du site Blaisyart
   ========================================================================== */

:root {
  --blaisy-accent: #1a1a1a;     /* couleur d'accent principale - à ajuster à ton identité visuelle */
  --blaisy-bg: #fafafa;         /* fond général clair pour mettre en valeur les œuvres */
  --blaisy-text: #1a1a1a;
}

body {
  background-color: var(--blaisy-bg);
  color: var(--blaisy-text);
}

/* ==========================================================================
   Page Galerie / Œuvres (à assigner à une page nommée "galerie")
   ========================================================================== */

.blaisy-gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 32px;
  padding: 40px 5%;
}

.blaisy-gallery-item {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  background: #fff;
}

.blaisy-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.blaisy-gallery-item:hover img {
  transform: scale(1.05);
}

.blaisy-gallery-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px;
  background: linear-gradient(to top, rgba(0,0,0,0.65), transparent);
  color: #fff;
  font-size: 0.9rem;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.blaisy-gallery-item:hover .blaisy-gallery-caption {
  opacity: 1;
}

/* ==========================================================================
   Adoucir l'apparence par défaut de WooCommerce pour un rendu plus artistique
   ========================================================================== */

.woocommerce ul.products li.product {
  border: none;
  box-shadow: none;
}

.woocommerce ul.products li.product .price {
  font-weight: 600;
  color: var(--blaisy-accent);
}

.woocommerce a.button, .woocommerce button.button {
  border-radius: 0;
  letter-spacing: 0.02em;
  font-size: 0.85rem;
  padding: 12px 24px;
  background-color: var(--blaisy-accent-pop, #2B4BFF);
  border-color: var(--blaisy-accent-pop, #2B4BFF);
}

/* ==========================================================================
   Page d'accueil — identité pop / colorée
   Applique ces classes aux blocs concernés via le panneau "Avancé" >
   "Classe CSS additionnelle" de l'éditeur WordPress.
   ========================================================================== */

:root {
  --blaisy-accent-pop: #2B4BFF; /* remplace par ta couleur de marque si tu en as une */
  --blaisy-section-alt: #EEF0F2;
  --blaisy-ink: #201A17;
}

@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Work+Sans:wght@400;500;600&display=swap');

.blaisy-home h1, .blaisy-home h2, .blaisy-home h3 {
  font-family: 'Archivo Black', sans-serif;
  color: var(--blaisy-ink);
  line-height: 1.05;
}

.blaisy-home body, .blaisy-home p {
  font-family: 'Work Sans', sans-serif;
}

/* Bloc "Cover" utilisé comme héros : ajoute la classe blaisy-hero au bloc Cover */
.blaisy-hero {
  min-height: 70vh;
  display: flex;
  align-items: flex-end;
}

.blaisy-hero .wp-block-cover__inner-container {
  background: #fff;
  padding: 32px 40px;
  max-width: 480px;
  margin: 0 0 48px 5%;
  box-shadow: 8px 8px 0 var(--blaisy-accent-pop);
}

.blaisy-hero h1 {
  font-size: clamp(2rem, 4vw, 3.2rem);
  margin: 0 0 16px;
}

/* Section à fond alterné : ajoute la classe blaisy-section-alt à un bloc Groupe */
.blaisy-section-alt {
  background-color: var(--blaisy-section-alt);
  padding: 64px 5%;
}

/* Bande défilante horizontale des dernières œuvres : ajoute blaisy-strip au Groupe conteneur */
.blaisy-strip {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  padding: 32px 5%;
  scroll-snap-type: x mandatory;
}

.blaisy-strip > * {
  flex: 0 0 280px;
  scroll-snap-align: start;
}

/* Fiches produits façon sticker légèrement inclinées : classe blaisy-sticker sur chaque bloc Groupe/Image */
.blaisy-sticker {
  background: #fff;
  padding: 16px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.blaisy-sticker:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(0,0,0,0.12);
}

/* ==========================================================================
   Héros double identité — Peintre / Musicien
   À placer en tout premier sur la page d'accueil, avant la bande d'œuvres.
   ========================================================================== */

.blaisy-dual-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 60vh;
}

.blaisy-dual-hero .wp-block-cover {
  min-height: 60vh;
  margin: 0;
}

.blaisy-dual-hero .wp-block-cover__inner-container h2 {
  font-family: 'Archivo Black', sans-serif;
  font-size: clamp(1.4rem, 2.5vw, 2rem);
  color: #fff;
}

@media (max-width: 780px) {
  .blaisy-dual-hero {
    grid-template-columns: 1fr;
  }
}

/* Bio courte qui unit les deux pratiques */
.blaisy-bio-duo {
  max-width: 640px;
  margin: 0 auto;
  padding: 64px 5%;
  text-align: center;
}

.blaisy-bio-duo p {
  font-size: 1.15rem;
  line-height: 1.6;
  color: var(--blaisy-ink);
}

/* Section musique, volontairement discrète (la boutique reste la priorité) */
.blaisy-music-section {
  padding: 48px 5%;
  background: var(--blaisy-ink);
  color: #fff;
}

.blaisy-music-section h3 {
  color: #fff;
}

.blaisy-music-section a {
  color: #fff;
  text-decoration: underline;
}