/* Rocky Road Enterprise Suite v1.2
   Unifies Design Blog + single posts with the approved RRP visual system.
*/

.rrp-design-blog,
.rrp-blog-help,
body.single-post .site-main,
body.blog .site-main,
body.category .site-main{
  background:#09090b!important;
  color:#fff!important;
}

.rrp-design-blog{
  padding:72px 0!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(124,58,237,.18),transparent 28%),
    #09090b!important;
}

.rrp-design-blog .rrp-container,
.rrp-blog-help .rrp-container{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
}

.rrp-design-blog .section-head{
  max-width:820px;
  margin-bottom:34px;
}

.rrp-design-blog .eyebrow,
.rrp-blog-help .eyebrow{
  color:#c4b5fd!important;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:.78rem;
  font-weight:900;
}

.rrp-design-blog .section-head h2,
.rrp-blog-help h2{
  color:#fff!important;
  font-size:clamp(2.2rem,5vw,4.25rem);
  line-height:1;
  letter-spacing:-.035em;
  text-transform:uppercase;
  margin:8px 0 14px;
}

.rrp-design-blog .section-head p,
.rrp-blog-help p{
  color:#d4d4d8!important;
  font-size:1.08rem;
  line-height:1.7;
}

.rrp-blog-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
}

.rrp-blog-card{
  background:#16161b!important;
  border:1px solid #2f2f37!important;
  border-top:4px solid #6d28d9!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:0 14px 32px rgba(0,0,0,.26)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.rrp-blog-card:hover{
  transform:translateY(-3px);
  border-top-color:#dc2626!important;
  box-shadow:0 20px 42px rgba(0,0,0,.34)!important;
}

.rrp-blog-thumb{
  display:flex!important;
  height:220px!important;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(91,33,182,.82),rgba(9,9,11,.98))!important;
  color:#fff!important;
  align-items:center;
  justify-content:center;
  font-weight:900;
  text-decoration:none!important;
}

.rrp-blog-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:saturate(.92) contrast(1.04);
  transition:transform .25s ease;
}

.rrp-blog-card:hover .rrp-blog-thumb img{
  transform:scale(1.03);
}

.rrp-blog-thumb.placeholder span{
  text-transform:uppercase;
  letter-spacing:.08em;
}

.rrp-blog-body{
  padding:22px!important;
}

.rrp-blog-cat{
  display:inline-flex!important;
  background:#2e1065!important;
  border:1px solid #6d28d9!important;
  color:#ddd6fe!important;
  border-radius:999px!important;
  padding:6px 10px!important;
  font-size:.72rem!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}

.rrp-blog-card h3{
  margin:14px 0 10px!important;
  line-height:1.15!important;
}

.rrp-blog-card h3 a{
  color:#fff!important;
  font-size:1.22rem!important;
  text-decoration:none!important;
}

.rrp-blog-card p{
  color:#c7c7d0!important;
  line-height:1.65!important;
}

.rrp-blog-read{
  display:inline-flex!important;
  margin-top:8px!important;
  color:#fff!important;
  background:#dc2626!important;
  border-radius:7px!important;
  padding:10px 14px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  font-size:.78rem!important;
}

.rrp-blog-read:hover{
  background:#991b1b!important;
}

.rrp-pagination{
  display:flex!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:34px 0 0!important;
}

.rrp-pagination .page-numbers{
  display:inline-flex!important;
  min-width:40px!important;
  min-height:40px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:7px!important;
  background:#18181b!important;
  border:1px solid #3f3f46!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:800!important;
}

.rrp-pagination .page-numbers.current,
.rrp-pagination .page-numbers:hover{
  background:#6d28d9!important;
  border-color:#6d28d9!important;
}

.rrp-blog-cta{
  margin-top:32px!important;
  padding-top:26px!important;
  border-top:1px solid #2f2f37!important;
}

.rrp-design-blog .rrp-btn,
.rrp-blog-help .rrp-btn{
  background:#dc2626!important;
  color:#fff!important;
  border-radius:8px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  padding:13px 18px!important;
  text-decoration:none!important;
}

.rrp-design-blog .rrp-btn.alt,
.rrp-blog-help .rrp-btn.alt{
  background:#5b21b6!important;
}

/* Single blog posts */
body.single-post article,
.rrp-single-post{
  background:#09090b!important;
  color:#fff!important;
}

body.single-post .entry-header,
body.single-post .entry-content,
body.single-post .post-navigation,
.rrp-single-post .rrp-single-inner{
  max-width:950px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body.single-post .entry-header{
  padding:72px 24px 20px!important;
}

body.single-post .entry-content{
  padding:0 24px 72px!important;
  color:#e4e4e7!important;
  font-size:1.08rem!important;
  line-height:1.8!important;
}

body.single-post h1.entry-title,
.rrp-single-post h1{
  color:#fff!important;
  font-size:clamp(2.3rem,5vw,4.5rem)!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  text-transform:uppercase;
}

body.single-post .entry-meta,
.rrp-post-meta{
  color:#c4b5fd!important;
  text-transform:uppercase!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}

body.single-post .entry-content h2,
body.single-post .entry-content h3{
  color:#fff!important;
  margin-top:1.8em!important;
}

body.single-post .entry-content a,
.rrp-post-content a{
  color:#c4b5fd!important;
}

body.single-post .wp-post-image,
.rrp-featured-image img{
  width:100%!important;
  border-radius:14px!important;
  border:1px solid #2f2f37!important;
}

body.single-post blockquote{
  border-left:5px solid #6d28d9!important;
  background:#18181b!important;
  color:#e4e4e7!important;
  padding:18px 22px!important;
}

.rrp-blog-help{
  padding:0 0 72px!important;
  background:#09090b!important;
}

.rrp-blog-help .cta-box{
  background:linear-gradient(135deg,#18181b,#24103f)!important;
  border:1px solid #4c1d95!important;
  border-radius:14px!important;
  padding:30px!important;
}

@media(max-width:900px){
  .rrp-blog-grid{grid-template-columns:1fr!important}
  .rrp-design-blog{padding:52px 0!important}
  .rrp-design-blog .rrp-container,
  .rrp-blog-help .rrp-container{padding:0 18px}
}