/* 
Theme Name: Hello Elementor Child
Theme URI: https://sa3.fr/
Description: thême créé pour Sa3
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementorchild
*/

/* Add your custom styles here */


/********************************************************************************************/
/* générique */
/********************************************************************************************/
body{overflow-x: hidden;} /* Empêche l'apparition de l'ascenseur horizontal causée par les effets de mouvement vers la droite ou la gauche d'Elementor */
/*body > div.elementor{overflow-x: hidden;}*/ /* Empêche l'apparition de l'ascenseur horizontal causée par les effets de mouvement vers la droite ou la gauche d'Elementor */

/* accessibilité */
/*a:hover, a:focus {border: dotted 1px #7f7f7f !important;}*/
a:focus {border: dotted 1px #d51224 !important;}
button:focus {border: dotted 1px #d51224 !important;}

/* class */
.clearBoth{clear:both !important;height:0px !important; overflow: hidden !important;border:none !important;padding:0 !important;margin:0 !important;}

/********************************************************************************************/
/* elementor */
/********************************************************************************************/
.elementor-text-editor h2{color:inherit  !important;}
.elementor-text-editor h3{color:inherit  !important;}
.elementor-text-editor h4{color:inherit  !important;}
.elementor-text-editor a{text-decoration: underline !important;color:inherit  !important;}
.elementor-text-editor a:hover, .elementor-text-editor a:focus{text-decoration: underline dotted !important;color:inherit  !important;}
.elementor-text-editor p:last-child {margin-bottom:0px;}

.elementor-widget-text-editor h2{color:inherit  !important;}
.elementor-widget-text-editor h3{color:inherit  !important;}
.elementor-widget-text-editor h4{color:inherit  !important;}
.elementor-widget-text-editor a{text-decoration: underline !important;color:inherit  !important;}
.elementor-widget-text-editor a:hover, .elementor-widget-text-editor a:focus{text-decoration: underline dotted !important;color:inherit  !important;}
.elementor-widget-text-editor p:last-child {margin-bottom:0px;}
.elementor-widget-text-editor ul {margin-bottom:15px;}

.elementor-tab-content h3{color:inherit  !important;}
.elementor-tab-content h4{color:inherit  !important;}
.elementor-tab-content h5{color:inherit  !important;}
.elementor-tab-content h6{color:inherit  !important;}
.elementor-tab-content a{text-decoration: underline !important;color:inherit  !important;}
.elementor-tab-content p:last-child {margin-bottom:0px;}
.elementor-tab-content a:hover, .elementor-tab-content a:focus{text-decoration: underline dotted !important;color:inherit  !important;}

/* permet de ne pas avoir l'encadrement sur le texte lors du clic sur l'onglet des va et vient */
.elementor-toggle-title{display: block;} 

/* elementor pagination */
.elementor-pagination{padding: 20px;}
.elementor-pagination .page-numbers{font-size: 15px;line-height: 20px;padding: 10px 15px;margin: 5px;color:#FFFFFF;background: #d5c997;transition: all .5s;border-radius: 20px;}
.elementor-pagination .page-numbers:hover{font-size: 15px;line-height: 20px;padding: 10px 15px;color:white;background: #807657;transition: all .5s;border-radius: 20px;}
.elementor-pagination .page-numbers.current{font-size: 15px;line-height: 20px;padding: 10px 15px;color:white;background: #807657;transition: all .5s;border-radius: 20px;}

/* boucle carousel */
/* bug : les icônes de navigation ne sont pas centrées */ 
/* bug elementor : https://github.com/elementor/elementor/issues/23250 */
/*.swiper-pagination{transform: matrix(1, 0, 0, 1, 0, -15) !important;}*/
/* .swiper-pagination{transform:translate3d(0,0,0) !important;} */ /* utilisé sur cepie concept */

/********************************************/
/* xxxx */
/********************************************/

/********************************************************************************************/
/* plugins */
/********************************************************************************************/

/* ********************************************************************/
/* formulaire gravity : formulaire */
/* ********************************************************************/
/* lien politique de confidentialité souligné */
.gform_wrapper label a{text-decoration: underline;}

/* aligner le bouton submit à droite */
body .gform_wrapper .gform_footer{justify-content: flex-end;}

/* ********************************************************************/
/* OSM elementor */
/* ********************************************************************/
/* permet de définir la largeur minimale de l'infobulle */
.leaflet-popup-content{min-width:150px;}

/* ********************************************************************/
/* TablePress */
/* ********************************************************************/
.SpongeJet > thead > tr > th {background-color: #3A497C;padding: 15px;color: white;border: solid 2px white;}
.SpongeJet > tbody > tr > td {padding: 15px; border: solid 2px white;}
.SpongeJet > tbody > tr > .column-1 {background-color: #bfceff9f;}

/*tableau comparatif sponjet*/
table.tablepress.SpongeJetCompare{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;}
 
/* ---------- Reset des styles TablePress par défaut ---------- */
table.tablepress.SpongeJetCompare th,table.tablepress.SpongeJetCompare td{border:0;padding:1rem 1.5rem;background:#fff;line-height:1.4;}
 
/* ---------- En-tête ---------- */
table.tablepress.SpongeJetCompare thead th{font-size:1.25rem;border-bottom:2px solid #D8E1FF;}
table.tablepress.SpongeJetCompare  > thead > tr > th.column-1.dt-orderable-none {border-top: none;}
table.tablepress.SpongeJetCompare  > thead > tr > th.column-2.dt-orderable-none {border-top: none;}
 
/* Colonne Sponge Jet : en-tête mis en avant */
table.tablepress.SpongeJetCompare thead th.column-3{background:#3A497C;color:#fff;font-size:1.5rem;border-bottom:0;border-radius:.75rem .75rem 0 0;}

/* ---------- Corps du tableau ---------- */
table.tablepress.SpongeJetCompare tbody td{border-bottom:1px solid rgba(58,73,124,.2);position:relative;}
table.tablepress.SpongeJetCompare tbody td.column-1{font-weight:600}
table.tablepress.SpongeJetCompare tbody td.column-2{;padding-left:3.5rem}
table.tablepress.SpongeJetCompare tbody td.column-3{background:#D8E1FF;color:#3A497C;font-weight:600;padding-left:3.5rem;border-left:2px solid #3A497C;border-right:2px solid #3A497C;}
table.tablepress.SpongeJetCompare tbody tr:last-child td.column-3{border-bottom:2px solid #3A497C;border-radius:0 0 .75rem .75rem;}
 
/* Survol des lignes (colonnes 1 et 2 uniquement) */
table.tablepress.SpongeJetCompare tbody tr:hover td.column-1,table.tablepress.SpongeJetCompare tbody tr:hover td.column-2{background:#f4f6ff;}
 
/* ---------- Pastilles « – » et « ✓ » ---------- */
table.tablepress.SpongeJetCompare tbody td.column-2::before,table.tablepress.SpongeJetCompare tbody td.column-3::before{content:"–";content:"–" / "";position:absolute;left:1.5rem;top:50%; transform:translateY(-50%);display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#D8E1FF;color:#3A497C;font-weight:700;line-height:1;}
table.tablepress.SpongeJetCompare tbody td.column-3::before{content:"✓";content:"✓" / "";background:#3A497C;color:#fff;font-size:.85rem;}

@media (max-width: 767px) {
  table.tablepress.SpongeJetCompare { display: block; width: 100% !important; table-layout: auto; margin: 0 0 1.5rem; }
  table.tablepress.SpongeJetCompare thead { display: none; }
  table.tablepress.SpongeJetCompare tbody { display: grid; gap: .75rem; }

  /* Une carte par critère */
  table.tablepress.SpongeJetCompare tbody tr {display: grid; grid-template-columns: 1fr 1fr;border: 1px solid rgba(58,73,124,.2); border-radius: .75rem;overflow: hidden; background: #fff;}
  table.tablepress.SpongeJetCompare tbody td {display: block; padding: .75rem 1rem !important;border: 0 !important; border-radius: 0 !important; font-size: .95rem;}
  table.tablepress.SpongeJetCompare tbody td.column-1 {grid-column: 1 / -1; background: #3a497c !important; color: #fff;font-size: 1rem; padding: .65rem 1rem !important;}
  table.tablepress.SpongeJetCompare tbody td.column-2 { background: #fff !important; }
  table.tablepress.SpongeJetCompare tbody td.column-3 { background: #d8e1ff !important; }
	 /* Les pastilles deviennent des libellés au-dessus des valeurs */
  table.tablepress.SpongeJetCompare tbody td.column-2::before,
  table.tablepress.SpongeJetCompare tbody td.column-3::before {position: static; transform: none; display: flex; align-items: center; gap: .4rem;width: auto; height: auto; border-radius: 0; background: none;margin-bottom: .35rem; font-size: .7rem; font-weight: 700;text-transform: uppercase; letter-spacing: .03em; line-height: 1.2;color: #3a497c; opacity: .75;}
  table.tablepress.SpongeJetCompare tbody td.column-2::before { content: "– Sablage traditionnel"; }
  table.tablepress.SpongeJetCompare tbody td.column-3::before { content: "✓ Sponge Jet"; opacity: 1; color: #3a497c; }
}

/********************************************************************************************/
/* PRINT */
/********************************************************************************************/
/*
@media print {
}
*/