/* =========================================================
   FIRST LAW & BUSINESS OFFICE
   CSS GLOBAL
   Couleur principale : #102647
   ========================================================= */


/* =========================================================
   1. MASQUER LES TITRES DE PAGE DU THEME
   ========================================================= */

.page-header,
.inner-banner,
.entry-header,
.page-title,
.page_title {
    display: none !important;
}


/* =========================================================
   2. LOGO FIRST LAW
   Plus grand sans augmenter la hauteur du header
   ========================================================= */

.site-branding {
    width: auto !important;
    max-width: 400px !important;
    overflow: visible !important;
}

.custom-logo-link {
    width: auto !important;
    height: auto !important;

    display: block !important;

    overflow: visible !important;
}

.logo {
    overflow: visible !important;
}

.logo .custom-logo,
.custom-logo-link .custom-logo {

    content: url("https://firstlawandbusiness.com/wp-content/uploads/2026/09/logofinal.png") !important;

    width: 200px !important;
    height: auto !important;

    max-width: none !important;
    max-height: none !important;

    display: block !important;

transform: translateY(-6px) scale(1.18) !important;
    transform-origin: left center !important;

    margin: 0 !important;
}


/* =========================================================
   3. COULEURS DES SECTIONS DU THEME
   ========================================================= */

.skt-nurse-work-section::before,
.skt-nurse-work-section::after,
.elementor-element-67e10c67::before,
.elementor-element-67e10c67::after {
    background-color: #10233f !important;
}


/* Cercles / icônes */
.skt-nurse-care-image-box img,
.skt-nurse-care-image-box .elementor-image-box-img,
.skt-nurse-care-image-box .elementor-image-box-img img {

    background-color: #102647 !important;
    border-radius: 50% !important;
}


/* =========================================================
   4. HEADER - FOND 100% BLANC
   ========================================================= */

html,
body,
#main-set,
.header-main-area,
.header-main-area .header,
.header-main-area .header .container,
.navigatearea,
.header-right-infos {

    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
}


/* Empêche le thème de remettre une zone grise */
.header-right-infos::before,
.header-right-infos::after {

    content: none !important;
    display: none !important;

    background: transparent !important;
    background-image: none !important;
}


/* =========================================================
   5. HEADER PLUS COMPACT
   ========================================================= */

.header-main-area .header {

    position: relative !important;

    padding: 0 !important;
    margin: 0 !important;

    background: #ffffff !important;
}


/* Le container ne sert pas de référence au bouton téléphone */
.header-main-area .header .container {
    position: static !important;
}


@media screen and (min-width: 768px) {

    .header-main-area .header .container {

        height: 112px !important;
        min-height: 112px !important;

        display: flex !important;
        align-items: center !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }


    .navigatearea {

        height: 112px !important;

        display: flex !important;
        align-items: center !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}


/* =========================================================
   6. ZONE TELEPHONE
   Placée complètement à droite
   ========================================================= */

.header-right-infos {

    position: absolute !important;

    top: 50% !important;
    right: 30px !important;

    transform: translateY(-50%) !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;

    display: block !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: none !important;
    box-shadow: none !important;
}


/* Clear ajouté par le thème */
.header-right-infos .clear {
    display: none !important;
}


/* =========================================================
   7. BOUTON TELEPHONE
   ========================================================= */

.header-phone-number {

    position: relative !important;

    width: 285px !important;
    height: 70px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    background: #102647 !important;
    background-color: #102647 !important;

    color: #ffffff !important;

    border: none !important;
    border-radius: 11px !important;

    /* Cache le numéro brut du thème */
    font-size: 0 !important;

    box-shadow:
        0 5px 15px rgba(16, 38, 71, 0.16) !important;

    transition:
        background 0.2s ease,
        box-shadow 0.2s ease !important;
}


/* Ancienne icône turquoise du thème */
.header-phone-number img {
    display: none !important;
}


/* =========================================================
   8. ICONE TELEPHONE BLANCHE
   ========================================================= */

.header-phone-number::before {

    content: "" !important;

    position: absolute !important;

    left: 26px !important;
    top: 50% !important;

    width: 24px !important;
    height: 24px !important;

    transform: translateY(-50%) !important;

    background-color: #ffffff !important;

    -webkit-mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.62 10.79a15.46 15.46 0 006.59 6.59l2.2-2.2a1 1 0 011.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 011 1V20a1 1 0 01-1 1C10.61 21 3 13.39 3 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.45.57 3.57a1 1 0 01-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E")
        center / contain no-repeat !important;

    mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.62 10.79a15.46 15.46 0 006.59 6.59l2.2-2.2a1 1 0 011.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 011 1V20a1 1 0 01-1 1C10.61 21 3 13.39 3 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.45.57 3.57a1 1 0 01-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E")
        center / contain no-repeat !important;
}


/* =========================================================
   9. HORAIRES
   Remplace "Call Anytime"
   ========================================================= */

.header-phone-number span {

    position: absolute !important;

    left: 70px !important;
    top: 14px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 0 !important;

    line-height: 1 !important;
}


.header-phone-number span::after {

    content: "10:00 AM – 6:00 PM" !important;

    display: block !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    line-height: 1.2 !important;

    color: rgba(255, 255, 255, 0.80) !important;

    letter-spacing: 0.2px !important;

    white-space: nowrap !important;
}


/* =========================================================
   10. NUMERO FORMATE
   ========================================================= */

.header-phone-number::after {

    content: "+66 98 919 9819" !important;

    position: absolute !important;

    left: 70px !important;
    top: 35px !important;

    font-size: 18px !important;
    font-weight: 700 !important;

    line-height: 1.15 !important;

    letter-spacing: 0.2px !important;

    color: #ffffff !important;

    white-space: nowrap !important;
}


/* Hover */
.header-phone-number:hover {

    background: #18365f !important;

    box-shadow:
        0 7px 18px rgba(16, 38, 71, 0.22) !important;
}


/* =========================================================
   11. TABLETTE
   ========================================================= */

@media screen and (max-width: 1100px) and (min-width: 768px) {

    .header-right-infos {
        right: 15px !important;
    }

    .header-phone-number {
        width: 235px !important;
    }

    .header-phone-number span,
    .header-phone-number::after {
        left: 60px !important;
    }

    .header-phone-number::after {
        font-size: 15px !important;
    }
}


/* =========================================================
   12. MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

    .header-main-area .header .container {
        position: relative !important;
    }

    .header-right-infos {

        position: static !important;

        width: 100% !important;

        transform: none !important;

        display: flex !important;
        justify-content: center !important;

        padding: 10px 0 !important;

        background: #ffffff !important;
    }

    .header-phone-number {

        width: 235px !important;
        height: 60px !important;
    }

    .header-phone-number::before {

        left: 20px !important;

        width: 21px !important;
        height: 21px !important;
    }

    .header-phone-number span {

        left: 57px !important;
        top: 11px !important;
    }

    .header-phone-number span::after {
        font-size: 11px !important;
    }

    .header-phone-number::after {

        left: 57px !important;
        top: 29px !important;

        font-size: 15px !important;
    }
}


/* =========================================================
   13. MASQUER COMPLETEMENT LE FOOTER NATIF DU THEME
   ========================================================= */

.site-footer,
.footer-wrapper,
.footer-copyright,
.copyright-wrapper,
.site-info,
#footer,
#footer-wrapper {

    display: none !important;
}


/* =========================================================
   14. FOOTER FIRST LAW
   Généré à la toute fin du BODY
   ========================================================= */

body::after {

    content:
        "© 2026 FIRST LAW & BUSINESS OFFICE"
        "\A"
        "ข้อกำหนดทางกฎหมาย   |   นโยบายความเป็นส่วนตัว";

    display: block !important;

    position: relative !important;

    width: 100% !important;

    box-sizing: border-box !important;

    margin: 45px 0 0 0 !important;

    padding:
        22px
        20px
        20px
        20px !important;

    background: #102647 !important;
    background-color: #102647 !important;

    color: #ffffff !important;

    text-align: center !important;

    white-space: pre-line !important;

    font-family: inherit !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    line-height: 2 !important;

    border: none !important;

    z-index: 1 !important;
}


/* =========================================================
   15. FOOTER MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

    body::after {

        margin-top: 30px !important;

        padding:
            20px
            15px
            18px
            15px !important;

        font-size: 12px !important;

        line-height: 2 !important;
    }
}
/* =========================================
   SUPPRIMER LA SIDEBAR DROITE
   ========================================= */

#sidebar,
.sidebar,
.widget-area,
.right-sidebar,
#secondary {
    display: none !important;
}


/* Le contenu principal prend toute la largeur */
#primary,
.content-area,
.site-main,
.content-left {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* Supprime l'espace réservé à la sidebar */
.container .content-area {
    padding-right: 0 !important;
}

/* =========================================
   BOUTONS CONTACT FIRST LAW
   ========================================= */

.firstlaw-contact-buttons a,
.firstlaw-contact-buttons a:link,
.firstlaw-contact-buttons a:visited,
.firstlaw-contact-buttons a:active,
.firstlaw-contact-buttons a:focus {
    background-color: #102647 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Texte toujours blanc */
.firstlaw-contact-buttons a span {
    color: #ffffff !important;
}

/* Icônes SVG toujours blanches */
.firstlaw-contact-buttons a svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* Hover */
.firstlaw-contact-buttons a:hover {
    background-color: #18365f !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Empêche le thème de mettre le texte noir/bleu au survol */
.firstlaw-contact-buttons a:hover span,
.firstlaw-contact-buttons a:hover svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}
/* SUPPRIMER DEFINITIVEMENT LE BANDEAU GRIS DU THEME */
.inner-banner-thumb {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}
.header::after {
    content: none !important;
    display: none !important;
}