/*
Theme Name: Mydocto LOARC
Template: mydocto
Author: DATADESK
*/
/*Breadcrumb*/
.bdoctor__breadcrumb-wrapper {
    background-image: url("https://loarc.datadesk.ma/wp-content/uploads/2026/10/breadcrumb-3.webp") !important;
  }
/*Menu*/
.main-header-four .bdoctor_menu ul li a:hover {
  text-decoration: underline;
  color: var(--thm-primary);
}
.sub-menu {background: #f2f2f2 !important;}
.sub-menu li a {	color: #06509c !important;}
/* 3e niveau : masqué par défaut */
.menu-item .sub-menu .menu-item { position: relative; }
.menu-item .sub-menu .sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    margin: -20px 0 0 20px;
    opacity: 0 !important;
    visibility: hidden !important;
    /* délai de fermeture : le panneau reste ~0,25 s avant de s'estomper */
    transition: opacity .2s ease .25s, visibility 0s linear .45s !important;
}

/* pont de survol invisible : comble l'espace entre « Nos Services » et le 3e panneau */
.menu-item .sub-menu .sub-menu::before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    width: 30px;    /* un peu plus que le margin-left (20px) */
    height: 60px;   /* environ la hauteur d'une ligne du 2e niveau */
}

/* 3e niveau : visible seulement au survol de son parent direct (2e niveau) */
.menu-item .sub-menu .menu-item:hover > .sub-menu,
.menu-item .sub-menu .menu-item:focus-within > .sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transition-delay: 0s !important;   /* ouverture immédiate */
}

.bdoctor_menu ul li .sub-menu {
	width: max-content !important;}
.bdoctor_menu ul li .sub-menu li a {
	line-height: 35px !important;}
.bdoctor_menu ul li a {
	text-transform: capitalize !important;}
div.bdoctor_logo a {
	margin-left: 15px !important;
}
.bdoctor__delivery-item .icon span {
	background: #3db5e6 !important;
    font-size: 20px !important;
    line-height: 38px !important;
	left: 150px !important;
}
.bdoctor__delivery-item .icon span:hover {
	background: #004c9a !important;
}

.serv__section_v2 h3 {
  font-size: 1.2rem !important;
  line-height: 25px !important;
}

/*-------------*/
.h1_chiifreCle .transpi__counter-item-three h1 {
	font-size: 2.5rem !important;
}
.h1_chiifreCle .transpi__counter-item-three .title {
  font-size: 1rem !important;
  letter-spacing: 1px !important;
}
.bdoctor__service-grid {
  background: #fff !important;
}
.bdoctor__service-grid h3 {
  color: #2390eb !important;
}
.bdoctor__service-grid p {
	color: #666 !important;
	margin-top: 25px !important;
	margin-bottom: 0px !important;
}
.elem__work { position: relative; }

/* Flèche : posée à droite de l'étape, entre deux colonnes */
.elem__work .process_shape {
    position: absolute;
    top: 20px;
    right: -50px;
    z-index: 2;
}

/* Style par défaut : très pâle */
.process_shape svg path { fill: #000D44; opacity: 0.05; }

/* Flèche 1 : bleue et bien visible */
.process_shape_1 svg path { fill: #3DB5E6; opacity: 1; }

/* Flèche 2 : retournée vers le haut */
.process_shape_2 svg { transform: scaleY(-1); }

/* Étapes 2 et 4 décalées vers le bas, comme sur la capture */
.elem__work:nth-child(even) { margin-top: 90px; }

/*  Style du tableau  Accreditation  */
.tbl-card{
  --navy:#0a1f4d;
  --blue:#0a4da2;
  --cyan:#3fb6e0;
  --bg:#f0fbff;
  --line:#dfe4ea;
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(10,77,162,.06);
}
.tbl-scroll{overflow-x:auto;}
.tbl-labo{width:100%;min-width:760px;border-collapse:collapse;font-family:inherit;}
.tbl-labo thead th{
  background:var(--bg);
  color:var(--navy);
  text-align:left;
  font-size:13px;
  font-weight:700;
  letter-spacing:.8px;
  text-transform:uppercase;
  padding:18px 24px;
  border-bottom:3px solid var(--cyan);
}
.tbl-labo tbody td{
  padding:20px 24px;
  font-size:16px;
  line-height:1.7;
  color:#4a5568;
  vertical-align:top;
  border-bottom:1px solid var(--line);
}
.tbl-labo tbody tr:last-child td{border-bottom:none;}
.tbl-labo tbody td:first-child{
  color:var(--navy);
  font-weight:600;
  width:28%;
}
.tbl-labo tbody td:last-child{width:20%;}
.tbl-labo tbody tr{transition:background .2s;}
.tbl-labo tbody tr:hover{background:#f7fcff;}
.pill{
  display:inline-block;
  margin:0 4px 6px 0;
  padding:5px 14px;
  border:1px solid var(--blue);
  border-radius:999px;
  color:var(--blue);
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
}
/* Ajustements propres à ce tableau à 4 colonnes (le reste vient du CSS existant) */
.tbl-labo.tbl-4col{min-width:860px;}
.tbl-labo.tbl-4col tbody td:first-child{width:16%;}
.tbl-labo.tbl-4col tbody td:nth-child(2){width:26%;}
.tbl-labo.tbl-4col tbody td:nth-child(3){width:20%;}
.tbl-labo.tbl-4col tbody td:last-child{width:38%;}
.tbl-labo.tbl-4col small{display:block;margin-top:2px;font-size:13px;color:#6b7a8a;}
.tbl-labo sup{font-size:.7em;}
.tbl-labo .pill{white-space:normal;}
.main__form-two textarea {
  width: 100%;
  background: transparent;
  border: 1px solid #38426A;
  border-radius: 25px;
  color: #D6E0FA;
  padding: 6px 10px;
  margin-bottom: 15px;
}
.cf_formw-flex .item textarea {
	height: auto !important;
}
.cf_formw-flex .item input, .cf_formw-flex .item textarea {
  padding: 6px 10px !important; 
  margin-bottom: 15px !important;
}
/* Liste déroulante Contact Form 7 : même style que les champs */
.wpcf7-form-control-wrap { display: block; width: 100%; }
.cf_formw-flex .item.liste_select {
  flex: 0 0 100%;
  max-width: 100%;
}
.nice-select {
  width: 100%;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  padding: 12px 15px;
  background: #F6F6F6;
  margin-bottom: 24px;
  line-height: 15px !important;
	font-size: inherit !important;
}
.nice-select.open .list {
  width: 100%;
}
/* Deux colonnes égales, quelle que soit la largeur du conteneur */
.devis-form .cf_formw-flex .item {
  flex: 0 0 50%;
  max-width: 50%;
}

/* Les éléments pleine largeur gardent 100 % (liste déroulante, message, fichier, bouton) */
.devis-form .cf_formw-flex .item.liste_select,
.devis-form .cf_formw-flex .item.item-full {
  flex: 0 0 100%;
  max-width: 100%;
}

/* Mobile : une seule colonne */
@media (max-width: 767px) {
  .devis-form .cf_formw-flex .item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}