/*
 Theme Name:   ATTPS
 Theme URI:    https://example.com
 Description:  Thème enfant ATTPS pour Divi 5 – Personnalisations préservées lors des mises à jour.
 Author:       Votre Nom
 Author URI:   https://example.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  attps
*/

/* ==========================================================================
   Vos styles personnalisés ci-dessous
   ========================================================================== */

h1 {
  font-size: clamp(3.125rem, 2.679rem + 2.232vw, 5rem) !important;
  /* Équivaut à : clamp(50px, 42.86px + 2.23vw, 80px) */
}

h2 {
  font-size: clamp(2.5rem, 2.203rem + 1.488vw, 3.75rem) !important;
  /* Équivaut à : clamp(40px, 35.25px + 1.49vw, 60px) */
}

h3 {
  font-size: clamp(1.563rem, 1.488rem + 0.372vw, 1.875rem) !important;
  /* Équivaut à : clamp(25px, 23.8px + 0.37vw, 30px) */
}

.texte-degrade h1,
.texte-degrade h2,
.texte-degrade h3 {
  background: linear-gradient(
    90deg,
    var(--gcid-secondary-color) 0%,
    var(--gcid-primary-color) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
}

.fond-anime-respiration {
  object-fit: cover; /* Remplace le background-size: cover */
  object-position: center;
  z-index: 1;
  pointer-events: none; /* Évite que l'image bloque les clics sur le texte/bouton */

  /* Animation de respiration */
  animation: respiration 10s ease-in-out infinite alternate;
}

/* 4. L'animation */
@keyframes respiration {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

/* ==========================================================================
   ARTICLES
   ========================================================================== */
.et_pb_post {
  padding: 25px !important;
  background-color: #f3f3f3 !important;
  border: none !important;
  border-radius: 10px;
  display: flex;
  flex-direction: column;

  .et_pb_image_container {
    margin: 0;
    border-radius: 10px;
    height: 250px;
    overflow: hidden;
  }

  .entry-featured-image-url {
    margin-bottom: 0;
    height: 100%;

    img {
      object-fit: cover;
      max-width: none !important;
      max-height: none;
      height: 100% !important;
      width: 100%;
    }
  }

  .entry-title {
    font-size: 25px !important;
    font-weight: 700;
    margin-top: 20px;
  }

  .post-content {
    flex: 1;
    display: flex;
    align-items: flex-end;

    a {
      color: var(--gcid-dp1thvyxeu);
      background-color: var(--gcid-primary-color);
      border-radius: 5px;
      padding: 10px 20px;
      font-weight: 700;
      margin-top: 20px;
      text-align: center;
      width: 100%;
    }
  }
}