/* === style-index.css — extracted from index.php === */

/* --- Block 1 (originally L363-402) --- */
/* ── USER MENU DROPDOWN ─────────────────────────────────────── */
.user-menu-wrap{position:relative}
.user-menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;cursor:pointer;border-radius:10px;transition:background .15s;font-size:18px;padding:0}
.user-menu-btn:hover{background:rgba(255,255,255,.12)}
.user-menu-btn.logged-in{background:rgba(212,98,42,.18)}
.user-menu-btn .avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#D4622A,#E8835A);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}
.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border-radius:14px;box-shadow:0 8px 40px rgba(0,0,0,.16),0 2px 8px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.08);min-width:220px;overflow:hidden;opacity:0;transform:translateY(-6px) scale(.97);pointer-events:none;transition:opacity .18s,transform .18s;z-index:9999}
.user-dropdown.open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}
.ud-header{padding:14px 16px 10px;border-bottom:1px solid #f0f0f0}
.ud-name{font-size:14px;font-weight:700;color:#1A1612}
.ud-email{font-size:11px;color:#7A6E66;margin-top:1px}
.ud-item{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:13px;font-weight:500;color:#3D3530;text-decoration:none;cursor:pointer;transition:background .12s;border:none;background:none;width:100%;font-family:inherit;text-align:left}
.ud-item:hover{background:#faf5f2;color:#D4622A}
.ud-icon{font-size:15px;width:22px;text-align:center;flex-shrink:0}
.ud-sep{height:1px;background:#f0f0f0;margin:4px 0}
.ud-item.danger{color:#dc2626}.ud-item.danger:hover{background:#fef2f2}
.ud-item.highlight{color:#D4622A;font-weight:700}.ud-item.highlight:hover{background:rgba(212,98,42,.08)}
html.dark .user-dropdown{background:#1C1510;border-color:rgba(255,255,255,.1)}
html.dark .ud-header{border-bottom-color:rgba(255,255,255,.08)}
html.dark .ud-name{color:#F0EBE3}
html.dark .ud-item{color:#D0C8C0}
html.dark .ud-item:hover{background:rgba(255,255,255,.06)}
html.dark .ud-sep{background:rgba(255,255,255,.08)}
/* ═══ BLOG / SEO SECTION ═══════════════════════════════════════ */
.lp-blog{background:var(--lp-bg,#FDFAF7)}
.lp-blog-lead{font-size:1.05rem;line-height:1.7;color:var(--text-secondary,#6B5E55);max-width:680px;margin:0 auto 36px;text-align:center}
.lp-blog-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:8px}
.lp-blog-card{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:16px;padding:24px 20px 20px;display:flex;flex-direction:column;gap:8px;transition:transform .18s,box-shadow .18s}
.lp-blog-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(0,0,0,.09)}
.lp-blog-card-icon{font-size:30px;line-height:1;margin-bottom:2px}
.lp-blog-card h3{font-size:.95rem;font-weight:700;color:#1A1612;margin:0}
.lp-blog-card p{font-size:.875rem;line-height:1.55;color:#6B5E55;margin:0;flex:1}
.lp-blog-card-btn{align-self:flex-start;background:none;border:1.5px solid #D4622A;color:#D4622A;border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;margin-top:4px;font-family:inherit}
.lp-blog-card-btn:hover{background:#D4622A;color:#fff}
html.dark .lp-blog{background:#120E0B}
html.dark .lp-blog-card{background:#1C1510;border-color:rgba(255,255,255,.08)}
html.dark .lp-blog-card h3{color:#F0EBE3}
html.dark .lp-blog-card p{color:#A09288}

/* --- Block 2 (originally L1603-1622) --- */
#paywall-bar {
  position: sticky; bottom: 0; left: 0; right: 0; z-index: 50;
  background: linear-gradient(to top, #fff 70%, transparent);
  padding: 20px 16px 16px;
  border-top: 1px solid var(--border, #E8E2D8);
}
#paywall-inner {
  max-width: 400px; margin: 0 auto; text-align: center;
}
#paywall-text strong {
  display: block; font-size: 15px; font-weight: 700;
  color: var(--fg, #1a1a1a); margin-bottom: 4px;
}
#paywall-text span {
  display: block; font-size: 12px; color: var(--muted, #7A6E66);
  margin-bottom: 12px;
}
#paypal-button-container { min-height: 45px; }