/**
 * Font Style Definitions for MiPin
 *
 * Self-hosted fonts for candle personalization.
 * Display names (shown to customers) map to actual font names:
 *
 * ARIEL = Aisyah Demo
 * ELIAN = Belly Betty
 * AZARIAH = Billgates
 * SAMIEL = BP Ecatherina
 * MARIEL = Cardigan Christmas
 * JESIEL = Dagtton
 * ROSALIA = Heart
 * LIOR = Milogante Shuttker
 * OTHIEL = Onlytime
 * AMIEL = Pinyon Script
 * ZION = Cinzel
 * JOAH = Qurellia Salesta
 * SHILOH = Ethereal
 * NOEL = Lavish
 * ABIEL = Lovely
 */

/* Script / Display fonts */
@font-face {
  font-family: 'Aisyah Demo';
  src: url('../fonts/aisyah-demo.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Belly Betty';
  src: url('../fonts/belly-betty.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Billgates';
  src: url('../fonts/billgates.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BP Ecatherina';
  src: url('../fonts/bp-ecatherina-regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cardigan Christmas';
  src: url('../fonts/cardigan-christmas.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Dagtton';
  src: url('../fonts/dagtton-regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Heart';
  src: url('../fonts/heart.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Milogante Shuttker';
  src: url('../fonts/milogante-shuttker.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Onlytime';
  src: url('../fonts/onlytime.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Pinyon Script';
  src: url('../fonts/pinyon-script-regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Serif / Formal fonts */
@font-face {
  font-family: 'Cinzel';
  src: url('../fonts/cinzel-regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Qurellia Salesta';
  src: url('../fonts/qurellia-salesta.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ethereal';
  src: url('../fonts/ethereal-semibold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lavish';
  src: url('../fonts/lavish.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lovely';
  src: url('../fonts/lovely.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Font style dropdown styling */
.form-item-field-font-style select option,
.field--name-field-font-style select option {
  padding: 8px 12px;
  font-size: 1.1rem;
}