/*
Theme Name: Thème Photo & Vidéo Pro
Theme URI: http://exemple.com/
Author: Ton Nom
Author URI: http://exemple.com/
Description: Thème WordPress stylisé avec galeries filtrables et intégration vidéo YouTube
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: theme-blog-photo-video
Tags: blog, photo, vidéo, responsive, filtre, youtube, elementor
*/
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}
header, footer {
    background: #222;
    color: #fff;
    padding: 20px;
    text-align: center;
}
h1, h2 {
    color: #333;
}
main {
    padding: 20px;
}
.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}
.gallery article {
    border: 1px solid #ddd;
    padding: 10px;
    background: #f9f9f9;
    border-radius: 10px;
    transition: transform 0.2s;
}
.gallery article:hover {
    transform: scale(1.03);
}
.filters {
    margin-bottom: 20px;
    text-align: center;
}
.filters button {
    margin: 5px;
    padding: 10px 20px;
    border: none;
    background: #444;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
}
.filters button.active, .filters button:hover {
    background: #ff6600;
}
.youtube-video iframe {
    width: 100%;
    height: 200px;
    border: none;
    border-radius: 8px;
}

.slider {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 20px;
    padding: 20px 0;
}
.slide {
    flex: 0 0 80%;
    scroll-snap-align: start;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.slide img {
    width: 100%;
    height: auto;
    display: block;
}
.caption {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}