/*
Theme Name: Curseur
Theme URI: https://www.curseur.ca/
Author: Curseur Informatique
Description: Thème sur mesure pour Curseur Informatique — services-conseils en cybersécurité.
Version: 1.5
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: curseur
*/

@font-face{font-family:'Archivo';src:url(assets/fonts/Archivo.ttf) format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url(assets/fonts/PlexSans.ttf) format('truetype');font-weight:100 700;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(assets/fonts/PlexMono-Regular.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(assets/fonts/PlexMono-Medium.ttf) format('truetype');font-weight:500;font-display:swap}

html{scroll-behavior:smooth}
body{margin:0;background:#F3F2EF;color:#0E1A2E;font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:17px;line-height:1.6}
a{color:#0E1A2E}a:hover{color:#B8401C}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;height:auto}

/* En-tête */
.c-header{background:#0E1A2E;color:#fff}
.c-header__in{max-width:1200px;margin:0 auto;padding:20px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.c-logo{display:flex;align-items:center;gap:4px;text-decoration:none;color:#fff;font-family:'IBM Plex Mono',monospace;font-size:22px;font-weight:500;letter-spacing:-.5px}
.c-logo:hover{color:#fff}
.c-logo img{display:block;height:48px;width:auto}
@media (max-width:640px){.c-logo img{height:40px}}
.c-cur{display:inline-block;width:11px;height:22px;background:#F26B3A;margin-left:3px}
.c-nav{display:flex;flex-wrap:wrap;align-items:center;gap:28px;font-size:15px}
.c-nav a{color:#C9D1DE;text-decoration:none}
.c-nav a:hover{color:#fff}
.c-nav a.is-active{color:#fff;font-weight:600;border-bottom:2px solid #F26B3A;padding-bottom:2px}
.c-langs{display:inline-flex;align-items:center;gap:6px;font-family:'IBM Plex Mono',monospace;font-size:13px;color:#8C99AD}
.c-langs strong{color:#fff;font-weight:500}
.c-langs a{color:#C9D1DE;padding:4px 2px}
.c-nav .c-btn{background:#F26B3A;color:#0E1A2E;font-weight:600;padding:12px 20px;border-radius:4px}
.c-nav .c-btn:hover{color:#0E1A2E;background:#FF8A5B}

/* Contenu : la page occupe toute la largeur */
.c-main{display:block}
.c-main > .curseur-page,.c-main .entry-content > .curseur-page{width:100%}
.curseur-page p:empty{display:none}

/* Pied de page */
.c-footer{background:#0E1A2E;color:#C9D1DE;font-size:15px}
.c-footer a{color:#C9D1DE}
.c-footer__in{max-width:1200px;margin:0 auto;padding:64px 24px 32px;display:flex;flex-wrap:wrap;gap:48px;justify-content:space-between}
.c-footer__col{flex:1 1 200px}
.c-footer__col--brand{flex:1 1 280px}
.c-footer h2{margin:0 0 12px;color:#fff;font-size:15px;font-weight:600;font-family:'IBM Plex Sans',sans-serif}
.c-footer__links{display:flex;flex-direction:column;gap:6px}
.c-footer__bottom{max-width:1200px;margin:0 auto;padding:20px 24px 32px;border-top:1px solid #2A3A57;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:14px;color:#8C99AD}
.c-footer__bottom a{color:#8C99AD}

/* Contact Form 7 aux couleurs du site */
.curseur-form .wpcf7-form{display:flex;flex-direction:column;gap:18px}
.curseur-form .wpcf7-form p{margin:0}
.curseur-form label{font-weight:600;font-size:15px;display:block}
.curseur-form input[type=text],.curseur-form input[type=email],.curseur-form input[type=tel],.curseur-form select,.curseur-form textarea{display:block;width:100%;margin-top:8px;font:inherit;padding:12px 14px;border:1px solid #A9A49B;border-radius:4px;background:#fff;color:#0E1A2E}
.curseur-form textarea{min-height:150px;resize:vertical}
.curseur-form input:focus,.curseur-form select:focus,.curseur-form textarea:focus{outline:2px solid #F26B3A;outline-offset:1px;border-color:#0E1A2E}
.curseur-form .wpcf7-submit{font:inherit;font-weight:600;background:#0E1A2E;color:#fff;border:0;border-radius:4px;padding:16px 32px;cursor:pointer}
.curseur-form .wpcf7-submit:hover{background:#1E346E}
.curseur-form .wpcf7-response-output{margin:8px 0 0 !important;border-radius:4px;padding:12px 14px !important}

/* Téléphone */
@media (max-width:640px){
  .c-nav{gap:18px}
  .curseur-page h1{font-size:2.4rem !important}
  .curseur-page h2{font-size:1.9rem !important}
  .curseur-page section > div[style*="padding: 56px"],.curseur-page section > div[style*="padding: 48px"],.curseur-page article[style*="padding: 56px"]{padding:32px !important}
  .curseur-form{padding:24px !important}
}