/*
Theme Name: DG Photo Theme
Version: 3.0
Description: Theme WordPress minimal pour site photo David Gabis
Author: David Gabis 2026
*/


/* =========================
RESET
========================= */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
 
html {
    overflow-x: hidden; /* Empêche le scroll horizontal */
    max-width: 100vw;
}
 
body {
    font-family: Arial, Helvetica, sans-serif;
    background: #111;
    color: #fff;
    line-height: 1.6;
    overflow-x: hidden; /* Sécurité supplémentaire */
    max-width: 100vw;
}

/* =========================
HEADER
========================= */
.site-header{position:fixed;top:0;left:0;right:0;background:#fff;border-bottom:1px solid #ddd;padding:12px 0;z-index:1000;}
.header-container{max-width:1400px;margin:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;}
.branding{display:flex;align-items:center;}
.site-logo{height:45px;width:auto;margin-right:15px;}
.site-title{font-size:1.3rem;color:#000;font-weight:600;white-space:nowrap;}

/* MENU */
.main-navigation ul{display:flex;gap:25px;list-style:none;margin:0;padding:0;}
.main-navigation a{text-decoration:none;color:#000;font-weight:500;font-size:0.95rem;}
.main-navigation a:hover{opacity:0.6;}
.main-navigation ul li{position:relative;}
.main-navigation ul ul{display:none;position:absolute;top:100%;left:0;background:#fff;padding:10px 0;list-style:none;min-width:180px;box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.main-navigation ul ul li a{display:block;padding:8px 15px;color:#000;}
.main-navigation ul li:hover > ul{display:block;}
.menu-toggle{display:none;font-size:1.6rem;background:none;border:none;cursor:pointer;color:#000;}

/* =========================
CONTENU
========================= */
.site-main{margin-top:100px;padding:40px;}
img{max-width:100%;height:auto;display:block;}

/* =========================
SINGLE PHOTO
========================= */
.single-photo{max-width:900px;margin:60px auto;text-align:center;padding:0 20px;}
.single-photo h1{font-size:1.6rem;margin-bottom:20px;color:#fff;}
.single-photo img{max-width:100%;height:auto;border-radius:4px;cursor:pointer;transition: transform 0.3s;}
.single-photo img:hover{transform: scale(1.02);}
.photo-caption{margin:15px 0;color:#666;font-size:0.95rem;}
.buy-print{display:inline-block;margin-top:20px;padding:12px 25px;background:#e41321;color:#fff;text-decoration:none;border-radius:4px;transition: opacity 0.3s;}
.buy-print:hover{opacity:0.8;}
.photo-categories, .photo-tags{color:#666;font-size:0.9rem;margin:5px 0;}
.photo-categories a, .photo-tags a{color:#aaa;text-decoration:none;}
.photo-categories a:hover, .photo-tags a:hover{color:#fff;}

/* =========================
FOOTER
========================= */
.site-footer{border-top:1px solid #444;padding:60px 20px;text-align:center;background:#111;}
.footer-container{max-width:100%;margin:auto;}
.footer-copyright{color:#aaa;margin-bottom:15px;font-size:0.9rem;}
.footer-email{margin-bottom:15px;}
.footer-email a{color:#fff;text-decoration:none;}
.footer-privacy{margin-bottom:25px;}
.footer-privacy a{color:#aaa;text-decoration:none;}
.footer-social{display:flex;justify-content:center;gap:25px;}
.footer-social a{color:#aaa;font-size:20px;transition:color 0.3s;}
.footer-social a:hover{color:#fff;}

/* =========================
RESPONSIVE
========================= */
@media (max-width:768px){
.header-container{flex-direction:row;align-items:center;justify-content:space-between;}
.site-logo{height:40px;}
.site-title{font-size:1.1rem;}
.main-navigation ul{display:none;flex-direction:column;gap:12px;text-align:center;background:#fff;position:absolute;top:70px;right:0;left:0;padding:20px 0;}
.main-navigation.active ul{display:flex;}
.menu-toggle{display:block;}
.main-navigation ul ul{position:static;box-shadow:none;}
.menu-item-has-children.submenu-open > ul{display:block;}
}

/* =========================
CSS pour EXIF et description Pinterest
========================= */
.photo-exif{
margin:15px 0;
color:#999;
font-size:0.85rem;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:15px;
}

.photo-exif span{
background:rgba(0,0,0,0.1);
padding:4px 8px;
border-radius:3px;
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 10px;
}

/* =========================
Design galerie PRO
========================= */
.gallery-item img {
    width: 100%;
    height: auto;
    display: block;
}

/* =========================
SINGLE PHOTO POST 
========================= */

/* Titre en blanc sur fond sombre */
.single-photo h1 {
    color: #fff;
}

/* Image pleine largeur, centrée */
.single-photo img,
.single-photo .photo-portfolio-img {
    display: block !important;
    width: 100%;
    max-width: 900px;
    height: auto;
    margin: 0 auto 20px;
    border-radius: 4px;
}

/* Catégories et tags sous la photo */
.single-photo .photo-categories,
.single-photo .photo-tags {
    margin-top: 15px;
    text-align: center;
}

/* Eviter que le thème cache l'image dans .entry-content */
.entry-content .single-photo img,
.post-content .single-photo img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: 100% !important;
}
/* =========================
#CAPTURETHEMOMENT — Footer
========================= */
.footer-hashtag {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 1.6rem;
    font-style: italic;
    font-weight: 300;
    color: #c9a84c;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
}

/* =========================
AWARDS — Page Bio
========================= */
.dg-awards {
    margin: 48px 0;
    padding: 40px;
    border-left: 2px solid #c9a84c;
    background: rgba(201,168,76,0.04);
}
.dg-awards h2 {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 0.7rem;
    font-weight: 500;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #c9a84c;
    margin-bottom: 28px;
}
.dg-awards ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.dg-awards li {
    display: flex;
    align-items: baseline;
    gap: 16px;
}
.dg-award-year {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 0.7rem;
    font-weight: 500;
    color: #c9a84c;
    letter-spacing: 0.1em;
    min-width: 40px;
    flex-shrink: 0;
}
.dg-award-name {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 1.05rem;
    font-weight: 300;
    color: #f5f2ee;
    line-height: 1.4;
}
.dg-award-category {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 0.68rem;
    color: #666;
    letter-spacing: 0.08em;
    margin-left: 4px;
}

/* =========================
SOUS-MENU SHOP — à ajouter dans style.css
========================= */

/* Sous-menu générique déjà stylé, ajustements pour Shop */
.main-navigation ul li a[href*="shop"],
.main-navigation ul li a[href*="Shop"] {
    color: var(--gold, #c9a84c);
}

/* Badge "nouveau" sur le lien Shop dans le menu */
.main-navigation ul li.menu-item-shop > a::after {
    content: 'NEW';
    font-size: 0.45rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    background: #c9a84c;
    color: #000;
    padding: 2px 5px;
    border-radius: 2px;
    margin-left: 6px;
    vertical-align: middle;
    line-height: 1;
}