/* =====================================================================
   LOCAL CHAMPION — Blog, Category, Archive & Search  v2.0
   Dark #110d0a bg • Orange #ff9b2f • Geist / Geist Mono fonts
   All classes: lcarc-*  No conflicts with lcb- (single post plugin)
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&display=swap');

/* ---- Brand tokens ---- */
:root{--lc-b:#ff9b2f;--lc-b2:#ff7a14;--lc-bg:#110d0a}

/* =====================================================================
   ROOT — full bleed, dark background, escapes all Elementor containers
   ===================================================================== */
.lcarc-root{
  position:relative!important;
  width:100vw!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  background:var(--lc-bg,#110d0a)!important;
  color:#f7f2ee!important;
  font-family:'Geist',system-ui,-apple-system,sans-serif!important;
  font-size:17px!important;line-height:1.7!important;
  font-weight:400!important;
  letter-spacing:-.003em!important;
  -webkit-font-smoothing:antialiased!important;
  overflow-x:hidden!important;
}
/* Zero out Elementor wrappers */
.elementor-widget-lc_blog_page .elementor-widget-container,
.elementor-widget-lc_category_page .elementor-widget-container,
.elementor-widget-lc_archive_page .elementor-widget-container,
.elementor-widget-lc_search_results .elementor-widget-container{padding:0!important;margin:0!important;}
.elementor-section:has(.lcarc-root),.e-con:has(.lcarc-root),.e-con-inner:has(.lcarc-root){padding:0!important;max-width:none!important;width:100%!important;}
.lcarc-root *,.lcarc-root *::before,.lcarc-root *::after{box-sizing:border-box!important;}
.lcarc-root img{max-width:100%!important;display:block!important;}
.lcarc-root a{color:inherit!important;text-decoration:none!important;}

/* Inner max-width wrapper */
.lcarc-wrap{max-width:1200px!important;margin:0 auto!important;padding:0 clamp(16px,4vw,44px)!important;}

/* =====================================================================
   SHARED ATOMS
   ===================================================================== */
/* Badge (orange pill with category name) */
.lcarc-badge{
  display:inline-flex!important;align-items:center!important;
  font-family:'Geist Mono',monospace!important;font-size:11px!important;font-weight:500!important;
  letter-spacing:.15em!important;text-transform:uppercase!important;
  color:#251306!important;
  background:linear-gradient(180deg,var(--lc-b,#ff9b2f),var(--lc-b2,#ff7a14))!important;
  padding:5px 12px!important;border-radius:999px!important;
  white-space:nowrap!important;flex-shrink:0!important;
}
/* Placeholder when no image */
.lcarc-ph{
  background:radial-gradient(120% 120% at 0% 0%,rgba(255,155,47,.14),transparent 55%),
             linear-gradient(160deg,#221a15,#16110d)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;
}
.lcarc-ph svg{width:28px!important;height:28px!important;stroke:var(--lc-b,#ff9b2f)!important;opacity:.8!important;}
/* Button */
.lcarc-btn{
  display:inline-flex!important;align-items:center!important;
  font-family:'Geist',sans-serif!important;font-weight:600!important;font-size:13.5px!important;
  background:linear-gradient(180deg,var(--lc-b,#ff9b2f),var(--lc-b2,#ff7a14))!important;
  color:#251306!important;border:none!important;border-radius:9px!important;
  padding:10px 18px!important;cursor:pointer!important;
  box-shadow:0 8px 20px -8px rgba(255,122,20,.6)!important;
  transition:transform .15s,box-shadow .15s!important;
}
.lcarc-btn:hover{transform:translateY(-1px)!important;box-shadow:0 12px 26px -8px rgba(255,122,20,.85)!important;}

/* =====================================================================
   BLOG PAGE HEADER
   ===================================================================== */
.lcarc-page-hd{
  text-align:center!important;
  padding:clamp(36px,5vw,60px) 0 clamp(22px,3vw,36px)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  margin-bottom:clamp(28px,4vw,46px)!important;
}
.lcarc-page-title{
  font-size:clamp(28px,4.2vw,48px)!important;font-weight:600!important;
  letter-spacing:-.025em!important;line-height:1.1!important;
  color:#f7f2ee!important;margin:0 0 12px!important;
}
.lcarc-page-sub{font-size:16px!important;color:rgba(247,242,238,.68)!important;max-width:66ch!important;margin:0 auto!important;}

/* =====================================================================
   CATEGORY / ARCHIVE HEADER
   ===================================================================== */
.lcarc-arc-hd{
  padding:clamp(28px,4vw,48px) 0 clamp(16px,2.5vw,28px)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  margin-bottom:clamp(22px,3.5vw,38px)!important;
}
.lcarc-eyebrow{
  font-family:'Geist Mono',monospace!important;font-size:11px!important;
  letter-spacing:.16em!important;text-transform:uppercase!important;
  color:var(--lc-b,#ff9b2f)!important;margin:0 0 8px!important;
}
.lcarc-arc-title{
  font-size:clamp(24px,3.8vw,44px)!important;font-weight:600!important;
  letter-spacing:-.025em!important;line-height:1.12!important;
  color:#f7f2ee!important;margin:0 0 10px!important;
}
.lcarc-arc-desc{font-size:15.5px!important;color:rgba(247,242,238,.68)!important;margin:0!important;max-width:60ch!important;}
.lcarc-sq{color:var(--lc-b,#ff9b2f)!important;}

/* =====================================================================
   FEATURED HERO — 1 big left + 2 small stacked right
   ===================================================================== */
.lcarc-hero{
  display:grid!important;
  grid-template-columns:1fr 320px!important;
  gap:16px!important;
  margin-bottom:clamp(32px,5vw,52px)!important;
}
.lcarc-hero-stack{display:flex!important;flex-direction:column!important;gap:12px!important;}

/* Big card */
.lcarc-hero-big{display:block!important;transition:transform .2s!important;}
.lcarc-hero-big:hover{transform:translateY(-2px)!important;}
.lcarc-hero-big-img{
  height:clamp(200px,28vw,320px)!important;
  background-size:cover!important;background-position:center!important;
  border-radius:20px!important;overflow:hidden!important;position:relative!important;
}
.lcarc-hero-big-img .lcarc-badge{position:absolute!important;bottom:12px!important;left:12px!important;z-index:2!important;}
.lcarc-hero-big-body{padding:14px 0 4px!important;}
.lcarc-hero-big-title{
  font-size:clamp(18px,2.2vw,24px)!important;font-weight:600!important;
  color:#f7f2ee!important;margin:0 0 8px!important;line-height:1.25!important;letter-spacing:-.015em!important;
}
.lcarc-hero-big-exc{font-size:14.5px!important;color:rgba(247,242,238,.68)!important;margin:0!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}

/* Small hero cards */
.lcarc-hero-sm{display:grid!important;grid-template-columns:160px 1fr!important;gap:14px!important;transition:transform .2s!important;}
.lcarc-hero-sm:hover{transform:translateY(-2px)!important;}
.lcarc-hero-sm-img{
  height:110px!important;background-size:cover!important;background-position:center!important;
  border-radius:14px!important;overflow:hidden!important;position:relative!important;flex-shrink:0!important;
}
.lcarc-hero-sm-img .lcarc-badge{position:absolute!important;top:8px!important;left:8px!important;z-index:2!important;}
.lcarc-hero-sm-body{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;}
.lcarc-hero-sm-title{
  font-size:15px!important;font-weight:600!important;color:#f7f2ee!important;
  margin:0 0 6px!important;line-height:1.3!important;letter-spacing:-.01em!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
  transition:color .18s!important;
}
.lcarc-hero-sm:hover .lcarc-hero-sm-title{color:var(--lc-b,#ff9b2f)!important;}
.lcarc-hero-sm-exc{font-size:13px!important;color:rgba(247,242,238,.68)!important;margin:0!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}

/* =====================================================================
   SECTION HEADING
   ===================================================================== */
.lcarc-section-title{
  font-size:clamp(20px,2.6vw,28px)!important;font-weight:600!important;
  letter-spacing:-.02em!important;color:#f7f2ee!important;
  margin:0 0 20px!important;line-height:1.2!important;
}

/* =====================================================================
   BODY 2-COLUMN GRID — posts list + sidebar
   ===================================================================== */
.lcarc-body-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 300px!important;
  gap:clamp(22px,3.5vw,50px)!important;
  align-items:start!important;
  margin-bottom:clamp(36px,5vw,60px)!important;
}
.lcarc-posts-col{min-width:0!important;}

/* =====================================================================
   POST LIST CARDS — image left, text right (matches reference)
   ===================================================================== */
.lcarc-list{display:flex!important;flex-direction:column!important;}
.lcarc-card{
  display:grid!important;
  grid-template-columns:200px 1fr!important;
  gap:20px!important;
  padding:22px 0!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.lcarc-card:first-child{border-top:1px solid rgba(255,255,255,.10)!important;}
.lcarc-card-img{
  border-radius:10px!important;overflow:hidden!important;
  aspect-ratio:4/3!important;position:relative!important;flex-shrink:0!important;
}
.lcarc-card-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .4s!important;}
.lcarc-card:hover .lcarc-card-img img{transform:scale(1.05)!important;}
.lcarc-card-img .lcarc-badge{position:absolute!important;top:8px!important;left:8px!important;z-index:2!important;}
.lcarc-card-body{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;}
.lcarc-card-title{
  font-size:clamp(16px,1.8vw,20px)!important;font-weight:600!important;
  color:#f7f2ee!important;margin:0 0 8px!important;line-height:1.3!important;
  letter-spacing:-.01em!important;transition:color .18s!important;
}
.lcarc-card:hover .lcarc-card-title{color:var(--lc-b,#ff9b2f)!important;}
.lcarc-card-exc{
  font-size:14.5px!important;color:rgba(247,242,238,.68)!important;margin:0 0 12px!important;line-height:1.65!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
}
.lcarc-card-meta{
  display:flex!important;gap:12px!important;flex-wrap:wrap!important;align-items:center!important;
  font-family:'Geist Mono',monospace!important;font-size:11.5px!important;color:rgba(247,242,238,.42)!important;
}
.lcarc-card-meta span{display:flex!important;align-items:center!important;gap:4px!important;}
.lcarc-card-meta svg{width:12px!important;height:12px!important;flex-shrink:0!important;}
.lcarc-card-author{margin-left:auto!important;}

/* Load more button */
.lcarc-more-wrap{text-align:center!important;padding:28px 0!important;}
.lcarc-more-btn{
  background:transparent!important;border:1px solid rgba(255,255,255,.18)!important;
  color:rgba(247,242,238,.68)!important;border-radius:999px!important;
  padding:12px 34px!important;font-family:'Geist',sans-serif!important;
  font-size:14px!important;font-weight:500!important;cursor:pointer!important;
  transition:border-color .18s,color .18s,background .18s!important;
}
.lcarc-more-btn:hover{border-color:var(--lc-b,#ff9b2f)!important;color:var(--lc-b,#ff9b2f)!important;background:rgba(255,155,47,.06)!important;}
.lcarc-more-btn:disabled{opacity:.4!important;cursor:not-allowed!important;}
.lcarc-empty,.lcarc-no-results{text-align:center!important;padding:48px 0!important;color:rgba(247,242,238,.5)!important;font-size:15px!important;}
.lcarc-no-results svg{width:48px!important;height:48px!important;margin:0 auto 16px!important;opacity:.4!important;}
.lcarc-no-results-hint{font-size:13.5px!important;color:rgba(247,242,238,.35)!important;margin:6px 0 0!important;}

/* =====================================================================
   SIDEBAR
   ===================================================================== */
.lcarc-sidebar{
  position:sticky!important;top:24px!important;
  display:flex!important;flex-direction:column!important;gap:20px!important;min-width:0!important;
}
/* Widget container */
.lcarc-widget{
  background:#18120f!important;border:1px solid rgba(255,255,255,.10)!important;
  border-radius:20px!important;padding:20px 22px!important;
}
/* Widget heading */
.lcarc-widget-hd{
  font-family:'Geist Mono',monospace!important;font-size:11.5px!important;
  letter-spacing:.14em!important;text-transform:uppercase!important;
  color:var(--lc-b,#ff9b2f)!important;font-weight:500!important;
  margin:0 0 14px!important;padding-bottom:10px!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
/* Category pills */
.lcarc-cat-pills{display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
.lcarc-cat-pill{
  font-family:'Geist Mono',monospace!important;font-size:12px!important;
  color:rgba(247,242,238,.68)!important;background:#201815!important;
  border:1px solid rgba(255,255,255,.10)!important;border-radius:999px!important;
  padding:5px 13px!important;transition:border-color .18s,color .18s,background .18s!important;
}
.lcarc-cat-pill:hover,.lcarc-active{
  border-color:var(--lc-b,#ff9b2f)!important;color:var(--lc-b,#ff9b2f)!important;
  background:rgba(255,155,47,.08)!important;
}
/* Sidebar ad/banner */
.lcarc-ad-widget{
  background:linear-gradient(135deg,#1f1610,#2a1a0f)!important;
  border-color:rgba(255,155,47,.3)!important;min-height:160px!important;
  position:relative!important;overflow:hidden!important;
  background-size:cover!important;background-position:center!important;
}
.lcarc-ad-widget.lcarc-ad-has-img::before{
  content:""!important;position:absolute!important;inset:0!important;background:rgba(0,0,0,.55)!important;
}
.lcarc-ad-body{position:relative!important;z-index:1!important;}
.lcarc-ad-t{font-size:18px!important;font-weight:700!important;color:#f7f2ee!important;margin:0 0 6px!important;line-height:1.25!important;}
.lcarc-ad-s{font-size:13px!important;color:rgba(247,242,238,.68)!important;margin:0 0 14px!important;}
/* Related articles */
.lcarc-related{display:flex!important;flex-direction:column!important;gap:14px!important;}
.lcarc-rel-row{display:flex!important;gap:12px!important;align-items:flex-start!important;}
.lcarc-rel-img{width:64px!important;height:52px!important;border-radius:8px!important;flex-shrink:0!important;overflow:hidden!important;}
.lcarc-rel-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.lcarc-rel-img svg{width:20px!important;height:20px!important;}
.lcarc-rel-txt{min-width:0!important;}
.lcarc-rel-ttl{
  font-size:13px!important;font-weight:500!important;line-height:1.35!important;
  color:#f7f2ee!important;margin:0 0 5px!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
  transition:color .18s!important;
}
.lcarc-rel-row:hover .lcarc-rel-ttl{color:var(--lc-b,#ff9b2f)!important;}
.lcarc-rel-dt{display:flex!important;align-items:center!important;gap:4px!important;font-family:'Geist Mono',monospace!important;font-size:10.5px!important;color:rgba(247,242,238,.42)!important;}
.lcarc-rel-dt svg{width:11px!important;height:11px!important;}

/* =====================================================================
   TRENDING CAROUSEL (blog page)
   ===================================================================== */
.lcarc-trending{margin-bottom:clamp(36px,5vw,60px)!important;}
.lcarc-carousel-outer{position:relative!important;padding:0 30px!important;}
.lcarc-carousel{
  display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:20px!important;
}
/* Trend card: image left, text right */
.lcarc-trend-card{
  display:flex!important;
  background:#18120f!important;border:1px solid rgba(255,255,255,.10)!important;
  border-radius:20px!important;overflow:hidden!important;
  transition:border-color .2s,transform .2s!important;
}
.lcarc-trend-card:hover{border-color:rgba(255,155,47,.4)!important;transform:translateY(-2px)!important;}
.lcarc-trend-img{width:140px!important;flex-shrink:0!important;overflow:hidden!important;position:relative!important;}
.lcarc-trend-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.lcarc-trend-img svg{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:24px!important;height:24px!important;}
.lcarc-trend-body{padding:16px!important;flex:1!important;min-width:0!important;}
.lcarc-trend-title{
  font-size:15px!important;font-weight:600!important;color:#f7f2ee!important;
  margin:6px 0 8px!important;line-height:1.35!important;letter-spacing:-.01em!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
  transition:color .18s!important;
}
.lcarc-trend-card:hover .lcarc-trend-title{color:var(--lc-b,#ff9b2f)!important;}
.lcarc-trend-meta{
  display:flex!important;align-items:center!important;gap:5px!important;
  font-family:'Geist Mono',monospace!important;font-size:10.5px!important;
  color:rgba(247,242,238,.42)!important;margin:0 0 4px!important;
}
.lcarc-trend-meta svg{width:12px!important;height:12px!important;}
.lcarc-trend-exc{font-size:13px!important;color:rgba(247,242,238,.68)!important;margin:8px 0 0!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
/* Carousel prev/next buttons */
.lcarc-carousel-btn{
  position:absolute!important;top:50%!important;transform:translateY(-50%)!important;
  width:38px!important;height:38px!important;border-radius:50%!important;
  background:#18120f!important;border:1px solid rgba(255,255,255,.18)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  cursor:pointer!important;z-index:5!important;transition:border-color .18s,background .18s!important;
}
.lcarc-carousel-btn svg{width:17px!important;height:17px!important;stroke:rgba(247,242,238,.68)!important;}
.lcarc-carousel-btn:hover{border-color:var(--lc-b,#ff9b2f)!important;background:rgba(255,155,47,.1)!important;}
.lcarc-carousel-btn:hover svg{stroke:var(--lc-b,#ff9b2f)!important;}
.lcarc-carousel-prev{left:0!important;}
.lcarc-carousel-next{right:0!important;}

/* =====================================================================
   SEARCH FORM
   ===================================================================== */
.lcarc-search-form{display:flex!important;max-width:520px!important;margin-top:18px!important;}
.lcarc-search-input{
  flex:1!important;padding:12px 16px!important;
  background:#18120f!important;border:1px solid rgba(255,255,255,.18)!important;
  border-right:none!important;border-radius:10px 0 0 10px!important;
  color:#f7f2ee!important;font-family:'Geist',sans-serif!important;font-size:15px!important;
  outline:none!important;transition:border-color .18s!important;
}
.lcarc-search-input::placeholder{color:rgba(247,242,238,.35)!important;}
.lcarc-search-input:focus{border-color:var(--lc-b,#ff9b2f)!important;}
.lcarc-search-submit{
  padding:12px 16px!important;background:var(--lc-b,#ff9b2f)!important;
  border:none!important;border-radius:0 10px 10px 0!important;cursor:pointer!important;
  display:flex!important;align-items:center!important;
}
.lcarc-search-submit svg{width:18px!important;height:18px!important;stroke:#251306!important;}

/* =====================================================================
   FOOTER LINK COLUMNS (blog page only)
   ===================================================================== */
.lcarc-footer-band{
  background:#18120f!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  padding:clamp(30px,4vw,52px) 0!important;
}
.lcarc-footer-inner{max-width:1200px!important;margin:0 auto!important;padding:0 clamp(16px,4vw,44px)!important;}
.lcarc-footer-cols{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  gap:28px 22px!important;
}
.lcarc-footer-col-hd{
  font-size:15px!important;font-weight:600!important;color:#f7f2ee!important;
  margin:0 0 14px!important;padding-bottom:10px!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;letter-spacing:-.01em!important;
}
.lcarc-footer-col ul{list-style:none!important;margin:0!important;padding:0!important;}
.lcarc-footer-col li{margin:0!important;}
.lcarc-footer-col a{
  display:flex!important;align-items:baseline!important;gap:6px!important;
  padding:5px 0!important;font-size:13.5px!important;color:rgba(247,242,238,.68)!important;
  transition:color .18s,padding-left .18s!important;line-height:1.45!important;
}
.lcarc-footer-col a svg{width:12px!important;height:12px!important;flex-shrink:0!important;transition:stroke .18s!important;margin-top:2px!important;}
.lcarc-footer-col a:hover{color:var(--lc-b,#ff9b2f)!important;padding-left:4px!important;}
.lcarc-footer-col a:hover svg{stroke:var(--lc-b,#ff9b2f)!important;}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media(max-width:980px){
  .lcarc-hero{grid-template-columns:1fr!important;}
  .lcarc-hero-stack{flex-direction:row!important;}
  .lcarc-hero-sm{flex:1!important;}
  .lcarc-body-grid{grid-template-columns:1fr!important;}
  .lcarc-sidebar{position:static!important;}
  .lcarc-carousel{grid-template-columns:1fr!important;}
}
@media(max-width:640px){
  .lcarc-hero-stack{flex-direction:column!important;}
  .lcarc-hero-sm{grid-template-columns:120px 1fr!important;}
  .lcarc-card{grid-template-columns:120px 1fr!important;gap:14px!important;}
  .lcarc-trend-img{width:100px!important;}
  .lcarc-footer-cols{grid-template-columns:repeat(2,1fr)!important;}
}
@media(max-width:380px){
  .lcarc-card{grid-template-columns:1fr!important;}
  .lcarc-card-img{aspect-ratio:16/7!important;}
  .lcarc-footer-cols{grid-template-columns:1fr!important;}
}
@media(prefers-reduced-motion:reduce){.lcarc-root *{transition:none!important;}}
