/*
Theme Name: i-TECH Consult Child
Theme URI: https://www.i-tech-consult.com
Description: Thème enfant Divi pour i-TECH Consult
Author: i-TECH Consult
Author URI: https://www.i-tech-consult.com
Template: Divi
Version: 1.0.0
*/

:root {
  --itech-red: #CC1A1A;
  --itech-red-dark: #A01414;
  --itech-red-light: #F5E0E0;
  --itech-dark: #1A1A1A;
  --itech-dark2: #2C2C2C;
}

/* TOPBAR */
#itech-topbar { background: #1A1A1A; padding: 6px 40px; display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: #999; }
#itech-topbar a { color: #ccc; text-decoration: none; }

/* HEADER */
#main-header, .et-fixed-header { background: #fff !important; border-bottom: 2px solid #CC1A1A !important; height: auto !important; min-height: auto !important; overflow: visible !important; box-shadow: 0 2px 20px rgba(0,0,0,0.08) !important; }
#main-header .container { max-width: 100% !important; padding: 20px 60px 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; height: auto !important; min-height: auto !important; overflow: visible !important; }
#logo { max-height: 120px !important; height: 120px !important; width: auto !important; margin-bottom: 10px !important; }
#et-top-navigation { width: 100% !important; background: #fff !important; padding: 0 !important; border-top: 0.5px solid #eee !important; }
#et-top-navigation nav { line-height: 48px !important; text-align: center !important; }
#top-menu { display: flex !important; justify-content: center !important; flex-wrap: nowrap !important; }
#top-menu > li > a { font-size: 13px !important; color: #1A1A1A !important; padding: 0 18px !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; font-weight: 500 !important; line-height: 48px !important; }
#top-menu > li > a:hover, #top-menu > .current-menu-item > a { color: #CC1A1A !important; }
#page-container { padding-top: 210px !important; }

/* STRIP ROUGE */
#itech-strip { background: #CC1A1A; padding: 10px 40px; display: flex; gap: 32px; align-items: center; overflow: hidden; font-size: 11.5px; color: rgba(255,255,255,0.9); font-weight: 500; }
#itech-strip .strip-sep { width: 0.5px; height: 14px; background: rgba(255,255,255,0.3); }

/* FOOTER */
#main-footer { background: #1A1A1A !important; border-top: 2px solid #CC1A1A !important; }
#footer-widgets { background: #1A1A1A !important; padding: 36px 0 !important; }
#footer-widgets .footer-widget h4 { color: #fff !important; font-size: 11px !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; margin-bottom: 16px !important; }
#footer-widgets .footer-widget ul li a { color: #999 !important; font-size: 12px !important; }
#footer-widgets .footer-widget ul li a:hover { color: #CC1A1A !important; }
.et_pb_footer_bottom_bar { background: #111 !important; border-top: 0.5px solid #333 !important; }
.et_pb_footer_bottom_bar p { color: #555 !important; font-size: 11px !important; }
#main-footer .container { max-width: 1920px !important; width: 100% !important; padding: 0 40px !important; }

/* CONTACT FORM 7 */
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 select, .wpcf7 textarea { width: 100% !important; padding: 10px 14px !important; border: 0.5px solid #e5e5e5 !important; border-radius: 6px !important; font-size: 13px !important; margin-bottom: 4px !important; box-sizing: border-box !important; }
.wpcf7 input[type="submit"] { background: #CC1A1A !important; color: #fff !important; border: none !important; padding: 11px 24px !important; border-radius: 5px !important; font-size: 13px !important; font-weight: 500 !important; cursor: pointer !important; width: 100% !important; }

/* TITRES MASQUES */
.page-id-32 h1.entry-title, .page-id-32 .et_pb_title_container,
.page-id-33 h1.entry-title, .page-id-33 .et_pb_title_container,
.page-id-34 h1.entry-title, .page-id-34 .et_pb_title_container,
.page-id-36 h1.entry-title, .page-id-36 .et_pb_title_container,
.page-id-37 h1.entry-title, .page-id-37 .et_pb_title_container,
.page-id-38 h1.entry-title, .page-id-38 .et_pb_title_container { display: none !important; }

/* PLEINE LARGEUR PAGES SERVICES */
.page-id-32 #main-content .container, .page-id-33 #main-content .container,
.page-id-34 #main-content .container, .page-id-36 #main-content .container,
.page-id-37 #main-content .container, .page-id-38 #main-content .container { max-width: 100% !important; width: 100% !important; padding: 0 !important; }
.et_pb_text_inner { max-width: 100% !important; }

/* ACCUEIL 90% */
.home #main-content .container { max-width: 90% !important; width: 90% !important; margin: 0 auto !important; }

/* POLICES +20% */
body, .entry-content, #main-content { font-size: 115% !important; }

/* RESPONSIVE */
@media (max-width: 900px) {
  .entry-content > div > div[style*="grid-template-columns:1fr 1fr"] { grid-template-columns: 1fr !important; padding: 40px 20px !important; }
  .entry-content > div > div[style*="grid-template-columns:repeat(4"] { grid-template-columns: 1fr 1fr !important; padding: 40px 20px !important; }
}
@media (max-width: 600px) {
  .entry-content > div > div[style*="grid-template-columns:repeat(4"] { grid-template-columns: 1fr !important; }
  #page-container { padding-top: 180px !important; }
}

/* Masquer titre page accueil */
.home h1.entry-title, .home .et_pb_title_container { display: none !important; }

/* ===== THEME DARK GLOBAL ===== */
body { background: #111111 !important; color: #ccc !important; }
#main-content, #main-content .entry-content { background: #111111 !important; }

/* Header dark */
#main-header, .et-fixed-header { background: #1A1A1A !important; border-bottom: 2px solid #CC1A1A !important; }
#top-menu > li > a { color: #ccc !important; }
#top-menu > li > a:hover, #top-menu > .current-menu-item > a { color: #CC1A1A !important; }

/* Sections blanches → dark */
.home .entry-content > div > div[style*="background:#fff"],
.home .entry-content > div > div[style*="background: #fff"],
.page-id-32 .entry-content > div > div[style*="background:#fff"],
.page-id-33 .entry-content > div > div[style*="background:#fff"],
.page-id-34 .entry-content > div > div[style*="background:#fff"],
.page-id-36 .entry-content > div > div[style*="background:#fff"] { background: #1A1A1A !important; }

/* Sections gris clair → dark2 */
.home .entry-content > div > div[style*="background:#f4f4f4"],
.home .entry-content > div > div[style*="background:#f9f9f9"],
.page-id-32 .entry-content > div > div[style*="background:#f4f4f4"],
.page-id-32 .entry-content > div > div[style*="background:#f9f9f9"],
.page-id-33 .entry-content > div > div[style*="background:#f4f4f4"],
.page-id-33 .entry-content > div > div[style*="background:#f9f9f9"],
.page-id-34 .entry-content > div > div[style*="background:#f4f4f4"],
.page-id-34 .entry-content > div > div[style*="background:#f9f9f9"],
.page-id-36 .entry-content > div > div[style*="background:#f4f4f4"],
.page-id-36 .entry-content > div > div[style*="background:#f9f9f9"] { background: #222222 !important; }

/* Cartes blanches → dark */
.home .entry-content div[style*="background:#fff"],
.page-id-32 .entry-content div[style*="background:#fff"],
.page-id-33 .entry-content div[style*="background:#fff"],
.page-id-34 .entry-content div[style*="background:#fff"],
.page-id-36 .entry-content div[style*="background:#fff"] { background: #2C2C2C !important; }

/* Textes sombres → clairs */
.home .entry-content h2, .home .entry-content h3,
.page-id-32 .entry-content h2, .page-id-32 .entry-content h3,
.page-id-33 .entry-content h2, .page-id-33 .entry-content h3,
.page-id-34 .entry-content h2, .page-id-34 .entry-content h3,
.page-id-36 .entry-content h2, .page-id-36 .entry-content h3 { color: #fff !important; }

.home .entry-content p, .home .entry-content li,
.page-id-32 .entry-content p, .page-id-32 .entry-content li,
.page-id-33 .entry-content p, .page-id-33 .entry-content li,
.page-id-34 .entry-content p, .page-id-34 .entry-content li,
.page-id-36 .entry-content p, .page-id-36 .entry-content li { color: #999 !important; }

/* Bordures → adaptées dark */
.home .entry-content div[style*="border:0.5px solid #e5e5e5"],
.page-id-32 .entry-content div[style*="border:0.5px solid #e5e5e5"],
.page-id-33 .entry-content div[style*="border:0.5px solid #e5e5e5"],
.page-id-34 .entry-content div[style*="border:0.5px solid #e5e5e5"],
.page-id-36 .entry-content div[style*="border:0.5px solid #e5e5e5"] { border-color: #3a3a3a !important; }

/* box-shadow dark */
.home .entry-content div[style*="box-shadow"],
.page-id-32 .entry-content div[style*="box-shadow"],
.page-id-33 .entry-content div[style*="box-shadow"],
.page-id-34 .entry-content div[style*="box-shadow"],
.page-id-36 .entry-content div[style*="box-shadow"] { box-shadow: 0 2px 12px rgba(0,0,0,0.4) !important; }

/* Textes noirs inline → blancs */
.entry-content *[style*="color:#1A1A1A"] { color: #fff !important; }
.entry-content *[style*="color:#444"] { color: #aaa !important; }
.entry-content *[style*="color:#666"] { color: #888 !important; }
.entry-content *[style*="color:#555"] { color: #777 !important; }
.entry-content *[style*="color:#999"] { color: #666 !important; }

/* Contact page dark */
.page-id-37 #main-content { background: #111 !important; }
.page-id-37 .entry-content > div { background: #111 !important; }
.page-id-37 .entry-content > div > div[style*="background:#fff"] { background: #1A1A1A !important; }
.page-id-37 .wpcf7 input, .page-id-37 .wpcf7 select, .page-id-37 .wpcf7 textarea { background: #2C2C2C !important; color: #ccc !important; border-color: #444 !important; }

/* Mentions légales dark */
.page-id-38 #main-content { background: #111 !important; }
.page-id-38 .entry-content > div { background: #111 !important; }
.page-id-38 .entry-content > div > div[style*="background:#fff"] { background: #1A1A1A !important; }
.page-id-38 .entry-content h2 { color: #fff !important; }
.page-id-38 .entry-content p { color: #999 !important; }
.page-id-38 .entry-content a { color: #CC1A1A !important; }

/* Topbar dark */
#itech-topbar { background: #0d0d0d !important; border-bottom: 0.5px solid #333 !important; }

/* Menu dark mode */
#main-header, .et-fixed-header { background: #1A1A1A !important; }
#main-header .container { background: #1A1A1A !important; }
#et-top-navigation { background: #1A1A1A !important; border-top: 0.5px solid #333 !important; }
#top-menu > li > a { color: #ccc !important; }
#top-menu > li > a:hover, #top-menu > .current-menu-item > a { color: #CC1A1A !important; }
.et_header_style_centered #logo { filter: none !important; }

/* Retour fond blanc global */
body { background: #fff !important; color: #333 !important; }
#main-header, .et-fixed-header { background: #fff !important; }
#main-header .container { background: #fff !important; }
#et-top-navigation { background: #fff !important; border-top: 0.5px solid #eee !important; }
#top-menu > li > a { color: #1A1A1A !important; }
#top-menu > li > a:hover, #top-menu > .current-menu-item > a { color: #CC1A1A !important; }
#main-content, #main-content .entry-content { background: #fff !important; }
