/* ==========================================================================
   Leather Repair South Florida — Blog & Article styling
   Self-contained so blog/article pages look polished without the theme CSS.
   ========================================================================== */
*{box-sizing:border-box;}
body.lt-blog{
  margin:0; background:#f6f6f6; color:#222;
  font-family:'Lato',Arial,sans-serif; line-height:1.65; font-size:17px;
  -webkit-font-smoothing:antialiased;
}
a{color:#cc1313; text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%; height:auto;}

/* ---- top bar ---- */
.lt-bar{
  background:#fff; color:#1a1a1a; position:sticky; top:0; z-index:50;
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:10px 20px;
  border-bottom:1px solid #e8e8e8; box-shadow:0 2px 10px rgba(0,0,0,.06);
}
.lt-bar a{color:#1a1a1a;}
.lt-bar__brand{display:flex; align-items:center;}
.lt-bar__brand img{height:42px; width:auto; max-width:230px; display:block;}
.lt-bar__right{display:flex; align-items:center; gap:14px;}
.lt-bar__phone{font-family:'Oswald',sans-serif; font-weight:700; font-size:17px; color:#1a1a1a;}
.lt-bar__phone:hover{color:#cc1313; text-decoration:none;}
.lt-bar .lt-bar__cta{
  background:#e21b1b; color:#fff; font-family:'Oswald',sans-serif; font-weight:700;
  text-transform:uppercase; font-size:13px; letter-spacing:.03em;
  padding:9px 16px; border-radius:50px; white-space:nowrap;
}
.lt-bar .lt-bar__cta:hover{background:#c81414; color:#fff; text-decoration:none;}

/* ---- hero ---- */
.lt-blog-hero, .lt-article-hero{
  background:linear-gradient(135deg,#1b1b1b 0%,#2c1414 100%);
  color:#fff; padding:64px 20px 56px; text-align:center;
}
.lt-blog-hero h1, .lt-article-hero h1{
  font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase;
  margin:0 auto 12px; max-width:880px; line-height:1.18;
  font-size:38px; letter-spacing:.01em;
}
.lt-article-hero h1{font-size:32px;}
.lt-blog-hero p, .lt-article-hero .lt-meta{
  font-size:18px; color:#d3d3d3; max-width:720px; margin:0 auto;
}
.lt-article-hero .lt-meta{font-size:14px; letter-spacing:.04em; text-transform:uppercase; color:#e2a0a0;}
.lt-crumbs{font-size:13px; letter-spacing:.04em; text-transform:uppercase; color:#bfa; margin-bottom:14px;}
.lt-crumbs a{color:#f0b9b9;}

/* ---- blog index grid ---- */
.lt-wrap{max-width:1140px; margin:0 auto; padding:48px 20px;}
.lt-post-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:26px;}
.lt-post-card{
  background:#fff; border-radius:14px; overflow:hidden; border:1px solid #ececec;
  box-shadow:0 6px 18px rgba(0,0,0,.05);
  transition:transform .32s cubic-bezier(.16,.84,.34,1), box-shadow .32s;
  display:flex; flex-direction:column;
}
.lt-post-card:hover{transform:translateY(-7px); box-shadow:0 20px 44px rgba(0,0,0,.13);}
.lt-post-card__top{
  height:8px; background:linear-gradient(90deg,#e21b1b,#ff5a3c);
}
.lt-post-card__body{padding:24px; display:flex; flex-direction:column; flex:1;}
.lt-post-card__tag{
  font-family:'Oswald',sans-serif; font-size:12px; letter-spacing:.08em; text-transform:uppercase;
  color:#e21b1b; margin-bottom:8px;
}
.lt-post-card h2{
  font-family:'Oswald',sans-serif; font-size:21px; line-height:1.25; margin:0 0 10px; color:#1a1a1a;
}
.lt-post-card h2 a{color:inherit;}
.lt-post-card h2 a:hover{color:#cc1313; text-decoration:none;}
.lt-post-card p{font-size:15px; color:#555; margin:0 0 18px;}
.lt-post-card .lt-readmore{
  margin-top:auto; font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase;
  font-size:13px; letter-spacing:.04em;
}
.lt-readmore::after{content:" \2192";}

/* ---- article body ---- */
.lt-article{max-width:760px; margin:0 auto; padding:46px 20px;}
.lt-article p{margin:0 0 20px;}
.lt-article h2{
  font-family:'Oswald',sans-serif; font-size:25px; text-transform:uppercase; letter-spacing:.01em;
  color:#1a1a1a; margin:34px 0 14px; padding-left:14px; border-left:5px solid #e21b1b;
}
.lt-article ul{margin:0 0 20px; padding-left:22px;}
.lt-article li{margin-bottom:8px;}
.lt-article .lt-lead{font-size:20px; color:#333;}

/* inline CTA button (reuses the homepage pill look via lt-additions/effects too) */
.lt-inline-cta{
  display:inline-block; background:#e21b1b; color:#fff; font-family:'Oswald',sans-serif; font-weight:700;
  text-transform:uppercase; letter-spacing:.02em; font-size:16px;
  padding:14px 30px; border-radius:50px; margin:6px 0 8px;
}
.lt-inline-cta:hover{background:#c81414; text-decoration:none;}

/* ---- big CTA band ---- */
.lt-cta-band{
  background:#111; color:#fff; text-align:center; padding:54px 20px;
}
.lt-cta-band h2{font-family:'Oswald',sans-serif; font-size:30px; text-transform:uppercase; margin:0 0 8px;}
.lt-cta-band h2 span{color:#e21b1b;}
.lt-cta-band p{color:#ccc; max-width:620px; margin:0 auto 24px;}
.lt-cta-band .lt-phone{display:block; font-family:'Oswald',sans-serif; font-size:26px; margin-top:16px;}
.lt-cta-band .lt-phone a{color:#fff;}

/* ---- related ---- */
.lt-related{max-width:1140px; margin:0 auto; padding:10px 20px 56px;}
.lt-related h3{font-family:'Oswald',sans-serif; text-transform:uppercase; font-size:20px; color:#1a1a1a; margin:0 0 18px;}
.lt-related-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:16px;}
.lt-related-grid a{
  display:block; background:#fff; border:1px solid #ececec; border-radius:10px; padding:16px 18px;
  font-family:'Oswald',sans-serif; font-weight:700; color:#1a1a1a; text-transform:uppercase; font-size:14px;
}
.lt-related-grid a:hover{border-color:#e21b1b; color:#cc1313; text-decoration:none;}

/* ---- footer ---- */
.lt-foot{background:#0c0c0c; color:#999; text-align:center; padding:30px 20px; font-size:14px;}
.lt-foot a{color:#ccc;}

@media (max-width:600px){
  .lt-blog-hero h1{font-size:30px;} .lt-article-hero h1{font-size:26px;}
  .lt-bar__phone{display:none;}
}