/* === FASHION GUIDE - MASTER CSS === */

/* Colors override GP defaults */
:root {
    --contrast: #1A1A2E !important;
    --contrast-2: #2D2926 !important;
    --contrast-3: #8C8279 !important;
    --base: #E8E2DC !important;
    --base-2: #FAF7F4 !important;
    --base-3: #FFFFFF !important;
    --accent: #C9A96E !important;
}

body { background-color: #FAF7F4 !important; color: #2D2926 !important; font-family: 'DM Sans', -apple-system, sans-serif !important; }

/* Header */
.site-header { background: #FFFFFF !important; border-bottom: 1px solid #E8E2DC !important; }
.site-branding .main-title, .site-description { display: none !important; }
.main-navigation a { font-family: 'DM Sans', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: #1A1A2E !important; }
.main-navigation a:hover, .main-navigation .current-menu-item > a { color: #C9A96E !important; }
.main-navigation .sub-menu { background: #FFFFFF !important; border: 1px solid #E8E2DC !important; border-top: 2px solid #C9A96E !important; }

/* Typography */
h1, h2, h3, h4, h5, h6 { font-family: 'Cormorant Garamond', Georgia, serif !important; color: #1A1A2E !important; }
a { color: #A0824A !important; }
a:hover { color: #C9A96E !important; }
.entry-title a { color: #1A1A2E !important; text-decoration: none !important; }
.entry-title a:hover { color: #C9A96E !important; }
.entry-meta { color: #8C8279 !important; }

/* Layout - NO sidebar */
.site-content .content-area { width: 100% !important; float: none !important; }
.is-right-sidebar, .is-left-sidebar, #secondary { display: none !important; }

/* Articles */
.single .inside-article { max-width: 800px !important; margin: 0 auto !important; }
.separate-containers .inside-article { background: #FFFFFF !important; }

/* Homepage full bleed */
body.page .inside-article { box-shadow: none !important; background: transparent !important; padding: 0 !important; }
body.page .entry-content { max-width: 100% !important; }

/* Hide duplicate featured image (WP shows thumbnail + content has hero) */
.single .post-thumbnail, .single .entry-thumbnail { display: none !important; }
/* Hide homepage title displayed as text */
body.page .entry-header { display: none !important; }

/* FAQ Accordion */
.fg-faq { margin: 36px 0; }
.fg-faq h2 { font-size: 26px; margin-bottom: 20px; }
.fg-faq-item { border: 1px solid #E8E2DC; border-radius: 8px; margin-bottom: 12px; overflow: hidden; }
.fg-faq-question { padding: 18px 24px; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 18px; font-weight: 600; color: #1A1A2E; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background: #FFFFFF; margin: 0; transition: background .2s; }
.fg-faq-question:hover { background: #FAF7F4; }
.fg-faq-question::after { display: none; }
.fg-faq-question span { font-size: 20px; color: #C9A96E; transition: transform .2s; display: inline-block; }
.fg-faq-answer { display: none; padding: 0 24px 20px; font-size: 15px; line-height: 1.7; background: #F0EDE9; }
.fg-faq-answer p { margin-bottom: 0; }
.fg-faq-item.active .fg-faq-answer { display: block; }
.fg-faq-item.active .fg-faq-question span { transform: rotate(45deg); }

/* Author box */
.fg-author-box { background: #FFFFFF; border: 1px solid #E8E2DC; border-top: 3px solid #C9A96E; border-radius: 8px; padding: 28px 32px; margin: 48px 0 36px; display: flex; gap: 24px; align-items: flex-start; }
.fg-author-avatar { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 3px solid #C9A96E; }
.fg-author-name { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 20px; font-weight: 700; color: #1A1A2E; margin: 0 0 2px; }
.fg-author-title { font-size: 13px; color: #C9A96E; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; margin: 0 0 10px; }
.fg-author-bio { font-size: 14px; color: #8C8279; line-height: 1.6; margin: 0; }

/* Tips */
.fg-tip { background: #F5E6E0; border-left: 4px solid #C9A96E; border-radius: 0 8px 8px 0; padding: 20px 24px; margin: 28px 0; }
.fg-tip::before { content: 'Conseil de styliste'; display: block; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #C9A96E; margin-bottom: 8px; }
.fg-tip p { margin: 0; font-size: 15px; color: #1A1A2E; }

/* CTA */
.fg-cta { background: #1A1A2E; border-radius: 8px; padding: 28px 32px; margin: 36px 0; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.fg-cta-title { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 22px; font-weight: 600; color: #FFFFFF; margin: 0 0 6px; }
.fg-cta-title::after { display: none; }

/* TOC */
.fg-toc { background: #FAF7F4; border: 1px solid #E8E2DC; border-left: 3px solid #C9A96E; border-radius: 8px; padding: 24px 28px; margin: 32px 0; }
.fg-toc .toc_title { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 18px; font-weight: 600; color: #1A1A2E; margin-bottom: 12px; }
.fg-toc a { color: #A0824A; text-decoration: none; }
.fg-toc a:hover { color: #C9A96E; text-decoration: underline; }

/* Footer */
#footer-widgets, .footer-widgets { background: #1A1A2E !important; color: rgba(255,255,255,.8) !important; }
#footer-widgets a, .footer-widgets a { color: rgba(255,255,255,.7) !important; }
#footer-widgets a:hover, .footer-widgets a:hover { color: #C9A96E !important; }
.footer-widget-title, #footer-widgets .widget-title { color: #FFFFFF !important; }
.site-info { background: #1A1A2E !important; color: rgba(255,255,255,.5) !important; margin-bottom: 0 !important; }
.site-info a { color: rgba(255,255,255,.5) !important; }

/* Scroll to top */
a.generate-back-to-top {
    width: 48px !important; height: 48px !important;
    right: 24px !important; left: auto !important; bottom: 24px !important;
    border-radius: 50% !important; background: #1A1A2E !important; color: #C9A96E !important;
    font-size: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.2) !important; z-index: 9999 !important;
}

/* Buttons */
button, input[type="submit"], a.button, .wp-block-button__link { background: #C9A96E !important; color: #FFFFFF !important; }

/* Empty p cleanup */
p:empty { display: none !important; }

/* Responsive */
@media (max-width: 768px) {
    .fg-author-box { flex-direction: column; align-items: center; text-align: center; }
    .fg-cta { flex-direction: column; text-align: center; }
}

/* Hide GP featured image on single posts (hero is in content) */
.single .featured-image, .single .page-header-image-single { display: none !important; }

/* Hide page title on homepage */
body.page .entry-header { display: none !important; }

/* Fix GP container to not offset content */
.grid-container { max-width: 1200px !important; }
.one-container .inside-article { max-width: 100% !important; }