/*
Theme Name: Hello Biz Child
Theme URI: https://github.com/elementor/hello-biz-child/
Description: Hello Biz Child is a child theme of Hello Biz, created by Elementor team
Author: Elementor Team
Template: hello-biz
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Version: 1.0.3
Stable tag: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hello-biz-child
Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, style-variations
*/

/* Add your custom styles here */

/* Gutenberg File block — match link text size to surrounding content */
.wp-block-file a.wp-block-file__button,
.wp-block-file a:not(.wp-block-file__button) {
    font-size: inherit;
}

/* GamiPress badge titles — smaller text to match Kajabi style */
.gamipress-achievement-title {
    font-size: 12px !important;
    line-height: 1.3;
    margin-top: 5px;
}

/* GamiPress badge grid on phones. The dashboards use columns_small="6", which is also what
   gives 6 across on desktop (columns defaults to 1 and has no desktop width rule), so on a
   phone each badge gets about 60px and the titles overlap. Below 768px show 3 across.
   Do NOT change columns_small in the shortcode to fix mobile: it changes desktop too. */
@media screen and (max-width: 767px) {
    #gamipress-achievements-container.gamipress-columns-small-4 > .gamipress-achievement,
    #gamipress-achievements-container.gamipress-columns-small-5 > .gamipress-achievement,
    #gamipress-achievements-container.gamipress-columns-small-6 > .gamipress-achievement {
        width: 33.333%;
        padding-left: 4px;
        padding-right: 4px;
    }
    #gamipress-achievements-container .gamipress-achievement-title {
        overflow-wrap: break-word;
    }
}

/* Hide step count from LearnDash Focus Mode progress bar (keep percentage only) */
.ld-progress-steps {
    display: none !important;
}

/* Hide LearnDash login modal register section */
.ld-login-modal-register,
.ld-login-modal .ld-login-modal-register,
#ld-login-modal .ld-login-modal-register,
.ld-modal .ld-login-modal-register {
    display: none !important;
}

/* Header — symmetric padding so logo and nav align to container edges */
html body header .ehp-header__elements-container {
    padding-right: 10px !important;
}

/* GamiPress badge links — fix hover color on dark backgrounds */
.gamipress-achievement a:hover,
.gamipress-achievement a:active,
.gamipress-achievement .gamipress-achievement-title a:hover {
    color: #ffffff !important;
}

/* Hide "user registrations left" on groups dashboard and group detail pages */
.gr-left,
.ldgr-u-left {
    display: none !important;
}

/* ProPanel donut charts — constrain both to 350px so they match.
   The PHP filter strips the broken Customizer CSS; this replaces it. */
#proPanelProgressAll,
#proPanelProgressInMotion {
    max-height: 350px !important;
}

/* Mobile header — move hamburger to the right of the logo */
@media (max-width: 767px) {
    html body header .ehp-header__elements-container {
        grid-template-columns: 1fr auto !important;
    }
    html body header .ehp-header__site-link-container {
        order: -1 !important;
    }
    html body header .ehp-header__menu-cart-container {
        order: 1 !important;
        justify-self: end !important;
    }
}


/* Home Selling 2.0 badge strip above Focus Mode content (inc/hss-badges.php). A black band
   like the Foundations dashboard's milestone grid: 6 across (3 on phones), earned badges in
   colour, unearned ones dimmed by GamiPress's own opacity rule (which only reads on a dark
   background), the badge name under each badge in the dashboard's pink (Hello Biz's link
   colour, #c36). GamiPress nests the title inside .gamipress-achievement-description, so that
   wrapper must stay visible; only the excerpt/steps/earners inside it are hidden. */
.tkwd-hss-badge-strip {
    margin: 0 0 28px;
    padding: 18px 12px 6px;
    background: #000000;
    border-radius: 8px;
}
.tkwd-hss-badge-strip .gamipress-achievements-list .gamipress-achievement {
    padding-left: 6px;
    padding-right: 6px;
    margin-bottom: 10px;
    text-align: center;
}
.tkwd-hss-badge-strip .gamipress-achievement-image,
.tkwd-hss-badge-strip .gamipress-achievement-description {
    float: none;
    width: 100%;
}
.tkwd-hss-badge-strip .gamipress-achievement-image {
    padding-bottom: 6px;
}
.tkwd-hss-badge-strip .gamipress-achievement-image img,
.tkwd-hss-badge-strip .gamipress-achievement-thumbnail img {
    display: inline-block;
    max-width: 72px;
    height: auto;
    margin: 0 auto;
}
.tkwd-hss-badge-strip .gamipress-achievement-title {
    display: block;
    margin: 0;
    font-size: 12px;
    line-height: 1.25;
    color: #cc3366;
}
.tkwd-hss-badge-strip .gamipress-achievement-title a {
    color: #cc3366;
    text-decoration: none;
}
.tkwd-hss-badge-strip #gamipress-achievements-filters-wrap,
.tkwd-hss-badge-strip #gamipress-achievements-filter,
.tkwd-hss-badge-strip #gamipress-achievements-search,
.tkwd-hss-badge-strip .gamipress-achievement-excerpt,
.tkwd-hss-badge-strip .gamipress-achievement-steps,
.tkwd-hss-badge-strip .gamipress-achievement-earners,
.tkwd-hss-badge-strip .gamipress-achievement-points,
.tkwd-hss-badge-strip .gamipress-achievement-unlock-button,
.tkwd-hss-badge-strip .gamipress-load-more {
    display: none;
}
@media screen and (max-width: 767px) {
    .tkwd-hss-badge-strip .gamipress-achievements-list .gamipress-achievement {
        width: 33.333%;
    }
    .tkwd-hss-badge-strip .gamipress-achievement-image img,
    .tkwd-hss-badge-strip .gamipress-achievement-thumbnail img {
        max-width: 56px;
    }
}