/*
Theme Name: Dragan Concept Dark
Theme URI: https://draganconcept.com
Author: Dragan Trojanovic
Description: Thème sur-mesure ultra-léger et moderne avec effet Glassmorphism.
Version: 1.0.0
*/

html {
  scroll-behavior: smooth;
  scroll-padding-top: 90px;
  background-color: #0a0d14 !important;
  color: #ffffff;
}

body {
  background-color: #0a0d14 !important;
  color: #ffffff;
  font-family: 'Inter', sans-serif;
}

.bg-darkbg {
  background-color: #0a0d14 !important;
}

.font-serif {
  font-family: 'Playfair Display', serif !important;
}

/* Styling des conteneurs et des images Gutenberg */
.prose img,
.wp-block-image,
.wp-block-image img,
.wp-block-gallery .wp-block-image,
.wp-block-gallery img,
figure.wp-block-image {
  border-radius: 1rem !important;
  overflow: hidden !important;
}

.wp-block-image img,
.wp-block-gallery img {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.3s ease !important;
}

/* Effet survol */
.wp-block-image img:hover,
.wp-block-gallery img:hover {
  border-color: rgba(255, 255, 255, 0.25) !important;
  transform: scale(1.01);
}

/* Forcer la galerie Gutenberg sur 1 colonne sur mobile */
@media screen and (max-width: 639px) {
  .gallery-mobile-full .wp-block-gallery,
  .gallery-mobile-full figure.wp-block-gallery {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    width: 100% !important;
  }

  .gallery-mobile-full .wp-block-gallery > *,
  .gallery-mobile-full .wp-block-gallery .wp-block-image,
  .gallery-mobile-full .wp-block-gallery figure {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    flex: 1 1 100% !important;
  }

  .gallery-mobile-full .wp-block-gallery img {
    width: 100% !important;
    height: auto !important;
  }
}