/*!
Theme Name: techloom
Theme URI:  https://techloom.uiparadox.com/
Author: Uiparadox
Author URI: https://uiparadox.com/
Description: Digital Agency  WordPress  Theme
Version: 1.0.0
Tested up to: 6.8
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: techloom
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*//* Style the checkbox container */

:root {
  --bs-link-color: #F08976;
  --bs-link-hover-color: #E07B66;   /* optionnel */
  --bs-link-color-rgb: 240, 137, 118;
}

/* H2 et H3 en #464788 partout */
h2, .h2,
h3, .h3 {
  color: #464788;
}

/* Si tes titres contiennent des liens, on garde la même couleur */
h2 a, h3 a {
  color: inherit;
}

/* Texte par défaut (paragraphe, listes, etc.) en noir */
:root {
  --bs-body-color: #000;
  --bs-body-color-rgb: 0, 0, 0;
}

/* Au cas où le thème force encore une couleur sur <p> */
p { color: var(--bs-body-color); }

/* Si tu veux cibler la zone de contenu WordPress spécifiquement */
.entry-content { color: var(--bs-body-color); }
.entry-content p,
.entry-content li { color: inherit; }

/* Espace de 5px sous tous les titres */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-block-end: 5px; /* équivaut à margin-bottom dans les langues LTR */
}


/* Espace au-dessus de l'image principale des articles */
:root { --space-featured: 150px; }

/* Cas le plus courant dans ton HTML fourni */
.single-post article > .post-thumbnail-wrapper {
  margin-block-start: var(--space-featured); /* équivaut à margin-top */
}

/* Classes fréquentes selon les thèmes (sécurités supplémentaires) */
.single-post .post .post-thumbnail,
.single-post .featured-media {
  margin-block-start: var(--space-featured);
}

/* Si jamais la "principale" est rendue en background (rare en single) */
.single-post .techloom-post-thumbnail {
  margin-block-start: var(--space-featured);
}

/* Couleur du bouton au survol */
.header-buttons-area .techloom-button:hover {
  background-color: #F08976 !important;
  border-color: #F08976 !important; /* si le bouton a une bordure */
  color: #fff !important; /* texte en blanc, modifie si tu veux garder une autre couleur */
}

/* Style des paragraphes dans les widgets techloom_service_box_one */
.techloom-service-grid .service-content p {
  font-family: 'Outfit', sans-serif;
  font-size: 18px !important;
}

/* Icône menu burger en #464788 */
.header-buttons-area .mobile-menu-trigger span {
  background-color: #464788 !important;
}

/* Liens du menu mobile Slicknav */
.slicknav_nav li a {
  font-family: 'DynaPuff', cursive;
  font-size: 18px; /* tu peux ajuster la taille */
  color: #464788 !important;
}

/* Au survol et quand actif */
.slicknav_nav li a:hover,
.slicknav_nav li a:active,
.slicknav_nav li.current-menu-item > a {
  color: #464788 !important;
}

/* Import police Outfit */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap');

/* Formulaire Contact Form 7 */
.wpcf7 form {
  font-family: 'Outfit', sans-serif;
  color: #464788;
}

.wpcf7 form label {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
  color: #464788;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  width: 100%;
  padding: 10px 14px;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  border-radius: 10px;
  font-family: 'Outfit', sans-serif;
  font-size: 1rem;
  outline: none;
  transition: border 0.3s;
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 textarea:focus {
  border-color: #464788;
}

.wpcf7 input[type="checkbox"] {
  accent-color: #464788;
  margin-right: 8px;
}

/* Texte de la case à cocher RGPD */
.wpcf7 .wpcf7-list-item-label {
  color: #464788 !important;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Bouton d'envoi Contact Form 7 */
.wpcf7 input[type="submit"] {
  background-color: #464788 !important;
  color: #fff !important;
  border: none !important;
  padding: 12px 20px !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background 0.3s ease !important;
  width: 100% !important;
}

.wpcf7 input[type="submit"]:hover {
  background-color: #38396c !important;
}

.techloom-button {
    font-family: 'DynaPuff', cursive;
}

/* Justifier le texte des articles (Gutenberg + thèmes classiques) */
.single-post .entry-content p,
.single-post .entry-content li,
.single-post .entry-content blockquote,
.single-post .wp-block-post-content p,
.single-post .wp-block-post-content li,
.single-post .wp-block-post-content blockquote,
.post-content p,
.post-content li,
.post-content blockquote {
  text-align: justify;
  text-justify: inter-word;   /* Meilleure répartition des espaces (selon navigateur) */
  hyphens: auto;              /* Coupure des mots si dispo */
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
}

/* Éviter de justifier les titres */
.single-post .entry-content h1,
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5,
.single-post .entry-content h6,
.single-post .wp-block-post-content h1,
.single-post .wp-block-post-content h2,
.single-post .wp-block-post-content h3,
.single-post .wp-block-post-content h4,
.single-post .wp-block-post-content h5,
.single-post .wp-block-post-content h6 {
  text-align: initial;
}

/* Optionnel : ne pas justifier les légendes d’images */
.wp-caption-text,
.figcaption,
.wp-block-image figcaption {
  text-align: center;
}