/* ============================================================
   1080Agile — ag-overrides.css
   Theme-specific additions loaded after main.css on every page.
   Covers: testimonials carousel, prose content, pagination.
   Do NOT put design-token overrides here — edit main.css for those.
============================================================ */

/* ---- Testimonials carousel --------------------------------- */
.ag-testi-section{overflow:hidden}
.ag-testi-wrap{overflow:hidden}
.ag-testi-track{display:flex;transition:transform .4s var(--ease)}
.ag-tcard{background:#fff;border:1px solid var(--n-200);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow-sm);flex-shrink:0}
.ag-tc-stars{color:var(--orange-500);font-size:16px;margin-bottom:16px;display:flex;gap:3px}
.ag-tc-text{font-size:17px;line-height:1.7;color:var(--text);font-style:italic;margin-bottom:20px}
.ag-tc-author strong{display:block;font-size:15px;color:var(--ink);font-weight:700}
.ag-tc-author span{font-size:13px;color:var(--text-muted)}
.ag-testi-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}
.ag-testi-btn{width:42px;height:42px;border-radius:10px;border:1.5px solid var(--n-300);background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s var(--ease)}
.ag-testi-btn:hover{border-color:var(--pink-500);color:var(--pink-600)}
.ag-testi-dots{display:flex;gap:8px}
.ag-testi-dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--n-300);cursor:pointer;padding:0;transition:background .15s var(--ease),transform .15s var(--ease)}
.ag-testi-dot.active{background:var(--pink-500);transform:scale(1.3)}

/* ---- Prose (legal, blog body) ------------------------------ */
.prose h2{font-size:26px;margin:36px 0 12px;color:var(--ink)}
.prose h3{font-size:21px;margin:28px 0 10px;color:var(--ink)}
.prose p{font-size:17px;color:var(--text);line-height:1.78;margin:0 0 1.2em}
.prose ul,.prose ol{padding-left:24px;margin:0 0 1.2em}
.prose li{font-size:16px;color:var(--text);margin-bottom:6px}
.prose a{color:var(--cyan-600);text-decoration:underline;text-underline-offset:2px}

/* ---- Pagination -------------------------------------------- */
.page-numbers{display:inline-flex;align-items:center;gap:6px;margin-top:8px}
.page-numbers a,.page-numbers span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;border:1.5px solid var(--n-200);color:var(--text);background:#fff;transition:all .15s var(--ease)}
.page-numbers .current{background:var(--pink-500);color:#fff;border-color:var(--pink-500)}
.page-numbers a:hover{border-color:var(--pink-400);color:var(--pink-600)}

/* ---- Desktop nav (wp_nav_menu output) ---------------------- */
/* Reset <ul> defaults */
.hdr-nav-list{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.hdr-nav-list .menu-item>a{display:block;font-size:14px;font-weight:600;color:var(--ink);padding:8px 13px;border-radius:var(--radius-sm);white-space:nowrap;transition:color .15s var(--ease)}
.hdr-nav-list .menu-item>a:hover,.hdr-nav-list .current-menu-item>a,.hdr-nav-list .current-menu-ancestor>a{color:var(--pink-600)}

/* Dropdown parent — chevron via CSS */
.hdr-nav-list .menu-item-has-children{position:relative}
.hdr-nav-list .menu-item-has-children>a::after{content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;font-size:9px;margin-left:5px;vertical-align:1px;display:inline-block;transition:transform .2s var(--ease)}
.hdr-nav-list .menu-item-has-children:hover>a::after{transform:rotate(180deg)}

/* Dropdown panel */
.hdr-nav-list .sub-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:210px;background:#fff;border:1px solid var(--n-200);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:10px 0 8px;list-style:none;z-index:200}
.hdr-nav-list .menu-item-has-children:hover .sub-menu,
.hdr-nav-list .menu-item-has-children:focus-within .sub-menu{display:block}
.hdr-nav-list .sub-menu .menu-item>a{display:block;padding:10px 20px;font-size:14px;font-weight:500;color:var(--ink);white-space:nowrap;transition:color .15s var(--ease),background .15s var(--ease)}
.hdr-nav-list .sub-menu .menu-item>a:hover,.hdr-nav-list .sub-menu .current-menu-item>a{color:var(--pink-600);background:var(--tint-2)}

/* ---- Mobile nav (wp_nav_menu output) ----------------------- */
.hdr-mob-list{list-style:none;margin:0;padding:0}
.hdr-mob-list .menu-item>a{display:flex;justify-content:space-between;align-items:center;padding:13px 24px;font-size:15px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--n-100)}
.hdr-mob-list .menu-item>a:hover,.hdr-mob-list .current-menu-item>a{color:var(--pink-600)}

/* Mobile submenu hidden by default, revealed by .mob-open toggled via JS */
.hdr-mob-list .sub-menu{display:none;list-style:none;margin:0;padding:0;background:var(--tint-2)}
.hdr-mob-list .menu-item-has-children.mob-open>.sub-menu{display:block}
.hdr-mob-list .sub-menu .menu-item>a{padding:11px 24px 11px 40px;font-size:14px;font-weight:500;color:var(--text)}
.hdr-mob-list .sub-menu .menu-item>a:hover{color:var(--pink-600)}

/* Chevron on mobile parent items */
.hdr-mob-list .menu-item-has-children>a::after{content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;font-size:10px;flex-shrink:0;transition:transform .2s var(--ease)}
.hdr-mob-list .menu-item-has-children.mob-open>a::after{transform:rotate(180deg)}