/* Detailing Connect - Custom Styling */

/* Verified Employer Checkmark Badge */
.verified-badge-wrap i.fa-check-circle {
    color: #1b74e4 !important;
    margin-left: 5px;
}

.dc-verified-badge-single {
    font-size: 0.75em !important;
}

.dc-verified-badge-listing {
    font-size: 0.85em !important;
}

/* Candidate Custom Experience Breakdown Height */
textarea[name="dc_experience_breakdown"] {
    height: 120px !important;
}

/* Candidate Profile Checkbox Margins & Layout alignments */
.dc-checkbox-wrap {
    margin-top: 10px !important;
}

/* Remove unwanted bullet dots before profile form field labels in Candidate & Employer dashboards */
.jobsearch-employer-box-section > ul > li[class*="jobsearch-column-"],
.jobsearch-employer-profile-form > li[class*="jobsearch-column-"],
.jobsearch-employer-box-section > .jobsearch-row > li,
.jobsearch-employer-box-section ul.jobsearch-row > li {
    list-style: none !important;
    list-style-type: none !important;
}

.jobsearch-employer-box-section > ul > li[class*="jobsearch-column-"]::before,
.jobsearch-employer-profile-form > li[class*="jobsearch-column-"]::before,
.jobsearch-employer-box-section > .jobsearch-row > li::before,
.jobsearch-employer-box-section ul.jobsearch-row > li::before {
    content: none !important;
    display: none !important;
}

/* Profile Form Dynamic "Other" Custom Text Input */
.dc-other-input-wrap {
    margin-top: 8px;
    width: 100%;
}

.dc-other-input-wrap input[type="text"] {
    width: 100%;
    height: 41px;
    border: 1px solid #eceeef;
    border-radius: 2px;
    background-color: #ffffff;
    padding: 6px 13px;
    margin: 0px;
    font-size: 13px;
    color: #333333;
}

.dc-other-input-popup {
    display: flex;
    margin-top: 8px;
    align-items: center;
    gap: 8px;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 6px 10px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    position: relative;
    z-index: 10;
}

.dc-custom-other-input {
    flex: 1;
    border: 1px solid #94a3b8 !important;
    border-radius: 4px !important;
    padding: 6px 10px !important;
    height: 36px !important;
    font-size: 13px !important;
    outline: none !important;
    background: #fff !important;
    color: #1e293b !important;
}

.dc-custom-other-btn-add {
    background: #1e88e5 !important;
    color: #fff !important;
    border: none !important;
    padding: 6px 14px !important;
    height: 36px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    transition: background 0.15s ease;
}

.dc-custom-other-btn-add:hover {
    background: #1976d2 !important;
}

.dc-custom-other-btn-cancel {
    background: transparent !important;
    color: #64748b !important;
    border: none !important;
    padding: 4px 8px !important;
    font-size: 16px !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

.dc-custom-other-btn-cancel:hover {
    color: #ef4444 !important;
}

/* Remove Map Location UI, Latitude, Longitude, Zoom, Marker, and Controls cleanly */
.dash-maploc-latfield,
.dash-maploc-lngfield,
.dash-maploc-zoomfield,
.jobsearch-profile-map,
.jobsearch-profile-map + .jobsearch-short-message,
.jobsearch-short-message,
#find-on-mapbtn,
.jobsearch-findmap-btn,
.leaflet-container,
.mapboxgl-map {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================================================
   PROJECT & RESOURCE LISTING BADGES & DETAIL SPECIFICATIONS
   ========================================================================= */

/* Listing Card Badge Container */
.dc-card-badge-wrap {
    display: inline-block;
    margin-bottom: 4px;
    margin-right: 6px;
    vertical-align: middle;
}

.dc-card-title-text {
    vertical-align: middle;
}

/* Base Listing Badge */
.dc-listing-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    border-radius: 3px;
    color: #ffffff !important;
    vertical-align: middle;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

/* Project Badge Accent: Premium Amber/Orange */
.dc-badge-project {
    background-color: #e67e22 !important;
    border: 1px solid #d35400 !important;
}

/* Resource Badge Accent: Premium Purple */
.dc-badge-resource {
    background-color: #8e44ad !important;
    border: 1px solid #7d3c98 !important;
}

/* Subordinate Sub-badges for Resource Subtypes */
.dc-listing-subbadge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 7px;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    border-radius: 3px;
    vertical-align: middle;
    margin-left: 4px;
}

.dc-subbadge-manpower {
    background: #eaf2f8 !important;
    color: #1b4f72 !important;
    border: 1px solid #aed6f1 !important;
}

.dc-subbadge-license {
    background: #eafaf1 !important;
    color: #145a32 !important;
    border: 1px solid #a9dfbf !important;
}

.dc-subbadge-other {
    background: #f4f6f7 !important;
    color: #34495e !important;
    border: 1px solid #d5dbdb !important;
}

/* Filter Widget Badges in Sidebar */
.dc-filter-badge {
    display: inline-block;
    padding: 1px 6px;
    font-size: 10px;
    font-weight: 700;
    border-radius: 3px;
    margin-left: 3px;
}

.dc-resource-subfilters-item {
    padding-left: 14px !important;
    border-left: 2px solid #cbd5e1 !important;
    margin-left: 10px !important;
    margin-top: 6px !important;
    margin-bottom: 8px !important;
    width: auto !important;
    box-sizing: border-box !important;
}

.dc-subfilter-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.dc-subfilter-list li {
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.dc-subfilter-list li label {
    display: flex !important;
    align-items: center !important;
    cursor: pointer !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #475569 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

.dc-subfilter-list li label span:first-child {
    flex-shrink: 0 !important;
    margin-right: 8px !important;
}

/* Detail Page Custom Specifications Box */
.dc-custom-detail-box {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 24px;
    margin-bottom: 30px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.dc-project-detail-box {
    border-top: 4px solid #e67e22;
}

.dc-resource-detail-box {
    border-top: 4px solid #8e44ad;
}

.dc-custom-detail-box .jobsearch-profile-title h2 {
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f1f5f9;
}

/* Specifications Grid */
.dc-detail-specs-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px !important;
    padding: 0 !important;
    list-style: none !important;
}

.dc-detail-specs-grid li {
    padding: 0 8px !important;
    margin-bottom: 14px !important;
    list-style: none !important;
}

.dc-spec-item {
    display: flex;
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 12px 14px;
    min-height: 60px;
    transition: all 0.2s ease;
}

.dc-spec-item:hover {
    background: #ffffff;
    border-color: #cbd5e1;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.dc-spec-icon {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin-right: 12px;
    flex-shrink: 0;
}

.dc-spec-icon-project {
    background: #fef5ec;
    color: #e67e22;
}

.dc-spec-icon-resource {
    background: #f4ecf7;
    color: #8e44ad;
}

.dc-spec-text {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.dc-spec-label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #64748b;
    margin-bottom: 2px;
}

.dc-spec-val {
    font-size: 13px;
    font-weight: 600;
    color: #1e293b;
    word-break: break-word;
}

/* Deliverables & Description Wrap */
.dc-deliverables-wrap {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #f1f5f9;
}

.dc-deliverables-title {
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.dc-deliverables-title i {
    color: #e67e22;
}

.dc-deliverables-content {
    background: #fdfcfb;
    border-left: 3px solid #e67e22;
    border-radius: 4px;
    padding: 14px 18px;
    font-size: 14px;
    line-height: 1.65;
    color: #334155;
}

.dc-resource-detail-box .dc-deliverables-content {
    background: #faf8fc;
    border-left: 3px solid #8e44ad;
}

/* Portfolio Button */
.dc-port-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #2563eb !important;
    font-weight: 600;
    text-decoration: underline;
    transition: color 0.2s;
}

.dc-port-btn:hover {
    color: #1d4ed8 !important;
}

@media (max-width: 768px) {
    .dc-detail-specs-grid li {
        width: 100% !important;
    }
}

/* Detailing Requirements 2-Column Grid Alignment */
.dc-detailing-req-row {
    display: flex !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 -15px !important;
}

.dc-detailing-req-row > li.jobsearch-column-6 {
    float: none !important;
    width: 50% !important;
    box-sizing: border-box !important;
    padding: 0 15px !important;
    margin-bottom: 20px !important;
}

@media (max-width: 767px) {
    .dc-detailing-req-row > li.jobsearch-column-6 {
        width: 100% !important;
    }
}

/* Job Location Section - 2-Column Alignment & District Field Styling */
.dc-job-location-section ul.jobsearch-row {
    display: flex !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 -15px !important;
}

.dc-job-location-section ul.jobsearch-row > li.jobsearch-column-6 {
    float: none !important;
    width: 50% !important;
    box-sizing: border-box !important;
    padding: 0 15px !important;
    margin-bottom: 20px !important;
}

@media (max-width: 767px) {
    .dc-job-location-section ul.jobsearch-row > li.jobsearch-column-6 {
        width: 100% !important;
    }
}

#dc-job-district-input,
.dc-job-location-section input[name="dc_job_district"] {
    display: block !important;
    float: left !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    line-height: 24px !important;
    border: 1px solid #eceeef !important;
    border-radius: 2px !important;
    background-color: #ffffff !important;
    background-image: none !important;
    padding: 8px 14px !important;
    margin: 0 !important;
    font-size: 13px !important;
    color: #333333 !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#dc-job-district-input:focus,
.dc-job-location-section input[name="dc_job_district"]:focus {
    border-color: #1e88e5 !important;
    background-color: #ffffff !important;
}

#dc-job-district-input::placeholder,
.dc-job-location-section input[name="dc_job_district"]::placeholder {
    color: #999999 !important;
    font-size: 13px !important;
}

/* Ensure no dropdown arrow on District field */
#dc-job-district-wrap::after,
#dc-job-district-wrap:after,
.dc-job-location-section #dc-job-district-wrap::after,
.dc-job-location-section #dc-job-district-wrap:after {
    content: none !important;
    display: none !important;
}

/* Project Specific Details Section - 2-Column Alignment & Field Styling */
.dc-project-fields-wrap ul.jobsearch-row {
    display: flex !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 -15px !important;
}

.dc-project-fields-wrap ul.jobsearch-row > li.jobsearch-column-6 {
    float: none !important;
    width: 50% !important;
    box-sizing: border-box !important;
    padding: 0 15px !important;
    margin-bottom: 20px !important;
}

.dc-project-fields-wrap ul.jobsearch-row > li.jobsearch-column-12 {
    float: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 15px !important;
    margin-bottom: 20px !important;
}

@media (max-width: 767px) {
    .dc-project-fields-wrap ul.jobsearch-row > li.jobsearch-column-6 {
        width: 100% !important;
    }
}

/* Delivery Date Field Styling */
#dc-project-delivery-date-cal,
.dc-project-fields-wrap input[name="dc_project_delivery_date"] {
    display: block !important;
    float: left !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    line-height: 24px !important;
    border: 1px solid #eceeef !important;
    border-radius: 2px !important;
    background-color: #ffffff !important;
    background-image: none !important;
    padding: 8px 14px !important;
    margin: 0 !important;
    font-size: 13px !important;
    color: #333333 !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#dc-project-delivery-date-cal:focus,
.dc-project-fields-wrap input[name="dc_project_delivery_date"]:focus {
    border-color: #1e88e5 !important;
    background-color: #ffffff !important;
}

#dc-project-delivery-date-cal::placeholder,
.dc-project-fields-wrap input[name="dc_project_delivery_date"]::placeholder {
    color: #999999 !important;
    font-size: 13px !important;
}

/* Ensure no unwanted dropdown arrow on Delivery Date field */
.dc-project-fields-wrap li:has(#dc-project-delivery-date-cal)::after,
.dc-project-fields-wrap li:has(#dc-project-delivery-date-cal):after,
#dc-project-delivery-date-cal::after,
#dc-project-delivery-date-cal:after {
    content: none !important;
    display: none !important;
}

/* Project Deliverables Textarea */
textarea[name="dc_project_deliverables"],
#dc-project-deliverables-input,
.dc-project-fields-wrap textarea[name="dc_project_deliverables"] {
    display: block !important;
    float: left !important;
    width: 100% !important;
    height: 140px !important;
    min-height: 140px !important;
    line-height: 1.6 !important;
    border: 1px solid #eceeef !important;
    border-radius: 2px !important;
    background-color: #ffffff !important;
    background-image: none !important;
    padding: 10px 14px !important;
    margin: 0 !important;
    font-size: 13px !important;
    color: #333333 !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
    resize: vertical;
}

textarea[name="dc_project_deliverables"]:focus,
#dc-project-deliverables-input:focus,
.dc-project-fields-wrap textarea[name="dc_project_deliverables"]:focus {
    border-color: #1e88e5 !important;
    background-color: #ffffff !important;
}

textarea[name="dc_project_deliverables"]::placeholder,
#dc-project-deliverables-input::placeholder,
.dc-project-fields-wrap textarea[name="dc_project_deliverables"]::placeholder {
    color: #999999 !important;
    font-size: 13px !important;
}

/* Remove Social Sharing Containers from Dashboard Submission / Review Message Sections */
.jobsearch-unapproved-user-con .addtoany_share_save_container,
.jobsearch-unapproved-user-con .a2a_kit,
.jobsearch-unapproved-user-con .addtoany_content,
.jobsearch-unapproved-user-con .addtoany_header,
.jobsearch-alert .addtoany_share_save_container,
.jobsearch-alert .a2a_kit,
.jobsearch-alert .addtoany_content,
.jobsearch-alert .addtoany_header {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
    pointer-events: none !important;
}

.jobsearch-unapproved-user-con {
    overflow: hidden !important;
}

.jobsearch-unapproved-user-con p {
    margin-bottom: 0 !important;
}

/* ==========================================================================
   Detailing Connect - Notify Me Two-Column Form (Opportunities & Professionals)
   ========================================================================== */
.dc-alert-bar {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 24px 28px !important;
    margin-top: 10px !important;
    margin-bottom: 30px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    clear: both !important;
}

.dc-alert-bar .dc-alert-header {
    margin-bottom: 20px !important;
}

.dc-alert-bar h3,
.dc-alert-bar .dc-alert-heading {
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    line-height: 1.3 !important;
}

.dc-alert-bar .dc-alert-icon {
    font-size: 20px !important;
    line-height: 1 !important;
}

.dc-alert-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.dc-alert-grid .dc-item {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
}

.dc-alert-grid .dc-item label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
    display: block !important;
}

.dc-alert-grid .dc-item select,
.dc-alert-grid .dc-item input[type="text"],
.dc-alert-grid .dc-item input[type="email"] {
    height: 42px !important;
    min-height: 42px !important;
    width: 100% !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 4px !important;
    background-color: #ffffff !important;
    padding: 8px 14px !important;
    font-size: 13px !important;
    color: #1e293b !important;
    outline: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
}

.dc-alert-grid .dc-item select {
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%2364748b" height="18" viewBox="0 0 24 24" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    padding-right: 36px !important;
}

.dc-alert-grid .dc-item select:focus,
.dc-alert-grid .dc-item input[type="text"]:focus,
.dc-alert-grid .dc-item input[type="email"]:focus {
    border-color: #1e88e5 !important;
    box-shadow: 0 0 0 2px rgba(30, 136, 229, 0.15) !important;
    background-color: #ffffff !important;
}

.dc-alert-grid .dc-item input[disabled],
.dc-alert-grid .dc-item input:disabled {
    background-color: #f8fafc !important;
    color: #94a3b8 !important;
    border-color: #e2e8f0 !important;
    cursor: not-allowed !important;
}

.dc-alert-grid .dc-item .dc-btn-spacer {
    display: block !important;
}

.dc-alert-grid .dc-item button#dc_create_alert,
.dc-alert-grid .dc-item .dc-alert-btn {
    height: 42px !important;
    min-height: 42px !important;
    width: 100% !important;
    background: #1e88e5 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 20px !important;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease !important;
    letter-spacing: 0.3px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

.dc-alert-grid .dc-item button#dc_create_alert:hover,
.dc-alert-grid .dc-item .dc-alert-btn:hover {
    background: #1565c0 !important;
    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3) !important;
}

.dc-alert-grid .dc-item button#dc_create_alert:active,
.dc-alert-grid .dc-item .dc-alert-btn:active {
    transform: translateY(1px) !important;
}

.dc-alert-feedback {
    margin-top: 18px !important;
    padding: 12px 18px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.dc-alert-feedback.dc-success {
    background-color: #ecfdf5 !important;
    color: #065f46 !important;
    border: 1px solid #a7f3d0 !important;
}

.dc-alert-feedback.dc-error {
    background-color: #fef2f2 !important;
    color: #991b1b !important;
    border: 1px solid #fecaca !important;
}

/* Responsive Breakpoints */
@media (max-width: 768px) {
    .dc-alert-bar {
        padding: 18px 16px !important;
    }
    
    .dc-alert-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    
    .dc-alert-grid .dc-item .dc-btn-spacer {
        display: none !important;
    }
}

/* ==========================================================================
   Detailing Connect - Location Filter Sidebar (Opportunities & Companies)
   ========================================================================== */

/* Permanently Hide Old Email Me New Jobs Widget */
.job-alerts-sec,
.job-alert-container-top,
.email-me-top,
.job-alert-box,
.email-jobs-top {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

/* Location Filter Box */
.dc-sidebar-loc-form {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

.dc-sidebar-loc-form li {
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.dc-sidebar-loc-form label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    margin-bottom: 6px !important;
    display: block !important;
    line-height: 1.4 !important;
}

/* Country: Fixed "India", non-dropdown, no arrows */
.dc-country-fixed-display {
    width: 100% !important;
    position: relative !important;
    box-sizing: border-box !important;
}

.dc-country-display-input {
    height: 40px !important;
    min-height: 40px !important;
    width: 100% !important;
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 4px !important;
    padding: 8px 14px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    cursor: default !important;
    outline: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
    background-image: none !important;
}

/* State Dropdown */
.dc-loc-state-select-wrap {
    width: 100% !important;
    position: relative !important;
    box-sizing: border-box !important;
}

.dc-state-filter-select {
    height: 40px !important;
    min-height: 40px !important;
    width: 100% !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 4px !important;
    padding: 8px 34px 8px 14px !important;
    font-size: 13px !important;
    color: #1e293b !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%2364748b" height="18" viewBox="0 0 24 24" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.dc-state-filter-select:focus {
    border-color: #1e88e5 !important;
    box-shadow: 0 0 0 2px rgba(30, 136, 229, 0.15) !important;
}

/* City Text Input */
.dc-loc-city-input-wrap {
    width: 100% !important;
    position: relative !important;
    box-sizing: border-box !important;
}

.dc-city-filter-input {
    height: 40px !important;
    min-height: 40px !important;
    width: 100% !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 4px !important;
    padding: 8px 14px !important;
    font-size: 13px !important;
    color: #1e293b !important;
    outline: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    background-image: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.dc-city-filter-input:focus {
    border-color: #1e88e5 !important;
    box-shadow: 0 0 0 2px rgba(30, 136, 229, 0.15) !important;
}

/* Ensure no unwanted pseudo-element arrows on Location fields */
.dc-location-filter-box-wrap .dc-country-fixed-display:before,
.dc-location-filter-box-wrap .dc-country-fixed-display:after,
.dc-location-filter-box-wrap .dc-loc-field-country:before,
.dc-location-filter-box-wrap .dc-loc-field-country:after,
.dc-location-filter-box-wrap .dc-loc-state-select-wrap:before,
.dc-location-filter-box-wrap .dc-loc-state-select-wrap:after,
.dc-location-filter-box-wrap .dc-loc-city-input-wrap:before,
.dc-location-filter-box-wrap .dc-loc-city-input-wrap:after {
    display: none !important;
    content: none !important;
}

/* Listing Type, Discipline & Main Software Filters - Consistent Alignment */
.dc-listing-type-filter-box .dc-filter-list,
.dc-discipline-filter-box-wrap .dc-filter-list,
.dc-software-filter-box-wrap .dc-filter-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.dc-listing-type-filter-box .dc-filter-list > li,
.dc-discipline-filter-box-wrap .dc-filter-list > li,
.dc-software-filter-box-wrap .dc-filter-list > li {
    margin-bottom: 8px !important;
    display: block !important;
}

.dc-listing-type-filter-box .dc-filter-list > li label,
.dc-discipline-filter-box-wrap .dc-filter-list > li label,
.dc-software-filter-box-wrap .dc-filter-list > li label {
    display: flex !important;
    align-items: center !important;
    cursor: pointer !important;
    font-size: 14px !important;
    color: #334155 !important;
    font-weight: 500 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

.dc-listing-type-filter-box .dc-filter-list > li label span:first-child,
.dc-discipline-filter-box-wrap .dc-filter-list > li label span:first-child,
.dc-software-filter-box-wrap .dc-filter-list > li label span:first-child {
    flex-shrink: 0 !important;
    margin-right: 8px !important;
}

/* ==========================================================================
   Permanently Remove Broken Side Promo & Social Sharing Icons Globally
   ========================================================================== */
.jobsearch-pumflit-banner-con,
.jobsearch-ad-banner-con,
.jobsearch-ad,
.jobsearch_ad_img_banner_click,
.jobsearch_ad_banner_click {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

.addtoany_share_save_container,
.a2a_kit,
.a2a_floating_style,
.careerfy-blog-social-network,
.jobsearch-job-detail-social,
.jobsearch-candidate-detail-social,
.jobsearch-employer-detail-social,
.jobsearch-social-share,
.careerfy-social-share {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

/* ==========================================================================
   Filter Accordion Arrow Styling & State Fix
   ========================================================================== */
.jobsearch-search-filter-wrap .jobsearch-fltbox-title a {
    position: relative !important;
    display: block !important;
    cursor: pointer !important;
    user-select: none !important;
}

.jobsearch-search-filter-wrap .jobsearch-fltbox-title a:after {
    display: none !important;
    content: none !important;
}

.jobsearch-search-filter-wrap .jobsearch-fltbox-title a:before {
    content: "\e967" !important; /* Down chevron in wp-jobsearch-icomoon */
    font-family: wp-jobsearch-icomoon !important;
    position: absolute !important;
    right: 0px !important;
    top: 14px !important;
    font-size: 13px !important;
    color: #94a3b8 !important;
    transition: transform 0.25s ease, color 0.2s ease !important;
    transform: rotate(0deg) !important;
}

/* Closed state - rotate arrow to indicate collapsed accordion */
.jobsearch-search-filter-wrap.jobsearch-remove-padding .jobsearch-fltbox-title a:before {
    transform: rotate(-90deg) !important;
    color: #cbd5e1 !important;
}

/* ==========================================================================
   Notify Me / Job Alerts Modal
   ========================================================================== */
.dc-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dc-modal-content {
    background: #fff;
    border-radius: 8px;
    position: relative;
    width: 100%;
    max-width: 750px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    max-height: 90vh;
    overflow-y: auto;
}

.dc-modal-close {
    position: absolute;
    top: 15px;
    right: 20px;
    background: transparent;
    border: none;
    font-size: 28px;
    line-height: 1;
    color: #94a3b8;
    cursor: pointer;
    transition: color 0.2s;
    z-index: 10;
}

.dc-modal-close:hover {
    color: #ef4444;
}

/* Modal Internal Layout Tweaks */
.dc-modal-content .dc-alert-bar {
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
}

.dc-custom-notif-link-con a.dc-open-notify-modal:hover {
    text-decoration: none !important;
}

/* Job Alerts Header Dropdown Item */
.dc-custom-notif-link-con {
    margin-top: 10px;
    border-top: 1px solid #f1f5f9;
}

.dc-custom-notif-link-con a.dc-open-notify-modal {
    display: block;
    text-align: center;
    color: #13b5ea;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    padding: 12px 20px;
    transition: all 0.2s ease;
}

.dc-custom-notif-link-con a.dc-open-notify-modal:hover {
    background-color: #f8fafc;
    color: #0f93bf;
}

.dc-custom-notif-link-con a.dc-open-notify-modal i {
    margin-right: 8px;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .dc-modal-content {
        max-width: 600px;
        padding: 25px;
    }
}

@media (max-width: 767px) {
    .dc-modal-content {
        width: 95%;
        max-width: none;
        padding: 20px;
        margin: 10px auto;
    }
    
    .dc-modal-content .dc-alert-grid {
        display: flex !important;
        flex-direction: column !important;
    }
    
    .dc-modal-content .dc-alert-grid .dc-item {
        width: 100% !important;
        flex: 1 1 100% !important;
        padding-right: 0 !important;
    }
    
    .dc-modal-content .dc-alert-btn {
        width: 100%;
        margin-top: 10px;
    }
}

/* ========================================================================= */
/* Profile Deletion Request Modal */
/* ========================================================================= */

.dc-delete-textarea {
    width: 100%;
    min-height: 120px;
    padding: 12px;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    font-size: 14px;
    color: #334155;
    background-color: #f8fafc;
    resize: vertical;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}

.dc-delete-textarea:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
    background-color: #ffffff;
}


/* Detailing Connect - Remove Top Location Search Field ONLY on Companies (Employer) Page */
form[id^="jobsearch_employer_frm_"] .jobsearch-banner-search ul li:has(.jobsearch_searchloc_div) {
    display: none !important;
}
/* Fallback for older browsers */
form[id^="jobsearch_employer_frm_"] .jobsearch-banner-search ul li:nth-child(2) {
    display: none !important;
}



/* Detailing Connect - Candidate Detail - Keep only WhatsApp and Save Candidate */
body.single-candidate .jobsearch-chat-start-btn {
    display: none !important;
}
body.single-candidate .jobsearch-cand-details-btns a.jobsearch-invite-candaply,
body.single-candidate .jobsearch-cand-details-btns a.jobsearch-invite-bynonemp,
body.single-candidate .jobsearch-cand-details-btns a:has(i.jobsearch-envelope) {
    display: none !important;
}