/* -----------------------------------------------------
   HEADER
----------------------------------------------------- */
.ucp-header {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: auto;
    padding-top: 160px;
    padding-bottom: 110px;
    height: auto !important;
    overflow: visible !important;
}

.ucp-header.container {
    height: auto;
}

.ucp-header h1 {
    color: var(--uffizio-text-white);
    text-align: left;
    margin: 0 !important;
}

.category-search-wrapper {
    display: block;
    width: 100%;
    position: relative;
    margin-top: 30px;
}

.category-search-input {
    width: 100%;
    padding: 15px 50px 15px 15px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 16px;
    box-sizing: border-box;
}

/* SVG search icon */
.category-search-wrapper::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    pointer-events: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='42' height='42' rx='4' fill='%230057FF'/%3E%3Cg clip-path='url(%23clip0_3561_22874)'%3E%3Cpath d='M30.3613 29.2207L25.6012 24.2701C26.8255 22.8175 27.4966 20.9786 27.4957 19.0789C27.4957 14.6264 23.8732 11.0039 19.4207 11.0039C14.9682 11.0039 11.3457 14.6264 11.3457 19.0789C11.3457 23.5314 14.9682 27.1539 19.4207 27.1539C21.0922 27.1539 22.6851 26.6497 24.047 25.6927L28.8432 30.6809C29.0436 30.8891 29.3133 31.0039 29.6022 31.0039C29.8757 31.0039 30.1352 30.8996 30.3321 30.71C30.5331 30.5162 30.6491 30.2506 30.6546 29.9714C30.66 29.6922 30.5546 29.4223 30.3613 29.2207ZM19.4207 13.1104C22.7118 13.1104 25.3892 15.7878 25.3892 19.0789C25.3892 22.37 22.7118 25.0474 19.4207 25.0474C16.1296 25.0474 13.4522 22.37 13.4522 19.0789C13.4522 15.7878 16.1296 13.1104 19.4207 13.1104Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3561_22874'%3E%3Crect width='20' height='20' fill='white' transform='translate(11 11)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

/* Tag List */
.ucp-header .tag-list-wrap {
    margin-top: 20px;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.ucp-header .tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ucp-header .tag-list li {
    margin: 0;
}

.ucp-header .tag-list li a {
    display: inline-block;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    color: var(--uffizio-text-white);
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.ucp-header .tag-list li a:hover {
    border-color: var(--uffizio-text-white);
    background: var(--uffizio-color-accent);
}

.ucp-header .tag-list li a.active {
    background: var(--uffizio-color-accent);
    color: var(--uffizio-text-white);
}

.ucp-header.uffizio-gradient-pattern-two {
    padding: 110px 0 100px;
}

/* -----------------------------------------------------
   PARENT WRAPPER
----------------------------------------------------- */
.uffizio-category-page {
    padding-top: 80px;
    padding-bottom: 100px;
    font-family: inherit;
}

.uffizio-category-page .category-page-title {
    font-weight: bold;
    font-size: 42px;
}

.uffizio-category-page .more-blog-listing-latest {
    margin-top: 50px;
}

/* -----------------------------------------------------
   3-COLUMN GRID & RESPONSIVE CARDS
----------------------------------------------------- */
.uffizio-category-page .ucp-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-top: 50px;
}

@media (max-width: 1024px) {
    .uffizio-category-page .ucp-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .uffizio-category-page .ucp-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .ucp-thumb {
        height: 220px !important;
    }

    .ucp-content {
        padding: 24px !important;
    }

    .ucp-title a {
        font-size: 22px !important;
        margin: 15px 0 !important;
    }

    .ucp-excerpt {
        font-size: 16px;
        margin-bottom: 25px !important;
    }

    .category-page-title {
        font-size: 32px;
    }
}

@media (max-width: 480px) {
    .ucp-thumb {
        height: 200px !important;
    }

    .ucp-title a {
        font-size: 20px !important;
    }

    .uffizio-category-page .category-page-title {
        font-size: 32px;
    }
}

/* Pagination */
.uffizio-category-page .ucp-pagination {
    margin-top: 60px;
    text-align: center;
}

.uffizio-category-page .ucp-pagination a,
.uffizio-category-page .ucp-pagination span {
    padding: 8px 14px;
    border: 1px solid var(--uffizio-color-border);
    margin: 0 3px;
    border-radius: 6px;
    text-decoration: none;
}

.uffizio-category-page .ucp-pagination .current {
    background: var(--uffizio-color-accent);
    color: var(--uffizio-text-white);
    border-color: var(--uffizio-color-accent);
}

/* -----------------------------------------
   more-blog-listing-latest - 2 Column Layout
-------------------------------------------*/
.more-blog-listing-latest .two-column-layout {
    display: flex;
    gap: 40px;
    margin-bottom: 50px;
    flex-wrap: wrap;
    align-items: stretch;
    border: 1px solid var(--uffizio-color-border);
    border-radius: 12px;
}

/* IMAGE LEFT - increased size */
.more-blog-listing-latest .two-column-layout .Imgthumb {
    flex: 0 0 50%;
    max-width: 49%;
}

.more-blog-listing-latest .two-column-layout .Imgthumb img {
    width: 100%;
    height: auto;
    border-radius: 10px 0 0 10px;
    object-fit: cover;
    display: block;

}

/* CONTENT RIGHT */
.more-blog-listing-latest .two-column-layout .blog-content_v4 {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px;
    padding-left: 0px;
    box-sizing: border-box;
}

/* Meta - category left, date right */
.more-blog-listing-latest .two-column-layout .date-outer {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin-bottom: 20px;
    color: #666;
}

.more-blog-listing-latest .two-column-layout h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: var(--uffizio-font-body) !important;
    color: var(--uffizio-text-primary);
    text-transform: initial;
    line-height: 135%;
    margin-top: 0px;
}

.more-blog-listing-latest .two-column-layout p {
    flex-grow: 1;
    margin-bottom: 20px;
    font-size: 16px;
    color: var(--uffizio-text-secondary);
}

/* Read More button */
.more-blog-listing-latest .two-column-layout .boxLink1 {
    font-weight: 600;
    color: var(--uffizio-color-accent);
    text-decoration: none;
    display: inline-block;
}

.more-blog-listing-latest .two-column-layout .boxLink1:hover {
    text-decoration: underline;
}

/* -----------------------------------------
   more-blog-listing-latest - Responsive
-------------------------------------------*/
@media (max-width: 900px) {
    .more-blog-listing-latest .two-column-layout {
        flex-direction: column;
    }

    .more-blog-listing-latest .two-column-layout .Imgthumb {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .more-blog-listing-latest .two-column-layout .blog-content_v4 {
        padding: 15px 0;
    }

    .ucp-header .tag-list li a {
        border-radius: 6px;
        padding: 8px;
        font-size: 13px;
    }
}

/* Search Autocomplete */

.search-results-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 100;
    display: none;
    max-height: 300px;
    overflow-y: auto;
}

.search-results-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.search-results-dropdown li {
    border-bottom: 1px solid #eee;
}

.search-results-dropdown li:last-child {
    border-bottom: none;
}

.search-results-dropdown a {
    display: block;
    padding: 12px 16px;
    color: var(--uffizio-text-primary);
    text-decoration: none;
    transition: background 0.2s;
    font-size: 14px;
    text-align: start;
}

.search-results-dropdown a:hover {
    background: #f5f5f5;
    color: var(--uffizio-color-primary);
}