/**
Theme Name: Pilates with Jane
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pilates-with-jane
Template: astra
*/

/* ============================================================
   PILATES WITH JANE - Feuille de style du theme enfant (consolidee)
   A coller dans le style.css du theme enfant (astra-child)
   ou dans Apparence > Personnaliser > CSS additionnel.
   ------------------------------------------------------------
   Cette feuille NE redeclare PAS les couleurs en dur. Les 9 couleurs
   sont deja definies par les reglages globaux Astra et Elementor
   (--ast-global-color-0 a 8). On se contente d'y faire reference,
   pour garder une seule source de verite, et on ajoute uniquement
   les finitions que les reglages globaux ne couvrent pas :
   gradient sur les CTA, interlettrage des titres, effet white edges,
   photo noir et blanc, et unification de la police.
   ============================================================ */

:root {
  /* Alias lisibles pointant vers les couleurs globales Astra deja en place */
  --pwj-violet:    var(--ast-global-color-0); /* #8c257b */
  --pwj-rouge:     var(--ast-global-color-1); /* #8c2137 */
  --pwj-gris-900:  var(--ast-global-color-2); /* titres */
  --pwj-gris-700:  var(--ast-global-color-3); /* texte courant */
  --pwj-blanc:     var(--ast-global-color-4); /* #ffffff */
  --pwj-cloud:     var(--ast-global-color-5); /* Cloud Dancer #f0eee9 */
  --pwj-gris-200:  var(--ast-global-color-6); /* bordures, filets */
  --pwj-gris-500:  var(--ast-global-color-7); /* texte secondaire */
  --pwj-gris-logo: var(--ast-global-color-8); /* gris du logo */

  /* Gradient de marque (absent des reglages globaux) : rouge vers violet */
  --pwj-accent-gradient: linear-gradient(135deg, var(--ast-global-color-1) 0%, var(--ast-global-color-0) 100%);
  --pwj-accent-gradient-hover: linear-gradient(135deg, var(--ast-global-color-0) 0%, var(--ast-global-color-1) 100%);

  /* Espacement (base 8px) */
  --pwj-space-1: 8px;
  --pwj-space-2: 16px;
  --pwj-space-3: 24px;
  --pwj-space-4: 40px;
  --pwj-space-5: 64px;
  --pwj-space-6: 104px;

  --pwj-radius: 0px;
  --pwj-transition: 220ms ease;
}

/* ------------------------------------------------------------
   1. Interlettrage editorial sur les titres
   La police Comfortaa, la casse majuscule et les tailles sont deja
   gerees par Astra. On ajoute seulement les interspaces du brief.
   ------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  letter-spacing: 0.04em;
}

/* Surtitres (petites etiquettes, souvent en h6) : interlettrage marque */
h6,
.elementor-widget-heading h6.elementor-heading-title {
  letter-spacing: 0.16em;
}

/* ------------------------------------------------------------
   2. Boutons CTA : gradient rouge vers violet
   background-image se superpose a la couleur unie deja posee par
   les reglages globaux, sans recourir a !important.
   ------------------------------------------------------------ */
.elementor-button,
.elementor-widget-button .elementor-button,
.elementor-button-link,
.wp-block-button__link,
.ast-button,
.ast-custom-button,
.ast-header-button-1 .ast-custom-button,
.wpforms-submit,
.button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  background-image: var(--pwj-accent-gradient);
  border-radius: var(--pwj-radius);
  transition: filter var(--pwj-transition), background-image var(--pwj-transition);
}

.elementor-button:hover,
.elementor-widget-button .elementor-button:hover,
.elementor-button-link:hover,
.wp-block-button__link:hover,
.ast-button:hover,
.ast-custom-button:hover,
.ast-header-button-1 .ast-custom-button:hover,
.wpforms-submit:hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
  background-image: var(--pwj-accent-gradient-hover);
  filter: brightness(1.04);
  color: var(--pwj-blanc);
}

/* ------------------------------------------------------------
   3. Unification de la police
   Le bouton "outline" du modele de depart utilise encore Inter.
   On le repasse en Comfortaa pour rester coherent.
   ------------------------------------------------------------ */
.ast-outline-button,
.wp-block-button.is-style-outline .wp-block-button__link.wp-element-button {
  font-family: "Comfortaa", sans-serif;
}

/* ------------------------------------------------------------
   4. Liens : transition douce vers le rouge au survol
   (couleurs deja gerees par Astra : violet au repos, rouge au survol)
   ------------------------------------------------------------ */
a {
  transition: color var(--pwj-transition);
}

/* ------------------------------------------------------------
   5. Effet white edges : cadre blanc autour d'un visuel
   A appliquer via le champ Classes CSS d'Elementor (onglet Avance)
   sur un widget Image ou un conteneur.
   ------------------------------------------------------------ */
.pwj-white-edges img,
.pwj-white-edges .elementor-widget-container img {
  background: var(--pwj-blanc);
  padding: var(--pwj-space-2);
  box-sizing: border-box;
}

/* ------------------------------------------------------------
   6. Photographie noir et blanc argentique (direction artistique)
   Opt-in par classe, pour preserver la lumiere des visuels choisis.
   ------------------------------------------------------------ */
.pwj-bw img {
  filter: grayscale(100%) contrast(1.02);
}

/* Option : passer TOUTES les photos d'articles et d'images en noir et blanc.
   Decommenter le bloc suivant si la DA le confirme.
.uael-post__thumbnail img,
.elementor-widget-image img {
  filter: grayscale(100%);
  transition: filter var(--pwj-transition);
}
*/

/* ------------------------------------------------------------
   7. Classes utilitaires de fond, surtitre et separation
   ------------------------------------------------------------ */
.pwj-bg-cloud { background-color: var(--pwj-cloud); }
.pwj-bg-white { background-color: var(--pwj-blanc); }

.pwj-surtitre {
  display: inline-block;
  font-size: 0.8125rem; /* 13px */
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--pwj-gris-500);
  margin-bottom: var(--pwj-space-2);
}

.pwj-filet {
  border: none;
  border-top: 1px solid var(--pwj-gris-200);
  margin: var(--pwj-space-4) 0;
}