/* 
 * Qutub Digital Theme - Portfolio Module CSS
 */

/* Portfolio Filter Buttons */
.qd-portfolio-filters .qd-port-filter {
    transition: all 0.3s ease;
}
.qd-portfolio-filters .qd-port-filter:hover,
.qd-portfolio-filters .qd-port-filter.active {
    background: var(--qd-primary);
    color: #fff;
    border-color: var(--qd-primary);
}

/* Portfolio Grid Skeleton Loading */
.qd-port-loading {
    opacity: 0.5;
    pointer-events: none;
}

/* Gallery Hover Zoom */
.qd-gal-img img {
    transition: transform 0.3s ease;
}
.qd-gal-img:hover img {
    transform: scale(1.05);
}

/* Case Study Typography Adjustments */
.qd-portfolio-content .entry-content p {
    margin-bottom: 1.5em;
}
.qd-portfolio-content .entry-content h3 {
    margin-top: 1.5em;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
    .qd-portfolio-hero .container > div {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
    .qd-hero-col-img {
        max-width: 280px;
        margin: 0 auto;
    }
    .qd-portfolio-sidebar {
        order: -1;
        margin-bottom: 40px;
    }
    .qd-portfolio-sidebar > div {
        position: static !important;
    }
}

/* Typing text cursor animation */
.qd-typing-text {
    border-right: 3px solid var(--qd-primary);
    white-space: nowrap;
    animation: qdBlink 0.75s step-end infinite;
}

@keyframes qdBlink {
    from, to { border-color: transparent }
    50% { border-color: var(--qd-primary); }
}

@keyframes qdSpinRing {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}