/*
Theme Name: Flamingo Beauty
Theme URI: https://example.com/flamingo-beauty
Author: Flamingo Beauty
Description: A Renaissance-inspired WooCommerce-ready block theme for Flamingo Beauty.
Version: 1.1.0
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 8.1
Text Domain: flamingo-beauty
*/

:root {
  --fb-umber: #211d18;
  --fb-charcoal: #302e2a;
  --fb-rose: #c86763;
  --fb-carmine: #8f3131;
  --fb-blush: #f1c0ad;
  --fb-flesh: #c58b66;
  --fb-parchment: #f5ead8;
  --fb-old-gold: #b8893e;
  --fb-deep-gold: #6e4a1f;
}

body {
  background:
    radial-gradient(circle at top left, rgba(200,103,99,.22), transparent 34rem),
    linear-gradient(135deg, #16130f 0%, #30251d 42%, #151311 100%);
  color: var(--fb-parchment);
}

a { color: #e4ad72; }

.wp-site-blocks {
  overflow: hidden;
}

.wp-site-blocks > header {
  background: rgba(24, 20, 16, .86);
  border-bottom: 1px solid rgba(184,137,62,.36);
  position: sticky;
  top: 0;
  z-index: 10;
  backdrop-filter: blur(12px);
  box-shadow: 0 10px 35px rgba(0,0,0,.22);
}

.wp-block-site-title a {
  color: var(--fb-parchment);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.wp-block-navigation a {
  color: var(--fb-parchment);
}

.wp-block-button__link,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background: linear-gradient(135deg, var(--fb-carmine), var(--fb-rose) 56%, var(--fb-old-gold));
  border: 1px solid rgba(245,234,216,.35);
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(143,49,49,.28), inset 0 1px 0 rgba(255,255,255,.22);
  color: #fff;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.fb-renaissance-hero {
  min-height: calc(100vh - 70px);
  position: relative;
  background:
    linear-gradient(90deg, rgba(22,18,14,.92) 0%, rgba(34,27,22,.72) 42%, rgba(34,27,22,.16) 100%),
    url('/wp-content/themes/flamingo-beauty/assets/images/flamingo-renaissance.png') center right / contain no-repeat,
    radial-gradient(circle at 75% 35%, rgba(200,103,99,.36), transparent 22rem),
    linear-gradient(135deg, var(--fb-umber), var(--fb-charcoal));
  isolation: isolate;
}

.fb-renaissance-hero::before,
.fb-renaissance-hero::after {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 24px;
  border: 1px solid rgba(184,137,62,.58);
  z-index: 1;
}

.fb-renaissance-hero::after {
  inset: 38px;
  border-color: rgba(245,234,216,.18);
}

.fb-hero-panel {
  max-width: 620px;
  position: relative;
  z-index: 2;
  padding: clamp(2rem, 6vw, 5rem);
}

.fb-kicker {
  color: var(--fb-old-gold);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .28em;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.fb-hero-title {
  color: var(--fb-parchment);
  font-size: clamp(3.8rem, 11vw, 8.5rem);
  line-height: .84;
  margin: 0;
  text-shadow: 0 4px 28px rgba(0,0,0,.45);
}

.fb-hero-copy {
  color: #f6d7c8;
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  max-width: 34rem;
}

.fb-ornate-section {
  background:
    radial-gradient(circle at 20% 0%, rgba(200,103,99,.18), transparent 28rem),
    linear-gradient(180deg, rgba(245,234,216,.96), rgba(226,199,167,.96));
  color: var(--fb-umber);
}

.fb-card,
.woocommerce ul.products li.product,
.wc-block-grid__product {
  background: rgba(245,234,216,.94);
  border: 1px solid rgba(110,74,31,.28);
  border-radius: 4px 34px 4px 34px;
  box-shadow: 0 18px 50px rgba(20,14,10,.18);
  color: var(--fb-umber);
  padding: clamp(1.25rem, 4vw, 2.5rem) !important;
  position: relative;
}

.fb-card::before,
.woocommerce ul.products li.product::before,
.wc-block-grid__product::before {
  border: 1px solid rgba(184,137,62,.45);
  content: "";
  inset: .55rem;
  pointer-events: none;
  position: absolute;
}

.woocommerce span.onsale {
  background: var(--fb-old-gold);
  color: #fff;
}

.fb-gallery-heading {
  color: var(--fb-umber);
  font-size: clamp(2rem, 6vw, 4.5rem);
}

@media (max-width: 780px) {
  .fb-renaissance-hero {
    background:
      linear-gradient(180deg, rgba(22,18,14,.58), rgba(22,18,14,.96)),
      url('/wp-content/themes/flamingo-beauty/assets/images/flamingo-renaissance.png') top center / cover no-repeat;
    padding-top: 52vh;
  }

  .fb-hero-panel {
    padding: 2rem;
  }
}