/* 
Theme Name: CNPA
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Weedo Agency
Author URI: https://weedo.agency
Template: hello-elementor
Version: 1.0.1
Text Domain: cnpa
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

.search-filter { cursor: pointer; }
/* #filtre-associations.search-filter[data-enabled="true"] > .elementor-element-populated {
    box-shadow: 0px 0px 0px 5px #751001; }
#filtre-refuges.search-filter[data-enabled="true"] > .elementor-element-populated {
    box-shadow: 0px 0px 0px 5px #0E1124; }
#filtre-centresSoins.search-filter[data-enabled="true"] > .elementor-element-populated {
    box-shadow: 0px 0px 0px 5px #FF3939; }
#filtre-tribunauxJudiciaires.search-filter[data-enabled="true"] > .elementor-element-populated {
    box-shadow: 0px 0px 0px 5px #030509; }
#filtre-commissariat_police.search-filter[data-enabled="true"] > .elementor-element-populated {
    box-shadow: 0px 0px 0px 5px #161A3B; }
#filtre-gendarmerie.search-filter[data-enabled="true"] > .elementor-element-populated {
    box-shadow: 0px 0px 0px 5px #A5130D; }
#filtre-mairie.search-filter[data-enabled="true"] > .elementor-element-populated {
    box-shadow: 0px 0px 0px 5px #616E9E; }
#filtre-ddpp.search-filter[data-enabled="true"] > .elementor-element-populated {
    box-shadow: 0px 0px 0px 5px #6C7287; } */

.search-filter {
    transition: transform 0.3s ease-in-out; }
.search-filter[data-enabled="true"] {
    transform: scale(1.1); }

.result-number, .no-results { display: none; }
.result-number > .elementor-widget-container p { margin: 0; line-height: 25px; }
.result-number > .elementor-widget-container {
    width: 27px; height: 24px; text-align: center;
}

#search_form, #results-list {
    --cnpa-association : #A5130D;
    --cnpa-refuges : #1C234B;
    --cnpa-centres-soins : #FF7D7D;
    --cnpa-mairie : #37498B;
    --cnpa-tribunaux-judiciaires : #151D3B;
    --cnpa-police : #1E2E69;
    --cnpa-gendarmerie : #D40808;
    --cnpa-ddpp : #8E96B4;

    width: 100%;
}
#search_form .results {
    display: none;
    width: calc(100% - 10px);
    padding: 0 12px 4px;
    border: 1px solid #818a91;
    border-radius: 2px;
    margin-top: 8px;
    padding: 4px 12px;
    position: absolute;
    top: 40px;
    z-index: 5;
    background: white;
}
#search_form .results h3 {
    margin-bottom: 4px;
}
#search_form .results ul, #results-list ul {
    list-style: none;
    padding-left: 16px;
}
#search_form .results ul li {
    cursor: pointer;
}

#results-list ul {
    padding: 4px 8px;
}
.card {
    width: calc(33.33% - 10px); height: 250px;
    float: left; margin: 0 5px 10px;
    transition: all 0.3s ease-in-out;
    perspective: 1000px;
}
.card .inner {
    border-radius: 4px; padding: 10px 15px;
    position: relative; width: 100%; height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}
.card:hover .inner {
    transform: rotateY(180deg);
}
.card .inner h3, .card .front > a {
    margin: 0; padding: 10px 0; text-align: center; display: block;
    font-size: 16px; font-weight: 900; color: white; text-transform: uppercase;
}
.card .front { display: flex; align-items: flex-end; justify-content: center; }
.card .front h3, .card .front > a { font-size: 20px; line-height: 26px; }

.card span {
    display: block;
    word-break: break-all;
    font-size: 14px;
    color: white;
}
.card span > i { margin-right: 8px; }
.card span a { color: white; }
.card span a:hover { text-decoration: underline; }
.card span.link { float: right; }
.card span.link a {
    font-size: 26px;  color: var(--e-global-color-primary);
    background-color: white; transform: scale(0.9);
    position: absolute; bottom: 0; right: 0;
    padding: 6px 8px; border-radius: 100%;
    transition: transform 0.3s ease-in-out;
}
.card span.link a:hover { transform: scale(1); }
.card .front, .card .back {
    position: absolute; width: calc(100% - 30px); height: calc(100% - 20px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.card .back {
    transform: rotateY(1deg) rotateY(179deg);
    overflow: auto;
}

.card .inner .front { background: no-repeat center -20px/130px; }
.card.centresSoins .inner { background-color: var(--cnpa-centres-soins); }
.card.centresSoins .inner .front { background-image: url('/wp-content/uploads/2023/11/ConseilNationalDeLaProtectionAnimale-Icone-CentresSoins.svg'); }
.card.refuges .inner { background-color: var(--cnpa-refuges); }
.card.refuges .inner .front { background-image: url('/wp-content/uploads/2023/10/ConseilNationalDeLaProtectionAnimale-Icone-Refuges.svg'); }
.card.associations .inner { background-color: var(--cnpa-association); }
.card.associations .inner .front { background-image: url('/wp-content/uploads/2023/07/ConseilNationalDeLaProtectionAnimale-Icone-Associations.svg'); }
.card.mairie .inner { background-color: var(--cnpa-mairie); }
.card.mairie .inner .front { background-image: url('/wp-content/uploads/2024/02/ConseilNationalDeLaProtectionAnimale-Icone-Mairies.svg'); }
.card.tribunauxJudiciaires .inner { background-color: var(--cnpa-tribunaux-judiciaires); }
.card.tribunauxJudiciaires .inner .front { background-image: url('/wp-content/uploads/2024/02/ConseilNationalDeLaProtectionAnimale-Icone-TribunauxJudiciaires.svg'); }
.card.gendarmerie .inner { background-color: var(--cnpa-gendarmerie); }
.card.gendarmerie .inner .front { background-image: url('/wp-content/uploads/2023/07/ConseilNationalDeLaProtectionAnimale-Icone-Gendarmeries.svg'); }
.card.commissariat_police .inner { background-color: var(--cnpa-police); }
.card.commissariat_police .inner .front { background-image: url('/wp-content/uploads/2023/07/ConseilNationalDeLaProtectionAnimale-Icone-Police.svg'); }
.card.ddpp .inner { background-color: var(--cnpa-ddpp); }
.card.ddpp .inner .front { background-image: url('/wp-content/uploads/2023/07/ConseilNationalDeLaProtectionAnimale-Icone-DDPP-1.svg'); }

@media (min-width: 1200px) {
    .card { width: calc(25% - 10px); }
}
@media (max-width: 992px) {
    .card { width: calc(50% - 10px); }
}
@media (max-width: 480px) {
    .card { width: 100%; }
}

#formulaire_signalement [class*='elementor-field-group-anonymous_'], #formulaire_signalement [class*='elementor-field-group-owner_'] {
    display: none;
}