/* ================================================================
   EffiQ Theme — Base Layout
   WordPress admin overrides, alignment helpers, layout primitives
   (.wrap, .sec, .sec-alt), utility classes, and reveal animations.
   Loaded on every page.
================================================================ */

/* ── WORDPRESS ADMIN BAR ────────────────────────────────────────── */
.admin-bar #nav { top: 32px !important; }
@media screen and (max-width:782px) { .admin-bar #nav { top: 46px !important; } }

/* ── WORDPRESS ALIGNMENT CLASSES ───────────────────────────────── */
.alignleft  { float: left;  margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin: 0 auto 1em; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 12px; color: var(--lt); text-align: center; margin-top: 4px; }

/* ── PAGE STRUCTURE ─────────────────────────────────────────────── */
.page { display: block !important; }
.site-wrapper { display: block; padding-top: 68px; }

/* ── LAYOUT PRIMITIVES ──────────────────────────────────────────── */
.wrap { max-width: var(--mx); margin: 0 auto; padding: 0 52px; }
.sec  { padding: 112px 0; }
.sec-alt { background: var(--gy); }
.row  { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; flex-wrap: wrap; }

/* ── REVEAL ON SCROLL ───────────────────────────────────────────── */
.rv { opacity: 0; transform: translateY(18px); transition: opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1); }
.rv.in { opacity: 1; transform: none; }
[data-d="1"] { transition-delay: .07s; }
[data-d="2"] { transition-delay: .14s; }
[data-d="3"] { transition-delay: .21s; }
[data-d="4"] { transition-delay: .28s; }

/* ── PAGE CONTENT WRAPPER ───────────────────────────────────────── */
.page-body { max-width: 720px; margin: 0 auto; font-size: 15px; line-height: 1.85; color: var(--mid); }

/* ── CTA BAND ───────────────────────────────────────────────────── */
/* Base styles — used site-wide via effiq_cta_band() and service page templates */
.cta-band         { background: var(--grad-hero); position: relative; overflow: hidden; padding: 96px 0; text-align: center; }
.cta-band::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px); background-size: 48px 48px; }
.cta-band .wrap   { position: relative; z-index: 1; }
.cta-acts         { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; }

/* ── RESPONSIVE ─────────────────────────────────────────────────── */
@media(max-width:1024px) { .wrap { padding: 0 36px; } }
@media(max-width:640px)  { .wrap { padding: 0 20px; } .sec { padding: 72px 0; } }