/*
Theme Name: GeneratePress Child - Made by Rice
Template: generatepress
Version: 1.0
*/

/* === MBR CUSTOM CSS === */
/* ===== Made by Rice Design System (site-wide) ===== */
:root{
  --mbr-purpleDeep:#2d104b;
  --mbr-purple:#502c6f;
  --mbr-purpleAccent:#9362ae;
  --mbr-gold:#ceaa6e;
  --mbr-goldLite:#ebd294;

  --mbr-ink:#17121d;
  --mbr-muted:#5a5362;

  --mbr-shadow:0 12px 40px rgba(0,0,0,.20);
  --mbr-shadowSoft:0 8px 24px rgba(0,0,0,.12);
  --mbr-radius:18px;
  --mbr-max:1120px;
}

/* ===== Global canvas background ===== */
body{
  background:
    radial-gradient(1200px 600px at center top, rgba(147,98,174,.22), transparent 65%),
    #191322;
}

/* ===== GP "white page" container: rounded + clipped ===== */
.site-content{
  border-radius:26px;
  overflow:hidden;
  margin:26px auto;
  box-shadow:0 18px 60px rgba(0,0,0,.22);
  background:transparent;
}

.site-content,
.inside-article,
.wp-site-blocks{
  background:transparent;
}

.inside-article,
.inside-page-header,
.separate-containers .inside-article,
.separate-containers .inside-page-header{
  border-radius:26px;
  overflow:hidden;
}

/* remove the thick “white L” padding from GP containers */
.separate-containers .inside-article,
.separate-containers .inside-page-header{
  padding:0;
}

/* restore readable padding inside content */
.entry-content{
  padding:28px;
}

@media (max-width:900px){
  .site-content{
    margin:0;
    border-radius:0;
    box-shadow:none;
  }
  .entry-content{ padding:18px; }
}

/* ===== Reusable layout blocks ===== */
.mbr-wrap{ max-width:var(--mbr-max); margin:0 auto; }
.mbr-section{ padding:38px 20px; }
.mbr-section__inner{ max-width:var(--mbr-max); margin:0 auto; }

.mbr-hero{
  background:
    radial-gradient(1200px 700px at 20% 20%, rgba(147,98,174,.35), transparent 60%),
    radial-gradient(900px 500px at 80% 30%, rgba(206,170,110,.25), transparent 60%),
    linear-gradient(135deg, var(--mbr-purpleDeep), #0b0710);
  color:#fff;
  padding:56px 20px;
  border-radius:var(--mbr-radius);
}

.mbr-hero__inner{
  max-width:var(--mbr-max);
  margin:0 auto;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:22px;
  align-items:start;
}

.mbr-hero__brand{
  display:grid;
  grid-template-columns:86px 1fr;
  gap:16px;
  align-items:start;
}

.mbr-logo{
  width:86px;
  height:86px;
  object-fit:contain;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));
}

.mbr-eyebrow{
  margin:0 0 6px;
  color:rgba(255,255,255,.85);
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
}

.mbr-hero h1{
  margin:0 0 10px;
  font-size:clamp(30px,4vw,52px);
  line-height:1.05;
}

.mbr-subhead{
  margin:0 0 16px;
  font-size:clamp(16px,2vw,20px);
  color:rgba(255,255,255,.92);
  max-width:60ch;
}

.mbr-cta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:10px;
}

@media (max-width:900px){
  .mbr-hero__inner{ grid-template-columns:1fr; }
}

@media (max-width:600px){
  .mbr-cta{ flex-direction:column; align-items:stretch; }
  .mbr-btn{ width:100%; text-align:center; }
}

/* ===== Buttons ===== */
.mbr-btn{
  display:inline-block;
  text-decoration:none;
  font-weight:800;
  padding:12px 16px;
  border-radius:999px;
  border:1px solid transparent;
  transition:transform .12s ease, opacity .12s ease, background-color .12s ease, border-color .12s ease, color .12s ease;
  line-height:1;
}
.mbr-btn:hover{ transform:translateY(-1px); opacity:.98; }
.mbr-btn:focus{ outline:2px solid rgba(206,170,110,.55); outline-offset:2px; }

.mbr-btn--primary{
  background:linear-gradient(90deg,var(--mbr-gold),var(--mbr-goldLite));
  color:#231a2a;
  box-shadow:var(--mbr-shadowSoft);
}

/* Ghost default (light backgrounds) */
.mbr-btn--ghost{
  background:rgba(45,16,75,.06);
  color:var(--mbr-purpleDeep);
  border-color:rgba(45,16,75,.20);
}
.mbr-btn--ghost:hover{
  background:rgba(45,16,75,.10);
  border-color:rgba(45,16,75,.28);
}

/* Ghost on dark backgrounds */
.mbr-hero .mbr-btn--ghost,
.mbr-card--glass .mbr-btn--ghost{
  background:rgba(255,255,255,.10);
  color:#fff;
  border-color:rgba(255,255,255,.25);
}
.mbr-hero .mbr-btn--ghost:hover,
.mbr-card--glass .mbr-btn--ghost:hover{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.33);
}

/* ===== Cards ===== */
.mbr-card{
  background:#fff;
  border-radius:var(--mbr-radius);
  padding:18px;
  box-shadow:var(--mbr-shadowSoft);
  color:var(--mbr-ink);
}

.mbr-card--glass{
  background:rgba(255,255,255,.10);
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 18px 50px rgba(0,0,0,.25);
}
.mbr-card--glass h3{ color:var(--mbr-goldLite); }

/* ===== Section headings ===== */
.mbr-section h2{
  margin:0 0 16px;
  font-size:clamp(22px,3vw,34px);
  border-left:6px solid var(--mbr-gold);
  padding-left:12px;
}

/* ===== Grid ===== */
.mbr-grid{ display:grid; gap:14px; }
.mbr-grid--3{ grid-template-columns:repeat(3,1fr); }
.mbr-grid--2{ grid-template-columns:repeat(2,1fr); }

@media (max-width:900px){
  .mbr-grid--3, .mbr-grid--2{ grid-template-columns:1fr; }
}

/* =========================================================
   SHOP PAGE ONLY (Woo shop archive)
   ========================================================= */
body.post-type-archive-product .woocommerce-loop-product__title{
  color:#1f1f1f;
  font-weight:600;
}

body.post-type-archive-product .woocommerce ul.products li.product .price{
  color:#6b2a82;
  font-weight:600;
}

body.post-type-archive-product .woocommerce span.onsale{
  background-color:#ceaa6e;
  color:#1f1f1f;
}

body.post-type-archive-product .woocommerce a.button{
  background-color:#6b2a82;
  color:#fff;
  border-radius:999px;
}
body.post-type-archive-product .woocommerce a.button:hover{
  background-color:#4a1e5d;
}

/* Hide the default Shop archive title only */
body.post-type-archive-product h1.page-title{ display:none; }

/* =========================================================
   FOOTER (dark + icons) + hide GP “site-info”
   ========================================================= */
.site-footer,
.footer-widgets,
.footer-bar{
  background:
    radial-gradient(1200px 700px at 20% 20%, rgba(147,98,174,.18), transparent 60%),
    radial-gradient(900px 500px at 80% 30%, rgba(206,170,110,.12), transparent 60%),
    linear-gradient(135deg, #2d104b, #0b0710) !important;
  color:rgba(255,255,255,.86) !important;
}

.footer-widgets{
  padding-top:34px !important;
  padding-bottom:22px !important;
  line-height:1.5;
}

.footer-bar{
  padding-top:14px !important;
  padding-bottom:14px !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
}

.footer-widgets .widget-title,
.footer-widgets h3,
.footer-widgets h4{
  color:#ebd294 !important;
  margin-bottom:12px;
}

.site-footer p,
.site-footer li{
  color:rgba(255,255,255,.85);
}

.site-footer a,
.footer-widgets a,
.footer-bar a{
  color:rgba(255,255,255,.90) !important;
  text-decoration:none;
}
.site-footer a:hover,
.footer-widgets a:hover,
.footer-bar a:hover{
  color:#ebd294 !important;
  text-decoration:underline;
}

.footer-widgets ul{
  margin:0;
  padding-left:0;
  list-style:none;
}
.footer-widgets li{ margin:0 0 10px; }

.footer-widgets .inside-footer-widgets{
  max-width:1120px;
  margin:0 auto;
}

/* social links with icons */
.mbr-social{ display:grid; gap:10px; }
.mbr-social a{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border-radius:12px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
}
.mbr-social a:hover{ background:rgba(255,255,255,.10); }
.mbr-social i{
  width:18px;
  text-align:center;
  color:#ebd294;
}

/* footer CTA buttons */
.footer-widgets .mbr-btn,
.footer-widgets .cta-button{
  background:#e0b96a;
  color:#1a0f26;
  border-radius:999px;
}

/* hide GP default “© … Built with GeneratePress” */
.site-info{ display:none !important; }

/* =========================================================
   CF7 submit button rounding + hover
   ========================================================= */
.wpcf7 input[type="submit"],
.wpcf7 button[type="submit"]{
  border-radius:999px;
  padding:12px 22px;
  font-weight:600;
  background-color:#6b2a84;
  color:#fff;
  border:none;
}
.wpcf7 input[type="submit"]:hover,
.wpcf7 button[type="submit"]:hover{
  background-color:#e0b96a;
  color:#1b1026;
}

/* =========================================================
   HEADER / NAV (GeneratePress)
   ========================================================= */
#masthead,
.site-header{
  background:
    radial-gradient(900px 420px at 18% 25%, rgba(147,98,174,.20), transparent 60%),
    radial-gradient(900px 420px at 80% 10%, rgba(206,170,110,.12), transparent 62%),
    linear-gradient(135deg, rgba(45,16,75,.84), rgba(11,7,16,.72)) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
}
.site-header .inside-header{ background:transparent !important; }

.site-branding .main-title a,
.site-branding .site-title a,
.main-title a,
.site-title a{
  color:#ebd294 !important;
  opacity:1 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
}

.site-description{ color:rgba(255,255,255,.70) !important; }

/* make nav slightly lighter than header so it doesn’t feel “too dark” */
.main-navigation{
  background:rgba(11,7,16,.35) !important;
  border-top:1px solid rgba(255,255,255,.06) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
}
.main-navigation .inside-navigation{ background:transparent !important; }

.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .search-item a{
  color:rgba(255,255,255,.88) !important;
  font-weight:600 !important;
}

.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current-menu-ancestor > a{
  color:#ebd294 !important;
}

.main-navigation ul ul{
  background:rgba(23,18,29,.96) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.main-navigation ul ul li a{ color:rgba(255,255,255,.90) !important; }
.main-navigation ul ul li a:hover{
  background:rgba(147,98,174,.16) !important;
  color:#ebd294 !important;
}

.inside-header{
  padding-top:8px !important;
  padding-bottom:8px !important;
}

/* =========================================================
   BLOG ARCHIVE cleanup (cards, padding, title sizing)
   ========================================================= */
.blog article,
.archive article{
  background:#fff;
  border-radius:22px;
  padding:32px 36px 36px;
  margin-bottom:28px;
  box-sizing:border-box;
}

.blog .entry-header,
.archive .entry-header{ padding-top:6px; }

.blog .entry-title,
.archive .entry-title{
  font-size:clamp(1.35rem, 2.2vw, 1.75rem);
  line-height:1.3;
  margin:0 0 10px;
}

.blog .entry-title a,
.archive .entry-title a{
  display:inline-block;
  color:#1a1a1a;
}

.blog .entry-meta,
.archive .entry-meta{
  font-size:.85rem;
  opacity:.75;
  margin-bottom:14px;
}

.blog .entry-summary,
.archive .entry-summary{
  font-size:.95rem;
  line-height:1.6;
  margin-bottom:14px;
}

.blog .entry-footer,
.archive .entry-footer{
  font-size:.85rem;
  margin-top:12px;
  opacity:.85;
}
.single-product .woocommerce-product-gallery {
  max-width: 460px;
}
/* Woo single product: balanced desktop layout */
@media (min-width: 992px){
  .single-product div.product{
    display: grid;
    grid-template-columns: minmax(420px, 520px) 1fr;
    column-gap: 48px;
    align-items: start;
  }

  /* kill float-based layout */
  .single-product .woocommerce-product-gallery,
  .single-product .summary{
    float: none !important;
    width: auto !important;
  }

  /* keep the buy box from feeling “dropped” */
  .single-product .summary{
    padding-top: 8px;
  }
}
/* =========================================================
   NAV FONT + CONSISTENCY FIX (GeneratePress)
   - ensures menu uses same font as site typography
   - fixes hover/active styling consistency
   ========================================================= */

.main-navigation,
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .search-item a,
.main-navigation ul ul li a {
  font-family: inherit !important; /* match site font */
  letter-spacing: normal !important;
  text-transform: none !important;
  font-weight: 600 !important;
}

/* If dropdowns look “off”, normalize size/line-height */
.main-navigation .main-nav ul li a {
  font-size: 15px !important;
  line-height: 1.2 !important;
}

/* Fixes: “rgba(...,88)” style invalid alpha values seen in your rendered CSS */
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .search-item a{
  color: rgba(255,255,255,.88) !important;
}

.main-navigation ul ul{
  background: rgba(23,18,29,.96) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}

.main-navigation ul ul li a{
  color: rgba(255,255,255,.90) !important;
}

.main-navigation ul ul li a:hover{
  background: rgba(147,98,174,.16) !important;
  color: #ebd294 !important;
}

/* Optional: tighten submenu width so it doesn’t look like a different UI system */
.main-navigation ul ul {
  min-width: 220px;
}
.main-navigation ul ul li a {
  padding: 12px 14px !important;
}
/* Single post featured image: hide it on the page, keep it for Yoast/social */
.single-post .featured-image.page-header-image-single {
  display: none !important;
}

/* Hide featured image on single posts, but keep it for social/Yoast */
.single-post .featured-image.page-header-image-single {
  display: none !important;
}

/* Tighten post header spacing */
.single-post .entry-header {
  margin-bottom: 8px !important;
  padding-bottom: 0 !important;
}

.single-post .entry-meta {
  margin-bottom: 0 !important;
}

/* Kill the top gap caused by the first custom content section */
.single-post .entry-content > .mbr-section:first-child {
  padding-top: 0 !important;
}

/* Optional: tighten the content area itself a bit */
.single-post .entry-content {
  margin-top: 0 !important;
  padding-top: 8px !important;
}
/* Hide tag list at bottom of posts */
.single-post .tags-links {
  display: none !important;
}
.single-post .cat-links {
  display: block;
  margin-top: 20px;
  font-weight: 600;
  color: var(--mbr-purple);
}
/* Hide previous/next post navigation on single posts */
.single-post .post-navigation,
.single-post .nav-links {
  display: none !important;
}
/* Hide categories on single post pages */
.single-post .cat-links {
  display: none !important;
}