/* =========================
   BUTTONS
========================= */

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 28px;

    border-radius:999px;

    font-weight:600;

    transition:.3s ease;

    cursor:pointer;

}

.btn-primary{

    background:var(--color-accent);

    color:#fff;

}

.btn-primary:hover{

    background:var(--color-accent-hover);

    transform:translateY(-3px);

}

.btn-secondary{

    background:transparent;

    border:1px solid var(--color-border);

    color:#fff;

}

.btn-secondary:hover{

    border-color:rgba(255,255,255,.15);

    transform:translateY(-3px);

}

/* =========================
   SECTION ELEMENTS
========================= */

.section-label{

    color:rgba(255,255,255,.45);

    text-transform:uppercase;

    letter-spacing:2px;

    font-size:12px;

    display:inline-block;

    margin-bottom:16px;

}

/* =========================
   LINKS
========================= */

.portfolio-link{

    display:inline-block;

    margin-top:18px;

    color:#fff;

    font-weight:600;

    transition:.3s ease;

}

.portfolio-link:hover{

    opacity:.75;

}

/* =========================
   CATEGORY BADGE
========================= */

.portfolio-category{

    display:inline-block;

    margin-bottom:12px;

    color:var(--color-accent);

    font-size:13px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:1px;

}

/* =========================
   FILTER BUTTON
========================= */

.filter-btn{

    background:#101010;

    border:1px solid rgba(255,255,255,.08);

    color:#fff;

    padding:12px 24px;

    border-radius:999px;

    cursor:pointer;

    transition:.3s ease;

}

.filter-btn:hover{

    border-color:rgba(255,255,255,.2);

}

.filter-btn.active{

    background:#fff;

    color:#000;

}

/* =========================
   FORM ELEMENTS
========================= */

.form-group{

    display:flex;

    flex-direction:column;

    gap:10px;

}

.form-group label{

    font-size:14px;

}

.form-group input,
.form-group textarea{

    background:#0a0a0a;

    border:1px solid var(--color-border);

    border-radius:14px;

    padding:16px;

    color:#fff;

    outline:none;

}

.form-group input:focus,
.form-group textarea:focus{

    border-color:var(--color-accent);

}

/* =========================
   COMMON CARD
========================= */

.card{

    background:var(--color-surface);

    border:1px solid var(--color-border);

    border-radius:30px;

}

/* =========================
   CONTACT
========================= */

.contact-form-wrapper .wpcf7 {
    width: 100%;
}

.contact-form-wrapper .wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact-form-wrapper .form-group {
    display: flex;
    flex-direction: column;
}

.contact-form-wrapper label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
}

.contact-form-wrapper input,
.contact-form-wrapper textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 12px;
    background: transparent;
    color: inherit;
    font: inherit;
}

.contact-form-wrapper textarea {
    min-height: 180px;
    resize: vertical;
}

.contact-form-wrapper .wpcf7-submit {
    cursor: pointer;
}


/* =========================================================
   SEO CASE STUDY ENGINE — v1
   ========================================================= */
.case-hero-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:48px;align-items:center}
.case-lead{max-width:760px;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.7}
.case-cover{margin:0;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-md,0 18px 50px rgba(0,0,0,.08))}.case-cover img{display:block;width:100%;height:auto}
.case-meta-section{padding:0 0 32px}.case-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;border:1px solid var(--border-color,#e5e7eb);border-radius:18px;overflow:hidden;background:var(--border-color,#e5e7eb)}.case-meta-grid>div{padding:20px;background:var(--bg-color,#fff)}.case-meta-grid span{display:block;margin-bottom:7px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;opacity:.65}.case-meta-grid strong{font-size:.95rem}.case-meta-grid a{text-decoration:none}
.case-section{padding:72px 0}.case-section-alt{background:var(--surface-color,#f7f7f7)}.case-reading-width{max-width:900px}.case-callout{margin-top:32px;padding:28px;border:1px solid var(--border-color,#e5e7eb);border-radius:18px}.case-callout h3{margin-top:0}.case-execution{margin-top:28px}.case-tools{margin-top:28px;padding-top:22px;border-top:1px solid var(--border-color,#e5e7eb)}
.comparison-list{display:grid;gap:56px;margin-top:36px}.comparison-item{padding-top:32px;border-top:1px solid var(--border-color,#e5e7eb)}.comparison-heading{display:flex;gap:18px;align-items:flex-start;margin-bottom:22px}.comparison-heading>span{font-size:.78rem;opacity:.55}.comparison-heading h3{margin:0 0 6px}.comparison-heading p{margin:0;opacity:.75}.comparison-card{margin:0;overflow:hidden;border:1px solid var(--border-color,#e5e7eb);border-radius:18px;background:var(--bg-color,#fff)}.comparison-card figcaption{padding:12px 16px;font-weight:700;border-bottom:1px solid var(--border-color,#e5e7eb)}.comparison-card img{display:block;width:100%;height:auto}
.evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px}.evidence-card{margin:0;overflow:hidden;border:1px solid var(--border-color,#e5e7eb);border-radius:18px}.evidence-card img{display:block;width:100%;height:auto}.evidence-card figcaption{padding:18px}.evidence-card strong{display:block;margin-bottom:5px}.evidence-card p{margin:0;opacity:.75}
@media(max-width:780px){.case-hero-inner{grid-template-columns:1fr;gap:28px}.case-section{padding:52px 0}.evidence-grid{grid-template-columns:1fr}.comparison-grid{grid-template-columns:1fr}.case-meta-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.case-meta-grid{grid-template-columns:1fr}}

/* =========================================================
   GLOBAL PAGINATION — v2
   One reusable component for archives, blog and search.
   ========================================================= */
.alif-pagination{margin:64px 0 16px;padding-top:28px;border-top:1px solid var(--color-border)}
.alif-pagination__desktop{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.alif-pagination .page-numbers{min-width:44px;height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:999px;color:inherit;text-decoration:none;font-weight:600;transition:.2s ease}
.alif-pagination .page-numbers:hover{border-color:var(--color-accent);transform:translateY(-1px)}
.alif-pagination .page-numbers.current{background:var(--color-accent);border-color:var(--color-accent);color:#000}
.alif-pagination .prev,.alif-pagination .next{min-width:auto;padding-inline:18px}
.alif-pagination__mobile{display:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.alif-pagination__side a{display:inline-flex;min-height:44px;align-items:center;color:inherit;text-decoration:none;font-weight:600}
.alif-pagination__side--right{text-align:right}.alif-pagination__status{font-size:13px;color:var(--color-text-muted,#999);white-space:nowrap}
.pagination-short{display:none}

/* =========================================================
   PORTFOLIO ARCHIVE — SEO CASE STUDY SHOWCASE
   ========================================================= */
.portfolio-archive-hero{padding:96px 0 48px}.portfolio-archive-hero__inner{max-width:900px}.portfolio-archive-hero h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.98;letter-spacing:-.055em;margin:16px 0 24px}.portfolio-archive-hero p{max-width:700px;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7;color:var(--color-text-muted,#aaa)}
.portfolio-filter-section{padding:0 0 56px}.portfolio-filter{display:flex;gap:10px;flex-wrap:wrap}.portfolio-filter .filter-btn{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border:1px solid var(--color-border);border-radius:999px;color:inherit;text-decoration:none;font-size:14px;font-weight:600}.portfolio-filter .filter-btn:hover,.portfolio-filter .filter-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#000}
.portfolio-list-section{padding:0 0 88px}.portfolio-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px 32px}.portfolio-showcase-card{min-width:0}.portfolio-showcase-card--featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:42px;align-items:center;padding-bottom:72px;border-bottom:1px solid var(--color-border)}
.portfolio-showcase-card__media{display:flex;aspect-ratio:16/10;overflow:hidden;border-radius:24px;background:var(--color-surface);border:1px solid var(--color-border);text-decoration:none}.portfolio-showcase-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.portfolio-showcase-card__media:hover img{transform:scale(1.02)}.portfolio-placeholder{margin:auto;color:var(--color-text-muted,#888);font-weight:700}
.portfolio-showcase-card__body{padding-top:22px}.portfolio-showcase-card--featured .portfolio-showcase-card__body{padding-top:0}.portfolio-showcase-card h2{font-size:clamp(1.55rem,3vw,2.4rem);line-height:1.12;letter-spacing:-.03em;margin:10px 0}.portfolio-showcase-card h2 a{color:inherit;text-decoration:none}.portfolio-showcase-card__summary{font-size:1rem;line-height:1.65;color:var(--color-text-muted,#aaa);margin:0 0 14px}.portfolio-showcase-card__meta{font-size:13px;color:var(--color-text-muted,#888);margin:0}.portfolio-showcase-card__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.portfolio-showcase-card__stats div{padding-top:14px;border-top:1px solid var(--color-border)}.portfolio-showcase-card__stats strong{display:block;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1}.portfolio-showcase-card__stats span{display:block;margin-top:7px;font-size:12px;color:var(--color-text-muted,#888)}.portfolio-showcase-card .portfolio-link{display:inline-flex;margin-top:18px;gap:8px;align-items:center;color:inherit;text-decoration:none;font-weight:700}.portfolio-empty{padding:72px 0;text-align:center}.portfolio-empty p{color:var(--color-text-muted,#888)}

@media(max-width:780px){.portfolio-archive-hero{padding:64px 0 36px}.portfolio-filter-section{padding-bottom:40px}.portfolio-showcase-grid{grid-template-columns:1fr;gap:52px}.portfolio-showcase-card--featured{grid-column:auto;display:block;padding-bottom:52px}.portfolio-showcase-card--featured .portfolio-showcase-card__body{padding-top:22px}.portfolio-showcase-card__media{border-radius:18px}.alif-pagination__desktop{display:none}.alif-pagination__mobile{display:grid}}
@media(max-width:420px){.portfolio-showcase-card__stats{grid-template-columns:1fr}.portfolio-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.portfolio-filter::-webkit-scrollbar{display:none}.portfolio-filter .filter-btn{white-space:nowrap}}