/* ==========================================================================
   Good Karma Theme for Kreezalid — DÉCLARATIONS COULEUR UNIQUEMENT (v2)
   ==========================================================================
   Extraction automatique des règles du thème v2 qui touchent à une couleur.
   Sélecteurs et media queries conservés ; valeurs = variables de
   brand-colors.css uniquement.
   ========================================================================== */

/* ==========================================================================
    2. GENERAL STYLE
    ========================================================================== */

.rate .fa.fa-star-o {
    color: rgb(var(--gk-star-empty-rgb) / var(--tw-text-opacity));
}

.rate .fa.fa-star,
.rate .fa.fa-star-half-o {
    color: rgb(var(--gk-star-rgb) / var(--tw-text-opacity));
}

.cc-banner.cc-bottom {
    background: var(--gk-white) !important;
}

.shop-view .btn-inbox-container a {
    background: var(--gk-grey-25) !important;
}

span.about-user-location {
    color: var(--gk-grey-800);
}

.page-header h1.about-user-title {
    color: var(--gk-grey-800) !important;
}

.user-attributes-grid .attribute-box .user_attr_title {
    color: var(--gk-grey-800);
}

.listing-attribut-list li.selected {
    color: var(--gk-coral) !important;
    background-color: var(--gk-orange-tint) !important;
}

.publish_on_date,
.report_listing_link,
.report_listing_link:hover,
.report_listing_link:focus {
    color: var(--gk-grey-250);
}

.add-to-cart-panel.single_date_booking label,
.single_date_booking label {
    color: var(--gk-grey-400);
}

.single_date_booking select#StartTimeInput {
    border-color: var(--gk-slate-150);
}

.add-to-cart-panel.single_date_booking .input-group,
.add-to-cart-panel.single_date_booking input,
.add-to-cart-panel.single_date_booking input.form-control,
.add-to-cart-panel.single_date_booking select,
.single_date_booking .input-group,
.single_date_booking input,
.single_date_booking input.form-control,
.single_date_booking select {
    border-color: var(--gk-slate-150);
    background-color: var(--gk-white);
    color: var(--gk-grey-800);
    border: 1px solid var(--gk-grey-200);
}

.listing_container h1.entry-title {
    color: var(--gk-grey-800) !important;
}

.page-header {
    background: center no-repeat var(--gk-white);
}

.backtotop {
    box-shadow: var(--gk-shadow-black-15) 0px 0px 10px;
}

.wh-part {
    background-color: transparent;
}

.contact-us .wh-part-body {
    border-image: linear-gradient(to bottom, var(--gk-yellow), var(--gk-pink)) 0 1;
}

.contact-us .wh-part-body p {
    color: var(--gk-grey-300);
}

.gray-wrapper,
.gray2-wrapper {
    background-color: var(--gk-white);
}

.top_search_cta {
    color: var(--gk-grey-500) !important;
}

/* ==========================================================================
        3. NAVIGATION MENU
========================================================================== */

.cbp-hrmenu .cbp-hrsub {
    background: var(--gk-white);
}

@media (min-width: 992px) {
    .cbp-hropen .cbp-hrsub {
        color: var(--gk-white);
        box-shadow: 0 0 10px 2px var(--gk-shadow-green-15);
    }

    .cbp-hropen .cbp-hrsub:before {
        border-color: var(--gk-white);
        border-left: 8px solid var(--gk-white);
        border-bottom: 8px solid var(--gk-white);
        border-right: 8px solid transparent;
        border-top: 8px solid transparent;
        box-shadow: -2px 2px 3px var(--gk-shadow-slate-10);
    }

    .navbar-inverse .navbar-nav .dropdown-menu {
        box-shadow: 0 0 10px 0px var(--gk-shadow-green-7);
    }

    .navbar-inverse .navbar-nav .dropdown-menu:before {
        border-color: var(--gk-white);
        border-left: 8px solid var(--gk-white);
        border-bottom: 8px solid var(--gk-white);
        border-right: 8px solid transparent;
        border-top: 8px solid transparent;
        box-shadow: -2px 2px 3px var(--gk-shadow-slate-10);
    }
}

/* ==========================================================================
        4. HOMEPAGE
        ========================================================================== */

.trends-carousel .owl-prev {
    color: var(--gk-grey-700) !important;
}

.trends-carousel .owl-theme .owl-nav [class*=owl-]:hover {
    color: var(--gk-black) !important;
}

.trends-carousel .owl-next {
    color: var(--gk-grey-700) !important;
}

.about-video:hover .et-gallery-video__button:before {
    border-left: 10px solid var(--gk-white);
}

.about-video:hover .et-gallery-video__button {
    background: var(--gk-black);
    box-shadow: 0 15px 40px var(--gk-shadow-black-50);
}

.about-video:hover .et-gallery-video__button:before {
    border-left: 10px solid var(--gk-white);
}

.et-gallery-video__button:before {
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid var(--gk-slate-600);
}

.et-gallery-video__button {
    background: var(--gk-white-80);
    box-shadow: 0 10px 30px var(--gk-shadow-black-30);
}

.home-container .overlay-filter {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--gk-overlay-black-25)), to(var(--gk-overlay-black-50)));
    background: linear-gradient(180deg, var(--gk-overlay-black-25) 0%, var(--gk-overlay-black-50) 100%);
}

/* ==========================================================================
        5. LISTING PAGE
        ========================================================================== */

.blue-border-box.thin {
    border: 2px solid var(--gk-mint-200);
    background: var(--gk-mint-50);
}

.listing-show .listing_info_sidebar .rate .fa.fa-star,
.listing-show .listing_info_sidebar .rate .fa.fa-star-half-o,
.listing-show .listing_info_sidebar .rate .fa.fa-star-o {
    color: var(--gk-coral-strong);
}

.a2a_default_style:not(.a2a_flex_style) a span {
    background: var(--gk-white) !important;
}

.a2a_svg svg path {
    fill: var(--gk-black) !important;
}

@media (min-width: 992px) {
    .filter_sidebar .filter_title {
        color: var(--gk-black) !important;
        background-color: transparent !important;
    }
}

/* ==========================================================================
        8. APPS
        ========================================================================== */

.cc-banner.cc-bottom {
    box-shadow: 0 -1px 10px 0 var(--gk-shadow-grey-30);
}

/* ==========================================================================
    9. REFONTE "ORBIO" : traits de caractère appliqués à Good Karma
    ==========================================================================

    Correspondance entre la page exemple (Orbio Wellness) et le DOM Good Karma :

    Orbio                                   Good Karma
    ------------------------------------    ---------------------------------------------
    header blanc collant + filet            header .navbar-inverse
    marque 21px 700 couleur primaire        .navbar-brand
    liens de nav 15px encre-700             .navbar-nav > li > a, .login-btn
    CTA "Add a new listing" pilule filaire  a.listing-add, .nav_item_user_signup a
    barre de disciplines sous le header     .cbp-hrmenu ul.mega_menu a.univers-link
    hero clair, titre à gauche, image       .homepage-hero-module, .hero-container,
      arrondie à droite                       .poster, .home-banner-content
    bloc recherche blanc, ombré, arrondi    form.home-search, .narrow_pad, .submit__search
    en-tête de section h2 + sous-titre      .section-header h2, .section-header p
    label "Nos partenaires" en capitales    .partner-banner .section-header h2
    cartes image (3 piliers)                #cities .city, .city h5
    cartes annonce blanches, infos sous     .list_item .card, .card_img, .product_info,
      l'image, badge catégorie sur l'image    .listing-category, .price, .rate
    cartes "How it works"                   .explore-section a.add-cat
    cartes journal                          .featured-posts-section .post_item
    cartes coachs                           .trends-carousel .item
    bloc CTA sombre arrondi                 .home_about_you (édito)
    bloc éditorial arrondi 26px             .about_jojo_video .flexbox
    pré-footer sur surface claire           .pre-footer
    footer sombre, liens discrets           footer.site-footer, footer + p (Powered by)
    boutons pilule 700                      .btn, .btn-primary, .btn.line
    champs 48px, bordure fine, radius 12    form .form-control, input, select
    titres de page -1.4px                   .page-header h1, .listing_container h1
    ========================================================================== */

.gk-skel-text {
    -webkit-mask-image: repeating-linear-gradient(to bottom,
        var(--gk-black) 0, var(--gk-black) calc(var(--gk-lh) - .4em),
        transparent calc(var(--gk-lh) - .4em), transparent var(--gk-lh));
    mask-image: repeating-linear-gradient(to bottom,
        var(--gk-black) 0, var(--gk-black) calc(var(--gk-lh) - .4em),
        transparent calc(var(--gk-lh) - .4em), transparent var(--gk-lh));
}