/* Apply only on center-type taxonomy + office archive */
.tax-center-type .office-card-wrapper,
.post-type-archive-office .office-card-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
    gap: 25px;
}

/* Card */
.tax-center-type .card,
.post-type-archive-office .card {
    width:100%;
    height:320px;
    border-radius:20px;
    overflow:hidden;
    position:relative;
    cursor:pointer;
    box-shadow:0 10px 30px rgba(0,0,0,0.25);
    background:#00000069;
}

/* Card Image */
.tax-center-type .card img,
.post-type-archive-office .card img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.5s ease;
}

.tax-center-type .card:hover img,
.post-type-archive-office .card:hover img {
    transform:scale(1.25);
}

/* Bottom info */
.tax-center-type .bottom-info,
.post-type-archive-office .bottom-info {
    position:absolute;
    bottom:0;
    width:80%;
    padding:18px;
    backdrop-filter:blur(3px);
    color:white;
    transition:0.4s;
    border-radius:20px;
    margin:5%;
}

.tax-center-type .bottom-info h3,
.post-type-archive-office .bottom-info h3 {
    margin:0;
    font-size:18px;
    font-weight:600;
}

.tax-center-type .bottom-info p,
.post-type-archive-office .bottom-info p {
    margin-top:5px;
    font-size:14px;
    opacity:0.9;
}

/* Hover Details */
.tax-center-type .hover-details,
.post-type-archive-office .hover-details {
    position:absolute;
    inset:0;
    padding:30px 25px;
    color:white;
    background:rgba(0,0,0,0.45);
    opacity:0;
    transition:0.4s;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    transform: translateY(100%);
}

.tax-center-type .hover-details p,
.post-type-archive-office .hover-details p {
    margin:6px 0;
    font-size:14px;
}

/* Hover visibility */
.tax-center-type .card:hover .bottom-info,
.post-type-archive-office .card:hover .bottom-info {
    opacity:0;
    transform: translateY(100%);
}

.tax-center-type .card:hover .hover-details,
.post-type-archive-office .card:hover .hover-details {
    opacity:1;
    transform: translateY(0);
}

/* Location button */
.tax-center-type .location-btn,
.post-type-archive-office .location-btn {
    margin-top:12px;
    background:white;
    color:#333;
    padding:10px 18px;
    border-radius:12px;
    font-weight:500;
    width:max-content;
    margin-left:auto;
}

/* Arrow icon */
.tax-center-type .arrow,
.post-type-archive-office .arrow {
    transform: rotate(310deg);
}

/* Pagination */
.tax-center-type .page-numbers,
.post-type-archive-office .page-numbers {
    border:1px solid #e1e1e1;
    padding:7px 12px;
    margin:-2px;
    font-weight:700;
}

.tax-center-type .current,
.post-type-archive-office .current {
    background-color:#e1e1e1;
}

@media(max-width: 991px){
    .hover-details{
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
    .bottom-info{
        display: none !important;
    }
}