/**
 * Haven Theme – Block Style Variants (Frontend)
 *
 * CSS that drives every custom block style registered in assets/js/blocks.js.
 * Class names follow WordPress convention: .is-style-{slug} on the block wrapper.
 *
 * Design tokens from theme.json are available as CSS custom properties:
 *   --wp--preset--color--{slug}
 *   --wp--preset--font-family--{slug}
 *   --wp--preset--font-size--{slug}
 *   --wp--preset--spacing--{slug}
 *   --wp--preset--shadow--{slug}
 *
 * Additionally, Haven's own tokens are available:
 *   --haven-gold, --haven-navy, --haven-ivory, etc.
 *
 * @package Haven_Theme
 * @since   1.0.0
 */

/* ==========================================================================
   Haven Design Tokens (fallbacks for non-theme.json contexts)
   ========================================================================== */

:root {
  --haven-navy:       #2C5F8D;
  --haven-navy-dark:  #1E4268;
  --haven-gold:       #E8B923;
  --haven-gold-light: #F5D060;
  --haven-gold-dark:  #B8911A;
  --haven-terracotta: #D94F3D;
  --haven-ivory:      #FDFAF5;
  --haven-cream:      #F5F0E8;
  --haven-charcoal:   #1A1A2E;
  --haven-dark:       #212529;
  --haven-grey:       #6B7280;
  --haven-light-grey: #E5E7EB;
  --haven-light:      #F8F9FA;
  --haven-white:      #FFFFFF;

  --haven-font-heading: "Playfair Display", Georgia, serif;
  --haven-font-body:    "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --haven-radius-sm:  4px;
  --haven-radius-md:  8px;
  --haven-radius-lg:  16px;
  --haven-radius-xl:  24px;

  --haven-shadow-soft:   0 2px 8px rgba(26,26,46,0.08);
  --haven-shadow-medium: 0 4px 16px rgba(26,26,46,0.12), 0 1px 4px rgba(26,26,46,0.08);
  --haven-shadow-strong: 0 8px 32px rgba(26,26,46,0.16), 0 2px 8px rgba(26,26,46,0.12);
  --haven-shadow-luxury: 0 20px 60px rgba(26,26,46,0.20), 0 4px 16px rgba(26,26,46,0.12);
  --haven-shadow-gold:   0 4px 24px rgba(232,185,35,0.30), 0 1px 4px rgba(232,185,35,0.15);

  --haven-transition-fast:   all 0.18s ease;
  --haven-transition:        all 0.32s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --haven-transition-slow:   all 0.56s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}


/* ==========================================================================
   core/button  —  .is-style-luxury
   Gold shimmer button with uppercase tracking
   ========================================================================== */

.wp-block-button.is-style-luxury .wp-block-button__link,
.wp-block-buttons .wp-block-button.is-style-luxury > .wp-block-button__link {
  background: linear-gradient(135deg, var(--haven-gold-dark) 0%, var(--haven-gold) 50%, var(--haven-gold-light) 100%);
  background-size: 200% 100%;
  color: var(--haven-charcoal);
  border: none;
  font-family: var(--haven-font-body);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.8125rem;
  padding: 1rem 2.5rem;
  border-radius: var(--haven-radius-sm);
  box-shadow: var(--haven-shadow-gold);
  transition: background-position 0.4s ease, box-shadow 0.3s ease, transform 0.2s ease;
}

.wp-block-button.is-style-luxury .wp-block-button__link:hover {
  background-position: 100% 0;
  box-shadow: 0 6px 32px rgba(232,185,35,0.45), 0 2px 8px rgba(232,185,35,0.20);
  transform: translateY(-2px);
  color: var(--haven-charcoal);
  text-decoration: none;
}

.wp-block-button.is-style-luxury .wp-block-button__link:active {
  transform: translateY(0);
}


/* ==========================================================================
   core/button  —  .is-style-outline-luxury
   Transparent button with gold border, fills gold on hover
   ========================================================================== */

.wp-block-button.is-style-outline-luxury .wp-block-button__link,
.wp-block-buttons .wp-block-button.is-style-outline-luxury > .wp-block-button__link {
  background: transparent;
  color: var(--haven-gold);
  border: 1.5px solid var(--haven-gold);
  font-family: var(--haven-font-body);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.8125rem;
  padding: 0.875rem 2.25rem;
  border-radius: var(--haven-radius-sm);
  transition: var(--haven-transition);
}

.wp-block-button.is-style-outline-luxury .wp-block-button__link:hover {
  background: var(--haven-gold);
  color: var(--haven-charcoal);
  box-shadow: var(--haven-shadow-gold);
  transform: translateY(-2px);
  text-decoration: none;
}


/* ==========================================================================
   core/button  —  .is-style-ghost-navy
   Minimal ghost with navy underline reveal
   ========================================================================== */

.wp-block-button.is-style-ghost-navy .wp-block-button__link {
  background: transparent;
  color: var(--haven-navy);
  border: none;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  transition: var(--haven-transition);
}

.wp-block-button.is-style-ghost-navy .wp-block-button__link:hover {
  border-bottom-color: var(--haven-gold);
  color: var(--haven-navy-dark);
  text-decoration: none;
}


/* ==========================================================================
   core/cover  —  .is-style-gradient-bottom
   Cinematic gradient overlay rising from the bottom
   ========================================================================== */

.wp-block-cover.is-style-gradient-bottom::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(26, 26, 46, 0.85) 0%,
    rgba(26, 26, 46, 0.35) 50%,
    transparent 100%
  );
  pointer-events: none;
  z-index: 1;
}

.wp-block-cover.is-style-gradient-bottom .wp-block-cover__inner-container {
  position: relative;
  z-index: 2;
}

.wp-block-cover.is-style-gradient-bottom .wp-block-cover__image-background,
.wp-block-cover.is-style-gradient-bottom .wp-block-cover__video-background {
  /* Remove default WP dim overlay in favour of our custom gradient */
  opacity: 1 !important;
}


/* ==========================================================================
   core/cover  —  .is-style-parallax
   Parallax-ready fixed-attachment cover
   ========================================================================== */

.wp-block-cover.is-style-parallax .wp-block-cover__image-background {
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}

@media (max-width: 768px) {
  /* Disable fixed attachment on mobile — poor performance + iOS unsupported */
  .wp-block-cover.is-style-parallax .wp-block-cover__image-background {
    background-attachment: scroll;
  }
}


/* ==========================================================================
   core/cover  —  .is-style-luxury-split
   60/40 split cover with text panel over cream background
   ========================================================================== */

.wp-block-cover.is-style-luxury-split {
  min-height: 520px;
  overflow: hidden;
}

.wp-block-cover.is-style-luxury-split .wp-block-cover__inner-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  width: 100%;
  max-width: var(--wp--style--global--content-size, 860px);
}

@media (max-width: 768px) {
  .wp-block-cover.is-style-luxury-split .wp-block-cover__inner-container {
    grid-template-columns: 1fr;
  }
}


/* ==========================================================================
   core/group  —  .is-style-card
   Subtle card with border and soft shadow
   ========================================================================== */

.wp-block-group.is-style-card {
  background: var(--haven-white);
  border: 1px solid var(--haven-light-grey);
  border-radius: var(--haven-radius-lg);
  box-shadow: var(--haven-shadow-soft);
  padding: 2rem !important;
  overflow: hidden;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.wp-block-group.is-style-card:hover {
  box-shadow: var(--haven-shadow-medium);
  transform: translateY(-3px);
}


/* ==========================================================================
   core/group  —  .is-style-card-elevated
   Deeper shadow, stronger lift on hover
   ========================================================================== */

.wp-block-group.is-style-card-elevated {
  background: var(--haven-white);
  border-radius: var(--haven-radius-xl);
  box-shadow: var(--haven-shadow-strong);
  padding: 2.5rem !important;
  overflow: hidden;
  transition: box-shadow 0.4s ease, transform 0.4s ease;
}

.wp-block-group.is-style-card-elevated:hover {
  box-shadow: var(--haven-shadow-luxury);
  transform: translateY(-6px);
}


/* ==========================================================================
   core/group  —  .is-style-luxury-panel
   Ivory background with gold left border accent
   ========================================================================== */

.wp-block-group.is-style-luxury-panel {
  background: var(--haven-ivory);
  border-left: 4px solid var(--haven-gold);
  border-radius: 0 var(--haven-radius-md) var(--haven-radius-md) 0;
  padding: 2rem 2rem 2rem 2.5rem !important;
  box-shadow: var(--haven-shadow-soft);
}


/* ==========================================================================
   core/group  —  .is-style-dark-panel
   Charcoal panel, gold text accent, for dark sections
   ========================================================================== */

.wp-block-group.is-style-dark-panel {
  background: var(--haven-charcoal);
  color: var(--haven-ivory);
  border-radius: var(--haven-radius-lg);
  padding: 3rem !important;
}

.wp-block-group.is-style-dark-panel h1,
.wp-block-group.is-style-dark-panel h2,
.wp-block-group.is-style-dark-panel h3,
.wp-block-group.is-style-dark-panel h4 {
  color: var(--haven-gold-light);
  font-family: var(--haven-font-heading);
}

.wp-block-group.is-style-dark-panel p {
  color: rgba(253,250,245,0.85);
}


/* ==========================================================================
   core/image  —  .is-style-rounded-shadow
   Rounded corners with a luxury drop shadow
   ========================================================================== */

.wp-block-image.is-style-rounded-shadow img {
  border-radius: var(--haven-radius-xl);
  box-shadow: var(--haven-shadow-luxury);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.wp-block-image.is-style-rounded-shadow img:hover {
  transform: scale(1.015) translateY(-4px);
  box-shadow: 0 28px 80px rgba(26,26,46,0.24), 0 6px 20px rgba(26,26,46,0.14);
}


/* ==========================================================================
   core/image  —  .is-style-framed
   Classic frame with cream matte border
   ========================================================================== */

.wp-block-image.is-style-framed {
  padding: 12px;
  background: var(--haven-cream);
  border: 1px solid var(--haven-light-grey);
  box-shadow: var(--haven-shadow-medium);
  display: inline-block;
}

.wp-block-image.is-style-framed img {
  display: block;
}


/* ==========================================================================
   core/columns  —  .is-style-card-layout
   Each column becomes a card
   ========================================================================== */

.wp-block-columns.is-style-card-layout > .wp-block-column {
  background: var(--haven-white);
  border: 1px solid var(--haven-light-grey);
  border-radius: var(--haven-radius-lg);
  box-shadow: var(--haven-shadow-soft);
  padding: 2rem;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.wp-block-columns.is-style-card-layout > .wp-block-column:hover {
  box-shadow: var(--haven-shadow-medium);
  transform: translateY(-4px);
}


/* ==========================================================================
   core/separator  —  .is-style-decorative
   Gold gradient rule with ornamental center diamond
   ========================================================================== */

.wp-block-separator.is-style-decorative {
  position: relative;
  border: none;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent 0%,
    var(--haven-gold) 30%,
    var(--haven-gold) 70%,
    transparent 100%
  );
  overflow: visible;
  margin: 2rem auto;
  max-width: 400px;
}

.wp-block-separator.is-style-decorative::before {
  content: "◆";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--haven-white);
  color: var(--haven-gold);
  font-size: 0.6rem;
  padding: 0 8px;
  line-height: 1;
}


/* ==========================================================================
   core/separator  —  .is-style-wide-rule
   Full-width double-rule divider
   ========================================================================== */

.wp-block-separator.is-style-wide-rule {
  border: none;
  border-top: 3px solid var(--haven-navy);
  border-bottom: 1px solid var(--haven-light-grey);
  height: 0;
  padding-bottom: 4px;
  max-width: 100%;
}


/* ==========================================================================
   core/heading  —  .is-style-with-accent
   Underline accent using a gold pseudo-element
   ========================================================================== */

.wp-block-heading.is-style-with-accent {
  position: relative;
  padding-bottom: 0.6em;
}

.wp-block-heading.is-style-with-accent::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3rem;
  height: 3px;
  background: var(--haven-gold);
  border-radius: 2px;
  transition: width 0.4s ease;
}

.wp-block-heading.is-style-with-accent:hover::after {
  width: 5rem;
}

/* Centered variant */
.has-text-align-center.wp-block-heading.is-style-with-accent::after {
  left: 50%;
  transform: translateX(-50%);
}


/* ==========================================================================
   core/heading  —  .is-style-serif-display
   Large display heading using Playfair Display with italic
   ========================================================================== */

.wp-block-heading.is-style-serif-display {
  font-family: var(--haven-font-heading);
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.1;
}


/* ==========================================================================
   core/heading  —  .is-style-eyebrow
   Small uppercase tracking label, gold color
   ========================================================================== */

.wp-block-heading.is-style-eyebrow {
  font-family: var(--haven-font-body);
  font-size: 0.75rem !important;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--haven-gold-dark);
}


/* ==========================================================================
   core/quote  —  .is-style-luxury-quote
   Large pull-quote with oversized opening mark
   ========================================================================== */

.wp-block-quote.is-style-luxury-quote {
  border: none;
  padding: 2.5rem 3rem;
  background: var(--haven-ivory);
  border-radius: var(--haven-radius-lg);
  position: relative;
  box-shadow: var(--haven-shadow-soft);
}

.wp-block-quote.is-style-luxury-quote::before {
  content: "\201C";
  position: absolute;
  top: -0.5rem;
  left: 1.5rem;
  font-family: var(--haven-font-heading);
  font-size: 8rem;
  line-height: 1;
  color: var(--haven-gold);
  opacity: 0.25;
  pointer-events: none;
}

.wp-block-quote.is-style-luxury-quote p {
  font-family: var(--haven-font-heading);
  font-style: italic;
  font-size: 1.35rem;
  line-height: 1.6;
  color: var(--haven-charcoal);
  position: relative;
  z-index: 1;
}

.wp-block-quote.is-style-luxury-quote cite {
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--haven-gold-dark);
  font-style: normal;
  font-weight: 600;
}


/* ==========================================================================
   getwid/section  —  .is-style-with-shadow
   Subtle floating shadow around the section block
   ========================================================================== */

.wp-block-getwid-section.is-style-with-shadow {
  box-shadow: var(--haven-shadow-strong);
  border-radius: var(--haven-radius-lg);
  overflow: hidden;
}


/* ==========================================================================
   getwid/section  —  .is-style-bordered
   Thin border with corner-radius on the section
   ========================================================================== */

.wp-block-getwid-section.is-style-bordered {
  border: 1px solid var(--haven-light-grey);
  border-radius: var(--haven-radius-lg);
  overflow: hidden;
}


/* ==========================================================================
   getwid/section  —  .is-style-luxury-frame
   Gold border + ivory background, hotel-lobby feel
   ========================================================================== */

.wp-block-getwid-section.is-style-luxury-frame {
  border: 2px solid var(--haven-gold);
  border-radius: var(--haven-radius-xl);
  background: var(--haven-ivory) !important;
  box-shadow: var(--haven-shadow-gold);
  overflow: hidden;
}


/* ==========================================================================
   getwid/advanced-heading  —  .is-style-decorative
   Heading with horizontal rules flanking the text
   ========================================================================== */

.wp-block-getwid-advanced-heading.is-style-decorative
  .wp-block-getwid-advanced-heading__content {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.wp-block-getwid-advanced-heading.is-style-decorative
  .wp-block-getwid-advanced-heading__content::before,
.wp-block-getwid-advanced-heading.is-style-decorative
  .wp-block-getwid-advanced-heading__content::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, transparent, var(--haven-gold));
}

.wp-block-getwid-advanced-heading.is-style-decorative
  .wp-block-getwid-advanced-heading__content::after {
  background: linear-gradient(to left, transparent, var(--haven-gold));
}


/* ==========================================================================
   getwid/banner  —  .is-style-luxury
   Gold gradient overlay on Getwid banner blocks
   ========================================================================== */

.wp-block-getwid-banner.is-style-luxury {
  border-radius: var(--haven-radius-lg);
  overflow: hidden;
  box-shadow: var(--haven-shadow-luxury);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.wp-block-getwid-banner.is-style-luxury:hover {
  transform: translateY(-6px) scale(1.01);
  box-shadow: 0 28px 80px rgba(26,26,46,0.24);
}

.wp-block-getwid-banner.is-style-luxury .wp-block-getwid-banner__overlay {
  background: linear-gradient(
    160deg,
    rgba(26, 26, 46, 0.3) 0%,
    rgba(26, 26, 46, 0.7) 70%,
    rgba(26, 26, 46, 0.85) 100%
  ) !important;
}

.wp-block-getwid-banner.is-style-luxury .wp-block-getwid-banner__title {
  font-family: var(--haven-font-heading);
  font-size: clamp(1.25rem, 2.5vw, 2rem);
  font-weight: 700;
  letter-spacing: -0.01em;
}


/* ==========================================================================
   getwid/recent-posts & getwid/custom-post-type  —  .is-style-card-light
   White card layout for post grids
   ========================================================================== */

.wp-block-getwid-recent-posts.is-style-card-light article,
.wp-block-getwid-custom-post-type.is-style-card-light article {
  background: var(--haven-white);
  border: 1px solid var(--haven-light-grey);
  border-radius: var(--haven-radius-lg);
  box-shadow: var(--haven-shadow-soft);
  overflow: hidden;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.wp-block-getwid-recent-posts.is-style-card-light article:hover,
.wp-block-getwid-custom-post-type.is-style-card-light article:hover {
  box-shadow: var(--haven-shadow-medium);
  transform: translateY(-4px);
}

.wp-block-getwid-recent-posts.is-style-card-light .wp-block-getwid-recent-posts__post-title a,
.wp-block-getwid-custom-post-type.is-style-card-light .wp-block-getwid-custom-post-type__post-title a {
  color: var(--haven-charcoal);
  font-family: var(--haven-font-heading);
  font-weight: 700;
  text-decoration: none;
}

.wp-block-getwid-recent-posts.is-style-card-light .wp-block-getwid-recent-posts__post-title a:hover,
.wp-block-getwid-custom-post-type.is-style-card-light .wp-block-getwid-custom-post-type__post-title a:hover {
  color: var(--haven-navy);
}


/* ==========================================================================
   getwid/recent-posts  —  .is-style-card-dark
   Dark card layout for post grids on light backgrounds
   ========================================================================== */

.wp-block-getwid-recent-posts.is-style-card-dark article {
  background: var(--haven-charcoal);
  color: var(--haven-ivory);
  border-radius: var(--haven-radius-lg);
  box-shadow: var(--haven-shadow-strong);
  overflow: hidden;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.wp-block-getwid-recent-posts.is-style-card-dark article:hover {
  box-shadow: var(--haven-shadow-luxury);
  transform: translateY(-4px);
}

.wp-block-getwid-recent-posts.is-style-card-dark h3,
.wp-block-getwid-recent-posts.is-style-card-dark h4,
.wp-block-getwid-recent-posts.is-style-card-dark a {
  color: var(--haven-gold-light);
}

.wp-block-getwid-recent-posts.is-style-card-dark p {
  color: rgba(253,250,245,0.75);
}


/* ==========================================================================
   getwid/custom-post-type  —  .is-style-card-luxury
   Gradient overlay card for properties / premium items
   ========================================================================== */

.wp-block-getwid-custom-post-type.is-style-card-luxury article {
  position: relative;
  border-radius: var(--haven-radius-xl);
  overflow: hidden;
  box-shadow: var(--haven-shadow-strong);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  background: var(--haven-charcoal);
}

.wp-block-getwid-custom-post-type.is-style-card-luxury article:hover {
  transform: translateY(-8px) scale(1.01);
  box-shadow: var(--haven-shadow-luxury);
}

.wp-block-getwid-custom-post-type.is-style-card-luxury .wp-block-getwid-custom-post-type__post-thumbnail img {
  transition: transform 0.6s ease;
  width: 100%;
  object-fit: cover;
}

.wp-block-getwid-custom-post-type.is-style-card-luxury article:hover
  .wp-block-getwid-custom-post-type__post-thumbnail img {
  transform: scale(1.08);
}

.wp-block-getwid-custom-post-type.is-style-card-luxury .wp-block-getwid-custom-post-type__content-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.5rem;
  background: linear-gradient(to top, rgba(26,26,46,0.95) 0%, transparent 100%);
  color: var(--haven-ivory);
}

.wp-block-getwid-custom-post-type.is-style-card-luxury
  .wp-block-getwid-custom-post-type__post-title a {
  color: var(--haven-white);
  font-family: var(--haven-font-heading);
  font-size: 1.2rem;
  font-weight: 700;
  text-decoration: none;
}

.wp-block-getwid-custom-post-type.is-style-card-luxury
  .wp-block-getwid-custom-post-type__post-excerpt {
  color: rgba(253,250,245,0.8);
  font-size: 0.875rem;
  margin-top: 0.35rem;
}


/* ==========================================================================
   getwid/post-carousel  —  .is-style-with-shadow
   Lift the active carousel card with a strong shadow
   ========================================================================== */

.wp-block-getwid-post-carousel.is-style-with-shadow
  .wp-block-getwid-post-carousel__post-wrapper {
  box-shadow: var(--haven-shadow-medium);
  border-radius: var(--haven-radius-lg);
  overflow: hidden;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.wp-block-getwid-post-carousel.is-style-with-shadow
  .wp-block-getwid-post-carousel__post-wrapper:hover {
  box-shadow: var(--haven-shadow-luxury);
  transform: translateY(-6px);
}


/* ==========================================================================
   getwid/price-list  —  .is-style-highlighted
   Gold accent on active / featured price row
   ========================================================================== */

.wp-block-getwid-price-list.is-style-highlighted
  .wp-block-getwid-price-list__item:nth-child(odd) {
  background: var(--haven-ivory);
  border-radius: var(--haven-radius-md);
  padding: 0.75rem 1rem;
}

.wp-block-getwid-price-list.is-style-highlighted
  .wp-block-getwid-price-list__item--featured,
.wp-block-getwid-price-list.is-style-highlighted
  .wp-block-getwid-price-list__item:first-child {
  background: linear-gradient(135deg, rgba(232,185,35,0.12), rgba(232,185,35,0.04));
  border: 1px solid rgba(232,185,35,0.3);
  border-radius: var(--haven-radius-md);
  padding: 0.75rem 1rem;
}

.wp-block-getwid-price-list.is-style-highlighted
  .wp-block-getwid-price-list__item__price {
  color: var(--haven-navy);
  font-weight: 700;
  font-family: var(--haven-font-heading);
}


/* ==========================================================================
   Responsive overrides
   ========================================================================== */

@media (max-width: 768px) {
  .wp-block-group.is-style-card,
  .wp-block-group.is-style-card-elevated,
  .wp-block-group.is-style-luxury-panel,
  .wp-block-group.is-style-dark-panel {
    padding: 1.5rem !important;
  }

  .wp-block-quote.is-style-luxury-quote {
    padding: 1.5rem 1.75rem;
  }

  .wp-block-quote.is-style-luxury-quote::before {
    font-size: 5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wp-block-button.is-style-luxury .wp-block-button__link,
  .wp-block-button.is-style-outline-luxury .wp-block-button__link,
  .wp-block-image.is-style-rounded-shadow img,
  .wp-block-group.is-style-card,
  .wp-block-group.is-style-card-elevated,
  .wp-block-getwid-banner.is-style-luxury,
  .wp-block-getwid-custom-post-type.is-style-card-luxury article {
    transition: none;
    transform: none;
  }
}