/* Global Styles */
.single-post .entry-title,
.page-title {
    font-size: 2.5REM;
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    margin: 1.5rem 0;
    padding: 1rem 0;
    color: #333; /* Added missing # for proper color */
    border-bottom: 2px solid #eaeaea;
    text-align: center;
}

/* No Results Message */
.no-results .page-content p,
.no-posts-found p,
.nothing-found p,
.not-found .page-content p {
    visibility: hidden;
    position: relative;
}

.no-results .page-content p::after,
.no-posts-found p::after,
.nothing-found p::after,
.not-found .page-content p::after {
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    content: "Be the First to Post in this Contractor or Subcontractor Category!";
    text-align: center;
	 font-size: 24px;
    font-weight: bold;
}

/* Global Link Styles: Refined */
a {
    text-decoration: none !important; /* No underline globally */
    /* Removed width, height, and display: flex */
}
/* Scoped Plugin Styles */
.plugin-contractor-listings .directory-tab,
.plugin-subcontractor-listings .directory-tab {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #ffbe00;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    padding: 0 15px; /* Adjust padding for better control */
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s;
    text-transform: capitalize;
    line-height: 1.4em;
    max-width: 170px; /* Control width */
    height: 100px; /* Add fixed height for all tabs */
}


.plugin-contractor-listings .directory-tab:hover,
.plugin-subcontractor-listings .directory-tab:hover {
    background-color: #046bd2;
    color: #fff;
}

/* Plugin Grid Styles */
.plugin-contractor-listings .directory-grid,
.plugin-subcontractor-listings .directory-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin: 20px auto;
    max-width: 1200px;
}

@media (max-width: 1024px) {
    .plugin-contractor-listings .directory-grid,
    .plugin-subcontractor-listings .directory-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .plugin-contractor-listings .directory-grid,
    .plugin-subcontractor-listings .directory-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .plugin-contractor-listings .directory-grid,
    .plugin-subcontractor-listings .directory-grid {
        grid-template-columns: 1fr;
    }
}
.category .page-title::after {
    content: "Click-On Title or Image to View the Entire Listing";
    display: block;
    text-align: center;
    color: blue;
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
}
/* Handyman Listings Container - Removes Title */
.handyman-listings-container h2 {
    display: none; /* Hides the title */
}

/* Handyman State Links - Updated Colors */
.handyman-state-links {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.handyman-state-links li {
    width: 100%;
    max-width: 350px;
}

.handyman-state-links a {
    display: block;
    padding: 12px;
    background: #ffbe00 !important; /* New Background Color */
    color: #000000 !important; /* Ensures regular font stays white */
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

/* Force Hover Background Color to Change */
.handyman-state-links a:hover,
.handyman-state-links a:focus {
    background-color: #045CB4 !important; /* Forces Hover Background */
    color: #ffffff !important; /* Ensures hover font color stays black */
}

/* City Filter Styling */
.handyman-city-filter {
    background: #e8e8e8;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.handyman-city-filter h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

#handyman-city-dropdown {
    width: 100%;
    max-width: 350px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
}

/* Responsive Fixes */
@media (max-width: 600px) {
    .handyman-state-links li {
        max-width: 100%;
    }

    .handyman-state-links a {
        font-size: 14px;
        padding: 10px;
    }
}

/* Category Page - Archive Title Adjustments */
h1.archive-title {
    font-size: 28px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px; /* Adjusts space between title and search */
    padding-bottom: 10px;
    font-weight: bold;
    text-transform: capitalize; /* Capitalizes title properly */
}

/* Remove "Category:" from Archive Page Titles */
h1.archive-title::before {
    content: none !important; /* Completely removes "Category:" */
}

/* Ensure Full Control Over Archive Spacing */
.archive-header {
    margin-bottom: 40px !important; /* Adjusts the spacing */
    text-align: center;
}

/* Additional Customization Options */
.handyman-state-links a {
    border: 2px solid transparent;
    transition: all 0.3s ease-in-out;
}

.handyman-state-links a:hover {
    border: 2px solid #ffffff;
    background: #005f8d;
}
.archive-search-box {
    display: block;
    margin-bottom: 40px; /* Adds 40px space below the search box */
}

.ast-row {
    margin-top: 40px; /* Adds 20px space above the posts template */
    margin-bottom: 0;  /* Ensures no extra space at the bottom */
}