/*
Theme Name: Lekims58 Child
Template: hello-elementor
Description: Thème enfant pour Kim's 58 avec styles personnalisés.
Version: 1.0
*/

/* ========================================
Kim's 58 - Style Global
======================================== */

/* 1. Polices */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');
@font-face {
  font-family: 'QT Jupiter';
  src: url('https://lekims58.fr/wp-content/uploads/2025/09/QTJupiter-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* 2. Variables */
:root {
  --kim-black: #000000;
  --kim-white: #FFFFFF;
  --kim-red: #FF0000;
  --kim-red-80: #FF0000CC;
  --kim-red-50: #FF000080;
  --kim-red-30: #FF000033;
  --kim-border: #D5D5D5;
}

/* 3. Polices globales */
body {
  font-family: 'Inter', Arial, sans-serif;
  color: var(--kim-black);
  background-color: var(--kim-white);
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'QT Jupiter', serif;
  color: var(--kim-red);
}

/* 4. Liens */
a { color: var(--kim-red); text-decoration: none; }
a:hover { color: var(--kim-black); }

/* 5. Classes réutilisables */
.bg-noir { background-color: var(--kim-black); color: var(--kim-white); }
.bg-rouge { background-color: var(--kim-red); color: var(--kim-white); }
.bg-rouge-80 { background-color: var(--kim-red-80); color: var(--kim-white); }
.bg-rouge-50 { background-color: var(--kim-red-50); color: var(--kim-black); }
.bg-rouge-30 { background-color: var(--kim-red-30); color: var(--kim-black); }

/* 6. Footer sombre */
footer.elementor-location-footer,
footer.elementor-location-footer * {
  background-color: var(--kim-black) !important;
  color: var(--kim-white) !important;
}
/* CTA footer */
footer.elementor-location-footer .elementor-button {
  background-color: var(--kim-black) !important;
  color: var(--kim-white) !important;
  font-family: 'QT Jupiter', serif;
}
footer.elementor-location-footer .elementor-button:hover {
  background-color: var(--kim-red) !important;
  color: var(--kim-white) !important;
}

/* 7. Footer clair */
.footer-clair,
.footer-clair * {
  background-color: var(--kim-white) !important;
  color: var(--kim-black) !important;
}
.footer-clair .elementor-button {
  background-color: var(--kim-black) !important;
  color: var(--kim-white) !important;
}
.footer-clair .elementor-button:hover {
  background-color: var(--kim-red) !important;
  color: var(--kim-white) !important;
}

/* 8. Popup correctifs */
.elementor-popup-modal .elementor-button {
  background-color: var(--kim-black) !important;
  color: var(--kim-white) !important;
  font-family: 'QT Jupiter', serif;
}
.elementor-popup-modal .elementor-button:hover {
  background-color: var(--kim-red) !important;
  color: var(--kim-white) !important;
}
.elementor-popup-modal .dialog-close-button {
  color: var(--kim-white) !important;
  font-size: 24px;
}
.elementor-popup-modal .elementor-widget-heading,
.elementor-popup-modal .elementor-widget-text-editor {
  color: var(--kim-white) !important;
}
.elementor-popup-modal {
  background-color: var(--kim-red-50) !important;
}

/* 9. Responsive */
@media (max-width: 767px) {
  body { font-size: 16px; }
  footer { padding: 20px; text-align: center; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  body { font-size: 18px; }
  footer { padding: 30px; }
}
@media (min-width: 1025px) {
  body { font-size: 20px; }
}