/*
 * Campy Yallaa — Overrides CSS
 * Basé sur la config Redux exportée le 07-07-2026
 *
 * Charte :
 *   #54af48  → vert principal (wp_estate_main_color)
 *   #293d1c  → vert foncé    (wp_estate_link_color / headings)
 *   #000000  → fond footer   (wp_estate_footer_back_color)
 *   #ffffff  → texte footer  (wp_estate_footer_font_color)
 *   Montserrat → police principale
 *   border-radius 33px → cohérent avec Elementor
 */

/* ================================================
   FOOTER SOCIAL ICONS
   (wp_estate_custom_css du backup)
   ================================================ */
#colophon .social_sidebar_internal a {
    background-color: #f5f4f4;
}
#colophon .social_sidebar_internal i {
    color: #39364e;
}

/* ================================================
   PRIX : remplacer "/nuit" par "/jour"
   ================================================ */
.pernight {
    visibility: hidden;
    font-size: 0;
    display: inline;
}
.pernight::after {
    content: " /jour";
    visibility: visible;
    font-size: 14px;
    color: #54af48;
}

/* ================================================
   ARRONDI DES CARTES
   33px = valeur Elementor du site
   ================================================ */
.property_listing,
.property_unit_wrap,
.blog_unit_back,
.places_wrapper {
    border-radius: 33px;
    overflow: hidden;
}

.listing-unit-img-wrapper {
    border-radius: 33px 33px 0 0;
    overflow: hidden;
}

/* ================================================
   BOUTONS — Gradient vert Campy Yallaa
   ================================================ */
#submit_booking_front,
#submit_booking_front_instant,
.wpestate_booking_button,
.check_avalability,
.advanced_search_submit_button,
#advanced_submit_2,
#advanced_submit_3,
#advanced_submit_widget,
#form_submit_1,
#submit_mess_front,
#book_dates {
    background: linear-gradient(90deg, #54af48 50%, #54af48 100%) !important;
    border-radius: 33px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    border-color: #54af48 !important;
}

#submit_booking_front:hover,
#submit_booking_front_instant:hover,
.wpestate_booking_button:hover,
.check_avalability:hover,
.advanced_search_submit_button:hover {
    background: linear-gradient(90deg, #293d1c 50%, #293d1c 100%) !important;
    border-color: #293d1c !important;
}

/* ================================================
   FORMULAIRE DE RÉSERVATION — Date labels
   ================================================ */
.wpestate_booking_checkin_label::after  { content: " (départ)"; font-size: 11px; color: #888; }
.wpestate_booking_checkout_label::after { content: " (retour)"; font-size: 11px; color: #888; }

/* ================================================
   PRIX / CARTES LISTING
   ================================================ */
.price_unit,
.listing_unit_price_wrapper,
.idx-price {
    color: #54af48 !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

/* ================================================
   BADGE "Vérifié"
   ================================================ */
.status_verifie {
    background-color: #54af48 !important;
    color: #fff !important;
    border-radius: 4px;
    padding: 2px 8px;
}

/* ================================================
   MENU — respecte la config Redux
   menu_font_color       : #293d1c
   top_menu_hover        : #54af48
   active_menu_font      : #54af48
   sticky_menu_font      : #293d1c
   ================================================ */
#access ul.menu > li > a {
    color: #293d1c;
    font-size: 15px; /* wp_estate_top_menu_font_size */
}
#access .menu li:hover > a,
#access .current-menu-item > a,
#access .current-menu-ancestor > a {
    color: #54af48 !important;
}

/* ================================================
   HEADER — hauteur 90px (wp_estate_header_height)
   ================================================ */
.header_wrapper_inside {
    height: 90px;
}
.header_type1 .menu > li {
    height: 90px;
    line-height: 44px;
}

/* ================================================
   FOOTER
   footer_back_color     : #000000
   footer_font_color     : #ffffff
   footer_copy_back      : #000000
   footer_copy_color     : #ffffff
   ================================================ */
#colophon {
    background-color: #000000;
    color: #ffffff;
}
#colophon a {
    color: #ffffff;
}
#colophon a:hover {
    color: #54af48;
}
.sub_footer {
    background-color: #000000;
    color: #ffffff !important;
}
.subfooter_menu a,
.subfooter_menu li a {
    color: #ffffff !important;
}
.subfooter_menu a:hover {
    color: #54af48 !important;
}

/* ================================================
   BACKTOP — cohérent avec le site
   ================================================ */
.backtop {
    background-color: #54af48 !important;
    color: #ffffff !important;
    border-radius: 50%;
}

/* ================================================
   CHAMPS IMMOBILIERS INUTILES — masqués
   (piscine, garage, année construction)
   ================================================ */
.property_year_wrapper,
.property_pool_wrapper,
.property_garage_wrapper {
    display: none !important;
}

/* ================================================
   TYPO GÉNÉRALE — Montserrat comme config
   ================================================ */
body,
h1, h2, h3, h4, h5, h6,
.info_details,
.price_unit,
.property_price {
    font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #293d1c; /* wp_estate_headings_color */
}

a {
    color: #293d1c; /* wp_estate_link_color */
}
a:hover,
a:focus {
    color: #54af48;
}

/* ================================================
   QUANTITÉ — Renommer "Invités" en "Quantité"
   dans le formulaire de réservation
   ================================================ */

/* Label "Invités" → "Quantité souhaitée" */
.wpestate_guest_no_buttons_title_labels,
label[for="guest_no"],
.guest_no_label {
    font-size: 0 !important; /* cache le texte original */
}
.wpestate_guest_no_buttons_title_labels::before,
label[for="guest_no"]::before {
    content: "Quantité souhaitée";
    font-size: 14px !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #293d1c;
}

/* Ligne de détail "35 DT × 3 invités × 2 nuits" :
   remplacer "nuits" par "jours" dans le récapitulatif */
.booking_details_price_line .pernight,
.total_booking_section .pernight {
    font-size: 0 !important;
}
.booking_details_price_line .pernight::after,
.total_booking_section .pernight::after {
    content: " /jour";
    font-size: 13px;
}

/* ================================================
   DEVISE DT — déjà géré par WPRentals
   Mais on s'assure que le format est propre
   ================================================ */
.woocommerce-Price-currencySymbol {
    font-weight: normal;
}