/*
Theme Name: Tech AI SaaS (Tailwind v4)
Theme URI: https://example.com/tech-ai-saas
Author: Fred Nax
Author URI: https://www.naxialis.com
Description: Thème WordPress moderne secteur Tech/IA/SaaS avec Tailwind CSS v4 (build local), Dark Mode, Glassmorphism et Minimalisme.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: tech-ai-saas
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{
  --accent: oklch(38.1% 0.176 304.987);
  --accent-soft: oklch(55% 0.13 304.987);   /* hover / gradient */
  --accent-soft2: oklch(68% 0.09 304.987);  /* glow / fonds légers */
}
/* Tous les liens DANS un tableau dont le <figure> a la classe "table-link" */
.wp-block-table.table-link a{
  display:inline-flex;
  align-items:center;
  gap:8px;

  max-width: 220px;          /* ajustez selon vos colonnes */
  padding: 6px 10px;

  border: 1px solid #e5e7eb;
  background: #f8fafc;
  border-radius: 9999px;

  color: #111827;
  text-decoration: none;
  font-size: 10px;
  line-height: 1;

  box-shadow: 0 1px 0 rgba(0,0,0,.03);
  transition: background .15s ease, border-color .15s ease, transform .05s ease;
}

.title-widget { font-weight: 700; font-size: 1.2rem; margin-bottom: 10px;}

.wp-block-table.table-link a:hover{
  background:#f1f5f9;
  border-color:#d1d5db;
}

.wp-block-table.table-link a:active{
  transform: translateY(1px);
}

/* Ellipsis (texte coupé proprement) */
.wp-block-table.table-link a{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Dark mode (si vous avez déjà dark:) */
.dark .wp-block-table.table-link a{
  border-color:#334155;
  background:#0f172a;
  color:#e2e8f0;
}

.dark .wp-block-table.table-link a:hover{
  background:#111c33;
  border-color:#475569;
}

/* le wrapper qu'on fixe */
#toc .toc-inner.is-fixed{
  position: fixed;
  z-index: 30;
}

#toc .toc-scroll{
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
/* Masquer la scrollbar du sommaire (tout en gardant le scroll) */
#toc .toc-scroll{
  scrollbar-width: none;          /* Firefox */
  -ms-overflow-style: none;       /* IE/Edge legacy */
}
#toc .toc-scroll::-webkit-scrollbar{
  width: 0;
  height: 0;
  display: none;                  /* Chrome/Safari */
}

.h2-fade-underline{
  position: relative;
  display: inline-block;
}
.h2-fade-underline::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-0.55rem;
  height:0.25rem;
  width:14rem;
  max-width:100%;
  border-radius:999px;
  background: linear-gradient(
    90deg,
    var(--accent) 0%,
    color-mix(in oklch, var(--accent) 55%, transparent) 55%,
    transparent 100%
  );
}

/* CF7 - style pro */
/* ✅ Checkbox / Radio CF7 - look moderne */
#contact .wpcf7 input[type="checkbox"],
#contact .wpcf7 input[type="radio"]{
  width: 18px;
  height: 18px;
  border-radius: 6px;              /* arrondi checkbox */
  accent-color: color-mix(in oklch, var(--accent) 90%, #fff);
  cursor: pointer;
}

/* En dark, on évite le côté "trop noir" */
#contact .dark .wpcf7 input[type="checkbox"],
#contact .dark .wpcf7 input[type="radio"]{
  accent-color: color-mix(in oklch, var(--accent) 75%, #fff);
}

/* Alignement + espacement label */
#contact .wpcf7 .wpcf7-list-item label{
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.25;
  cursor: pointer;
}

/* Focus ring (très "UI") */
#contact .wpcf7 input[type="checkbox"]:focus,
#contact .wpcf7 input[type="radio"]:focus{
  outline: none;
  box-shadow: 0 0 0 4px color-mix(in oklch, var(--accent) 18%, transparent);
}

/* Optionnel : rendre la grille plus "pro" */
#contact .cf7-checkgrid .wpcf7-form-control{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 10px 14px;
  padding: 16px;
}
@media (min-width: 640px){
  #contact .cf7-checkgrid .wpcf7-form-control{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px){
  #contact .cf7-checkgrid .wpcf7-form-control{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
#contact .cf7-checkgrid .wpcf7-list-item{ margin:0; }
/* CF7 : enlève marges/espaces parasites */
#contact .wpcf7 p { margin: 10px 0 10px 0 !important; }
#contact .wpcf7 br { display: none !important; }
/* Labels + titre du champ plus compact */
#contact .wpcf7 label { display:block; }
#contact .rgpd { display: inline-flex !important;}
/* Titre au-dessus des champs (pas pour checkbox/radio) */
#contact .wpcf7 label > span:not(.wpcf7-list-item-label){
  display:block;
  margin:0 0 6px !important;
  line-height:1.2;
}
#contact .check { margin: 10px 0 10px 0;}
#contact .wpcf7 form p{ margin:0; }
#contact .wpcf7 input[type="text"],
#contact .wpcf7 input[type="email"],
#contact .wpcf7 input[type="tel"],
#contact .wpcf7 textarea,
#contact .wpcf7 select{
  width:100%;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.35); /* slate-400/ */
  background: #fff; color: #0f172a;
  padding: 12px 14px;
  outline: none;
}
#contact .dark .wpcf7 input[type="text"],
#contact .dark .wpcf7 input[type="email"],
#contact .dark .wpcf7 input[type="tel"],
#contact .dark .wpcf7 textarea,
#contact .dark .wpcf7 select{
  background: rgba(2,6,23,.55);
  border-color: rgba(30,41,59,.8);
  color: #fff;
}
#contact .wpcf7 input:focus,
#contact .wpcf7 textarea:focus,
#contact .wpcf7 select:focus{
  border-color: color-mix(in oklch, var(--accent) 55%, transparent);
  box-shadow: 0 0 0 4px color-mix(in oklch, var(--accent) 18%, transparent);
}
#contact .wpcf7 input[type="submit"]{
  width:100%;
  border-radius:14px;
  padding: 12px 16px;
  font-weight: 700;
  color:#fff;
  border:0;
  background: linear-gradient(90deg, var(--accent), var(--accent-soft));
  cursor:pointer;
  transition: filter .2s ease, box-shadow .2s ease;
}
#contact .wpcf7 input[type="submit"]:hover{
  filter: brightness(1.06);
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}
#contact .wpcf7 .wpcf7-response-output{
  margin: 14px 0 0;
  border-radius: 14px;
}

.cf7-message {
  min-height: 180px;
}

.cf7-submit {
  margin-top: 30px;
  background: linear-gradient(90deg, var(--accent), var(--accent-soft));
  border: 0;
  cursor: pointer;
}

.cf7-submit:hover {
  filter: brightness(1.05);
}

#logos-slide ul li:before { content: none !important;}


/* Version mobile */
@media (max-width: 768px) {
  #hero-chatbot-1 { padding-top: 0;}
 
  .hero-chatbot-visual { display: none !important;}

}