/* Phase 26 — Collections Showcase: equalize Reserve / Retreat cards */

/* Cancel first-child row span so both cards occupy 1 row each */
.fr-collections-showcase__grid .fr-collection-card:first-child { grid-row: auto; }

/* Both cards: match the landscape roomshot — no more tall portrait frame
   with empty space below the image. */
.fr-collections-showcase__grid .fr-collection-card .fr-collection-card__image,
.fr-collections-showcase__grid .fr-collection-card:not(:first-child) .fr-collection-card__image {
  aspect-ratio: 4 / 3 !important;
  height: auto !important;
}

/* Craftsmanship process timeline — let real <img> photos fill the visual slot
   (the original phase9 rule only sized the placeholder <svg>). */
.fr-process__item-image img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}

/* Homepage Our Craft collage — same treatment for the 3 image slots. */
.fr-craftsmanship__image-placeholder img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}

/* Recolor two section headings from plain white to brand gold. */
.fr-craftsmanship__heading,
.fr-mattress__heading {
  color: var(--color-gold) !important;
}

/* Hero title needs to read as a clean white against the bright living-room
   hero image. Force pure #fff and add a subtle shadow so it doesn't wash
   into the cream wall behind it. The <em> "Reserve" keeps its gold. */
.fr-hero__heading {
  color: #ffffff !important;
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.45),
               0 1px 2px  rgba(0, 0, 0, 0.35);
}

/* Pricelist dropdown stays hidden site-wide. Trade pricelists are still
   applied to assigned partners via property_product_pricelist, but no
   public switcher leaks discounted prices to anonymous visitors. */
.o_pricelist_dropdown { display: none !important; }

/* Homepage hero — swap the placeholder gradient for the real living-room
   roomshot, and lighten the dark overlay since the new image is bright.
   Mobile/portrait uses a vertically-composed crop. */
.fr-hero__gradient-bg {
  background: #1B1B1B url('/theme_furniture_reserve/home-hero.png')
              center / cover no-repeat !important;
}
@media (max-width: 768px) {
  .fr-hero__gradient-bg {
    background-image: url('/theme_furniture_reserve/home-hero-mobile.png')
                      !important;
  }
}
.fr-hero__overlay {
  background:
    radial-gradient(ellipse at 50% 60%, rgba(0,0,0,0.45) 0%,
                                       rgba(0,0,0,0.15) 55%,
                                       rgba(0,0,0,0)   85%),
    linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.35) 100%)
    !important;
}