/* ============================================================
   PERSONNALISATION CORPORATE — camillevelasco.com
   (à charger APRÈS style.css ; en cas de ré-export Blocs,
   re-ajouter <link href="./css/custom.css"> dans chaque page)
   ------------------------------------------------------------
   Palette unifiée :
   - Turquoise d'origine  : #24CCB0 (fonds : navbar, bandeaux, footer)
   - Texte sur turquoise  : #1F2A29 (gris très foncé, contraste ~7:1)
   - Accent liens/titres  : #0B8C82 sur fond blanc
   - Boutons primaires    : #0E3A37 (blanc dessus)
   - Corps de texte       : 19px, interligne 1,7, police système lisible
   ============================================================ */

/* --- Typographie : corps de texte plus grand et lisible --- */
body{
  font-size:19px;
  line-height:1.7;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:#2b2b2b;
}
h1,h2,h3,h4,
.navbar-brand,
.bloc-1-h1,.bloc-2-h1,.bloc-4-h1,
.bloc-2-h3,.bloc-1-p,.bloc-7-p,
.gras-josephin,.sub-heading{
  font-family:"Josefin Sans",sans-serif;
}
h1,h2,h3,h4{line-height:1.35;}
p,li{line-height:1.7;}

/* --- Fonds : retour au turquoise d'origine (les 3 bleus fusionnés) --- */
.bgc-light-sea-green{background-color:#24CCB0!important;}
.bgc-true-blue{background-color:#24CCB0!important;}

/* --- Texte sur turquoise : gris très foncé (plus de blanc illisible) --- */
.d-bloc{color:#1F2A29!important;}
.ltc-white{color:#1F2A29!important;}
.tc-white{color:#1F2A29!important;}
.tc-white-2{color:#1F2A29!important;}
.tc-oxford-blue{color:#1F2A29!important;}
.navbar-brand{color:#1F2A29!important;}
#bloc-3{color:#1F2A29!important;}
#bloc-3 .statement-bloc-text{color:#1F2A29!important;}
#bloc-3 p, #bloc-3 strong{color:#1F2A29!important;}

/* --- Liens et navigation sur turquoise --- */
.d-bloc .a-btn{color:#1F2A29!important;}
.d-bloc .a-btn:hover{color:#07645D!important;}
#bloc-27 h3{color:#1F2A29!important;}

/* --- Accents sur fond blanc --- */
.tc-light-sea-green{color:#0B8C82!important;}
.ltc-light-sea-green{color:#0B8C82!important;}
.bleu-fonce{color:#0B8C82!important;}
.tc-old-gold{color:#9A7B1E!important;}
.texte-bleu{color:#0B8C82!important;}
a{color:#0B8C82;}
a:hover{color:#07645D;}

/* --- Icônes sur turquoise : sombres pour rester lisibles --- */
.icon-light-sea-green{color:#0E3A37!important;border-color:#0E3A37!important;}

/* --- Boutons --- */
.btn-light-sea-green{background:#0B8C82!important;color:#FFFFFF!important;}
.btn-true-blue{background:#0E3A37!important;color:#FFFFFF!important;}

/* --- Boutons : UN SEUL style partout (teal, texte blanc) --- */
.btn-light-sea-green,
.btn-true-blue,
.btn-old-gold{
  background:#0B8C82!important;
  color:#FFFFFF!important;
  border:none;
}
/* Boutons « Solution apportée » : turquoise + texte vert foncé, survol sans doré */
.btn-old-gold{
  background:#24CCB0!important;
  color:#0E3A37!important;
}
.btn-old-gold:hover,
.btn-old-gold:focus{
  background:#1FB89F!important;
  color:#0E3A37!important;
}
.btn-old-gold .icon-white,
.btn-old-gold .icon-sun{color:#0E3A37!important;border-color:#0E3A37!important;}
.btn .icon-white{color:#FFFFFF!important;}
.icon-white{color:#0E3A37!important;border-color:#0E3A37!important;}
.icon-true-blue{color:#0B8C82!important;border-color:#0B8C82!important;}
.or{color:#9A7B1E!important;}

/* --- Header : marque blanche, liens verts, survol blanc, page active en gras --- */
.navbar .navbar-brand,
.navbar .link-style{color:#FFFFFF!important;}
.navbar .nav-link{color:#0E3A37!important;font-weight:400;}
.navbar .nav-link:hover{color:#FFFFFF!important;}
.navbar .nav-link.active{font-weight:700!important;}

/* --- Charte : un seul bleu-vert foncé pour titres et textes colorés --- */
.tc-true-blue{color:#0E3A37!important;}

/* --- Survols unifiés --- */
.btn-light-sea-green:hover,
.btn-true-blue:hover{background:#07645D!important;color:#FFFFFF!important;}
.ltc-light-sea-green:hover{color:#07645D!important;}

/* --- Footer : liens au survol en blanc (fonds turquoise uniquement) --- */
.d-bloc .a-btn:hover,
.d-bloc a:hover{color:#FFFFFF!important;}

/* --- Bandeau « Expertises » : titre blanc, 3 expertises en vert foncé --- */
#bloc-2 h1{color:#FFFFFF!important;}
#bloc-2 h3{color:#0E3A37!important;}

/* --- Case RGPD : hauteur auto (le texte long dépassait des 92px fixes de Blocs,
       le bouton chevauchait le texte en format mobile) --- */
.checkbox-style{height:auto!important;margin-bottom:1rem;}

/* --- Réduire l'espace entre « Savoir-Faire » et « Édition & Communication » --- */
#bloc-4 .container{padding-bottom:15px!important;}
#bloc-5 .container, #bloc-6 .container{padding-top:15px!important;}

/* --- Portfolio « Création de site web » : couleurs verrouillées, identiques
       sur les 7 blocs (Artema, GestoPlus, Marianne Dupuis, AutoActu, etc.) --- */
#bloc-2 h2.tc-oxford-blue, #bloc-3 h2.tc-oxford-blue, #bloc-4 h2.tc-oxford-blue,
#bloc-5 h2.tc-oxford-blue, #bloc-6 h2.tc-oxford-blue{color:#1F2A29!important;}
#bloc-2 .texte-bleu, #bloc-3 .texte-bleu, #bloc-4 .texte-bleu,
#bloc-5 .texte-bleu, #bloc-6 .texte-bleu{color:#0B8C82!important;}
#bloc-2 .tc-true-blue, #bloc-3 .tc-true-blue, #bloc-4 .tc-true-blue,
#bloc-5 .tc-true-blue, #bloc-6 .tc-true-blue{color:#0E3A37!important;}

/* --- Portfolio « Direction artistique » : mêmes couleurs verrouillées
       que la page Création de site web (titres d'oeuvres bleu-vert foncé,
       légendes des livres en vert, « Solution apportée » vert foncé) --- */
#bloc-30 h2.tc-light-sea-green,
#bloc-31 h2.tc-light-sea-green,
#bloc-28 h2.tc-light-sea-green{color:#1F2A29!important;}
#bloc-29 p.tc-light-sea-green{color:#0B8C82!important;}
#bloc-30 .tc-true-blue, #bloc-31 .tc-true-blue, #bloc-28 .tc-true-blue{color:#0E3A37!important;}