/* ========================================
   CareerInTrades - Career State Templates
   Archive and single pages
   ======================================== */

.career-state-hero {
    background: #f6f8fb;
}

.career-state-hero .career-container {
    padding-top: 30px;
    padding-bottom: 0;
}

.career-state-hero h1 {
    font-size: 42px;
    margin-bottom: 12px;
    line-height: 1.2;
}

.career-state-hero p {
    font-size: 18px;
    max-width: 760px;
    margin-bottom: 0;
}

.career-state-list .career-container {
    padding-top: 0;
}

@media (max-width: 768px) {
    .career-state-hero h1 {
        font-size: 32px;
    }

    .career-state-hero p {
        font-size: 16px;
    }
}


/* ========================================
   CareerInTrades - Career State Single Page
   URL example: /career/electrician/texas/
   ======================================== */

/* Career-state page wrapper */
.career-state-single {
    background: #f6f8fb;
}

/* Hero section for career-state pages */
.career-state-single .career-hero {
    background: #f6f8fb;
}

/* Reduce hero spacing */
.career-state-single .career-hero .career-container {
    padding-top: 20px;
    padding-bottom: 10px !important;
}

/* Career-state H1 */
.career-state-single .career-hero h1 {
    font-size: 38px;
    line-height: 1.2;
    margin-bottom: 12px;
}

/* Hero subtitle */
.career-state-single .career-hero-subtitle {
    font-size: 18px;
    max-width: 850px;
    line-height: 1.6;
    margin-bottom: 28px;
}

/* Stats grid */
.career-state-single .career-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

/* Stat card */
.career-state-single .career-stat {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 24px;
}

/* Stat label */
.career-state-single .career-stat span {
    display: block;
    font-size: 14px;
    color: #555;
    margin-bottom: 10px;
}

/* Stat value */
.career-state-single .career-stat strong {
    display: block;
    font-size: 24px;
    line-height: 1.3;
}

/* Main content section */
.career-state-single .career-content {
    background: #f6f8fb;
}

/* Content container */
.career-state-single .career-content .career-container {
    padding-top: 10px !important;
    padding-bottom: 60px;
}

/* Section headings */
.career-state-single .career-content h2 {
    font-size: 30px;
    line-height: 1.3;
    margin-top: 36px;
    margin-bottom: 14px;
}

/* Paragraph text */
.career-state-single .career-content p {
    font-size: 18px;
    line-height: 1.75;
    max-width: 950px;
}

/* Links inside content */
.career-state-single .career-content a {
    font-weight: 600;
    text-decoration: none;
}

/* Reduce spacing between career-state hero and content */
.career-state-single .career-hero .career-container {
    padding-bottom: 20px;
}

.career-state-single .career-content .career-container {
    padding-top: 20px;
}

/* Slightly reduce stat value size to avoid awkward wrapping */
.career-state-single .career-stat strong {
    font-size: 22px;
}

/* Remove extra top margin from the first content heading */
.career-state-single .career-content h2:first-child {
    margin-top: 0 !important;
}

/* Keep a small gap below stat cards */
.career-state-single .career-stats {
    margin-bottom: 10px !important;
}

/* ========================================
   Mobile Responsive
   ======================================== */

@media (max-width: 900px) {

    /* Two-column stats on tablet */
    .career-state-single .career-stats {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {

    /* Reduce hero spacing on mobile */
    .career-state-single .career-hero .career-container {
        padding-top: 36px;
        padding-bottom: 24px;
    }

    /* Mobile H1 */
    .career-state-single .career-hero h1 {
        font-size: 32px;
    }

    /* Mobile subtitle */
    .career-state-single .career-hero-subtitle {
        font-size: 16px;
    }

    /* Single-column stats on mobile */
    .career-state-single .career-stats {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    /* Mobile section headings */
    .career-state-single .career-content h2 {
        font-size: 26px;
    }

    /* Mobile paragraph text */
    .career-state-single .career-content p {
        font-size: 16px;
    }
}

/* ========================================
   CareerInTrades - Career State Content Enhancements
   ======================================== */

/* Salary breakdown grid */
.career-breakdown-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin: 20px 0 32px;
}

/* Salary breakdown card */
.career-breakdown-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 20px;
}

/* Salary breakdown label */
.career-breakdown-card span {
    display: block;
    font-size: 14px;
    color: #555;
    margin-bottom: 8px;
}

/* Salary breakdown value */
.career-breakdown-card strong {
    font-size: 22px;
}

/* Top cities salary table */
.career-state-table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    margin: 20px 0 32px;
    border: 1px solid #e5e7eb;
}

/* Table cells */
.career-state-table th,
.career-state-table td {
    padding: 14px 16px;
    border-bottom: 1px solid #e5e7eb;
    text-align: left;
}

/* Table header */
.career-state-table th {
    background: #f9fafb;
    font-weight: 700;
}

/* FAQ item */
.career-faq-item {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 16px;
}

/* FAQ title  */
.career-faq-item h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 12px;
    color: #111827;
}

/* Apprenticeship Program Title */

.cit-apprenticeship-card h3{
    font-size:18px;
    font-weight:700;
    line-height:1.5;
    margin:0 0 12px;
    color:#111827;
}

/* Related links */
.related-career-links a {
    display: inline-block;
    font-weight: 700;
    text-decoration: none;
    margin-top: 8px;
}

/* Mobile layout */
@media (max-width: 768px) {
    .career-breakdown-grid {
        grid-template-columns: 1fr;
    }

    .career-state-table {
        font-size: 14px;
    }
}

/* =========================================================
   Career In Trades
   Career-State Breadcrumb UI
   ========================================================= */

/* Breadcrumb Wrapper */
.career-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    font-size: 14px;
    line-height: 1.4;
    color: #64748b;
}

/* Breadcrumb Links */
.career-breadcrumb a {
    color: #2563eb;
    text-decoration: none;
    font-weight: 500;
}

/* Breadcrumb Link Hover */
.career-breadcrumb a:hover {
    color: #1d4ed8;
    text-decoration: underline;
}

/* Breadcrumb Separator */
.breadcrumb-separator {
    color: #94a3b8;
}

/* Current Breadcrumb Item */
.breadcrumb-current {
    color: #475569;
    font-weight: 500;
}

/* =====================================================
   Career-State V4
   Unified Card System
===================================================== */

.cit-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.cit-card,
.cit-license-authority,
.cit-apprenticeship-card,
.cit-salary-breakdown {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 22px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.cit-card:hover,
.cit-apprenticeship-card:hover {
    border-color: #cbd5e1;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
}

.cit-card h3,
.cit-license-authority h3,
.cit-apprenticeship-card h3 {
    margin: 0 0 12px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
    color: #111827;
}

.cit-card p,
.cit-license-authority p,
.cit-apprenticeship-card p,
.cit-salary-breakdown p {
    margin: 0 0 10px;
    font-size: 15px;
    line-height: 1.65;
    color: #374151;
}

.cit-card strong,
.cit-license-authority strong,
.cit-apprenticeship-card strong,
.cit-salary-breakdown strong {
    font-weight: 700;
    color: #111827;
}

.cit-card a,
.cit-license-authority a,
.cit-apprenticeship-card a {
    color: #2563eb;
    font-weight: 700;
    text-decoration: none;
}

.cit-card a:hover,
.cit-license-authority a:hover,
.cit-apprenticeship-card a:hover {
    text-decoration: underline;
}

.cit-license-list {
    margin: 10px 0 22px 22px;
    padding-left: 18px;
}

.cit-license-list li {
    margin-bottom: 6px;
    line-height: 1.6;
    color: #374151;
}

@media (max-width: 768px) {
    .cit-card-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .cit-card,
    .cit-license-authority,
    .cit-apprenticeship-card,
    .cit-salary-breakdown {
        padding: 18px;
    }

    .cit-card h3,
    .cit-license-authority h3,
    .cit-apprenticeship-card h3 {
        font-size: 18px;
    }
}

/* =====================================================
   Career-State V4.1
   Final Typography Overrides
===================================================== */

/* Apprenticeship program title */
.cit-apprenticeship-card h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 12px;
    color: #111827;
}

/* FAQ question title */
.career-faq-item h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 12px;
    color: #111827;
}