/* ===========================
   RIIMARE – QUIET LUXURY BASE
   =========================== */

:root{
  --ri-bg: #FAF8F3;
  --ri-text: #111111;
  --ri-muted: #6F6F6F;
  --ri-neutral: #D6CBC2;
  --ri-taupe: #AA9D90;
  --ri-gold: #C8A86A;

  --ri-container: 1240px;
  --ri-radius: 0px;          /* no “soft” bubbles */
  --ri-line: rgba(17,17,17,.14);
  --ri-shadow-soft: 0 10px 30px rgba(17,17,17,.08);
}

body.riimare{
  background: var(--ri-bg);
  color: var(--ri-text);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  letter-spacing: 0.01em;
}

h1,h2,h3,.entry-content h1,.entry-content h2,.entry-content h3{
  font-family: "Playfair Display", serif;
  font-weight: 500;
  letter-spacing: 0.01em;
}

p,li,small, .entry-content{
  color: var(--ri-text);
}

/* Subtle muted text */
.ri-muted, .entry-content .ri-muted{
  color: var(--ri-muted);
}

/* Container width */
.riimare .content-container,
.riimare .site-container,
.riimare .wp-site-blocks,
.riimare .site-main{
  max-width: 100%;
}

.ri-container{
  max-width: var(--ri-container);
  margin: 0 auto;
  padding: 0 24px;
}

/* Hairline separators */
.ri-sep{
  border-top: 1px solid var(--ri-line);
}

/* Buttons – minimal outline */
.ri-btn, .wp-block-button__link{
  border: 1px solid var(--ri-text);
  border-radius: var(--ri-radius);
  background: transparent;
  color: var(--ri-text);
  padding: 14px 22px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0.02em;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.ri-btn:hover, .wp-block-button__link:hover{
  background: rgba(17,17,17,.06);
  transform: translateY(-1px);
}

/* Header – ultra light line on sticky */
.riimare .site-header{
  background: transparent;
}

.riimare .site-header.kadence-sticky-header{
  background: var(--ri-bg);
  border-bottom: 1px solid var(--ri-line);
}

/* HERO (crossfade) */
.ri-hero{
  position: relative;
  min-height: 78vh;
  display: grid;
  place-items: center;
  overflow: hidden;
}

.ri-hero__bg{
  position:absolute;
  inset:0;
  background-size: cover;
  background-position: center;
  transform: scale(1.02);
  filter: saturate(0.98) contrast(0.98);
}

.ri-hero__overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(
    180deg,
    rgba(250,248,243,.35) 0%,
    rgba(250,248,243,.55) 40%,
    rgba(250,248,243,.82) 100%
  );
}

.ri-hero__content{
  position: relative;
  z-index: 2;
  width: min(820px, 92vw);
  text-align: left;
  padding: 24px;
}

.ri-hero__logo{
  width: 120px;
  opacity: 0.9;
  margin-bottom: 18px;
}

.ri-hero h1{
  font-size: clamp(36px, 4.2vw, 56px);
  line-height: 1.05;
  margin: 0 0 14px 0;
}

.ri-hero p{
  font-size: clamp(16px, 1.55vw, 18px);
  line-height: 1.6;
  color: var(--ri-muted);
  margin: 0 0 26px 0;
}

.ri-hero__ctas{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* Product grid – no card borders */
.ri-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}
@media (max-width: 1024px){ .ri-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 768px){ .ri-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 460px){ .ri-grid{ grid-template-columns: 1fr; } }

.ri-card{
  text-decoration: none;
  color: inherit;
}

.ri-card__img{
  aspect-ratio: 1 / 1;
  width: 100%;
  background: #fff;
  overflow:hidden;
}

.ri-card__img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease;
}

.ri-card:hover .ri-card__img img{ transform: scale(1.015); }

.ri-card__meta{
  padding-top: 10px;
}

.ri-card__title{
  font-family: "Playfair Display", serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.25;
  margin: 0 0 4px 0;
}

.ri-card__price{
  color: var(--ri-muted);
  font-size: 14px;
  margin: 0;
}

/* WooCommerce tweaks (minimalist) */
.riimare .woocommerce-result-count,
.riimare .woocommerce-ordering{
  color: var(--ri-muted);
}

.riimare .woocommerce ul.products li.product{
  border: none;
  box-shadow: none;
  background: transparent;
}

.riimare .woocommerce ul.products li.product .onsale,
.riimare .woocommerce span.onsale{
  display: none !important; /* no “SALE” badges */
}