/* ==================================================
   Pages contenu WordPress - Style Dronix
================================================== */

/* Fond général */
.site-main,
.site-main .entry-content,
.site-main .wp-block-post-content{
  background:#050505 !important;
  color:#fff !important;
}

/* IMPORTANT :
   Ne pas imposer un fond noir à TOUS les groupes Gutenberg */
.site-main .wp-block-group{
  background:transparent !important;
}

/* Titres */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.wp-block-post-content h1,
.wp-block-post-content h2,
.wp-block-post-content h3{
  color:#fff !important;
}

/* Textes */
.entry-content p,
.entry-content li,
.wp-block-post-content p,
.wp-block-post-content li{
  color:#d6d6dc !important;
}

.entry-content strong,
.wp-block-post-content strong{
  color:#fff !important;
}

.entry-content a,
.wp-block-post-content a{
  color:#ff1e2d !important;
}

/* Images */
.entry-content img,
.wp-block-post-content img{
  border-radius:18px;
  box-shadow:0 10px 28px rgba(0,0,0,.45);
}

/* ==================================================
   Cartes Dronix
================================================== */

.general-card,
.wp-block-group.general-card{
  background:linear-gradient(
    135deg,
    #0f0f12 0%,
    #18181d 100%
  ) !important;

  border:1px solid rgba(224,0,18,.35) !important;
  border-radius:22px !important;
  padding:28px !important;

  box-shadow:
    0 18px 45px rgba(224,0,18,.16) !important;

  color:#fff !important;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

/* Supprime le rectangle noir interne */
.general-card .wp-block-group,
.general-card .text{
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
  padding:0 !important;
}

/* Titres dans les cartes */
.general-card h2,
.general-card h3{
  color:#fff !important;
  margin-top:0 !important;
}

/* Texte dans les cartes */
.general-card p,
.general-card li{
  color:#d6d6dc !important;
}

/* Hover */
.general-card:hover{
  transform:translateY(-6px);
  border-color:#ff1e2d !important;

  box-shadow:
    0 22px 55px rgba(224,0,18,.28) !important;
}

.general-card:hover h2,
.general-card:hover h3{
  color:#ff1e2d !important;
}

/* ==================================================
   Galerie Drone
================================================== */

.drone-gallery{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:18px;
}

.drone-gallery__item{
  margin:0;
}

.drone-gallery__item img{
  width:100%;
  display:block;
  border-radius:14px;
}

.drone-gallery__item figcaption{
  margin-top:8px;
  font-size:.9rem;
  color:#bfbfc7;
}

/* ==================================================
   Responsive
================================================== */

@media(max-width:900px){

  .drone-gallery{
    grid-template-columns:1fr;
  }

}