/*
Theme Name: Divi Pershing Live
Theme URI: https://pershing-live.212-227-178-56.plesk.page
Template: Divi
Author: Minerve Web Studio
Author URI: https://minervewebstudio.com
Description: Thème enfant Divi pour Pershing Live
Version: 1.0.1
License: GNU General Public License v2 or later
*/

/* Polices personnalisees Perching Life (servies depuis staging pour eviter CORS) */
@font-face {
    font-family: 'ABLATION';
    font-display: swap;
    src: url('https://pershing-live.212-227-178-56.plesk.page/wp-content/uploads/et-fonts/FontsFree-Net-Ablation_PersonalUse.ttf') format('truetype');
}
@font-face {
    font-family: 'ABLATION BOLD';
    font-display: swap;
    src: url('https://pershing-live.212-227-178-56.plesk.page/wp-content/uploads/et-fonts/Ablation-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'COCO Goth2';
    font-display: swap;
    src: url('https://pershing-live.212-227-178-56.plesk.page/wp-content/uploads/et-fonts/CocoGothic-Bold_trial.ttf') format('truetype');
}
@font-face {
    font-family: 'Open sauce7';
    font-display: swap;
    src: url('https://pershing-live.212-227-178-56.plesk.page/wp-content/uploads/et-fonts/OpenSauceOne-Regular.ttf') format('truetype');
}

/* Masquer les sections EN sur les pages FR (via Polylang html[lang] attribute) */
html[lang^="fr"] .en {
    display: none !important;
}

/* Masquer les sections FR sur les pages EN */
html[lang^="en"] .fr {
    display: none !important;
}

/* =====================================================
   BOUTONS HOMEPAGE - Style doré (override Divi 4.27.6)
   Ciblage précis : UNIQUEMENT les boutons de la page
   (pas les boutons header/footer qui ont leur propre style)
   Réplication exacte du CSS production Divi 4.25.x
   ===================================================== */

/* Style doré pour les 5 boutons de la page */
body #page-container .et_pb_section .et_pb_button_0,
body #page-container .et_pb_section .et_pb_button_1,
body #page-container .et_pb_section .et_pb_button_2,
body #page-container .et_pb_section .et_pb_button_3,
body #page-container .et_pb_section .et_pb_button_4 {
    color: #FFFFFF !important;
    border-width: 0px !important;
    border-color: #FFFFFF;
    border-radius: 100px;
    font-size: 30px;
    font-family: 'ABLATION', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 100 !important;
    background-color: #d5a06f;
}

/* Icône dollar désactivée au hover (arrow Divi cachée) */
body #page-container .et_pb_section .et_pb_button_0:after,
body #page-container .et_pb_section .et_pb_button_1:after,
body #page-container .et_pb_section .et_pb_button_2:after,
body #page-container .et_pb_section .et_pb_button_3:after,
body #page-container .et_pb_section .et_pb_button_4:after {
    display: none;
}

/* Icône $ à gauche via :before */
body #page-container .et_pb_section .et_pb_button_0:before,
body #page-container .et_pb_section .et_pb_button_1:before,
body #page-container .et_pb_section .et_pb_button_2:before,
body #page-container .et_pb_section .et_pb_button_3:before,
body #page-container .et_pb_section .et_pb_button_4:before {
    content: attr(data-icon);
    font-family: ETmodules !important;
    font-weight: 400 !important;
    line-height: inherit;
    font-size: inherit !important;
    opacity: 0;
    margin-left: -1.3em;
    right: auto;
    display: inline-block;
}

/* Box-shadow + transition */
.et_pb_button_0,
.et_pb_button_0:after,
.et_pb_button_1,
.et_pb_button_1:after,
.et_pb_button_2,
.et_pb_button_2:after,
.et_pb_button_3,
.et_pb_button_3:after,
.et_pb_button_4,
.et_pb_button_4:after {
    transition: all 300ms ease 0ms;
}

.et_pb_button_0,
.et_pb_button_1 {
    box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.3);
}

.et_pb_button_2,
.et_pb_button_3,
.et_pb_button_4 {
    box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.3);
    min-width: 400px;
}

/* Padding top/bottom 0 pour boutons 0 et 1 (RESERVATION) */
.et_pb_button_0_wrapper .et_pb_button_0,
.et_pb_button_0_wrapper .et_pb_button_0:hover,
.et_pb_button_1_wrapper .et_pb_button_1,
.et_pb_button_1_wrapper .et_pb_button_1:hover {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* Marges wrappers - bouton 0 (RESERVATION BAR) */
.et_pb_button_0_wrapper {
    margin-top: 5em !important;
    margin-bottom: 0px !important;
}

/* Marges wrappers - bouton 1 (RESERVATION ADVENTURE) */
.et_pb_button_1_wrapper {
    margin-top: 10px !important;
    margin-bottom: 0px !important;
}

/* Marges wrappers - boutons 2, 3, 4 (BAR / ADVENTURE / PRIVATISATION) */
.et_pb_button_2_wrapper,
.et_pb_button_3_wrapper,
.et_pb_button_4_wrapper {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

/* Responsive mobile : font-size 22px */
@media (max-width: 980px) {
    body #page-container .et_pb_section .et_pb_button_0,
    body #page-container .et_pb_section .et_pb_button_1,
    body #page-container .et_pb_section .et_pb_button_2,
    body #page-container .et_pb_section .et_pb_button_3,
    body #page-container .et_pb_section .et_pb_button_4 {
        font-size: 22px !important;
    }
    .et_pb_button_2,
    .et_pb_button_3,
    .et_pb_button_4 {
        min-width: 400px;
    }
}

@media (max-width: 767px) {
    .et_pb_button_2,
    .et_pb_button_3,
    .et_pb_button_4 {
        min-width: 94%;
    }
    .et_pb_button_2_wrapper,
    .et_pb_button_3_wrapper,
    .et_pb_button_4_wrapper {
        margin-top: 0px !important;
        margin-bottom: 60px !important;
    }
}

/* =====================================================
   BOUTON HEADER - PRIVATISER / PRIVATIZE
   Style : brun #623e2a, fond transparent doré, border 1px
   ===================================================== */
body #page-container .et_pb_section .et_pb_button_0_tb_header,
body #page-container .et_pb_section .et_pb_button_1_tb_header {
    color: #623e2a !important;
    border-width: 1px !important;
    border-radius: 0px;
    letter-spacing: 4px;
    font-size: 16px;
    font-weight: 600 !important;
    background-color: rgba(213, 160, 111, 0.32);
}

body #page-container .et_pb_section .et_pb_button_0_tb_header,
body #page-container .et_pb_section .et_pb_button_0_tb_header:hover,
body #page-container .et_pb_section .et_pb_button_1_tb_header,
body #page-container .et_pb_section .et_pb_button_1_tb_header:hover {
    padding: 0.3em 1em !important;
}

body #page-container .et_pb_section .et_pb_button_0_tb_header:before,
body #page-container .et_pb_section .et_pb_button_0_tb_header:after,
body #page-container .et_pb_section .et_pb_button_1_tb_header:before,
body #page-container .et_pb_section .et_pb_button_1_tb_header:after {
    display: none !important;
}

.et_pb_button_0_tb_header,
.et_pb_button_0_tb_header:after,
.et_pb_button_1_tb_header,
.et_pb_button_1_tb_header:after {
    transition: all 300ms ease 0ms;
}

.et_pb_button_0_tb_header_wrapper,
.et_pb_button_1_tb_header_wrapper {
    margin-top: 8px !important;
}

@media (max-width: 980px) {
    .et_pb_button_0_tb_header_wrapper,
    .et_pb_button_1_tb_header_wrapper {
        margin-top: 16px !important;
    }
}

@media (max-width: 767px) {
    .et_pb_button_0_tb_header_wrapper,
    .et_pb_button_1_tb_header_wrapper {
        margin-top: 0px !important;
    }
}

/* =====================================================
   BOUTONS FOOTER - BOOKING / PRIVATIZE / RESERVER / PRIVATISER
   Style : brun #623e2a, fond crème #efe1d4, Coco Gothic 10px
   ===================================================== */
body #page-container .et_pb_section .et_pb_button_0_tb_footer,
body #page-container .et_pb_section .et_pb_button_1_tb_footer,
body #page-container .et_pb_section .et_pb_button_2_tb_footer,
body #page-container .et_pb_section .et_pb_button_3_tb_footer {
    color: #623e2a !important;
    border-width: 1px !important;
    border-radius: 0px;
    letter-spacing: 4px;
    font-size: 10px;
    font-family: 'COCO Goth2', sans-serif !important;
    font-weight: 600 !important;
    background-color: #efe1d4;
}

.et_pb_button_0_tb_footer_wrapper .et_pb_button_0_tb_footer,
.et_pb_button_0_tb_footer_wrapper .et_pb_button_0_tb_footer:hover,
.et_pb_button_1_tb_footer_wrapper .et_pb_button_1_tb_footer,
.et_pb_button_1_tb_footer_wrapper .et_pb_button_1_tb_footer:hover,
.et_pb_button_2_tb_footer_wrapper .et_pb_button_2_tb_footer,
.et_pb_button_2_tb_footer_wrapper .et_pb_button_2_tb_footer:hover,
.et_pb_button_3_tb_footer_wrapper .et_pb_button_3_tb_footer,
.et_pb_button_3_tb_footer_wrapper .et_pb_button_3_tb_footer:hover {
    padding-top: 6px !important;
}

body #page-container .et_pb_section .et_pb_button_0_tb_footer,
body #page-container .et_pb_section .et_pb_button_0_tb_footer:hover,
body #page-container .et_pb_section .et_pb_button_1_tb_footer,
body #page-container .et_pb_section .et_pb_button_1_tb_footer:hover,
body #page-container .et_pb_section .et_pb_button_2_tb_footer,
body #page-container .et_pb_section .et_pb_button_2_tb_footer:hover,
body #page-container .et_pb_section .et_pb_button_3_tb_footer,
body #page-container .et_pb_section .et_pb_button_3_tb_footer:hover {
    padding-right: 1em !important;
    padding-left: 1em !important;
}

body #page-container .et_pb_section .et_pb_button_0_tb_footer:before,
body #page-container .et_pb_section .et_pb_button_0_tb_footer:after,
body #page-container .et_pb_section .et_pb_button_1_tb_footer:before,
body #page-container .et_pb_section .et_pb_button_1_tb_footer:after,
body #page-container .et_pb_section .et_pb_button_2_tb_footer:before,
body #page-container .et_pb_section .et_pb_button_2_tb_footer:after,
body #page-container .et_pb_section .et_pb_button_3_tb_footer:before,
body #page-container .et_pb_section .et_pb_button_3_tb_footer:after {
    display: none !important;
}

.et_pb_button_0_tb_footer,
.et_pb_button_1_tb_footer,
.et_pb_button_2_tb_footer,
.et_pb_button_3_tb_footer {
    min-width: 150px;
    text-align: center;
}

.et_pb_button_0_tb_footer,
.et_pb_button_0_tb_footer:after,
.et_pb_button_1_tb_footer,
.et_pb_button_1_tb_footer:after,
.et_pb_button_2_tb_footer,
.et_pb_button_2_tb_footer:after,
.et_pb_button_3_tb_footer,
.et_pb_button_3_tb_footer:after {
    transition: all 300ms ease 0ms;
}

.et_pb_button_0_tb_footer_wrapper,
.et_pb_button_1_tb_footer_wrapper,
.et_pb_button_2_tb_footer_wrapper,
.et_pb_button_3_tb_footer_wrapper {
    margin-top: 22px !important;
}

/* =====================================================
   HEADER MENUS — Fix Divi 4.27.6 (CSS manquant page EN)
   Règles présentes dans le cache FR mais absentes du cache EN
   Source : et-core-unified-tb-8259-tb-11040-deferred-234.min.css
   ===================================================== */

/* Font ABLATION + couleur brune pour tous les liens du menu header */
.et_pb_menu_0_tb_header.et_pb_menu ul li a,
.et_pb_menu_2_tb_header.et_pb_menu ul li a,
.et_pb_menu_4_tb_header.et_pb_menu ul li a,
.et_pb_menu_5_tb_header.et_pb_menu ul li a {
    font-family: 'ABLATION', Helvetica, Arial, Lucida, sans-serif !important;
    font-size: 18px !important;
    color: #623e2a !important;
    letter-spacing: 1px !important;
}

/* Padding/margin pour les menus header */
.et_pb_menu_0_tb_header,
.et_pb_menu_2_tb_header,
.et_pb_menu_4_tb_header,
.et_pb_menu_5_tb_header {
    padding-right: 0px !important;
    padding-left: 20px !important;
    margin-top: -8px !important;
    margin-bottom: -6px !important;
}