/* Custom chrome for the LRAI Seamless theme — explicit CSS so it doesn't
   depend on the (purged) React Tailwind bundle. */

/* ---- Gutter house-ads ---- */
.lrai-ad-rail{position:fixed;top:50%;transform:translateY(-50%);width:230px;z-index:40}
.lrai-ad-rail--left{left:24px}
.lrai-ad-rail--right{right:24px}
@media (max-width:1339px){.lrai-ad-rail{display:none}}
.lrai-ad{border-radius:16px;padding:20px;color:#fff;box-shadow:0 12px 34px rgba(2,6,23,.22)}
.lrai-ad--blue{background:linear-gradient(140deg,#2563eb 0%,#1d4ed8 100%)}
.lrai-ad--purple{background:linear-gradient(140deg,#7c3aed 0%,#6d28d9 100%)}
.lrai-ad__kicker{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;opacity:.85;margin-bottom:12px}
.lrai-ad__title{font-size:20px;font-weight:700;line-height:1.25;margin-bottom:8px}
.lrai-ad__body{font-size:13px;line-height:1.55;opacity:.92;margin-bottom:16px}
.lrai-ad__cta{display:inline-block;background:#fff;color:#1d4ed8;font-weight:600;font-size:13px;padding:9px 16px;border-radius:9px;text-decoration:none;transition:background .15s}
.lrai-ad__cta:hover{background:#eff6ff}
.lrai-ad--purple .lrai-ad__cta{color:#6d28d9}
.lrai-ad--purple .lrai-ad__cta:hover{background:#f5f3ff}
.lrai-ad__tag{font-size:10px;opacity:.7;margin-top:12px;text-transform:uppercase;letter-spacing:.09em}

/* ---- Archive card grid safety (in case purged bundle lacks these) ---- */
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.aspect-\[16\/9\]{aspect-ratio:16/9}

/* ---- Mobile menu (built by functions.php) ---- */
#lrai-mobile-menu{position:fixed;top:60px;left:0;right:0;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #e5e7eb;box-shadow:0 12px 28px rgba(2,6,23,.12);z-index:60;display:none;flex-direction:column;padding:6px 18px}
body.admin-bar #lrai-mobile-menu{top:106px}
body.lrai-menu-open #lrai-mobile-menu{display:flex}
#lrai-mobile-menu a{padding:13px 4px;color:#1f2937;font-weight:600;font-size:15px;text-decoration:none;border-bottom:1px solid #f3f4f6}
#lrai-mobile-menu a:last-child{border-bottom:0}
#lrai-mobile-menu a:hover{color:#2563eb}
@media (min-width:768px){#lrai-mobile-menu{display:none !important}}

/* ---- Pagination ---- */
.lrai-pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center}
.lrai-pagination a,.lrai-pagination span{display:inline-block;padding:8px 14px;border-radius:8px;font-size:14px;border:1px solid #e5e7eb;color:#374151;text-decoration:none}
.lrai-pagination a:hover{background:#f9fafb}
.lrai-pagination .current{background:#2563eb;color:#fff;border-color:#2563eb}