/*
Theme Name: ICC Prototype Theme
Theme URI: http://example.com/icc-prototype-theme
Author:       Anthony Baucal
Author URI: http://example.com
Description: Thème WordPress mobile-first basé sur l’architecture ICC et prototype HTML.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: icc-prototype
*/

 @charset "UTF-8";



@font-face {
    font-family: 'Helvetica';
    src: url('./fonts/Helvetica.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'NewsGothicMt';
    src: url('./fonts/NWGTHC.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'NewsGothicMt';
    src: url('./fonts/NWGTHCB.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'NewsGothicMt';
    src: url('./fonts/NWGTHCI.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
}

body {
    background-color: #ECF1FF;
}

body,
p {
    font-family: 'Helvetica', Arial, sans-serif;
}

.link_simulateur > a {
    color: #FF753A !important;
}

h1{
    font-family: 'NewsGothicMt', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #2E488F;
}
h2 {
    font-family: 'NewsGothicMt', sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    color: #2E488F;

}

h3 {
    font-family: 'NewsGothicMt', sans-serif;
}

h4 {
    font-family: 'NewsGothicMt', sans-serif;
    font-weight: 600;
    font-size: 22px !important;
}


h5 {
    font-family: 'NewsGothicMt', sans-serif;
    font-weight: 700;
    line-height: 150%;
    color: #FF753A;
}


*::-webkit-scrollbar {
    display: none;
}



* {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

details[open] ul {
    animation: slideDown 0.3s ease-in-out;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

details>summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding-right: 1rem;
}

details[open]>summary img.icon {
    transform: rotate(180deg);
}

details>summary img.icon {
    width: 24px;
    height: 24px;
    transition: transform 0.3s ease;
}

#navbarIcon span:nth-child(1) {
    transform: translateY(-8px);
}

#navbarIcon span:nth-child(3) {
    transform: translateY(8px);
}

#navbarIcon.open span:nth-child(1) {
    transform: rotate(45deg) translateY(0);
}

#navbarIcon.open span:nth-child(2) {
    opacity: 0;
}

#navbarIcon.open span:nth-child(3) {
    transform: rotate(-45deg) translateY(0);
}

#gform_1 input,
#gform_1 textarea {
    padding: 16px 8px;
    border: #2E488F 2px solid;
    border-radius: 6px;
    outline-color: #2E488F;
}

#gform_1 input::placeholder {
    color: #2E488F;
}

#gform_1 textarea::placeholder {
    color: #2E488F;
    border-color: #2E488F;
    padding: 4px;
}

input[type='checkbox']+label {
    color: #FF753E;
    font-weight: 600;
}

input[type='checkbox'] {
    width: 20px;
    height: 20px;
}

input[type='submit']:not(#submitCapaciteAcquisition,.submitSimulator) {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: white;
    background-color: #2E488F;
    font-weight: 700;
    padding: 12px 20px;
}

[type='submit']:not(#submitCapaciteAcquisition,.submitSimulator, #grille_container_simulateur>)::after {
    content: '<svg class="w-4 ml-2 " viewBox="0 0 24 24 " fill="none " xmlns="http://www.w3.org/2000/svg " stroke="#ffffff "><g id="SVGRepo_bgCarrier " stroke-width="0 "></g><g id="SVGRepo_tracerCarrier " stroke-linecap="round" stroke-linejoin="round "></g><g id="SVGRepo_iconCarrier "> <path d="M4 12H20M20 12L16 8M20 12L16 16 " stroke="#FFFFFF " stroke-width="2 " stroke-linecap="round " stroke-linejoin="round "></path> </g></svg>';
}

footer .textwidget {
    text-align: center;
}

.masonry {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1px;
}

.masonry>* {
    grid-row: span calc(var(--row-span, 1));
}

.button_agence a {
    border-radius: 12px !important;
    transition: all ease 200ms !important;
}

.button_agence:hover a {
    background-color: #FF753E !important;
}

.facetwp-radius-slider {
    margin-top: 24px;
    -webkit-appearance: none;
    appearance: none;
    width: 'auto';
    height: 8px;
    border-radius: 8px;
    background: #ddd; 
    outline: none;
    cursor: pointer;
}


.facetwp-radius-slider::-webkit-slider-runnable-track {
    background: #ddd;
    height: 8px;
    border-radius: 8px;
    position: relative;
}


.facetwp-radius-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #FF753E;
    margin-top: -4px; 
    margin-left: 10px;
}


.facetwp-radius-slider::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #FF753E;
}


.facetwp-radius-slider::-moz-range-progress {
    background: #FF753E;
    height: 8px;
    border-radius: 8px;
}


.facetwp-radius-slider::-webkit-slider-runnable-track {
    background: linear-gradient(to right, #FF753E 50%, #ddd 50%);
}

.submitSimulator{
    width: calc(1/2 * 100%)!important;
    border-radius: 6px !important;
    background-color: #FF753A!important;
    padding:14px;
}

#grille_container_simulateur select{
    background-color:white;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */

}


#galleryContainer:hover div .gallery_card_item:not(:hover) img {
    filter: grayscale(100%);
}



.inner_container {
    padding-top: 16px;
    padding-bottom: 24px;
}



.vc_single_image-img {
  image-orientation: none; /* force l’EXIF à être ignoré */
}

/* 1) Reset tous les descendants, sauf le form #gform_1 et ses enfants */
/* 2) Optionnel : traiter différemment les enfants directs (doit venir APRÈS) */
.reset-paragraphe *:not(:is(#gform_wrapper_1, #gform_wrapper_1 *,script)) {
  all: revert !important;
}
.reset-paragraphe > *:not(#gform_wrapper_1, #gform_wrapper_1 *,script) {
  all: unset !important;
}

.wpb_text_column, p ,h3 {
    color:#141d50 ; 
 
}

.faq-content > p {
color:white
}
/* Restaurer les puces des listes supprimées par Tailwind */
ul:not(:is(footer *)) {
    list-style: disc;
    margin-left: 1.5rem;
    padding-left: 0;
}

ol:not(:is(footer *)) {
    list-style: decimal;
    margin-left: 1.5rem;
    padding-left: 0;
}

ul ul:not(:is(footer *)) {
    list-style: circle;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

ol ol:not(:is(footer *)) {
    list-style: lower-alpha;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

ul ol:not(:is(footer *)), ol ul:not(:is(footer *)) {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
details[name^="accordeons"]  p, div p {
    color:#141d50 ; 
}
/* Exceptions pour les éléments qui ne doivent pas avoir de puces */
nav ul,
nav ol,
.menu ul,
.menu ol,
.navigation ul,
.navigation ol,
.breadcrumb ul,
.breadcrumb ol,
.pagination ul,
.pagination ol {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.lower-footer{
    color:white ; 
}

article a:not(.card_image) {
    color: #FF753A;
    font-weight: 700;
    text-decoration: underline;
}

.card_image * {
    text-decoration: none !important;
}

a[href^="tel:"] {
    text-decoration: underline;
    text-decoration-color: #FF753E !important;
}

a[href^="mailto:"] {
    text-decoration: underline;
    text-decoration-color: #FF753E !important;
}