/*
Theme Name:   WorkScout Child
Theme URI: http://workscout.in
Author: Purethemes
Author URI: http://themeforest.net/user/purethemes
Description: WordPress Job Theme
Version: 1.0
License: ThemeForest
License URI: http://themeforest.net/licenses
Text Domain: workscout
Domain Path: /languages/
Tags: light, responsive-layout, post-formats, theme-options, translation-ready, two-columns
Template:  workscout
*/

/* Custom Featured Job Badge Tag */
.featured-badge-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: linear-gradient(135deg, #ff6a00, #ee0979);
    /* Cam-hồng gradient rực rỡ */
    color: #ffffff !important;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 20px;
    line-height: 1.2;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
    box-shadow: 0 3px 10px rgba(238, 9, 121, 0.25);
    vertical-align: middle;
}

.featured-badge-tag i {
    font-size: 9px;
    color: #ffffff;
}

/* Tùy chỉnh vị trí hiển thị trong các layout khác nhau */
.listing-title .featured-badge-tag {
    display: inline-flex;
    margin-bottom: 8px;
}

.job-list-content .featured-badge-tag {
    display: inline-flex;
    margin-bottom: 8px;
}

.job-listing-description .featured-badge-tag {
    display: inline-flex;
    margin-bottom: 8px;
}

/* Application Status Badge Colors */
.status-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
}

/* Đang chờ phản hồi (new) - Xanh nhạt */
.status-badge.status-new {
    background: #e0f2fe !important;
    color: #0284c7 !important;
}

/* Mời phỏng vấn (invited) - Cam nhạt */
.status-badge.status-invited {
    background: #ffedd5 !important;
    color: #ea580c !important;
}

/* Đã gửi Offer (offer) - Xanh lá nhạt */
.status-badge.status-offer {
    background: #dcfce7 !important;
    color: #16a34a !important;
}

/* Từ chối (rejected) - Đỏ nhạt */
.status-badge.status-rejected {
    background: #fee2e2 !important;
    color: #dc2626 !important;
}

/* Đã lưu trữ (archived) - Xám nhạt */
.status-badge.status-archived {
    background: #f1f5f9 !important;
    color: #475569 !important;
}

/* Fix Gutenberg image block overflow in widgets */
.widget .wp-block-image,
.job-overview .wp-block-image,
.job-listing-details .wp-block-image {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.widget .wp-block-image img,
.job-overview .wp-block-image img,
.job-listing-details .wp-block-image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

/* Custom Pagination and Jobs Count Orange Colors */
.pagination ul li a.current-page,
.pagination ul li span.current,
.pagination ul li a.current,
.pagination ul li a.current:hover,
.pagination ul li a:hover,
.pagination ul li span.current:hover,
.oohj-pagination ul li a.current-page,
.oohj-pagination ul li span.current,
.oohj-pagination ul li a.current,
.oohj-pagination ul li a.current:hover,
.oohj-pagination ul li a:hover,
.oohj-pagination ul li span.current:hover,
.oohj-pagination .page-numbers.current,
.oohj-pagination a.page-numbers:hover,
.oohj-pagination .elementor-pagination .current,
.oohj-pagination .elementor-pagination a:hover,
.oohj-pagination .elementor-pagination a.current,
.oohj-pagination .elementor-pagination span.current {
    background-color: #f26b21 !important;
    border-color: #f26b21 !important;
    color: #fff !important;
}

.oohj-pagination .page-numbers.current *,
.oohj-pagination .elementor-pagination .current * {
    color: #fff !important;
}

.showing_jobs,
.job_listings_count,
.results,
.job-manager-pagination,
.job-manager-results,
.oohj-total,
.oohj-total *,
.oohj-total .elementor-heading-title,
.oohj-total .elementor-widget-container,
.oohj-total p,
.oohj-total span,
.oohj-total b,
.oohj-total strong {
    color: #f26b21 !important;
}

/* Logo công ty: không crop ảnh, luôn hiển thị đủ tỷ lệ */
.company-contact-details .company-logo img,
.company-logo--image,
body ul.wpjmc-companies .company-logo img,
.job-listing-company-logo img,
.company-info img.company_logo {
    width: auto !important;
    max-width: 120px;
    height: auto !important;
    max-height: 120px;
    object-fit: contain;
    object-position: center center;
}

body ul.wpjmc-companies .company-logo img {
    max-width: 100px;
    max-height: 100px;
}

.company-contact-details .company-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    max-width: 120px;
}

/* Khắc phục logo công ty không bị kéo giãn hoặc mất tỷ lệ trong các danh sách */
.item-listing-company-logo {
    align-self: flex-start;
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: auto !important;
}
.item-listing-company-logo img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 55px !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block;
    margin: 0 auto;
}

/* Trang "Việc làm đã ứng tuyển" — logo dạng chữ nhật bị khung 50px của theme cha cắt mất. */
.dashboard-box .ooh-applied-jobs-list .item-listing .item-listing-company-logo,
.ooh-applied-jobs-list .item-listing .item-listing-company-logo {
    flex: 0 0 auto !important;
    width: 72px !important;
    max-width: 72px !important;
    min-width: 72px !important;
    height: auto !important;
    margin-right: 20px !important;
    top: 0 !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.dashboard-box .ooh-applied-jobs-list .item-listing .item-listing-company-logo img,
.ooh-applied-jobs-list .item-listing .item-listing-company-logo img {
    width: auto !important;
    max-width: 72px !important;
    height: auto !important;
    max-height: 56px !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 4px;
    display: block;
    margin: 0 auto;
}