/* btn: blue */
/* html: <a class="th-btn-v1-type-2"><span class="th-btn-content"><i class="FONT_AWESOME"></i><span class="th-txt">TXT</span></span></a> */
.th-btn-v1-type-3 {display: inline-block; border: 1px solid #ededed; border-radius: 8px; background-color: #000094; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #fff; padding: 2px 8px;}
.th-btn-v1-type-3:hover {background-color: #000094; color: #fff; text-decoration: none;}
.th-btn-v1-type-3 .th-btn-content {display: flex; height: 42px; justify-content: center; align-items: center; padding:0 20px;}
.th-btn-v1-type-3 .th-btn-content i {padding-right: 10px;}
.th-btn-v1-type-3 .th-btn-content .th-txt {}
.th-btn-v1-type-3.inactive {color: #d3d3d3;}

/* Explorer Page */
/* ------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------ */

.th-forest-explorer-page {}
.th-forest-explorer-page .th-forest-explorer-grid {display: grid; grid-template-columns: 1fr 1fr;}
.th-forest-explorer-page .th-forest-explorer-grid .th-forest-explorer-map-container {}
.th-forest-explorer-page .th-forest-explorer-grid .th-forest-explorer-map-box {background-color: #eee; height: 600px;}
.th-forest-explorer-page .th-forest-explorer-grid .th-forest-explorer-shop-results-container {padding: 0 40px;}
.th-forest-explorer-page .th-forest-explorer-grid .th-forest-explorer-shop-results-container .th-forest-explorer-search-grid {display: grid; grid-template-columns: 1fr 1fr auto; border: 1px solid #ededed; border-radius: 12px; padding: 10px; margin-bottom: 15px;}
.th-forest-explorer-page .th-forest-explorer-grid .th-forest-explorer-shop-results-container .th-forest-explorer-search-grid .th-forest-explorer-search-container {}
.th-forest-explorer-page .th-forest-explorer-grid .th-forest-explorer-shop-results-container .th-forest-explorer-search-grid .th-forest-explorer-search-container:nth-child(1) {border-right: 1px solid #ededed; padding-left: 15px;}
.th-forest-explorer-page .th-forest-explorer-grid .th-forest-explorer-shop-results-container .th-forest-explorer-search-grid .th-forest-explorer-search-container:nth-child(2) {padding-left: 20px;}
.th-forest-explorer-page .th-forest-explorer-grid .th-forest-explorer-shop-results-container .th-forest-explorer-search-grid .th-forest-explorer-search-container .th-search-title {font-weight: 700; text-transform: uppercase; padding-bottom: 10px;}
.th-forest-explorer-page .th-forest-explorer-grid .th-forest-explorer-shop-results-container .th-forest-explorer-search-grid .th-forest-explorer-search-container .th-search-value {}
.th-forest-explorer-page .th-forest-explorer-grid .th-forest-explorer-shop-results-container .th-forest-explorer-search-grid .th-forest-explorer-search-container .th-search-value .btn-default {border: 0; font-size: 14px;}
.th-forest-explorer-page .th-forest-explorer-grid .th-forest-explorer-shop-results-container .th-forest-explorer-search-grid .th-forest-explorer-search-container .th-search-value .btn-default:hover {background-color: #fff;}

.th-forest-explorer-page .th-forest-explorer-grid .th-forest-explorer-shop-results-container .th-forest-explorer-search-grid .th-forest-explorer-search-container .th-search-value .btn {padding: 6px 0;}
.th-forest-explorer-page .th-forest-explorer-grid .th-forest-explorer-shop-results-container .th-forest-explorer-search-grid .th-forest-explorer-search-container .th-search-value input {border: 0; font-size: 14px;}

.th-forest-explorer-page .th-forest-explorer-grid .th-forest-explorer-shop-results-container .th-forest-explorer-search-grid .th-forest-explorer-search-container .th-search-value .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {background-color: #fff;}



.th-forest-index-shops {padding: 30px 0; overflow-y: auto; /* Activer le défilement vertical si le contenu dépasse */ max-height: 70vh;}
.th-forest-index-shops .th-title-group {}
.th-forest-index-shops .th-title-group .th-custom-design-subtitle {color: #656565;}
.th-forest-explorer-page .th-forest-index-shops .th-index-shops-grid {display: grid; grid-template-columns: 1fr 1fr 1fr; padding: 20px 0;}
.th-forest-index-shops .th-index-shops-grid .th-index-shop-container {margin: 5px; border: 1px solid #ededed; padding: 5px; border-radius: 12px;}
.th-forest-index-shops .th-index-shops-grid .th-index-shop-container .th-index-shop-img-box {position: relative;}
.th-forest-index-shops .th-index-shops-grid .th-index-shop-container .th-index-shop-img-box img {object-fit: cover; width: 100%; height: 150px; border-radius: 12px;}
.th-forest-index-shops .th-index-shops-grid .th-index-shop-container .th-index-shop-img-box .th-index-type-shop-box {position: absolute; top: 10px; left: 10px; background-color: #ed5321; padding: 5px 10px; color: #fff; font-size: 12px; border-radius: 5px;}
.th-forest-index-shops .th-index-shops-grid .th-index-shop-container .th-index-shop-content-group {position: relative; padding: 20px 20px 10px 20px;}
.th-forest-index-shops .th-index-shops-grid .th-index-shop-container .th-index-shop-content-group .th-index-shop-title {font-size: 16px; font-weight: 700; text-transform: uppercase; padding-bottom: 10px;}
.th-forest-index-shops .th-index-shops-grid .th-index-shop-container .th-index-shop-content-group .th-index-shop-description {font-size: 12px; color: #888888; margin-bottom: 40px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 4.5em; /* 3 lines * line-height (1.5em here) */}
.th-forest-index-shops .th-index-shops-grid .th-index-shop-container .th-index-shop-content-group .th-index-shop-info-container {display: flex; justify-content: flex-start; align-items: center; position: absolute; bottom: 5px; border-top: 1px solid #ededed; padding-top: 5px; right: 20px; left: 20px;}
.th-forest-index-shops .th-index-shops-grid .th-index-shop-container .th-index-shop-content-group .th-index-shop-info-container .th-openings-box {display: inline-block; padding-right: 15px; font-size: 12px;}
.th-forest-index-shops .th-index-shops-grid .th-index-shop-container .th-index-shop-content-group .th-index-shop-info-container .th-openings-box i {padding-right: 5px;}
.th-forest-index-shops .th-index-shops-grid .th-index-shop-container .th-index-shop-content-group .th-index-shop-info-container .th-openings-box i {padding-right: 5px;}
.th-forest-index-shops .th-index-shops-grid .th-index-shop-container .th-index-shop-content-group .th-index-shop-info-container .th-openings-box span {background-color: #f2f2f2; border-radius: 50px; padding: 3px 10px;}
.th-forest-index-shops .th-index-shops-grid .th-index-shop-container .th-index-shop-content-group .th-index-shop-info-container a.th-contact-box {display: inline-block; font-size: 12px; color: #1d1d1d;}
.th-forest-index-shops .th-index-shops-grid .th-index-shop-container .th-index-shop-content-group .th-index-shop-info-container .th-contact-box i {padding-right: 5px;}
.th-forest-index-shops .th-index-shops-grid .th-index-shop-container .th-index-shop-content-group .th-index-shop-info-container .th-show-map-box {display: inline-block; font-size: 12px; margin-left: auto;}
.th-forest-index-shops .th-index-shops-grid .th-index-shop-container .th-index-shop-content-group .th-index-shop-info-container .th-show-map-box i {padding-right: 5px;}
.th-forest-index-shops .th-index-shops-grid .th-index-shop-container .th-index-shop-content-group .th-index-shop-info-container .th-show-map-box a {color: #000; display: inline-block; border-radius: 50px; padding: 3px 10px; background-color: #f2f2f2;}
.th-forest-index-shops .th-index-shops-grid .th-index-shop-container .th-index-shop-content-group .th-index-shop-info-container .th-show-map-box a:hover {text-decoration: none;}
.th-forest-index-shops .th-btn-container {text-align: right;}

/* ------------------------------------------------------------------------------------- */
/* * Media Queries                                                                       */
/* standard "@media (max-width : px) {}": 1199px (col-md) | 991px (col-sm) | 767px (col-xs) | 500px | 400px */

@media (max-width : 2500px) {
    .th-forest-explorer-page .th-forest-index-shops .th-index-shops-grid {grid-template-columns: 1fr 1fr;}
}

@media (max-width : 991px) {
    .th-forest-index-shops .th-index-shops-grid {grid-template-columns: 1fr 1fr 1fr;}
}

@media (max-width : 767px) {
    .th-forest-index-shops .th-index-shops-grid {grid-template-columns: 1fr 1fr;}
}