@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;500;600;700;800;900&family=Montserrat:wght@400;500;600;700;800;900&display=swap');

:root {
  --mis-gold: #e8bb52;
  --mis-gold-deep: #bd993f;
  --mis-red: #bf201f;
  --mis-wine: #9b191a;
  --mis-ink: #1d1e19;
  --mis-cream: #f4ebd0;
  --mis-font-heading: "Bodoni Moda", Georgia, serif;
  --mis-font-body: "Montserrat", Arial, sans-serif;
  --mis-brand-font: var(--mis-font-heading);
  --mis-h1-size: clamp(2.25rem, 5vw, 4.75rem);
  --mis-h1-weight: 600;
  --mis-h2-size: clamp(1.8rem, 3vw, 2.8rem);
  --mis-h2-weight: 600;
  --mis-p-size: 1rem;
  --mis-p-line-height: 1.7;
  --mis-link-color: var(--mis-wine);
  --mis-link-hover-color: var(--mis-red);
  --mis-product-tile-bg: #ffffff;
  --mis-split-section-bg: linear-gradient(to right, #f9f9f9 0 50%, transparent 50% 100%);
  --mis-split-pane-bg: transparent;
  --mis-split-pane-left-bg: #f9f9f9;
  --mis-split-pane-right-bg: transparent;
  --mis-header-sticky-desktop-position: static;
  --mis-header-sticky-mobile-position: static;
  --color-base-100: #ffffff;
  --color-base-200: #f4ebd0;
  --color-base-300: #d9d9d9;
  --color-base-content: #1d1e19;
  --color-primary: #bf201f;
  --color-primary-content: #ffffff;
  --color-secondary: #e8bb52;
  --color-secondary-content: #ffffff;
  --color-accent: #9b191a;
  --color-accent-content: #ffffff;
  --color-neutral: #1d1e19;
  --color-neutral-content: #ffffff;
  --radius-selector: 999px;
  --radius-field: 999px;
  --radius-box: 1.25rem;
}

/* Made in Spain Theme Admin custom CSS */
/* BLACK FRIDAY TOP BAR — BEGIN */
@media (min-width: 901px) {
  body .mis-header .mis-header-strip {
    background: #b22317 !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
  }

  body .mis-header .mis-header-strip a,
  body .mis-header .mis-header-strip span,
  body .mis-header .mis-header-strip i,
  body .mis-header .mis-header-strip svg,
  body .mis-header .mis-header-strip button,
  body .mis-header .mis-header-strip .mis-header-strip__right {
    color: #fff !important;
  }

  body .mis-header .mis-header-strip > .mis-container.mis-header-strip__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: clamp(0.5rem, 0.8vw, 1rem) !important;
    row-gap: 0 !important;
  }

  body .mis-header .mis-header-strip__left {
    display: contents !important;
  }

  body .mis-header .mis-header-strip__message {
    background: transparent !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: clamp(0.68rem, 0.8vw, 0.8rem) !important;
  }

  body .mis-header .mis-header-strip__note {
    background: transparent !important;
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    text-align: center !important;
    white-space: nowrap !important;
    font-size: clamp(0.68rem, 0.85vw, 0.82rem) !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
  }

  body .mis-header .mis-header-strip__right {
    display: flex !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: clamp(0.4rem, 0.65vw, 0.8rem) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    white-space: nowrap !important;
  }

  body .mis-header .mis-header-strip .mis-header-phone,
  body .mis-header .mis-header-strip .mis-utility-nav a {
    font-size: clamp(0.68rem, 0.8vw, 0.8rem) !important;
    letter-spacing: 0 !important;
  }

  body .mis-header .mis-header-strip .mis-utility-menu__icon::before,
  body .mis-header .mis-header-strip .mis-utility-menu__item::before {
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
  }

  body .mis-header .mis-header-strip a:hover {
    color: #fff !important;
    text-decoration: underline !important;
    text-underline-offset: 0.18em;
  }

  body .mis-header .mis-header-strip a:focus-visible,
  body .mis-header .mis-header-strip button:focus-visible {
    outline: 2px solid #fff !important;
    outline-offset: 3px !important;
  }
}
/* BLACK FRIDAY TOP BAR — END */