/*
Theme Name: Hello Elementor Child
Theme URI: https://example.com
Description: Child theme for Hello Elementor
Author: Toi
Template: hello-elementor
Version: 1.0
*/

/* =========================
   FONTS
========================= */
@font-face {
  font-family: 'PoliceTitres';
  src: url('./fonts/Berenika-Book.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'PoliceSlogan';
  src: url('./fonts/Montez-Regular.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'PoliceTexte';
  src: url('./fonts/ArefRuqaa-Regular.woff2') format('woff2');
  font-display: swap;
}

/* =========================
   BASE
========================= */
body {
  margin: 0;
  font-family: 'PoliceTexte', sans-serif;
  color: #434649;
  background: url('./images/fond.png') repeat fixed;
}

/* =========================
   TITRES
========================= */
h1, h2, h3, h4, h5 {
  font-family: 'PoliceTitres', sans-serif;
  color: #8B3E3E;
  font-weight: 600;
}

/* =========================
   LIENS
========================= */
a {
  color: #542424;
  text-decoration: none;
}

a:hover {
  color: #8B3E3E;
}

/* =========================
   UTILITAIRES ELEMENTOR
========================= */

/* centrer sections */
.elementor-section {
  margin: 0 auto;
}

/* conteneur principal */
.elementor-container {
  max-width: 1200px;
}

/* =========================
   HEADER (à utiliser dans Elementor)
========================= */

/* titre */
.site-title {
  font-family: 'PoliceTitres';
  color: #8B3E3E;
  font-weight: 600;
}

/* slogan */
.site-tagline {
  font-family: 'PoliceSlogan';
  color: #8B3E3E;
}

/* =========================
   MENU GAUCHE (si tu fais une sidebar)
========================= */
.menu-vertical {
  position: fixed;
  left: 0;
  top: 150px;
  width: 200px;

  display: flex;
  flex-direction: column;
  gap: 10px;
}

.menu-vertical a {
  text-align: center;
  padding: 8px;
}

/* =========================
   CONTENU DÉCALÉ
========================= */
.content-with-sidebar {
  margin-left: 220px;
  padding: 20px;
}

/* =========================
   FOOTER
========================= */
.site-footer {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  font-size: 14px;
}

.woocommerce ul.products li.product {
  text-align: center;
}

.woocommerce ul.products li.product h2 {
  font-size: 16px;
  color: #8B3E3E;
}

.woocommerce ul.products li.product img {
  border-radius: 6px;
}