/**
 * File: assets/css/frontend/home/extensions.css
 * Purpose: Homepage Chrome Extensions showcase styles.
 * Scope: Extensions section only; split from frontend/home/home.css.
 * Package: HyperDAF Pro
 */
/* ---------------------------------------------------------------------------
 * Chrome Extensions — theme-owned section listing company extension pages.
 * Extension pages come from a native WordPress query for pages using the
 * DAF Urdu company page template; cards link the page permalink and the
 * dafurdu install URL. The section renders nothing when disabled or empty.
 * ------------------------------------------------------------------------- */
.hdf-home-extensions { padding-block: var(--hdf-spacing-10); }
.hdf-home-extensions__header { margin-bottom: var(--hdf-spacing-6); max-width: 60rem; }
.hdf-home-extensions__title { margin: 0; font-size: clamp(1.45rem, 2.1vw, 1.9rem); }
.hdf-home-extensions__intro {
    margin: var(--hdf-spacing-3) 0 0;
    color: var(--hdf-color-text-secondary);
    font-size: 1rem;
    line-height: 1.6;
}
.hdf-home-extensions__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr));
    gap: var(--hdf-spacing-5);
}
.hdf-home-extensions__card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
}
.hdf-home-extensions__media {
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--hdf-color-surface-subtle);
}
.hdf-home-extensions__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.hdf-home-extensions__media--icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--hdf-color-primary-subtle);
}
.hdf-home-extensions__icon { display: inline-flex; color: var(--hdf-color-primary-strong); }
.hdf-home-extensions__icon .hdf-icon { width: 3.5rem; height: 3.5rem; }
.hdf-home-extensions__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--hdf-spacing-2);
    padding: var(--hdf-spacing-4);
}
.hdf-home-extensions__badge {
    align-self: flex-start;
    padding: .15rem .6rem;
    border-radius: var(--hdf-radius-pill);
    background: var(--hdf-color-primary-subtle);
    color: var(--hdf-color-primary-strong);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.hdf-home-extensions__card-title { margin: 0; font-size: 1.02rem; line-height: 1.4; }
.hdf-home-extensions__card-title a { color: var(--hdf-color-text-primary); text-decoration: none; }
.hdf-home-extensions__card-title a:hover { color: var(--hdf-color-primary-strong); text-decoration: underline; }
.hdf-home-extensions__excerpt {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: var(--hdf-color-text-secondary);
    font-size: .9rem;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.hdf-home-extensions__actions {
    display: flex;
    flex-wrap: wrap;
    margin: auto 0 0;
    padding-top: var(--hdf-spacing-3);
    gap: var(--hdf-spacing-2);
}