/* ── Header search & login icons (Thim EL Kit header) ─────────────────── */

/* Force both icon widgets to sit on the same horizontal axis within
   the Elementor flex container — fixes homepage-only misalignment caused
   by the search icon's custom line-height:1 shifting it upward */
.thim-ekit__header .elementor-widget-icon,
.thim-ekit__header .elementor-widget-thim-ekits-login-icon {
    align-self: center !important;
}
.thim-ekit__header .elementor-widget-icon .elementor-widget-container,
.thim-ekit__header .elementor-widget-thim-ekits-login-icon .elementor-widget-container {
    display: flex !important;
    align-items: center !important;
    line-height: 1 !important;
}
.thim-ekit__header .elementor-widget-icon .elementor-icon-wrapper {
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
}

/* Search toggle button — 48px circle to match Elementor's 22px icon + 13px padding */
.thim-ekit__header .thim-ekits-search-form .button-search {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    background: transparent !important;
    border: 2px solid rgba(255,255,255,0.8) !important;
    border-radius: 50% !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    color: #fff !important;
    transition: background .2s, border-color .2s !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}
.thim-ekit__header .thim-ekits-search-form .button-search:hover {
    background: rgba(255,255,255,0.15) !important;
    border-color: #fff !important;
}
.thim-ekit__header .thim-ekits-search-form .button-search svg,
.thim-ekit__header .thim-ekits-search-form .button-search i {
    width: 22px !important;
    height: 22px !important;
    fill: #fff !important;
    color: #fff !important;
    display: block !important;
    flex-shrink: 0 !important;
}
.thim-ekit__header .thim-ekits-search-form .button-search svg path {
    fill: #fff !important;
}

/* Login / profile icon — same 48px visual footprint as search */
.thim-ekit__header .thim-login-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
}
.thim-ekit__header .thim-login-icon.has_sub_info {
    line-height: normal !important;
}
/* Avatar image: 44px to sit inside the same ~48px space as the search circle */
.thim-ekit__header .thim-login-icon.has_sub_info > .profile img {
    width: 44px !important;
    height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    border-radius: 50% !important;
    border: 2px solid rgba(255,255,255,0.6) !important;
    object-fit: cover !important;
}
/* White color only on the top-level login/logout/profile trigger — NOT inside the dropdown */
.thim-ekit__header .thim-login-icon > a.login,
.thim-ekit__header .thim-login-icon > a.logout,
.thim-ekit__header .thim-login-icon > a.profile {
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
}
/* Dropdown items: dark text on white background */
.thim-ekit__header .thim-login-icon .user-info a {
    color: #222 !important;
}
.thim-ekit__header .thim-login-icon .user-info li .author {
    color: #222 !important;
}



/* ── Course card: level badge replaces price ─────────────────────────── */

.lq-course-level {
    display: flex;
    align-items: center;
}

.lq-level-badge {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 3px 12px;
    border-radius: 20px;
    line-height: 1.6;
}

/* All Levels / fallback */
.lq-level-badge.lq-level-all {
    color: #2d7a4f;
    background: rgba(34, 197, 94, 0.12);
}

/* Beginner */
.lq-level-badge.lq-level-beginner {
    color: #2d7a4f;
    background: rgba(34, 197, 94, 0.12);
}

/* Intermediate */
.lq-level-badge.lq-level-intermediate {
    color: #b45309;
    background: rgba(245, 158, 11, 0.12);
}

/* Advanced */
.lq-level-badge.lq-level-advanced {
    color: #b91c1c;
    background: rgba(239, 68, 68, 0.12);
}

/* ── Mega menu: force course images to landscape full-width ───────────── */
.thim-ekits-menu-item .elementor-widget-image-box .elementor-image-box-img {
    width: 100% !important;
    margin-bottom: 10px !important;
}
.thim-ekits-menu-item .elementor-widget-image-box .elementor-image-box-img img {
    width: 100% !important;
    height: 160px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    display: block;
}
.thim-ekits-menu-item .elementor-widget-image-box .elementor-image-box-wrapper {
    flex-direction: column !important;
}
.thim-ekits-menu-item .elementor-widget-image-box .elementor-image-box-content {
    width: 100% !important;
}
.thim-ekits-menu-item .elementor-widget-image-box .elementor-image-box-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 4px !important;
}
.thim-ekits-menu-item .elementor-widget-image-box .elementor-image-box-description {
    font-size: 12px !important;
    color: #888 !important;
    margin: 0 !important;
}


/* ── Hide Price filter from course archive sidebar ────────────────────── */
.wp-block-learnpress-course-price-filter,
.lp-course-filter-price,
.filter-item--price,
.filter-price,
.lp-form-course-filter__item:has(input[value="on_free"]),
.lp-form-course-filter__item:has(input[value="on_paid"]) {
    display: none !important;
}

/* ── Hide all price elements site-wide ────────────────────────────────── */
.course-price .lp-course-price-free,
.course-price .price.free,
.single-lp_course .course-price > *:not(.lq-level-badge),
.lp-course-price,
.course-price-wrapper,
.single-lp_course .course-pricing,
.lp-course-price-wrapper,
.lp-price,
.course-sidebar-preview .lp-course-price,
.course-sidebar-preview .course-price,
.lp-purchase-course,
.button-purchase-course,
.lp-btn-checkout,
.lp-checkout-btn {
    display: none !important;
}

/* ── Enroll Now → chatbot button ──────────────────────────────────────── */
.lq-enroll-cta {
    margin-top: 12px;
    text-align: center;
}

.lq-chatbot-enroll-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 14px 24px;
    background: var(--lq-primary, #1a6fdb);
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.1s ease;
    text-decoration: none;
}

.lq-chatbot-enroll-btn:hover {
    background: var(--lq-primary-dark, #155bb5);
    transform: translateY(-1px);
    color: #fff !important;
}

.lq-chatbot-enroll-btn:active {
    transform: translateY(0);
}

.lq-enroll-hint {
    margin-top: 8px;
    font-size: 12px;
    color: #888;
    text-align: center;
}

/* ── Wishlist button on single course page ────────────────────────────── */
.lq-single-wishlist {
    margin-top: 10px;
    text-align: center;
}

.lq-single-wishlist .course-button-wishlist__wrapper-no-css {
    display: flex;
    justify-content: center;
}

.lq-single-wishlist .lp-button-wishlist-action {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    padding: 11px 20px !important;
    background: transparent !important;
    border: 1.5px solid #e0e4e8 !important;
    border-radius: 8px !important;
    color: #555 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: border-color .2s, color .2s, background .2s !important;
    justify-content: center !important;
}

.lq-single-wishlist .lp-button-wishlist-action:hover {
    border-color: #e74c3c;
    color: #e74c3c !important;
    background: #fff5f5;
}

.lq-single-wishlist .lp-button-wishlist-action.wishlisted {
    border-color: #e74c3c;
    color: #e74c3c !important;
    background: #fff5f5;
}

.lq-single-wishlist .lp-button-wishlist-action .lp-icon-heart,
.lq-single-wishlist .lp-button-wishlist-action .lp-icon-heart-o {
    font-size: 16px;
}