/* =========================================================
   Mizunara Studio
   Themes
   Version 1.1

   Boda Luxury 01
   Transparent Hero Glass Sync
========================================================= */


/* =========================================================
   THEME: LUXURY WEDDING
========================================================= */

.theme-luxury {

  --ms-color-bg:
    #fbf6ee;

  --ms-color-surface:
    rgba(
      255,
      255,
      255,
      0.62
    );

  --ms-color-surface-strong:
    rgba(
      255,
      255,
      255,
      0.84
    );

  --ms-color-primary:
    #c8a46b;

  --ms-color-primary-soft:
    #ead9b7;

  --ms-color-primary-dark:
    #8f6d35;

  --ms-color-secondary:
    #d8bfa3;

  --ms-color-secondary-soft:
    #f4eadf;

  --ms-color-accent:
    #f2d9c8;

  --ms-color-accent-soft:
    #fff1e8;

  --ms-color-text:
    #2d241d;

  --ms-color-muted:
    #7e7167;

  --ms-color-border:
    rgba(
      200,
      164,
      107,
      0.32
    );

  --ms-glass-bg:
    rgba(
      255,
      255,
      255,
      0.58
    );

  --ms-glass-bg-strong:
    rgba(
      255,
      255,
      255,
      0.78
    );

  --ms-glass-border:
    1px solid
    rgba(
      255,
      255,
      255,
      0.42
    );

  --ms-gradient-brand:
    radial-gradient(
      circle at top left,
      rgba(
        200,
        164,
        107,
        0.22
      ),
      transparent
      34%
    ),
    radial-gradient(
      circle at top right,
      rgba(
        242,
        217,
        200,
        0.42
      ),
      transparent
      32%
    ),
    linear-gradient(
      180deg,
      #fbf6ee
      0%,
      #fffaf5
      48%,
      #f8efe4
      100%
    );

  --ms-backdrop-overlay:
    linear-gradient(
      180deg,
      rgba(
        251,
        246,
        238,
        0.58
      ),
      rgba(
        255,
        250,
        245,
        0.86
      )
    );

}


/* =========================================================
   BODY
========================================================= */

.theme-luxury::before {

  background:
    var(
      --ms-gradient-brand
    );

}


/* =========================================================
   SECTIONS
========================================================= */

.theme-luxury
.ms-component {

  position:
    relative;

}


.theme-luxury
.ms-component::before {

  content:
    "";

  position:
    absolute;

  inset:
    0;

  z-index:
    -1;

  pointer-events:
    none;

  background:
    radial-gradient(
      circle at 12% 10%,
      rgba(
        200,
        164,
        107,
        0.08
      ),
      transparent
      25%
    ),
    radial-gradient(
      circle at 88% 18%,
      rgba(
        242,
        217,
        200,
        0.16
      ),
      transparent
      28%
    );

}


/* =========================================================
   HEADERS
========================================================= */

.theme-luxury
.ms-section-title,

.theme-luxury
.ms-gallery-header h2,

.theme-luxury
.ms-rsvp-header h2,

.theme-luxury
.ms-map-header h2,

.theme-luxury
.ms-event-info-header h2,

.theme-luxury
.ms-timeline-header h2 {

  color:
    var(
      --ms-color-text
    );

  letter-spacing:
    0.01em;

}


.theme-luxury
.ms-section-kicker,

.theme-luxury
.ms-section-eyebrow {

  color:
    var(
      --ms-color-primary-dark
    );

}


/* =========================================================
   HERO

   Sincronizado con XV Luxury 01:

   - cristal ultratransparente
   - sin backdrop blur
   - borde sutil
   - sombra ligera
   - fotografía visible detrás de la tarjeta

   Conserva la identidad marfil/dorada
   propia de Boda Luxury 01.
========================================================= */

.theme-luxury
.ms-hero-card {

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      0.28
    );

  background:
    rgba(
      255,
      252,
      247,
      0.08
    );

  backdrop-filter:
    none;

  -webkit-backdrop-filter:
    none;

  box-shadow:
    0 12px 30px
      rgba(
        45,
        36,
        29,
        0.08
      ),
    inset
      0
      1px
      0
      rgba(
        255,
        255,
        255,
        0.12
      );

}


.theme-luxury
.ms-hero-title {

  color:
    #2d241d;

}


.theme-luxury
.ms-hero-script {

  color:
    var(
      --ms-color-primary
    );

}


.theme-luxury
.ms-hero-kicker {

  color:
    var(
      --ms-color-primary-dark
    );

}


.theme-luxury
.ms-hero-date {

  color:
    var(
      --ms-color-primary-dark
    );

}

.theme-luxury .ms-hero-description,
.theme-luxury .ms-hero-subtitle {
  display: inline-block;
  max-width: 720px;
  margin-inline: auto;
  padding: 0.5rem 0.9rem;
  border-radius: 16px;
  background: rgba(255, 250, 245, 0.22);
  color: rgba(28, 22, 18, 0.95);
  font-weight: 500;
  line-height: 1.75;
  text-shadow: none;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}


/* =========================================================
   CARDS
========================================================= */

.theme-luxury
.ms-card,

.theme-luxury
.ms-event-card,

.theme-luxury
.ms-timeline-card,

.theme-luxury
.ms-rsvp-card,

.theme-luxury
.ms-map-card {

  border:
    1px solid
    rgba(
      200,
      164,
      107,
      0.26
    );

  background:
    linear-gradient(
      135deg,
      rgba(
        255,
        255,
        255,
        0.68
      ),
      rgba(
        255,
        255,
        255,
        0.34
      )
    );

  box-shadow:
    0 24px 70px
      rgba(
        77,
        49,
        28,
        0.12
      ),
    inset
      0
      1px
      0
      rgba(
        255,
        255,
        255,
        0.56
      );

}


/* =========================================================
   BUTTONS
========================================================= */

.theme-luxury
.ms-btn-primary {

  background:
    linear-gradient(
      135deg,
      #f2dfb7
      0%,
      #c8a46b
      45%,
      #8f6d35
      100%
    );

  color:
    #ffffff;

  box-shadow:
    0 15px 35px
    rgba(
      200,
      164,
      107,
      0.34
    );

}


.theme-luxury
.ms-btn-glass {

  background:
    rgba(
      255,
      255,
      255,
      0.52
    );

  border:
    1px solid
    rgba(
      200,
      164,
      107,
      0.26
    );

  color:
    var(
      --ms-color-text
    );

}


/* =========================================================
   COUNTDOWN
========================================================= */

.theme-luxury
.ms-countdown-item {

  border:
    1px solid
    rgba(
      200,
      164,
      107,
      0.26
    );

  background:
    linear-gradient(
      135deg,
      rgba(
        255,
        255,
        255,
        0.72
      ),
      rgba(
        255,
        255,
        255,
        0.42
      )
    );

}


.theme-luxury
.ms-countdown-number {

  color:
    var(
      --ms-color-primary-dark
    );

}


/* =========================================================
   EVENT INFO
========================================================= */

.theme-luxury
.ms-event-icon {

  background:
    rgba(
      200,
      164,
      107,
      0.14
    );

}


/* =========================================================
   TIMELINE
========================================================= */

.theme-luxury
.ms-timeline-wrapper::before {

  background:
    linear-gradient(
      to bottom,
      rgba(
        200,
        164,
        107,
        0
      ),
      rgba(
        200,
        164,
        107,
        0.85
      ),
      rgba(
        200,
        164,
        107,
        0
      )
    );

}


.theme-luxury
.ms-timeline-dot {

  background:
    var(
      --ms-gradient-gold
    );

}


/* =========================================================
   GALLERY
========================================================= */

.theme-luxury
.ms-gallery-item,

.theme-luxury
.ms-gallery-slide {

  box-shadow:
    0 22px 60px
    rgba(
      77,
      49,
      28,
      0.16
    );

  border:
    1px solid
    rgba(
      200,
      164,
      107,
      0.18
    );

}


/* =========================================================
   RSVP
========================================================= */

.theme-luxury
.ms-field input,

.theme-luxury
.ms-field select,

.theme-luxury
.ms-field textarea {

  background:
    rgba(
      255,
      255,
      255,
      0.72
    );

  border:
    1px solid
    rgba(
      200,
      164,
      107,
      0.28
    );

}


/* =========================================================
   MAP
========================================================= */

.theme-luxury
.ms-map-note {

  background:
    rgba(
      200,
      164,
      107,
      0.12
    );

  color:
    var(
      --ms-color-primary-dark
    );

}


/* =========================================================
   FOOTER
========================================================= */

.theme-luxury
.ms-footer {

  background:
    linear-gradient(
      180deg,
      rgba(
        255,
        250,
        245,
        0.3
      ),
      rgba(
        248,
        239,
        228,
        0.9
      )
    );

}


/* =========================================================
   BASIC FALLBACK THEMES
========================================================= */


/* =========================================================
   ROMANTIC
========================================================= */

.theme-romantic {

  --ms-color-bg:
    #fff7fb;

  --ms-color-primary:
    #c8a46b;

  --ms-color-secondary:
    #d8a7bd;

  --ms-color-accent:
    #f7dce7;

  --ms-color-text:
    #2f2430;

  --ms-color-muted:
    #7b6f7d;

}


/* =========================================================
   GLASS
========================================================= */

.theme-glass {

  --ms-color-bg:
    #eef1f8;

  --ms-color-primary:
    #c8a46b;

  --ms-color-secondary:
    #9fb4d8;

  --ms-color-text:
    #1f2430;

  --ms-color-muted:
    #6f7480;

  --ms-glass-bg:
    rgba(
      255,
      255,
      255,
      0.42
    );

}


/* =========================================================
   MINIMAL
========================================================= */

.theme-minimal {

  --ms-color-bg:
    #fafafa;

  --ms-color-primary:
    #111111;

  --ms-color-secondary:
    #777777;

  --ms-color-text:
    #111111;

  --ms-color-muted:
    #666666;

  --ms-glass-bg:
    rgba(
      255,
      255,
      255,
      0.9
    );

}


/* =========================================================
   SACRED
========================================================= */

.theme-sacred {

  --ms-color-bg:
    #f9f6ef;

  --ms-color-primary:
    #c8a46b;

  --ms-color-secondary:
    #d9e6f2;

  --ms-color-text:
    #3a342c;

  --ms-color-muted:
    #756b60;

}


/* =========================================================
   KIDS
========================================================= */

.theme-kids {

  --ms-color-bg:
    #fff9ef;

  --ms-color-primary:
    #ff8b00;

  --ms-color-secondary:
    #6ec6ff;

  --ms-color-accent:
    #ffcfdd;

  --ms-color-text:
    #33251a;

  --ms-color-muted:
    #7c6b5d;

}


/* =========================================================
   PARTY
========================================================= */

.theme-party {

  --ms-color-bg:
    #140f1f;

  --ms-color-primary:
    #f7c76b;

  --ms-color-secondary:
    #ff5fd2;

  --ms-color-accent:
    #7c5cff;

  --ms-color-text:
    #ffffff;

  --ms-color-muted:
    rgba(
      255,
      255,
      255,
      0.72
    );

}


/* =========================================================
   CORPORATE
========================================================= */

.theme-corporate {

  --ms-color-bg:
    #f5f7fb;

  --ms-color-primary:
    #1f4e79;

  --ms-color-secondary:
    #7a8ca5;

  --ms-color-text:
    #1f2937;

  --ms-color-muted:
    #667085;

}