/*
Theme Name: NV Barebones
Description: Lexohr custom theme
*/

/* =============================================
   LEXOHR — Global Theme CSS
   Brand: #E63D5A (pink) | #FFA500 (orange) | #1B7BA4 (teal)
   Fonts: Poppins (headings) | Open Sans (body)
   ============================================= */
:root {
  --lx-pink:   #E63D5A;
  --lx-orange: #FFA500;
  --lx-teal:   #1B7BA4;
}
html { scroll-behavior: smooth; scroll-padding-top: 80px; }
/* Offset anchor targets so sticky navbar doesn't cover section headings */
section[id] { scroll-margin-top: 80px; }
body { font-family: 'Open Sans', sans-serif; color: #111; background: #fff; }
h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif; }
#primary, .content-area { padding: 0 !important; margin: 0 !important; }
#primary > section { padding: 0 !important; margin: 0 !important; }

/* ---- Navbar ---- */
.lx-brand-name { font-family:'Poppins',sans-serif; font-weight:700; font-size:1.2rem; color:#000; letter-spacing:-0.02em; line-height:1.1; }
.lx-brand-tagline { font-family:'Poppins',sans-serif; font-size:0.5rem; letter-spacing:0.15em; color:#999; text-transform:uppercase; line-height:1.2; }
.lx-nav-link { position:relative; font-weight:500; color:#111 !important; font-size:0.875rem; transition:color .2s; padding-bottom:4px; }
.lx-nav-link::after { content:''; position:absolute; bottom:-3px; left:.75rem; width:0; height:2px; background:var(--lx-orange); transition:width .2s; }
.lx-nav-link:hover { color:var(--lx-pink) !important; }
.lx-nav-link:hover::after { width:calc(100% - 1.5rem); }

/* ---- Buttons ---- */
.lx-btn-orange { background:var(--lx-orange); color:#fff !important; font-family:'Poppins',sans-serif; font-weight:600; font-size:0.875rem; border-radius:10px; border:none; padding:.625rem 1.375rem; transition:background .2s; text-decoration:none !important; display:inline-flex; align-items:center; gap:.5rem; }
.lx-btn-orange:hover { background:#e69500; color:#fff !important; }
.lx-btn-orange-lg { padding:1rem 2rem; font-size:1rem; border-radius:12px; box-shadow:0 8px 24px rgba(255,165,0,.25); }
.lx-btn-orange-lg:hover { box-shadow:0 12px 32px rgba(255,165,0,.35); }
.lx-btn-teal-outline { background:transparent; color:var(--lx-teal) !important; font-family:'Poppins',sans-serif; font-weight:600; font-size:1rem; border-radius:12px; border:2px solid var(--lx-teal); padding:.9375rem 2rem; transition:background .2s,color .2s; text-decoration:none !important; display:inline-flex; align-items:center; gap:.5rem; }
.lx-btn-teal-outline:hover { background:var(--lx-teal); color:#fff !important; }
.lx-btn-black { background:#000; color:#fff !important; font-family:'Poppins',sans-serif; font-weight:600; font-size:1rem; border-radius:12px; border:none; padding:1rem 2rem; transition:background .2s; text-decoration:none !important; display:inline-flex; align-items:center; gap:.5rem; }
.lx-btn-black:hover { background:#222; color:#fff !important; }

/* ---- Section labels ---- */
.lx-label { display:inline-flex; align-items:center; gap:.5rem; font-family:'Poppins',sans-serif; font-size:0.7rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; margin-bottom:.75rem; }
.lx-label-line { display:inline-block; width:2rem; height:1px; opacity:1; }

/* ---- Section heading ---- */
.lx-section-h2 { font-family:'Poppins',sans-serif; font-weight:700; font-size:2.25rem; color:#000; margin:0; }
@media(max-width:768px){ .lx-section-h2 { font-size:1.8rem; } }

/* ---- Footer ---- */
.lx-footer { background:#000; }
.lx-footer-brand { font-family:'Poppins',sans-serif; font-weight:700; font-size:1.15rem; color:#fff; letter-spacing:-0.02em; }
.lx-footer-heading { font-family:'Poppins',sans-serif; font-weight:700; font-size:0.7rem; letter-spacing:0.15em; text-transform:uppercase; color:#fff; margin-bottom:1rem; }
.lx-footer-link { display:block; color:#9ca3af; font-size:0.875rem; text-decoration:none !important; transition:color .2s; margin-bottom:.5rem; }
.lx-footer-link:hover { color:var(--lx-orange); }
.lx-social-btn { width:32px; height:32px; border-radius:8px; background:#1f2937; display:inline-flex; align-items:center; justify-content:center; transition:background .2s; color:#fff; text-decoration:none !important; }
.lx-social-btn:hover { background:var(--lx-orange); color:#fff; }

/* ---- Bootstrap grid: prevent horizontal overflow at tablet/desktop-sm ---- */
@media (max-width: 1199px) {
  .row.g-5 { --bs-gutter-x: 1.5rem; }
}