@charset "UTF-8";
/* ====== COLOR SYSTEM ====== */
/* ====== CSS CUSTOM PROPERTIES ====== */
:root {
  --color-bg: #ffffff;
  --color-surface: #F9F8F6;
  --color-surface-alt: #e9e6d5;
  --color-gradient-start: #f8d19a;
  --color-gradient-end: #aa9650;
  --color-text: #0d0d0d;
  --color-text-muted: #666666;
  --color-text-on-dark-bg: #ffffff;
  --color-text-on-light-bg: #000000;
  --color-border: #e1e1e1;
  --color-accent-1: #AB884D;
  --color-accent-2: #133343;
  --color-accent-2-old: #2c3341;
  --color-accent-3: #2B402C;
  --color-accent-4: #402B35;
  --color-accent-5: #211819;
  --color-accent-6: #F9F8F6;
  --color-danger: #d9534f;
  --color-success: #28a745;
  --color-info: #007bff;
  --color-form-prefilled: #50a700;
  --color-form-prefilled-text: #ffffff;
  --color-form-bg: #ffffff;
  --color-form-surface: #fffdf9;
  --color-form-text: #0d0d0d;
  --color-form-text-muted: #666666;
}

/* ====== TYPOGRAPHY ====== */
/* ====== CSS CUSTOM PROPERTIES ====== */
:root {
  --font-body: Lato, sans-serif;
  --font-heading: PlayfairDisplay, serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.5rem;
  --line-height-tight: 1.2;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.8;
  --letter-spacing-tight: 0;
  --letter-spacing-normal: 0.02em;
  --letter-spacing-relaxed: 0.05em;
}

/* ====== SPACING ====== */
/* ====== CSS CUSTOM PROPERTIES ====== */
:root {
  --space-0: 0;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-6: 3rem;
  --space-8: 4rem;
  --space-12: 6rem;
  --space-24: 12rem;
  --space-section-start: 6rem;
  --space-section-gap: 3rem;
  --space-section-end: 9rem;
  --content-max: 1280px;
  --content-narrow: 68ch;
}

/* ====== MOBILE SCALING ====== */
@media (max-width: 48rem) {
  :root {
    --space-section-start: 6rem;
    --space-section-gap: 3rem;
    --space-section-end: 8rem;
  }
}
/* ====== BORDERS and SHADOWS ====== */
/* ====== CSS CUSTOM PROPERTIES ====== */
:root {
  --line-thin: 1px;
  --line-normal: 2px;
  --line-thick: 3px;
  --radius-none: 0;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 12px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* ====== TRANSITIONS and ANIMATIONS ====== */
/* ====== CSS CUSTOM PROPERTIES ====== */
:root {
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow: 400ms ease;
}

/* ====== Z-INDEX ====== */
/* ====== CSS CUSTOM PROPERTIES ====== */
:root {
  --z-base: 1;
  --z-dropdown: 1000;
  --z-overlay: 5000;
  --z-modal: 10000;
  --z-toast: 20000;
}

/* FONTS */
/* Default Heading Font: Playfair Display */
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-Regular.ttf);
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-Italic.ttf);
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-Medium.ttf);
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-MediumItalic.ttf);
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-SemiBold.ttf);
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-SemiBoldItalic.ttf);
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-Bold.ttf);
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-BoldItalic.ttf);
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-ExtraBold.ttf);
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-ExtraBoldItalic.ttf);
  font-style: italic;
  font-weight: 800;
}
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-Black.ttf);
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-BlackItalic.ttf);
  font-style: italic;
  font-weight: 900;
}
/* Default Body Font: Lato */
@font-face {
  font-family: Lato;
  src: url(/ww-content/fonts/Lato/Lato-Thin.ttf);
  font-style: normal;
  font-weight: 100;
}
@font-face {
  font-family: Lato;
  src: url(/ww-content/fonts/Lato/Lato-ThinItalic.ttf);
  font-style: italic;
  font-weight: 100;
}
@font-face {
  font-family: Lato;
  src: url(/ww-content/fonts/Lato/Lato-Light.ttf);
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: Lato;
  src: url(/ww-content/fonts/Lato/Lato-LightItalic.ttf);
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: Lato;
  src: url(/ww-content/fonts/Lato/Lato-Regular.ttf);
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: Lato;
  src: url(/ww-content/fonts/Lato/Lato-Italic.ttf);
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: Lato;
  src: url(/ww-content/fonts/Lato/Lato-Bold.ttf);
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: Lato;
  src: url(/ww-content/fonts/Lato/Lato-BoldItalic.ttf);
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: Lato;
  src: url(/ww-content/fonts/Lato/Lato-Black.ttf);
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: Lato;
  src: url(/ww-content/fonts/Lato/Lato-BlackItalic.ttf);
  font-style: italic;
  font-weight: 900;
}
/* Backup Body Font: Amiko */
@font-face {
  font-family: Amiko;
  src: url(/ww-content/fonts/Amiko/Amiko-Regular.ttf);
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: Amiko;
  src: url(/ww-content/fonts/Amiko/Amiko-SemiBold.ttf);
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: Amiko;
  src: url(/ww-content/fonts/Amiko/Amiko-Bold.ttf);
  font-style: normal;
  font-weight: 700;
}
/* ====== TYPOGRAPHY BASE STYLES ====== */
body {
  color: var(--color-text);
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-normal);
}

a {
  color: var(--color-accent-1);
  text-decoration: none;
  transition: var(--transition-normal);
}

a:hover,
a:focus {
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: var(--color-accent-1);
  font-family: PlayfairDisplay, serif;
  font-weight: 700 !important;
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--space-2);
}

h1.gradient-h, h2.gradient-h, h3.gradient-h, h4.gradient-h, h5.gradient-h, h6.gradient-h,
.gradient-h1 h1, .gradient-h2 h2, .gradient-h3 h3, .gradient-h4 h4, .gradient-h5 h5, .gradient-h6 h6,
.gradient-h.h1, .gradient-h.h2, .gradient-h.h3, .gradient-h.h4, .gradient-h.h5, .gradient-h.h6 {
  background: linear-gradient(90deg, var(--color-gradient-start), var(--color-gradient-end));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

h1, .h1 {
  font-size: 4rem;
}

h2, .h2 {
  font-size: 3rem;
}

h3, .h3 {
  font-size: 2rem;
}

h4, .h4 {
  font-size: 1.3rem;
}

h5, .h5 {
  font-size: 1.1rem;
}

h6, .h6 {
  font-size: 1rem;
}

.wannawhisky-magazine .magazine-article-preview-content-box .magazine-title, .why-wannawhisky .icon-row .module-feature-content h3, h1.p, h2.p, h3.p, h4.p, h5.p, h6.p,
.p h1, .p h2, .p h3, .p h4, .p h5, .p h6 {
  font-weight: 400 !important;
  font-family: "Lato", sans-serif !important;
  background: none !important;
  -webkit-text-fill-color: var(--color-text) !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  color: var(--color-text) !important;
}

p {
  margin-bottom: var(--space-2);
}

/* ====== SECTION - Full-width Horizontal Band ====== */
.section {
  width: 100%;
  padding-block-start: var(--space-section-start);
  padding-block-end: var(--space-section-end);
}

/* ====== CONTAINER - Constrained Content ====== */
.container {
  max-width: min(100% - 2rem, 1280px);
  margin-inline: auto;
}

/* ====== CONTAINER-NARROW - Readable Text ====== */
.container-narrow {
  max-width: 68ch;
  margin-inline: auto;
}

/* ====== STACK - Vertical Rhythm ====== */
.stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-section-gap);
}

/* ====== CLUSTER - Inline Grouping ====== */
.cluster {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

/* ====== GRID - Generic Grid ====== */
.grid {
  display: grid;
  gap: var(--space-4);
}

/* ====== GRID-2 - Two-Column Layout ====== */
.grid-2 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 30rem), 1fr));
}

/* ====== WITH-SIDEBAR - Content + Sidebar ====== */
.with-sidebar {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-6);
}

@media (min-width: 64rem) {
  .with-sidebar {
    grid-template-columns: minmax(0, 1fr) 24rem;
  }
}
/* ====== PROSE - Long-form Content ====== */
.prose {
  max-width: 68ch;
}
.prose > * + * {
  margin-top: var(--space-3);
}
.prose h2, .prose h3, .prose h4 {
  margin-top: var(--space-6);
}
.prose p {
  line-height: var(--line-height-relaxed);
}
.prose ul, .prose ol {
  padding-left: var(--space-4);
}
.prose ul li + li, .prose ol li + li {
  margin-top: var(--space-1);
}
.prose blockquote {
  border-left: var(--line-thick) solid var(--color-accent-1);
  padding-left: var(--space-3);
  font-style: italic;
  color: var(--color-text-muted);
}

/* ====== INTERACTIVE - Hover/Focus States ====== */
.interactive {
  transition: background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);
}

.interactive:hover,
.interactive:focus-visible {
  filter: brightness(0.95);
}

/* ====== DIVIDER - Visual Separator ====== */
.divider {
  height: 1px;
  background: var(--color-border);
  width: 100%;
}

/* ====== STACK-TIGHT - Tight Spacing Exception ====== */
.stack-tight {
  gap: var(--space-4);
}

/* ====== UTILITY DISPLAY HELPERS ====== */
.d-block {
  display: block !important;
}

.d-flex {
  display: flex !important;
  min-width: 1px;
  min-height: 1px;
}

/* ====== FLEX ROW HELPERS ====== */
.flex-row-6,
.flex-row-5,
.flex-row-4,
.flex-row-3,
.flex-row-2 {
  flex-direction: row !important;
  flex-wrap: wrap;
  gap: 10px;
}

.flex-row-2 > div {
  width: calc(50% - 5px);
}

.flex-row-3 > div {
  width: calc(33.3333333333% - 7px);
}

.flex-row-4 > div {
  width: calc(25% - 8px);
}

.flex-row-5 > div {
  width: calc(20% - 8px);
}

.flex-row-6 > div {
  width: calc(16.6666666667% - 9px);
}

/* Large screens: 5-column reduces to 4 */
@media (max-width: 1300px) {
  .flex-row-5 > div {
    width: calc(25% - 8px);
  }
  .flex-row-6 > div {
    width: calc(20% - 8px);
  }
}
/* Larger tablets: 6-column reduces to 4 */
@media (max-width: 1100px) {
  .flex-row-6 > div {
    width: calc(25% - 8px);
  }
}
/* Medium tablets: 3+ columns reduce to 2 */
@media (max-width: 900px) {
  .flex-row-3 > div {
    width: calc(50% - 5px);
  }
  .flex-row-4 > div {
    width: calc(50% - 5px);
  }
  .flex-row-5 > div {
    width: calc(33.3333333333% - 7px);
  }
  .flex-row-6 > div {
    width: calc(33.3333333333% - 7px);
  }
}
/* Small tablets: 2-column becomes full-width */
@media (max-width: 750px) {
  .flex-row-2 > div {
    width: 100%;
  }
}
/* Phones: 5+ columns reduce to 2 */
@media (max-width: 600px) {
  .flex-row-5 > div {
    width: calc(50% - 5px);
  }
  .flex-row-6 > div {
    width: calc(50% - 5px);
  }
}
/* ====== SURFACE - Base Surface ====== */
.surface {
  background: var(--color-surface);
  color: var(--color-text);
}

/* ====== SURFACE-ALT - Alternative Surface ====== */
.surface-alt {
  background: var(--color-surface-alt);
  color: var(--color-text);
}

/* ====== COLOR MODIFIERS - Background Variants ====== */
/* ====== COLOR MODIFIERS ====== */
.section.\-blue {
  background-color: var(--color-accent-2);
  color: var(--color-text-on-dark-bg);
  --text-color: var(--color-text-on-dark-bg);
  --text-muted: rgba(255, 255, 255, 0.7);
  --button-text-color: var(--color-text-on-dark-bg);
}
.section.\-blue a {
  color: var(--color-accent-1);
}
.section.\-blue a:hover, .section.\-blue a:focus {
  color: var(--color-text-on-light-bg);
}
.section.\-blue * {
  border-color: rgba(255, 255, 255, 0.2);
}
.section.\-blue h1, .section.\-blue h2, .section.\-blue h3, .section.\-blue h4, .section.\-blue h5, .section.\-blue h6,
.section.\-blue .h1, .section.\-blue .h2, .section.\-blue .h3, .section.\-blue .h4, .section.\-blue .h5, .section.\-blue .h6 {
  background: linear-gradient(90deg, var(--color-gradient-start), var(--color-gradient-end));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.section.\-brown {
  background-color: var(--color-accent-5);
  color: var(--color-text-on-dark-bg);
  --text-color: var(--color-text-on-dark-bg);
  --text-muted: rgba(255, 255, 255, 0.7);
  --button-text-color: var(--color-text-on-dark-bg);
}
.section.\-brown a {
  color: var(--color-accent-1);
}
.section.\-brown a:hover, .section.\-brown a:focus {
  color: var(--color-text-on-light-bg);
}
.section.\-brown * {
  border-color: rgba(255, 255, 255, 0.2);
}
.section.\-brown h1, .section.\-brown h2, .section.\-brown h3, .section.\-brown h4, .section.\-brown h5, .section.\-brown h6,
.section.\-brown .h1, .section.\-brown .h2, .section.\-brown .h3, .section.\-brown .h4, .section.\-brown .h5, .section.\-brown .h6 {
  background: linear-gradient(90deg, var(--color-gradient-start), var(--color-gradient-end));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.section.\-gold {
  background-color: var(--color-accent-1);
  color: var(--color-text-on-dark-bg);
  --text-color: var(--color-text-on-dark-bg);
  --text-muted: rgba(255, 255, 255, 0.7);
  --button-text-color: var(--color-text-on-dark-bg);
}
.section.\-gold a {
  color: var(--color-accent-2);
}
.section.\-gold a:hover, .section.\-gold a:focus {
  color: var(--color-text-on-dark-bg);
}
.section.\-gold * {
  border-color: rgba(255, 255, 255, 0.2);
}
.section.\-gold h1, .section.\-gold h2, .section.\-gold h3, .section.\-gold h4, .section.\-gold h5, .section.\-gold h6,
.section.\-gold .h1, .section.\-gold .h2, .section.\-gold .h3, .section.\-gold .h4, .section.\-gold .h5, .section.\-gold .h6 {
  -webkit-text-fill-color: var(--color-text-on-dark-bg);
  background: none;
}

.section.\-light,
.section.\-surface {
  background-color: var(--color-surface);
  color: var(--color-text);
  --text-color: var(--color-text);
  --text-muted: var(--color-text-muted);
  --button-text-color: var(--color-text);
}

.section.\-black {
  background-color: #0d0d0d;
  color: var(--color-text-on-dark-bg);
  --text-color: var(--color-text-on-dark-bg);
  --text-muted: rgba(255, 255, 255, 0.7);
  --button-text-color: var(--color-text-on-dark-bg);
}
.section.\-black a {
  color: var(--color-accent-1);
}
.section.\-black a:hover, .section.\-black a:focus {
  color: var(--color-accent-6);
}
.section.\-black * {
  border-color: rgba(255, 255, 255, 0.1);
}
.section.\-black h1, .section.\-black h2, .section.\-black h3, .section.\-black h4, .section.\-black h5, .section.\-black h6,
.section.\-black .h1, .section.\-black .h2, .section.\-black .h3, .section.\-black .h4, .section.\-black .h5, .section.\-black .h6 {
  background: linear-gradient(90deg, var(--color-gradient-start), var(--color-gradient-end));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ====== PATTERN MODIFIER ====== */
.section.\-pattern,
.section.\-pattern-inverted {
  position: relative;
}
.section.\-pattern::before,
.section.\-pattern-inverted::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/ww-content/images/bg-pattern.png");
  background-repeat: repeat-x;
  background-size: auto clamp(250px, 60vh, 400px);
  background-blend-mode: overlay;
  background-position: bottom center;
  pointer-events: none;
  z-index: 0;
}
.section.\-pattern > *,
.section.\-pattern-inverted > * {
  position: relative;
  z-index: 1;
}

.section.\-pattern-inverted::before {
  transform: scaleY(-1);
}

.section.\-pattern.\-blue::before,
.section.\-pattern-inverted.\-blue::before {
  background-blend-mode: soft-light;
  filter: brightness(1.3) contrast(0.7) saturate(0.8);
}

.section.\-pattern.\-brown::before,
.section.\-pattern-inverted.\-brown::before {
  background-blend-mode: soft-light;
  filter: brightness(1.4) contrast(0.6) saturate(0.9);
}

.section.\-pattern.\-gold::before,
.section.\-pattern-inverted.\-gold::before {
  background-blend-mode: multiply;
  filter: sepia(0.25) brightness(1.5) contrast(1.9);
}

.section.\-pattern.\-black::before,
.section.\-pattern-inverted.\-black::before {
  background-blend-mode: screen;
  filter: brightness(1.5) contrast(0.65) saturate(0.7);
}

.section.\-pattern.\-light::before,
.section.\-pattern-inverted.\-light::before {
  background-blend-mode: multiply;
  filter: brightness(0.8) contrast(1.15) saturate(1.1);
}

/* ====== SURFACE MODIFIER ====== */
.section.\-surface {
  background-color: var(--color-surface);
  box-shadow: var(--shadow-sm);
  border-radius: var(--radius-md);
}

/* ====== BTN - Base Button ====== */
.btn, .btn-square, .btn-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-2) var(--space-4);
  font: inherit;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border: 2px solid currentColor;
  border-radius: 9999px;
  background: transparent;
}

.btn.interactive:hover, .interactive.btn-square:hover, .interactive.btn-cta:hover,
.btn.interactive:focus-visible,
.interactive.btn-square:focus-visible,
.interactive.btn-cta:focus-visible {
  filter: brightness(0.95);
}

/* ====== BTN-CTA - Call-to-Action Button ====== */
.btn-cta {
  background: var(--color-accent-1);
  color: var(--color-text-on-dark-bg);
  border-color: var(--color-accent-1);
}

/* ====== BTN-SQUARE - Square Button ====== */
.btn-square {
  border-radius: var(--radius-md);
}

/* ====== CARD - Base Card ====== */
.card {
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: var(--space-4);
}

/* ====== CARD-HEADER - Card Header ====== */
.card-header {
  font-family: var(--font-heading);
}

/* ====== CARD-BODY - Card Body ====== */
.card-body {
  font-family: var(--font-body);
}

.ww-form-group {
  margin-bottom: 2rem;
}

.ww-label {
  display: block;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #0d0d0d;
}

.ww-input,
.ww-textarea,
.ww-select {
  width: 100%;
  padding: 1rem;
  font-size: 1rem;
  font-family: "Lato", sans-serif;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  background-color: #ffffff;
  color: #0d0d0d;
  transition: border-color 250ms ease;
}
.ww-input:focus,
.ww-textarea:focus,
.ww-select:focus {
  outline: none;
  border-color: #133343;
  box-shadow: 0 0 0 3px rgba(19, 51, 67, 0.1);
}
.ww-input:disabled,
.ww-textarea:disabled,
.ww-select:disabled {
  background-color: #fffdf9;
  cursor: not-allowed;
}

.ww-textarea {
  resize: vertical;
  min-height: 100px;
}

.ww-form-help {
  font-size: 0.875rem;
  color: #666666;
  margin-top: 0.5rem;
}

.ww-form-error {
  color: #d9534f;
}

/* ====== NATIVE FORM CONTROLS ====== */
input,
textarea,
select {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  color: var(--color-text);
  padding-block: var(--space-2);
  padding-inline: var(--space-4);
  border-radius: var(--radius-md);
  transition: border-color var(--transition-normal), box-shadow var(--transition-normal);
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--color-accent-1);
  box-shadow: 0 0 0 2px rgba(220, 170, 46, 0.2);
  outline: none;
}

.ww-card {
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  border-radius: 6px;
  padding: 2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: all 250ms ease;
}
.ww-card:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.ww-card__header {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #e1e1e1;
}

.ww-card__title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #0d0d0d;
}

.ww-card__body {
  margin-bottom: 1.5rem;
}

.ww-card__footer {
  padding-top: 1.5rem;
  border-top: 1px solid #e1e1e1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* ====== MODAL BACKDROP ====== */
.modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, calc(0.6 * var(--backdrop-opacity)));
  backdrop-filter: blur(var(--background-blur));
}

/* ====== MODAL ====== */
.modal {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  padding: var(--space-8);
  box-shadow: var(--shadow-md);
  max-width: 600px;
  margin: auto;
}

/* ====== MEDIA - Image + Text Block ====== */
.media {
  display: grid;
  gap: var(--space-4);
}

@media (min-width: 48rem) {
  .media {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
}
/* ====== QUERY ITEM - List Item Container ====== */
.ww-user-query__item {
  display: flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-inline-start: solid var(--color-border) var(--line-thick);
  border-block-end: solid var(--color-border) var(--line-thin);
  border-radius: var(--radius-sm) 0 0 var(--radius-md);
  transition: var(--transition-normal);
}

.ww-user-query__item:hover {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  border-color: var(--color-text-muted);
}

.ww-user-query__item.is-awaiting-response {
  border-color: var(--color-accent-1) !important;
}

/* ====== GENERAL INFO - Title and Metadata ====== */
.ww-user-query__item .ww-user-query__general-info {
  width: 50%;
}

.ww-user-query__item .ww-user-query__general-info > .ww-user-query__row {
  color: var(--color-text-muted);
  font-size: 0.85em;
  letter-spacing: var(--letter-spacing-normal);
}

.ww-user-query__item .ww-user-query__general-info h3 {
  font-size: 1rem;
  font-weight: bold;
  margin-block-start: 8px;
}

.ww-user-query__item .ww-user-query__general-info .ww-user-query__alert .ww-badge-awaiting-response {
  color: var(--color-accent-3);
  font-weight: bold;
  font-size: 0.9em;
  letter-spacing: var(--letter-spacing-normal);
  margin-inline-start: var(--space-2);
}

/* ====== STATUS INFO - Status and Timestamp ====== */
.ww-user-query__item .ww-user-query__status-info {
  width: calc(50% - 150px);
  font-size: 0.9em;
  text-align: center;
}

.ww-user-query__item .ww-user-query__status-info .ww-user-query__status {
  font-weight: bold;
}

.ww-user-query__item .ww-user-query__status-info .ww-user-query__row:has(.relative-time) {
  margin-block-start: var(--space-1);
}

/* ====== ACTIONS - Call-to-Action Button ====== */
.ww-user-query__item .ww-user-query__actions {
  width: 150px;
  font-size: 0.9em;
  text-align: center;
}

.ww-user-query__item .ww-user-query__actions a {
  background: var(--color-accent-1);
  color: var(--color-text-on-dark-bg);
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-full);
  display: inline-block;
  text-decoration: none;
  transition: var(--transition-fast);
}

.ww-user-query__item .ww-user-query__actions a:hover {
  filter: brightness(0.95);
}

/* ====== LISTING PREVIEW BOX ====== */
.listing-preview-box {
  width: 100%;
  max-width: 300px;
}

.listing-preview-box .listing-preview {
  background: var(--color-surface);
  border: solid var(--color-border) var(--line-thin);
  border-radius: var(--radius-lg);
  padding: var(--space-3);
  box-shadow: var(--shadow-md);
  display: block;
  transition: var(--transition-normal);
}

.listing-preview-box .listing-preview:hover {
  box-shadow: var(--shadow-lg);
}

/* ====== LISTING IMAGE ====== */
.listing-preview-box .listing-preview img {
  height: 240px;
  width: 240px;
  border-radius: var(--radius-md);
  margin-block-end: 1em;
  object-fit: cover;
}

/* ====== LISTING INFO ====== */
.listing-preview-box .listing-preview .listing-id {
  color: var(--color-text-muted);
  font-size: 0.9em;
  margin-block-end: 0;
}

.listing-preview-box .listing-preview h3 {
  font-size: 1.1rem;
}

.listing-preview-box .listing-preview h3 + p {
  text-align: center;
}

/* ====== LISTING BUTTON ====== */
.listing-preview-box .listing-preview .listing-btn > a {
  background: var(--color-accent-2);
  color: var(--color-text-on-dark-bg);
  border-radius: var(--radius-md);
  padding: 1em 3em;
  display: block;
  transition: var(--transition-normal);
  text-decoration: none;
}

.listing-preview-box .listing-preview .listing-btn > a:hover {
  background: var(--color-accent-5);
  color: var(--color-text);
}

/* ====== SELLER INFO ====== */
.listing-preview-box .listing-preview .seller-info-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.listing-preview-box .listing-preview .seller-info-box .seller-type {
  font-weight: bold;
}

header .default-header,
.ww-header {
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(2px);
  color: #ffffff;
  width: 100%;
  margin-inline: 0;
  padding-inline: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.ww-header__container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ww-header__logo {
  font-size: 1.25rem;
  font-weight: 700;
  text-decoration: none;
  color: inherit;
}

.ww-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}

.ww-nav__link {
  color: inherit;
  text-decoration: none;
  transition: all 250ms ease;
}
.ww-nav__link:hover {
  filter: brightness(1.2);
}

/* --- ACCOUNT NAV --- */
/* --- BASE NAV --- */
header .default-header .main-nav {
  position: relative;
  padding: 10px 0;
  width: 100%;
  z-index: var(--z-dropdown);
}

header .default-header .main-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

header .default-header.main-menu > li {
  margin-bottom: 0;
}

header .default-header .main-menu a {
  transition: var(--transition-normal);
}

/* Top-level Items */
header .default-header .main-menu > .menu-item > a {
  color: var(--color-text-on-dark-bg);
  padding: var(--space-2) var(--space-2) !important;
  text-decoration: none;
  border: solid transparent var(--line-thin);
  border-radius: var(--radius-md);
  letter-spacing: var(--letter-spacing-relaxed);
  font-weight: 400;
  transition: var(--transition-normal);
}

header .default-header .main-menu > .menu-item > a:hover,
header .default-header .menu-item.has-mega:has(.mega-menu:hover) > a {
  color: var(--color-accent-1);
  filter: none !important;
}

/* --- MEGA MENU TRIGGER --- */
header .default-header .menu-item.has-mega {
  position: static;
}

header .default-header .menu-item.has-mega > a {
  position: relative;
}

header .default-header .menu-item.has-mega:hover > a,
header .default-header .menu-item.has-mega:has(.mega-menu:hover) > a {
  background: var(--color-bg) !important;
  border: solid var(--color-border) var(--line-thin);
  border-bottom: none !important;
  border-radius: var(--radius-md) var(--radius-md) 0 0;
  z-index: calc(var(--z-dropdown) + 1);
}

/* --- MEGA MENU PANEL --- */
header .default-header .mega-menu {
  opacity: 0;
  visibility: hidden;
  background: var(--color-bg);
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  padding: var(--space-3);
  margin-top: -15px;
  border: solid var(--color-border) var(--line-thin);
  border-radius: 0 var(--radius-lg) var(--radius-lg) var(--radius-lg);
  transition: opacity var(--transition-normal), visibility var(--transition-normal);
  box-shadow: 0 10px 8px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

header .default-header .menu-item.has-mega:hover .mega-menu {
  display: block;
  opacity: 1;
  visibility: visible;
}

/* Mega Menu > Inner Wrapper */
header .default-header .mega-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 var(--space-2);
}

header .default-header .mega-inner .mega-inner-content {
  display: flex;
  gap: var(--space-2);
  font-size: var(--font-size-sm);
}

header .default-header .mega-inner-content a {
  color: var(--color-text);
  padding: 6px 0;
  margin: 0;
}

header .default-header .mega-inner-content a:hover {
  color: var(--color-accent-1);
}

/* --- CTA MENU BAR --- */
header .default-header .cta-menu-bar a {
  background: var(--color-accent-2);
  color: var(--color-accent-2-text);
  font-size: 1.1rem;
  letter-spacing: var(--letter-spacing-relaxed);
  text-align: center;
  display: block;
  padding: var(--space-2) var(--space-2);
  margin-bottom: var(--space-3);
  border: solid var(--color-accent-2-text) var(--line-thin);
  border-radius: var(--radius-full);
  font-weight: bold;
  width: calc(100% - var(--space-4) * 2);
}

header .default-header .cta-menu-bar a:hover {
  background: var(--color-accent-1);
  color: var(--color-accent-1-text);
  border-color: var(--color-accent-1);
  text-decoration: none;
}

/* --- CATEGORIES GRID --- */
header .default-header .categories-container {
  display: flex;
  flex-basis: 80%;
  max-width: 700px;
  gap: var(--space-2);
}

header .default-header .category-section {
  min-width: 150px !important;
  max-width: 300px !important;
}

header .default-header .category-section .category-title,
header .default-header .info-container .info-title {
  color: var(--color-text);
  font-weight: 600;
  margin-bottom: 5px;
}

header .default-header .info-container .info-title p {
  color: var(--color-text);
  font-weight: 400;
}

header .default-header .category-section a {
  display: block;
}

header .default-header .category-section a.category-link {
  text-decoration: underline;
}

/* --- INFO BOX --- */
header .default-header .info-container {
  border-left: solid var(--color-border) var(--line-thin);
  padding-left: var(--space-3);
}

header .default-header .info-container p {
  margin: 0 0 var(--space-2);
}

header .default-header .info-container a {
  display: block;
}

header .default-header .info-links-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header .default-header .info-links-section .info-images {
  width: 160px;
}

header .default-header .info-links-section .info-images img {
  width: 120px;
  padding-bottom: 20px;
  box-sizing: content-box;
}

/* HEADER > MOBILE */
/* Site Logo and Open + Close Button */
header .default-header.-mobile .mobile-menu-module {
  background-image: url(/wp-content/uploads/2024/02/WW-Logo-Light-BG-Black-Yellow-Font.png) !important;
  background-attachment: local !important;
  background-repeat: no-repeat !important;
  background-position: center 60px !important;
  background-size: auto 45px !important;
}

header .default-header.-mobile .mobile-menu-module > ul {
  background: var(--background) !important;
  margin-top: 60px !important;
  padding-top: 40px !important;
  padding-bottom: 60px !important;
}

header .default-header.-mobile .module-menu a.menu-module-burger {
  background: var(--background) !important;
  border: solid transparent 1px !important;
  border-radius: var(--rounded) !important;
}

header .default-header.-mobile .module-menu a.menu-module-burger:hover {
  color: var(--highlight) !important;
  border-color: var(--secondary) !important;
}

header .default-header.-mobile .mobile-menu-module > a.menu-close {
  position: fixed !important;
  border: solid transparent 1px;
  border-radius: var(--rounded);
}

header .default-header.-mobile .mobile-menu-module > a.menu-close:hover {
  border-color: var(--default);
}

/* HEADER > MOBILE > CTA Buttons */
header .default-header.-mobile .mobile-menu-module > ul > .mobile-header-cta-link {
  margin-top: 20px !important;
}

header .default-header.-mobile .mobile-menu-module > ul > li.mobile-header-cta-link > a {
  background: var(--highlight) !important;
  color: var(--on-highlight) !important;
  text-align: center !important;
  padding: 12px 30px 12px 10px !important;
  border-radius: var(--rounded) !important;
}

header .default-header.-mobile .mobile-menu-module > ul > li.mobile-header-cta-link > a:hover {
  background: var(--highlight-low) !important;
  color: var(--on-highlight-low) !important;
}

/* Browse + Search Buttons */
header .default-header.-mobile .mobile-menu-module .buy-whisky-dropdown .browse-all-button a,
header .default-header.-mobile .mobile-menu-module .buy-whisky-dropdown .advanced-search-button a {
  letter-spacing: 0.02em !important;
  border-radius: var(--radius-md) !important;
  text-align: center !important;
  transition: var(--transition-normal) !important;
}

header .default-header.-mobile .mobile-menu-module .buy-whisky-dropdown .browse-all-button a {
  background: var(--color-accent-1) !important;
  color: var(--color-accent-1-text) !important;
  font-size: 0.95em !important;
  font-weight: 600 !important;
  padding: 12px 20px !important;
  margin: 8px 28px 8px 8px !important;
}

header .default-header.-mobile .mobile-menu-module .buy-whisky-dropdown .browse-all-button a:hover {
  background: var(--color-accent-1) !important;
  color: var(--color-accent-1-text) !important;
}

header .default-header.-mobile .mobile-menu-module .buy-whisky-dropdown .advanced-search-button a {
  background: var(--color-surface) !important;
  color: var(--color-text) !important;
  margin: 8px 34px 8px 14px !important;
}

header .default-header.-mobile .mobile-menu-module .buy-whisky-dropdown .advanced-search-button a:hover {
  background: var(--color-surface) !important;
  color: var(--color-muted) !important;
}

header .default-header.-mobile .mobile-menu-module .buy-whisky-dropdown .advanced-search-button a > em {
  padding-right: 10px !important;
}

/* HEADER > MOBILE > Main Navigation */
header .default-header.-mobile .mobile-menu-module > ul > li {
  border-top: solid transparent 1px !important;
}

header .default-header.-mobile .mobile-menu-module > ul > li > a {
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}

header .default-header.-mobile .mobile-menu-module > ul > li > a > em {
  font-size: 1.1em !important;
  padding: 0 15px 0 0 !important;
}

header .default-header.-mobile .mobile-menu-module > ul > li > a > i.toggle-menu {
  right: 0px !important;
}

header .default-header.-mobile .mobile-menu-module li > a > i.toggle-menu {
  height: 30px !important;
  width: 30px !important;
  border-radius: var(--rounded) !important;
}

header .default-header.-mobile .mobile-menu-module > ul > li.tb_menu_open {
  border-color: var(--line) !important;
}

header .default-header.-mobile .mobile-menu-module > ul > li.tb_menu_open > ul > li.tb_menu_open > a {
  font-weight: 600 !important;
}

header .default-header.-mobile .mobile-menu-module > ul > li > ul {
  padding-left: 33px !important;
}

header .default-header.-mobile .mobile-menu-module .current_page_item > a {
  color: var(--highlight) !important;
}

/* ====== SECTION-HERO - Hero Section ====== */
.section-hero {
  height: 80vh;
  min-height: 400px;
  --text-color: var(--color-text-on-dark-bg);
  --text-muted: rgba(255, 255, 255, 0.7);
  --button-text-color: var(--color-text-on-dark-bg);
}
.section-hero h1, .section-hero h2, .section-hero h3, .section-hero h4, .section-hero h5, .section-hero h6 {
  background: linear-gradient(90deg, var(--color-gradient-start), var(--color-gradient-end)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
}
.section-hero > div {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
/* ====== RESPONSIVE CONTENT WIDTHS ====== */
@media screen and (min-width: 1100px) {
  .section > .container,
  .ww-layout {
    width: 75% !important;
    min-width: 900px !important;
    max-width: 1280px !important;
    margin-inline: auto;
  }
}
@media screen and (max-width: 1100px) {
  .section > .container,
  .ww-layout {
    width: 88% !important;
    min-width: 800px !important;
    max-width: 1050px !important;
    margin-inline: auto;
  }
}
@media screen and (max-width: 850px) {
  .section > .container,
  .ww-layout {
    width: 94%;
    min-width: 580px;
    max-width: 800px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 600px) {
  .section > .container,
  .ww-layout {
    width: 98%;
    min-width: 300px;
    max-width: 580px;
    margin-inline: auto;
  }
}
.ww-sidebar {
  background-color: #F9F8F6;
  border-radius: 6px;
  padding: 2rem;
}

.ww-sidebar__section {
  margin-bottom: 2rem;
}
.ww-sidebar__section:last-child {
  margin-bottom: 0;
}

.ww-sidebar__title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: #0d0d0d;
}

.ww-sidebar__item {
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 3px;
  transition: all 250ms ease;
}
.ww-sidebar__item:hover {
  background-color: #e1e1e1;
}

/* ====== MAGAZINE TAXONOMY ====== */
body.magazineStyle .magazine-taxonomy {
  text-transform: uppercase;
  margin: 5px 0 10px;
}

body.magazineStyle .magazine-taxonomy a {
  color: var(--mag-secondary);
  transition: var(--transition-normal);
}

body.magazineStyle .magazine-taxonomy a:hover {
  color: var(--mag-secondary-hover);
  text-decoration: underline;
}

/* ====== MAGAZINE ARTICLE CARD ====== */
body.magazineStyle .magazine-title a,
body.magazineStyle .magazine-title h3 {
  color: var(--color-text) !important;
  text-decoration: none;
}

body.magazineStyle .magazine-excerpt {
  color: var(--color-text) !important;
  font-size: 1.05em;
  margin-block-start: 20px;
}

body.magazineStyle .magazine-details {
  color: var(--mag-on-background) !important;
}

body.magazineStyle .magazine-published-date {
  font-size: 0.8em;
}

body.magazineStyle .magazine-reading-time {
  font-size: 0.8em;
}

body.magazineStyle .magazine-author {
  font-size: 0.95em;
  margin-block-start: 15px;
}

body.magazineStyle .magazine-keep-reading {
  margin-block: 10px;
}

body.magazineStyle .magazine-keep-reading a {
  font-style: italic !important;
  font-size: 1.15em !important;
  color: var(--mag-secondary);
  text-decoration: none !important;
}

body.magazineStyle .magazine-keep-reading a:hover {
  color: var(--mag-primary);
}

/* ====== MAGAZINE POPULAR TOPICS ====== */
body.magazineStyle .magazine-popular-topics .module_subrow > .module_column {
  margin-block-end: 20px !important;
}

body.magazineStyle .magazine-popular-topics .module_subrow > .module_column > .module-icon {
  background: var(--mag-background);
  border-radius: var(--corner-rounded-large);
  margin-block-end: 5px;
}

body.magazineStyle .magazine-popular-topics .module_subrow > .module_column > .module-icon em {
  color: var(--mag-secondary);
  font-size: 4em;
  padding: 0.7em;
}

body.magazineStyle .magazine-popular-topics .module_subrow > .module_column .module-icon-item,
body.magazineStyle .magazine-popular-topics .module_subrow > .module_column .module-icon-item a {
  width: 100% !important;
}

body.magazineStyle .magazine-popular-topics .module_subrow > .module_column h4 {
  font-size: 1em;
}

body.magazineStyle .magazine-popular-topics .module_subrow > .module_column h4 a {
  text-transform: uppercase;
  letter-spacing: 2px;
}

body.magazineStyle .magazine-popular-topics .module_subrow > .module_column:hover a {
  border-block-end-color: var(--mag-primary) !important;
}

body.magazineStyle .magazine-popular-topics .module_subrow > .module_column:hover em {
  color: var(--mag-primary) !important;
}

/* ====== MAGAZINE SINGLE ARTICLE ====== */
body.magazineStyle .magazine-single-breadcrumb {
  text-transform: uppercase;
  padding: 0 10px;
  border-inline-start: solid var(--mag-secondary) 1px;
}

body.magazineStyle .magazine-single-breadcrumb:first-of-type {
  padding-inline-start: 0;
  border-inline-start: none;
}

body.magazineStyle .magazine-single-breadcrumb p {
  margin-block-end: 0;
}

body.magazineStyle .magazine-single-breadcrumb div {
  color: var(--mag-muted) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.magazineStyle .magazine-single-breadcrumb a {
  color: var(--color-accent-2);
  text-decoration: none !important;
}

body.magazineStyle .magazine-single-breadcrumb a:hover,
body.magazineStyle .magazine-single-breadcrumb span {
  color: var(--mag-secondary);
}

body.magazineStyle .module-post-content h2,
body.magazineStyle .module-post-content h3,
body.magazineStyle .module-post-content h4,
body.magazineStyle .module-post-content h5,
body.magazineStyle .module-post-content h6 {
  margin-block-start: 50px;
  font-weight: 400;
  line-height: 1.25;
}

body.magazineStyle .module-post-content img {
  border-radius: var(--corner-rounded-large);
}

/* ====== LOGIN / REGISTRATION / ACTIVATION ====== */
.activation-main img {
  text-align: center !important;
  padding: 50px 0 40px;
  margin: 50px 0 40px;
  display: inline-block !important;
}

.activation-body {
  height: 100vh;
}

.activation-main {
  text-align: center;
}

.activation-content {
  text-align: left;
  width: 27%;
  margin: auto;
  border: var(--line-thin) solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 50px;
}

.activation-content h2 {
  margin-block-start: 0;
}

.activation-content p {
  margin-block-start: 0;
}

.activation-content form input {
  border-radius: var(--radius-md);
  border-color: var(--color-border);
  width: 100%;
}

.activation-content form input:hover,
.activation-content form input:focus {
  border-color: var(--color-accent-1);
}

.activation-content form input[type=submit] {
  text-transform: capitalize;
  background: var(--color-accent-1);
  font-weight: bold;
  letter-spacing: 2px;
  width: 100%;
  transform: none;
  box-shadow: none;
  transition: var(--transition-normal);
  padding: 1em 3em;
}

.activation-content form input[type=submit]:hover,
.activation-content form input[type=submit]:focus {
  background: var(--color-accent-5);
}

/* ====== ACCOUNT PAGE - Main Layout ====== */
.account-page h1 {
  margin-block-end: 40px;
}

.account-info-label p,
.account-info-input p {
  font-size: 0.9em;
  margin-block-end: 5px;
}

.account-info-label p {
  color: var(--color-accent-2);
}

.account-info-input p {
  color: black;
}

.account-page .form-description p a:hover {
  font-style: italic !important;
}

/* ====== ACCOUNT SIDE MENU ====== */
.account-side-menu-column .account-side-menu-item a {
  color: var(--color-text);
  padding: 5px 0 5px 15px;
}

.account-side-menu-column .account-side-menu-item a:hover {
  color: var(--color-accent-1);
}

.account-side-menu-column .account-side-menu-item.current a {
  color: var(--color-text);
  font-weight: bold;
}

.account-side-menu-column .new-account-menu-section {
  padding-block-start: 10px;
  border-block-start: var(--line-thin) solid var(--color-border);
  margin-block-start: 10px;
}

.research-menu-item a {
  color: var(--color-accent-2);
}

/* ====== ACCOUNT SECTION - Default Sections ====== */
.account-section {
  margin-block-end: 30px;
}

.account-section .account-section-title {
  font-size: 1.4em;
  font-weight: bold;
  margin-block-end: 5px;
}

.account-section .account-section-title em {
  font-size: 1.1em;
  padding-inline-end: 0;
}

.account-section .account-section-title-small p {
  font-weight: bold;
  margin-block-end: 5px;
}

.account-section .account-section-edit-button {
  padding-block-start: 8px;
}

.account-section .account-section-edit-button span {
  padding-inline-start: 0;
  margin-inline-start: 0;
}

/* ====== ACCOUNT SECTION - Content Container ====== */
.account-section .account-section-div {
  border: var(--line-thin) solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 1.4em;
}

/* ====== DELETE ACCOUNT ====== */
.delete-account-button a {
  color: var(--color-accent-5) !important;
  font-size: 0.95em !important;
  padding: 0 !important;
  margin: 1em 0;
}

.delete-account-button a:hover {
  color: var(--color-danger) !important;
}

.delete-account-button em {
  font-size: 1.2em;
  padding-block-end: 2px;
}

/* ====== NOT LOGGED IN STATE ====== */
.account-page.not-logged-in {
  padding-block-start: 25vh;
  padding-block-end: 40vh;
}

/* ====== INFO PAGE - Main Content ====== */
.info-page h1,
.policy-page h1 {
  margin-block-end: 40px;
}

.info-page .module-text:has(h3),
.policy-page .module-text:has(h3) {
  margin: 30px 0;
}

#body .info-page.module_row:first-of-type {
  margin-block-end: 200px !important;
}

/* ====== INFO MENU - Desktop ====== */
.info-menu .menu-item a {
  padding: 8px 0 !important;
  margin: 0 !important;
}

.info-menu .current_page_item {
  font-weight: bold !important;
}

.info-menu .new-menu-section {
  border-block-start: var(--line-thin) solid var(--color-border) !important;
  margin-block-start: 8px !important;
  padding-block-start: 8px !important;
}

.info-menu .hide-item {
  display: none !important;
}

.info-menu li > a {
  color: var(--color-text);
  font-size: 0.8rem;
  padding-inline-start: 2px;
  transition: var(--transition-normal);
}

.info-menu li > a:hover {
  text-decoration: underline 1px;
}

/* ====== INFO MENU - Mobile Burger ====== */
.info-menu .module-menu-mobile-active {
  margin-block-end: 40px;
}

.info-menu .module-menu-mobile-active a.menu-module-burger::after {
  content: "Menu";
  font-size: 1.2em;
  padding: 0 0 0 5px;
  min-width: 50px;
}

.info-menu .module-menu-mobile-active a.menu-module-burger,
.info-menu .module-menu-mobile-active a.menu-module-burger::after {
  display: inline-block;
}

.info-menu .module-menu-mobile-active a.menu-module-burger {
  border: var(--line-thin) solid var(--color-border);
  border-radius: var(--radius-md);
  min-width: 80px !important;
  transition: var(--transition-normal);
}

.info-menu .module-menu-mobile-active a.menu-module-burger:hover {
  background: var(--color-bg);
  border-color: var(--color-accent-5);
  text-decoration: none;
}

.info-menu .module-menu-mobile-active a.menu-module-burger > span {
  height: 10px;
  width: 16px;
}

/* ====== MOBILE MENU MODULE - Menu List ====== */
.mobile-menu-module > ul {
  padding-block-end: 80px;
}

.mobile-menu-module .menu-item a {
  padding: 8px 20px !important;
  margin: 0 !important;
}

.mobile-menu-module .current_page_item {
  font-weight: bold !important;
}

.mobile-menu-module .new-menu-section {
  border-block-start: var(--line-thin) solid var(--color-border) !important;
  margin-block-start: 8px !important;
}

.mobile-menu-module .hide-item {
  display: none !important;
}

.mobile-menu-module li > a {
  color: var(--color-accent-2);
  font-size: 0.8rem;
  padding-inline-start: 2px;
}

.mobile-menu-module li > a:hover {
  color: var(--color-accent-1);
}

/* ====== MOBILE OVERLAY ====== */
.themify_builder .body-overlay.body-overlay-on {
  background-color: rgba(0, 0, 0, 0.67) !important;
}

/* ====== TAXONOMY PAGE HEADER ====== */
.dynamic-template-row.title-row {
  padding-block: 20px;
}

.dynamic-template-breadcrumbs a {
  font-size: 0.9em;
}

.dynamic-template-title {
  padding-block-start: 40px;
  padding-block-end: 50px;
}

.dynamic-template-title h1 + p {
  font-size: 1.2em;
}

.dynamic-template-row.title-row,
.dynamic-template-row.title-row a,
.dynamic-template-row.title-row h1 {
  color: white !important;
}

.dynamic-template-row .top-level-taxonomy-h2 {
  margin-block-end: 20px;
}

/* ====== TAXONOMY LIST VIEW ====== */
.dynamic-template-row .module-taxonomy.loops-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}

.dynamic-template-row .module-taxonomy.loops-wrapper a {
  background: var(--color-accent-4);
  color: var(--color-text);
  font-size: 0.9rem;
  font-weight: normal;
  padding-block: 0.5em;
  padding-inline: 2em;
  border-radius: var(--radius-md);
}

.dynamic-template-row .module-taxonomy.loops-wrapper a:hover {
  color: var(--color-accent-1);
  text-decoration: none;
}

.dynamic-template-row .module-taxonomy.loops-wrapper .post {
  width: calc(25% - 15px) !important;
  margin: 0px 15px 15px 0px;
}

.dynamic-template-row .module-taxonomy.loops-wrapper .post h3 {
  display: flex;
  margin: 0;
  text-align: center;
}

.dynamic-template-row .module-taxonomy.loops-wrapper .post a {
  flex-basis: 100% !important;
}

/* ====== DISTILLERY TEMPLATE ====== */
.dynamic-template-row.distillery-template .dynamic-template-taxonomy-list-view .module-taxonomy.loops-wrapper {
  display: flex;
}

/* ====== TYPE OF WHISKY TEMPLATE ====== */
.dynamic-template-row.category-template .dynamic-template-taxonomy-list-view .dynamic-template-taxonomy-overview {
  padding: 0;
}

/* ====== COUNTRY TEMPLATE ====== */
.dynamic-template-row.country-template .dynamic-template-taxonomy-list-view.country-template .dynamic-template-taxonomy-overview {
  padding: 0;
}

/* ====== CATEGORIES SECTION ====== */
.explore-wannawhisky .module-image img {
  border: solid var(--color-accent-1) var(--line-thin);
  border-radius: var(--radius-md);
}

.explore-wannawhisky .module-image h3.image-title {
  color: var(--color-text) !important;
  font-family: "Lato", sans-serif !important;
  font-weight: 400 !important;
  font-size: var(--font-size-md) !important;
  background: none !important;
  -webkit-text-fill-color: var(--color-text) !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
}

/*====== WHY USE WANNAWHISKY SECTION ====== */
.why-wannawhisky .icon-row img {
  height: 100%;
  max-height: 100px !important;
  width: auto;
  max-width: 100px !important;
  padding: var(--space-1);
  object-fit: contain !important;
  border-radius: 0 !important;
}

.why-wannawhisky .icon-row .module-feature-content h3 {
  color: var(--color-text-on-dark-bg) !important;
  -webkit-text-fill-color: var(--color-text-on-dark-bg) !important;
  font-size: var(--font-size-lg) !important;
}

.why-wannawhisky .icon-row .module-feature-content p {
  font-size: var(--font-size-sm) !important;
}

/* ====== MAGAZINE SECTION ====== */
.wannawhisky-magazine .home-magazine-posts article .magazine-article-preview {
  background: var(--color-bg) !important;
  border-radius: var(--radius-md);
}

.wannawhisky-magazine .magazine-column-as-button .magazine-article-preview-content-box {
  padding: var(--space-3);
}

.wannawhisky-magazine .magazine-column-as-button .magazine-article-preview-content-box img {
  border-radius: var(--radius-md) var(--radius-md) 0 0;
}

.wannawhisky-magazine .magazine-article-preview-content-box .magazine-title {
  font-size: 1.5rem !important;
  line-height: 1.4;
  height: 6.3rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.wannawhisky-magazine .magazine-article-preview-content-box .magazine-summary {
  font-size: var(--font-size-sm);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.wannawhisky-magazine .magazine-article-preview-content-box .magazine-details {
  color: var(--color-text-muted) !important;
}

/*

.wannawhisky-magazine .magazine-column-as-button a {
	color: var(--color-text) !important;
	font-weight: bold;
	letter-spacing: 1px;
}

.wannawhisky-magazine .magazine-column-as-button .module_subrow .magazine-title {
	font-size: 
}

.wannawhisky-magazine .magazine-column-as-button .module_subrow .module-post-content {
	color: var(--color-accent-1) !important;
	transition: var(--transition-normal) !important;
}

.wannawhisky-magazine .magazine-column-as-button .magazine-details {
	color: var(--color-accent-2) !important;
}

.magazine-summary-details

/* .magazine-column-as-button .magazine-title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
} 

.magazine-column-as-button:hover .magazine-title {
	white-space: wrap;
} */
/* .magazine-column-as-button article {
	max-height: 100px !important;
} */
/* ====== POPULAR BRANDS SECTION ====== */
.popular-brands .module-buttons a {
  margin-block: 0 !important;
}

/* ====== OFFER LAYOUT - Page Structure ====== */
body > #pagewrap:has(.ww-offer-layout) > header {
  border-block-end: solid var(--color-border) 1px;
}

.ww-offer-layout {
  padding: var(--space-4) 0 var(--space-8);
  margin-block-end: var(--space-8) !important;
  min-height: 95vh;
}

/* ====== OFFER LAYOUT BODY ====== */
.ww-offer-layout__body {
  display: flex;
  gap: var(--space-3);
}

/* ====== OFFER FORM - Image Wrapper ====== */
.ww-offer-layout .request-offer-flow-form .ginput_container .gfield-choice-image-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ww-offer-layout .request-offer-flow-form .ginput_container .gfield-choice-image-wrapper img {
  max-width: 100px !important;
  max-height: 100px !important;
}

/* ====== PAGE HEADER ====== */
.ww-offer-layout header .ww-page-header__id {
  font-weight: bold;
  margin-block-end: var(--space-1);
}

.ww-offer-layout header .ww-page-header__info-container {
  display: flex;
  gap: var(--space-3);
  font-size: 1.2em;
}

.ww-offer-layout header .ww-page-header__info-container > div {
  margin-block: var(--space-4) 0;
}

.ww-offer-layout header .ww-page-header__status {
  width: 65%;
}

.ww-offer-layout header .ww-page-header__expiry {
  text-align: center;
  width: 33%;
  max-width: 300px;
}

/* ====== INFO BAR ====== */
.ww-offer-layout .ww-info-bar {
  margin-block: var(--space-4);
  padding-inline: var(--space-2);
}

.ww-offer-layout .ww-info-bar__container {
  background: color-mix(in srgb, var(--color-bg), black 5%);
  border: solid var(--color-border) var(--line-thin);
  border-radius: var(--radius-lg);
  padding: 0 var(--space-2);
  display: flex;
  gap: var(--space-3);
}

.ww-offer-layout .ww-info-bar__container > .ww-info-bar__column {
  width: calc((100% - 2 * var(--space-3)) / 3);
  padding: var(--space-2) var(--space-3);
}

.ww-offer-layout .ww-info-bar h3 {
  font-size: 1.3rem;
}

.ww-offer-layout .ww-info-bar__content > div {
  display: flex;
  justify-content: space-between;
  font-size: 0.95em;
}

.ww-offer-layout .ww-info-bar__label {
  font-weight: bold;
}

/* ====== MAIN CONTENT ====== */
.ww-offer-layout__main {
  width: calc(67% - var(--space-3));
}

.ww-offer-layout__main .ww-main-content {
  background: var(--color-surface);
  border: solid var(--color-border) var(--line-thin);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
}

.ww-offer-layout__main .ww-main-content .ww-main-content__status-meta {
  font-size: 1.1em;
  border-block-end: solid var(--color-text-muted) var(--line-thin);
  padding-block-end: var(--space-3);
  margin-block: var(--space-3);
}

.ww-offer-layout__additional {
  margin-block-start: var(--space-3);
  padding-block-start: var(--space-3);
  display: none;
}

/* ====== SIDEBAR ====== */
.ww-offer-layout__sidebar {
  width: 33%;
  max-width: 300px;
  padding-block-start: var(--space-4);
}

.ww-offer-layout__sidebar h2 {
  margin-block-end: var(--space-2);
}

.ww-sidebar .ww-sidebar__section {
  margin-block-end: var(--space-3);
}

.ww-sidebar .ww-sidebar__section dl {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: var(--space-1);
  row-gap: var(--space-1);
  align-items: start;
}

.ww-sidebar .ww-sidebar__section dt {
  margin: 0;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}

.ww-sidebar .ww-sidebar__section dd {
  margin: 0;
  text-align: right;
  justify-self: end;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* ====== TRANSACTION LAYOUT - Page Structure ====== */
.ww-transaction-layout {
  padding: var(--space-4) 0 var(--space-8);
  margin-block-end: var(--space-8) !important;
  min-height: 95vh;
}

/* ====== TRANSACTION LAYOUT BODY ====== */
.ww-transaction-layout__body {
  display: flex;
  gap: var(--space-3);
}

/* ====== PAGE HEADER ====== */
.ww-transaction-layout header .ww-page-header__id {
  font-weight: bold;
  margin-block-end: var(--space-1);
}

.ww-transaction-layout header .ww-page-header__info-container {
  display: flex;
  gap: var(--space-3);
  font-size: 1.2em;
}

.ww-transaction-layout header .ww-page-header__info-container > div {
  margin-block: var(--space-4) 0;
}

.ww-transaction-layout header .ww-page-header__status {
  width: 65%;
}

.ww-transaction-layout header .ww-page-header__expiry {
  text-align: center;
  width: 33%;
  max-width: 300px;
}

/* ====== INFO BAR ====== */
.ww-transaction-layout .ww-info-bar {
  margin-block: var(--space-4);
  padding-inline: var(--space-2);
}

.ww-transaction-layout .ww-info-bar__container {
  background: color-mix(in srgb, var(--color-bg), black 5%);
  border: solid var(--color-border) var(--line-thin);
  border-radius: var(--radius-lg);
  padding: 0 var(--space-2);
  display: flex;
  gap: var(--space-3);
}

.ww-transaction-layout .ww-info-bar__container > .ww-info-bar__column {
  width: calc((100% - 2 * var(--space-3)) / 3);
  padding: var(--space-2) var(--space-3);
}

.ww-transaction-layout .ww-info-bar h3 {
  font-size: 1.3rem;
}

.ww-transaction-layout .ww-info-bar__content > div {
  display: flex;
  justify-content: space-between;
  font-size: 0.95em;
}

.ww-transaction-layout .ww-info-bar__label {
  font-weight: bold;
}

/* ====== MAIN CONTENT ====== */
.ww-transaction-layout__main {
  width: calc(67% - var(--space-3));
}

.ww-transaction-layout__main .ww-main-content {
  background: var(--color-surface);
  border: solid var(--color-border) var(--line-thin);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
}

.ww-transaction-layout__main .ww-main-content .ww-main-content__status-meta {
  font-size: 1.1em;
  border-block-end: solid var(--color-text-muted) var(--line-thin);
  padding-block-end: var(--space-3);
  margin-block: var(--space-3);
}

.ww-transaction-layout__additional {
  margin-block-start: var(--space-3);
  padding-block-start: var(--space-3);
  display: none;
}

/* ====== SIDEBAR ====== */
.ww-transaction-layout__sidebar {
  width: 33%;
  max-width: 300px;
  padding-block-start: var(--space-4);
}

.ww-transaction-layout__sidebar h2 {
  margin-block-end: var(--space-2);
}

.ww-sidebar .ww-sidebar__section {
  margin-block-end: var(--space-3);
}

.ww-sidebar .ww-sidebar__section dl {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: var(--space-1);
  row-gap: var(--space-1);
  align-items: start;
}

.ww-sidebar .ww-sidebar__section dt {
  margin: 0;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}

.ww-sidebar .ww-sidebar__section dd {
  margin: 0;
  text-align: right;
  justify-self: end;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* ====== PRODUCT DETAILS LAYOUT ====== */
.single-product-details-top-section.module_column {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
}

/* ====== WHISKY INFO SECTION ====== */
.whisky_info_row {
  border-block-start: solid #eee 1px;
  padding-block-start: 0.5em;
}

.whisky_info_label p {
  font-size: 0.9em;
  font-weight: bold;
  margin-block-end: 0.5em !important;
}

.whisky_info_input {
  font-size: 0.9em;
  margin-block-end: 0em !important;
}

.whisky_info_title h3 {
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 1px;
  padding-block-start: 1em;
}

/* ====== SECURITY COLUMN ====== */
.single-product-security-column {
  padding: 1em;
  margin-block: 15px;
  border: solid #dddddd 1px;
  border-radius: var(--radius-md2);
}

.single-product-security-column h5 {
  text-align: center;
}

.single-product-security-column:hover {
  border-color: var(--color-accent-1);
}

/* ====== GF GENERAL ====== */
.gform_wrapper .gform_heading {
  display: none;
}

.gform_wrapper form .gfield--type-html > hr {
  border-block-start: var(--line-thin) solid var(--color-border) !important;
  border-inline-end: none;
  border-block-end: none;
  border-inline-start: none;
  margin-block-start: 15px;
  padding-block-end: 10px;
}

.gform_wrapper form .gfield--type-html {
  color: var(--color-text-muted);
}

.gform_wrapper form .gfield--type-html p {
  font-size: 0.8rem;
}

.gform_wrapper form .gfield--type-html > div.divider {
  padding: var(--space-1);
}

/* ====== GF SECTION FIELDS ====== */
.gform_wrapper .gfield--type-section {
  border-block-start: var(--line-thin) solid var(--color-border);
  border-block-end: none;
  margin-block-start: 20px;
  padding-block-start: 20px;
  padding-block-end: 0;
}

.gform_wrapper .gfield--type-section p {
  font-size: 0.85rem !important;
}

.gform_wrapper .gfield--type-section.hide-top-border {
  border-block-start: none !important;
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
}

/* ====== GF STRUCTURE ====== */
.gform_wrapper .gform_page_footer {
  padding-block: 30px 60px;
}

/* ====== GF LABELS ====== */
.gfield > label.gfield_label,
.gfield > legend.gfield_label {
  color: var(--color-text) !important;
  font-size: 0.8rem !important;
  letter-spacing: var(--letter-spacing-normal);
}

.gfield .gchoice > label {
  color: var(--color-text) !important;
  font-size: 0.8rem !important;
}

/* ====== GF INPUTS ====== */
.gfield > .ginput_container > input,
.gfield > .ginput_container > textarea,
.gfield > .ginput_container > select,
.gfield > .ginput_container > .gchoice > input,
.gfield > .ginput_container > .ts-wrapper {
  background: var(--color-form-bg) !important;
  color: var(--color-form-text) !important;
  border: solid var(--color-border) var(--line-thin) !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}

.gfield > .ginput_container:has(span.unlock-btn) > input,
.gfield > .ginput_container:has(span.unlock-btn) > textarea,
.gfield > .ginput_container:has(span.unlock-btn) > select,
.gfield > .ginput_container:has(span.unlock-btn) > .gchoice > input,
.gfield > .ginput_container:has(span.unlock-btn) > .ts-wrapper {
  background: red !important;
}

.gfield > .ginput_container > input {
  padding-block: auto;
  padding-inline: 10px !important;
}

.gfield > .ginput_container > select:hover,
.gfield > .ginput_container > select:focus,
.gfield > .ginput_container .gchoice > input:hover,
.gfield > .ginput_container .gchoice > input:focus,
.gfield > .ginput_container > input:hover,
.gfield > .ginput_container > input:focus,
.gfield > .ginput_container > textarea:hover,
.gfield > .ginput_container > textarea:focus {
  border-color: var(--color-accent-5);
}

.gfield > .ginput_container > input {
  font-size: 0.8rem !important;
}

.gfield.hide-desc > .ginput_container .gfield_description {
  display: none;
}

/* ====== GF FIELD TYPES > NUMBER ====== */
.gfield.gfield--type-number.currency-before > .ginput_container input {
  position: relative;
  inset-inline-start: 20px;
}

.gfield.gfield--type-number.currency-before > .ginput_container input::before {
  content: "€";
  padding-inline-end: 5px;
  padding-inline-start: 0;
  display: inline-block;
}

/* ====== GF FIELD TYPES > SELECT / SELECT2 ====== */
.gfield > .ginput_container > select,
.gfield > .ginput_container .chosen-single {
  font-size: 0.8rem !important;
}

.gfield > .ginput_container > select > option.gf_placeholder {
  color: var(--color-accent-5) !important;
}

.gfield > .ginput_container .chosen-single {
  border: solid #ccc 1px !important;
  box-shadow: none;
}

.gfield > .ginput_container .chosen-single:hover {
  border-color: var(--color-accent-5) !important;
}

.gfield > .ginput_container .chosen-drop {
  border-block-start: none !important;
  border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
  margin-block-start: -5px;
  box-shadow: 0px 5px 15px var(--color-accent-5) !important;
}

.gfield > .ginput_container .chosen-drop ul.chosen-results > li.result-selected {
  box-shadow: inset 3px 0px var(--color-accent-1) !important;
}

.gfield > .ginput_container .chosen-drop ul.chosen-results > li.highlighted,
.gfield > .ginput_container .chosen-drop ul.chosen-results > li.result-selected {
  background: var(--color-accent-4) !important;
}

.gfield > .ginput_container .chosen-container-active {
  border-color: var(--color-accent-1) !important;
}

.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container .chosen-results li,
.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container .chosen-results li {
  color: var(--color-accent-2) !important;
}

.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container .chosen-results li.gf_placeholder,
.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container .chosen-results li.gf_placeholder {
  color: var(--color-text-muted) !important;
}

.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container-single.chosen-container-active .chosen-single,
.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single {
  --gf-local-border-color: var(--color-accent-1) !important;
  --gf-local-outline-color: var(--color-accent-1) !important;
}

/* ====== GF FIELD TYPES > CHECKBOX ====== */
.gfield > .ginput_container input[type=checkbox]::before {
  content: "";
  border: solid var(--color-accent-1) 7px;
  transform: none;
}

/* ====== GF FIELD TYPES > RADIO ====== */
.gfield > .ginput_container input[type=radio]::before {
  background-color: var(--color-accent-1);
  height: 1em;
  width: 1em;
}

/* ====== GF BUTTONS > SUBMIT ====== */
.gform_wrapper .gfield--type-submit > input[type=submit],
.gform_wrapper .gform_page_footer.gform-page-footer > input[type=submit].gform_button.button,
.gform_wrapper .gform-footer.gform_footer > input[type=submit].gform_button.button {
  background: var(--color-accent-2) !important;
  color: var(--color-accent-2-text) !important;
  padding-block: 18px;
  padding-inline: 30px !important;
  border-radius: var(--radius-full) !important;
  transform: none;
}

.gform_wrapper .gfield--type-submit > input[type=submit]:hover,
.gform_wrapper .gfield--type-submit > input[type=submit]:focus,
.gform_wrapper .gform_page_footer.gform-page-footer > input[type=submit].gform_button.button:hover,
.gform_wrapper .gform_page_footer.gform-page-footer > input[type=submit].gform_button.button:focus,
.gform_wrapper .gform-footer.gform_footer > input[type=submit]:hover,
.gform_wrapper .gform-footer.gform_footer > input[type=submit]:focus {
  background: var(--color-accent-5) !important;
  text-decoration: underline !important;
}

/* ====== GF BUTTONS > PREVIOUS ====== */
.gform_wrapper .gform_page_footer.gform-page-footer > input[type=button].gform_previous_button {
  background: var(--color-bg) !important;
  border: solid var(--color-accent-2) 1px !important;
  width: 120px;
}

.gform_wrapper .gform_page_footer.gform-page-footer > input[type=button].gform_previous_button:hover,
.gform_wrapper .gform_page_footer.gform-page-footer > input[type=button].gform_previous_button:focus {
  color: var(--color-accent-1);
  border-color: var(--color-accent-1) !important;
  text-decoration: underline !important;
}

/* ====== GF BUTTONS > NEXT ====== */
.gform_wrapper .gform_page_footer.gform-page-footer > input[type=button].gform_next_button {
  background: var(--color-accent-2) !important;
  width: 160px;
  margin-inline-end: calc(100% - 240px - 240px - 160px - 120px - 24px);
}

.gform_wrapper .gform_page_footer.gform-page-footer > input[type=button].gform_next_button:hover,
.gform_wrapper .gform_page_footer.gform-page-footer > input[type=button].gform_next_button:focus {
  background: var(--color-accent-1) !important;
  text-decoration: underline !important;
}

/* ====== GF BUTTONS > BACK TO LAST PAGE ====== */
.gform_wrapper .gform_page_footer.gform-page-footer > input[type=button].gform_last_page_button {
  background: var(--color-bg) !important;
  color: var(--muted-high);
  border-color: var(--color-text-muted);
  width: 240px;
}

.gform_wrapper .gform_page_footer.gform-page-footer > input[type=button].gform_last_page_button:hover,
.gform_wrapper .gform_page_footer.gform-page-footer > input[type=button].gform_last_page_button:focus {
  color: var(--color-accent-1) !important;
  border-color: var(--color-accent-1) !important;
  text-decoration: underline !important;
}

/* ====== GF BUTTONS > SAVE AND CONTINUE LATER ====== */
.gform_wrapper .gform_page_footer.gform-page-footer > input[type=submit].gform_save_link {
  background: var(--color-bg) !important;
  color: var(--color-text-muted);
  border-color: var(--color-accent-5);
  transform: none !important;
  width: 240px;
}

.gform_wrapper .gform_page_footer.gform-page-footer > input[type=submit].gform_save_link:hover,
.gform_wrapper .gform_page_footer.gform-page-footer > input[type=submit].gform_save_link:focus {
  color: var(--color-accent-1) !important;
  border-color: var(--color-accent-1) !important;
  text-decoration: underline !important;
}

.gform_wrapper .gform_page_footer.gform-page-footer > input[type=submit].gform_save_link::before {
  display: none;
}

/* ====== GF BUTTONS > FILE UPLOAD ====== */
.gform_wrapper .gfield--type-fileupload > .ginput_container > .gform_fileupload_multifile > .gpfup > .gpfup__droparea {
  border-color: var(--color-accent-5) !important;
}

.gform_wrapper .gfield--type-fileupload > .ginput_container > .gform_fileupload_multifile > .gpfup > .gpfup__droparea:hover {
  background: var(--color-accent-4);
  border-color: var(--color-accent-1) !important;
}

.gform_wrapper .gfield--type-fileupload > .ginput_container > .gform_fileupload_multifile > .gpfup > .gpfup__droparea span {
  color: var(--color-accent-5) !important;
  font-size: 0.8rem;
}

.gform_wrapper .gfield--type-fileupload > .ginput_container > .gform_fileupload_multifile > .gpfup > .gpfup__droparea > div > .gpfup__select-files-container > button {
  background: var(--color-accent-2) !important;
  font-size: 0.8rem;
  transform: none;
}

.gform_wrapper .gfield--type-fileupload > .ginput_container > .gform_fileupload_multifile > .gpfup > .gpfup__droparea > div > .gpfup__select-files-container > button:hover {
  background: var(--color-accent-1) !important;
}

/* ====== CREATE LISTING FORM > RESPONSIVE LAYOUT ====== */
/* Desktop View */
@media screen and (min-width: 1200px) {
  .create-listing-form form > .gform-body.gform_body .gform_page_fields {
    width: 80%;
    padding-inline-start: 10%;
  }
  .create-listing-form .gform_wrapper form .gfield > .gfield_label {
    align-content: flex-end;
    text-align: right;
    width: 29% !important;
    min-width: 160px !important;
  }
  .create-listing-form .gform_wrapper form .gfield > .ginput_container {
    width: 70% !important;
    max-width: calc(100% - 170px) !important;
  }
}
/* Tablet View (Landscape) */
@media screen and (max-width: 1200px) {
  .create-listing-form form > .gform-body.gform_body .gform_page_fields {
    width: 88%;
    padding-inline-start: 6%;
  }
  .create-listing-form .gform_wrapper form .gfield > .gfield_label {
    align-content: flex-end;
    text-align: right;
    width: 29% !important;
    min-width: 160px !important;
  }
  .create-listing-form .gform_wrapper form .gfield > .ginput_container {
    width: 70% !important;
    max-width: calc(100% - 170px) !important;
  }
}
/* Tablet View (Portrait) */
@media screen and (max-width: 900px) {
  .create-listing-form form > .gform-body.gform_body .gform_page_fields {
    width: 94%;
    padding-inline-start: 3%;
  }
  .create-listing-form .gform_wrapper form .gfield > .gfield_label {
    align-content: flex-end;
    text-align: right;
    width: 100% !important;
    min-width: 160px !important;
  }
  .create-listing-form .gform_wrapper form .gfield > .ginput_container {
    width: 100% !important;
    max-width: calc(100% - 10px) !important;
  }
}
/* Mobile View */
@media screen and (max-width: 600px) {
  .create-listing-form form > .gform-body.gform_body .gform_page_fields {
    width: 98%;
    padding-inline-start: 1%;
  }
  .create-listing-form .gform_wrapper form .gfield > .gfield_label {
    align-content: flex-end;
    text-align: right;
    width: 100% !important;
    min-width: 160px !important;
  }
  .create-listing-form .gform_wrapper form .gfield > .ginput_container {
    width: 100% !important;
    max-width: calc(100% - 10px) !important;
  }
}
/* ====== CREATE LISTING FORM > FIELD STYLES ====== */
.create-listing-form .gform_wrapper form .gfield--type-text > .gfield_label,
.create-listing-form .gform_wrapper form .gfield--type-number > .gfield_label,
.create-listing-form .gform_wrapper form .gfield--type-select > .gfield_label,
.create-listing-form .gform_wrapper form .gfield--type-fileupload > .gfield_label {
  padding-block-start: 8px;
}

.create-listing-form .gform_wrapper form .checkbox-flex-columns .ginput_container > .gfield_checkbox {
  flex-direction: row;
  flex-wrap: wrap;
}

.create-listing-form .gform_wrapper form .checkbox-flex-columns .ginput_container > .gfield_checkbox > .gchoice {
  flex-basis: 120px !important;
}

.create-listing-form .gform_wrapper form .p-label {
  width: 162px;
}

.create-listing-form .gform_wrapper form .p-label p {
  font-size: 0.8rem;
  text-align: right;
}

.create-listing-form .gform_wrapper form .p-label p.p-label {
  font-weight: bold;
}

.create-listing-form .gform_wrapper form #field_22_81 .gfield_description,
.create-listing-form .gform_wrapper form #field_22_82 .gfield_description,
.create-listing-form .gform_wrapper form #field_22_83 .gfield_description {
  display: none;
}

.create-listing-form .gform_wrapper form span.pre-selected-read-only-proof {
  font-weight: bold;
}

.create-listing-form .gfield.pre-selected-read-only-proof > .ginput_container input[type=checkbox]::before {
  border: solid var(--green) 10px !important;
}

/* ====== PAGE STEPS STYLING ====== */
.create-listing-form .gform_wrapper form .gf_page_steps {
  display: flex;
  gap: 0 !important;
  flex-grow: 2;
  border-block-end: var(--line-thin) solid var(--color-border);
}

.create-listing-form .gform_wrapper form .gf_step {
  flex: 25% !important;
  align-items: flex-end;
  gap: 0;
  padding-block-end: 5px;
  border-block-end: solid transparent 2px;
}

.create-listing-form .gform_wrapper form .gf_step.gf_step_active,
.create-listing-form .gform_wrapper form .gf_step.gpmpn-step-linked {
  border-block-end-color: var(--color-accent-1) !important;
}

.create-listing-form .gform_wrapper form .gf_step.gpmpn-step-linked a {
  align-items: flex-end;
  gap: 0 !important;
}

.create-listing-form .gform_wrapper form .gf_step.gpmpn-step-linked a:hover {
  text-decoration: none;
}

.create-listing-form .gform_wrapper form .gf_step_completed .gf_step_number::after {
  display: none;
}

/* Step Number */
.create-listing-form .gform_wrapper form .gf_page_steps .gf_step_number {
  background: none;
  color: black;
  font-size: 1.8em;
  font-weight: 400;
  border: none;
  align-items: flex-end;
}

.create-listing-form .gform_wrapper form .gf_page_steps .gf_step.gf_step_active .gf_step_number,
.create-listing-form .gform_wrapper form .gf_page_steps .gf_step.gpmpn-step-linked .gf_step_number {
  color: var(--color-accent-1);
}

/* Step Label */
.create-listing-form .gform_wrapper form .gf_page_steps .gf_step_label {
  font-size: 14px !important;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  padding-block-end: 6px;
}

.create-listing-form .gform_wrapper form .gf_page_steps .gf_step.gf_step_active .gf_step_label,
.create-listing-form .gform_wrapper form .gf_page_steps .gf_step.gpmpn-step-linked .gf_step_label {
  color: var(--color-accent-1);
}

/* ====== ADDITIONAL GF STYLES ====== */
.gform-body label {
  flex-direction: row !important;
}

.gform-theme--foundation .gform_fields {
  row-gap: var(--space-1) !important;
}

.gform-theme--foundation .gform-loader {
  block-size: 1em !important;
  inline-size: 1em !important;
}

/* Checkbox */
.ginput_container_checkbox input[type=checkbox]::before {
  transform: rotate(0deg) skewY(0deg) !important;
  margin: 0px !important;
}

.ginput_container_checkbox input[type=checkbox]:checked::before {
  background: var(--accent) !important;
  border: solid 1px var(--accent);
  border-radius: 1px;
  position: static !important;
  padding: 6px;
}

.gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
  content: "";
}

/* Change Styles */
.gform-body span,
.gform-body label,
.gform-body input,
.gform-body button,
.gform-body textarea,
.gform-body .gfield_description,
.gform-body select {
  font-size: 0.9em !important;
}

.gform-body label {
  color: var(--color-accent-2) !important;
  font-weight: bold !important;
  letter-spacing: 0.02em !important;
}

.gform-body input,
.gform-body textarea,
.gform-body select {
  border: var(--line-thin) solid var(--color-border) !important;
}

/* =============================================================================
 * ADVANCED SELECT FIELDS (Tom Select / gp-advanced-select)
 * =============================================================================
 * For styling advanced select fields with search and custom options.
 * Tom Select is used by GP Advanced Select plugin for complex dropdowns.
 */
/* ========== Container & Wrapper ========== */
.ts-wrapper {
  /* Root wrapper for Tom Select */
}

.ts-wrapper.single {
  /* Single-select Tom Select mode */
}

.ts-wrapper.multi {
  /* Multi-select Tom Select mode */
}

.ts-wrapper.focus {
  /* Tom Select has focus */
}

.ts-wrapper.disabled {
  /* Tom Select is disabled */
}

/* ========== Control (Main Input Area) ========== */
.ts-control {
  /* Main input container for Tom Select */
}

.ts-control input {
  /* Input field inside Tom Select control */
}

.ts-control > input {
  /* Direct input child (width needs special handling) */
}

/* ========== Items / Selections ========== */
.ts-control .item {
  /* Individual selected item (in multi-select) */
}

.ts-control .item.active {
  /* Currently active/selected item */
}

.ts-control .item-text {
  /* Text of a selected item */
}

/* ========== Dropdown Menu ========== */
.ts-dropdown {
  /* Dropdown menu container */
}

.ts-dropdown-content {
  /* Content wrapper inside dropdown */
}

/* ========== Options ========== */
.ts-dropdown .option {
  /* Individual option in dropdown list */
}

.ts-dropdown .option.selected {
  /* Currently selected option */
}

.ts-dropdown .option.active {
  /* Hovered/highlighted option */
}

.ts-dropdown .option.disabled {
  /* Disabled option */
}

/* ========== Optgroup (Option Groups) ========== */
.ts-dropdown .optgroup {
  /* Option group container */
}

.ts-dropdown .optgroup-header {
  /* Group header/label */
}

.ts-dropdown .optgroup.open {
  /* Open optgroup */
}

/* ========== Search Input in Dropdown ========== */
.ts-dropdown-input {
  /* Search input field in dropdown */
}

.ts-dropdown-input input {
  /* Input element for dropdown search */
}

/* ========== Clear Button ========== */
.ts-control .clear-button {
  /* Clear/reset button */
}

.plugin-clear_button .clear-button {
  /* Clear button when plugin is active */
}

.plugin-clear_button:hover .clear-button {
  /* Clear button on hover */
}

/* ========== Caret/Dropdown Arrow ========== */
.ts-control .caret {
  /* Dropdown arrow indicator */
}

.ts-control .caret-icon {
  /* Caret icon element */
}

/* ========== Images in Options ========== */
.gpadvs-image {
  /* Custom image in advanced select option */
}

.ts-dropdown .option .gpadvs-image {
  /* Image inside dropdown option */
}

/* ========== Placeholder ========== */
.ts-control .placeholder {
  /* Placeholder text color/styling */
}

/* ========== States ========== */
.ts-wrapper.has-items {
  /* When there are selected items */
}

.ts-wrapper.no-items {
  /* When no items are selected */
}

.ts-wrapper.open .ts-dropdown {
  /* Dropdown is visible */
}

.ts-wrapper:not(.disabled):hover {
  /* Hover state */
}

/* ========== Drag & Drop Support ========== */
.ts-wrapper.plugin-drag_drop.multi > .ts-control > div.ui-sortable-placeholder {
  /* Placeholder during drag operation */
}

.ts-wrapper.plugin-drag_drop .ui-sortable-helper {
  /* Item being dragged */
}

/* ========== Checkbox Options Plugin ========== */
.plugin-checkbox_options .option input {
  /* Checkbox in option (when plugin enabled) */
}

/* ========== Focus State ========== */
.ts-wrapper.focus .ts-control {
  /* Control when focused */
}

.ts-wrapper.focus.dropdown-active .ts-control {
  /* Control when focused and dropdown open */
}

/* =============================================================================
 * MULTISELECT / CHOSEN FIELDS (Gravity Forms Built-in)
 * =============================================================================
 * For styling Chosen.js multiselect and dropdown fields.
 */
/* ========== Container & Wrapper ========== */
.chosen-container {
  /* Root container for Chosen select */
}

.chosen-container.chosen-with-drop {
  /* Chosen container when dropdown is active */
}

.chosen-container.chosen-disabled {
  /* Chosen container when disabled */
}

.chosen-container-single {
  /* Single-select Chosen mode */
}

.chosen-container-single .chosen-single {
  /* Single select main control */
}

.chosen-container-multi {
  /* Multi-select Chosen mode */
}

.chosen-container-multi .chosen-choices {
  /* Container for selected items in multiselect */
}

/* ========== Selections / Choices ========== */
.chosen-choices li {
  /* Individual selected choice in multiselect */
}

.chosen-choices li.search-field {
  /* Search field in multiselect choices */
}

.chosen-choices li.search-field input {
  /* Input inside search field */
}

.chosen-choices .search-choice {
  /* Selected item in multiselect */
}

.chosen-choices .search-choice span {
  /* Text of selected choice */
}

.chosen-choices .search-choice .group-name {
  /* Group name of selected choice */
}

.chosen-choices .search-choice-close {
  /* Remove button for selected choice */
}

.chosen-choices .search-choice:hover {
  /* Hover state of choice */
}

.chosen-choices .search-choice.ui-sortable-placeholder {
  /* Placeholder during drag in multiselect */
}

/* ========== Single Select ========== */
.chosen-container-single .chosen-single span {
  /* Text display in single select */
}

.chosen-container-single .chosen-single-with-deselect {
  /* Single select with clear/deselect option */
}

.chosen-container-single .chosen-single abbr {
  /* Clear/deselect button (X) */
}

.chosen-container-single .chosen-single abbr:hover {
  /* Hover state of clear button */
}

.chosen-container-single .chosen-default {
  /* Default/placeholder text color */
}

.chosen-container-single .chosen-single div {
  /* Dropdown arrow container */
}

.chosen-container-single .chosen-single div b {
  /* Dropdown arrow (caret) */
}

/* ========== Dropdown Menu ========== */
.chosen-drop {
  /* Dropdown menu container */
}

.chosen-drop.chosen-with-drop {
  /* When dropdown is visible */
}

/* ========== Search Input in Dropdown ========== */
.chosen-search {
  /* Search box in dropdown */
}

.chosen-search input {
  /* Search input field */
}

/* ========== Dropdown Results/Options ========== */
.chosen-results {
  /* Results list in dropdown */
}

.chosen-results li {
  /* Individual option/result in dropdown */
}

.chosen-results li.group-result {
  /* Optgroup in dropdown */
}

.chosen-results li.group-option {
  /* Option inside optgroup */
}

.chosen-results li.active-result {
  /* Selectable option */
}

.chosen-results li.highlighted {
  /* Hovered/highlighted option */
}

.chosen-results li.result-selected {
  /* Already selected option in dropdown */
}

.chosen-results li.disabled-result {
  /* Disabled option */
}

.chosen-results li.no-results {
  /* When no search results found */
}

.chosen-results li.group-name {
  /* Optgroup name/header */
}

/* ========== Placeholder & Default ========== */
.chosen-container-single .chosen-placeholder {
  /* Placeholder state */
}

.chosen-container-multi .chosen-placeholder {
  /* Placeholder state in multiselect */
}

/* ========== Dropdown Header ========== */
.chosen-drop .dropdown-header {
  /* Optional header in dropdown */
}

.chosen-drop .dropdown-header-close {
  /* Close button in dropdown header */
}

/* ========== Focus States ========== */
.chosen-container-single.chosen-container-active .chosen-single {
  /* Single select when focused */
}

.chosen-container-multi.chosen-container-active .chosen-choices {
  /* Multiselect when focused */
}

.chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single {
  /* Single select focused with dropdown open */
}

/* ========== Disabled States ========== */
.chosen-container.chosen-disabled {
  /* Disabled Chosen container */
}

.chosen-container.chosen-disabled .chosen-single {
  /* Disabled single select */
}

.chosen-container.chosen-disabled .chosen-choices {
  /* Disabled multiselect */
}

.chosen-container.chosen-disabled .chosen-single abbr:hover {
  /* Disabled clear button hover (should not change) */
}

/* ========== Drag & Drop in Multiselect ========== */
.chosen-container-multi.sortable .chosen-choices {
  /* Multiselect with drag-and-drop enabled */
}

.chosen-choices li.ui-sortable-helper {
  /* Item being dragged */
}

.chosen-choices li.ui-sortable-placeholder {
  /* Placeholder during drag operation */
}

/* ========== Remove Button Styling ========== */
.chosen-container .search-choice-close {
  /* X button to remove choice */
}

.chosen-container .search-choice-close:hover {
  /* Hover state of remove button */
}

/* ========== Group Styles ========== */
.chosen-results li.group-option {
  /* Option inside a group */
}

.chosen-results li.group-option.highlighted {
  /* Highlighted option inside group */
}

/* =============================================================================
 * SHARED / FORM CONTEXT
 * =============================================================================
 * Use these for scoping to form containers
 */
/* Gfield wrapper context */
.gfield .ts-wrapper {
  /* Tom Select inside a Gravity Forms field */
}

.gfield .chosen-container {
  /* Chosen inside a Gravity Forms field */
}

/* Unlock button context (when field is locked) */
.gfield > .ginput_container:has(span.unlock-btn) .ts-wrapper {
  /* Tom Select in unlocked field state */
}

.gfield > .ginput_container:has(span.unlock-btn) .chosen-container {
  /* Chosen in unlocked field state */
}

/* Create listing form context */
.create-listing-form .ts-wrapper {
  /* Tom Select in listing creation form */
}

.create-listing-form .chosen-container {
  /* Chosen in listing creation form */
}

/* ====== ADVANCED POSTS MODULE - WHISKY ARCHIVE ====== */
.ap-row-single-whisky {
  position: relative;
}

.ap-row-single-whisky .ap-featured-image img {
  border-radius: var(--radius-md);
  margin-block-end: 8px;
}

.ap-row-single-whisky .ap-distillery {
  font-size: 0.9em;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.ap-row-single-whisky .ap-title {
  transition: var(--transition-normal);
}

.ap-row-single-whisky .ap-title h3 {
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-block-end: 3px;
}

.ap-row-single-whisky .ap-title h3:hover {
  white-space: normal;
  overflow: visible;
}

.ap-row-single-whisky:hover .ap-title {
  text-decoration: underline;
}

.ap-row-single-whisky:hover .details-box .module-text {
  color: var(--color-accent-2) !important;
}

.ap-row-single-whisky:hover .price-location-box .ap-shipping-from em {
  color: var(--color-accent-2) !important;
}

/* ====== WHISKY INFO (VOLUME, ABV) ====== */
.ap-row-single-whisky .ap-volume,
.ap-row-single-whisky .ap-abv {
  font-size: 0.9em !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--color-text-muted);
}

.ap-row-single-whisky .ap-abv {
  border-inline-start: var(--line-thin) solid var(--color-border);
  padding-inline-start: 8px;
  margin-inline-start: 8px;
}

/* ====== PRICE & LOCATION BOX ====== */
.ap-row-single-whisky .price-location-box {
  margin-block-start: 5px;
}

.ap-row-single-whisky .ap-price {
  font-size: 1.15em;
  font-weight: bold;
  padding-block-end: 5px;
}

.ap-row-single-whisky .ap-price > div > span {
  font-size: 0.8em;
  font-weight: normal !important;
  color: var(--color-text-muted);
}

.ap-row-single-whisky .ap-shipping-from em {
  font-size: 1rem !important;
  color: var(--color-text-muted);
  padding: 0 !important;
}

.ap-row-single-whisky .ap-shipping-from span {
  font-size: 1.2em !important;
  font-weight: bold;
}

/* Edge-specific styling for flags */
@supports (-ms-ime-align: auto) {
  .ap-row-single-whisky .ap-shipping-from {
    width: 12px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
}
/* ====== ACCORDION MODULE ====== */
.module-accordion a {
  transition: var(--transition-normal) !important;
}

.module-accordion li:last-of-type {
  border-block-end: var(--line-thin) solid var(--color-border) !important;
}

.module-accordion li > div.accordion-title {
  font-size: 1.1em;
  font-weight: 400;
  padding-block: 10px;
  padding-inline: 0;
  border-block-start: var(--line-thin) solid var(--color-border);
  cursor: pointer;
}

.module-accordion li:hover div.accordion-title {
  color: var(--color-accent-1) !important;
}

.module-accordion li a > i {
  position: absolute;
  inset-inline-end: 0;
}

.module-accordion li > .accordion-content {
  font-size: 0.95em;
  padding-inline-start: 0;
}

/* ====== TABS MODULE ====== */
.tab-row .module-tab ul.tab-nav {
  display: flex;
  border: solid var(--color-accent-2) 1px;
  border-radius: var(--radius-lg);
  width: 100%;
}

.tab-row .module-tab ul.tab-nav > li {
  text-align: center;
  font-size: 1.1em;
  font-weight: 600;
}

.tab-row .onboarding-tabs ul.tab-nav > li {
  flex-basis: 50%;
}

.tab-row .module-tab ul.tab-nav > li > a {
  padding: 15px !important;
  width: calc(100% - 37px);
  margin: var(--radius-md);
  border-radius: var(--radius-md);
}

.tab-row .module-tab ul.tab-nav > li > a:hover {
  background: var(--color-surface);
}

.tab-row .module-tab ul.tab-nav > li.current {
  border-block-end: none !important;
}

.tab-row .module-tab ul.tab-nav > li.current > a {
  background: var(--color-accent-2) !important;
  color: var(--color-accent-2-text) !important;
}

.tab-row .module-tab .tab-content {
  padding-block: 40px;
  padding-inline: 5%;
  border-block-end: var(--line-thin) solid var(--color-border);
}

.tab-row .tab-content ul {
  list-style: square !important;
  margin-block: 0;
  margin-inline: 0 0 0 1.6em !important;
}

.tab-row .tab-content ul > li {
  margin-block-end: 0.33em;
}

/* ====== FEATURE MODULE ====== */
.module-feature em {
  color: var(--color-accent-1);
  font-size: 4em !important;
}

/* ====== COLUMN MODULES ====== */
/* Feature Column */
.module_column.feature-column > div {
  border-radius: var(--radius-md);
  padding-block: 0;
  padding-inline: 20px;
}

/* Button Column */
.module_column.button-column > div {
  border: solid var(--color-border) 1px;
  border-radius: var(--radius-md);
  transition: var(--transition-normal);
}

.module_column.button-column > div:hover {
  box-shadow: var(--shadow-md);
}

/* Counter Column */
.module_column.counter-column .module-counter span {
  font-size: 3rem;
  font-weight: 600;
}

.module_column.counter-column .module-counter .counter-text {
  margin-block-start: -20px;
}

/* Icon Column */
.module_column.icon-column .module-icon-item em {
  color: var(--color-success);
  font-size: 4em !important;
  padding: 10px !important;
}

/* ====== BUTTONS MODULE ====== */
.module-buttons a, .section-hero #hero-primary-button, .section-hero #hero-secondary-button {
  font-size: var(--font-size-md) !important;
  letter-spacing: var(--letter-spacing-relaxed) !important;
  padding-block: var(--space-2) !important;
  padding-inline: var(--space-4) !important;
  margin-block-start: var(--space-1) !important;
  border: solid transparent var(--line-thin) !important;
  transition: filter var(--transition-normal) !important;
}

.module-buttons.solid a, .section-hero #hero-primary-button {
  background: var(--color-accent-1) !important;
  color: var(--color-text-on-dark-bg) !important;
  border-color: var(--color-accent-1) !important;
  border-radius: var(--radius-full) !important;
}

.module-buttons.outline a,
.module-buttons.solid a.transparent, .section-hero #hero-secondary-button {
  background: transparent !important;
  color: var(--button-text-color, var(--color-text)) !important;
  border-color: var(--button-text-color, var(--color-text)) !important;
  border-radius: var(--radius-full) !important;
}

.module-buttons.squared a {
  background: var(--color-accent-2) !important;
  color: var(--color-text-on-dark-bg) !important;
  border-color: var(--color-accent-2) !important;
  border-radius: var(--radius-sm) !important;
}

.module-buttons a:hover {
  filter: brightness(0.9) !important;
}

@media (max-width: 800px) {
  .module-buttons.outline a {
    width: calc(100% - 55px) !important;
    justify-content: center !important;
  }
}
/* ====== PAGE BUILDER FLOW (FALLBACK) ====== */
body > #pagewrap > #body main > .type-page > .page-content > div > .module_row > .row_inner > .module_column,
body > #pagewrap > #body main > div > .module_row > .row_inner > .module_column,
body > #pagewrap > #body > .ww-layout .section .stack {
  display: flex !important;
  flex-direction: column;
  gap: var(--space-section-gap);
}

/* ====== PAGE BUILDER CONTAINERS (FALLBACK) ====== */
@media screen and (min-width: 1100px) {
  body > #pagewrap > #body main > .type-page > .page-content > div > .module_row > .row_inner,
  body > #pagewrap > #body main > div > .module_row > .row_inner,
  body > #pagewrap > #body > .ww-layout .section {
    width: 75% !important;
    min-width: 900px !important;
    max-width: 1280px !important;
    margin-inline: auto;
  }
}
@media screen and (max-width: 1100px) {
  body > #pagewrap > #body main > .type-page > .page-content > div > .module_row > .row_inner,
  body > #pagewrap > #body main > div > .module_row > .row_inner,
  body > #pagewrap > #body > .ww-layout .section {
    width: 88% !important;
    min-width: 800px !important;
    max-width: 1050px !important;
    margin-inline: auto;
  }
}
@media screen and (max-width: 850px) {
  body > #pagewrap > #body main > .type-page > .page-content > div > .module_row > .row_inner,
  body > #pagewrap > #body main > div > .module_row > .row_inner,
  body > #pagewrap > #body > .ww-layout .section {
    width: 94% !important;
    min-width: 580px !important;
    max-width: 800px !important;
    margin-inline: auto;
  }
}
@media screen and (max-width: 600px) {
  body > #pagewrap > #body main > .type-page > .page-content > div > .module_row > .row_inner,
  body > #pagewrap > #body main > div > .module_row > .row_inner,
  body > #pagewrap > #body > .ww-layout .section {
    width: 100% !important;
    min-width: 300px !important;
    max-width: 580px !important;
    margin-inline: 10px !important;
  }
}
/* ====== SPACING OVERRIDES ====== */
.m-b-0 {
  margin-block-end: 0 !important;
}

.m-t-0 {
  margin-block-start: 0 !important;
}

/* ====== BORDER UTILITIES ====== */
.line-above {
  border-block-start: solid var(--color-border) 1px;
  padding-block-start: 20px;
}

/* ====== IMAGES & VIDEOS ====== */
.default-image img {
  border-radius: var(--radius-md);
}

.rounded-image img {
  border-radius: var(--radius-md);
}

.default-video video {
  border-radius: var(--radius-lg);
}

/* ====== LISTS ====== */
.has-ul ul {
  list-style: square !important;
  margin-block: 0 !important;
  margin-inline: 0 0 0 1.6em !important;
}

/* ====== DARK THEME - System Preference ====== */
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: color-mix(in srgb, var(--color-accent-2), var(--color-darken));
    --color-surface: color-mix(in srgb, var(--color-accent-2), var(--color-lighten));
    --color-text: var(--color-accent-2-text);
    --color-text-muted: #b3b3b3;
    --color-border: #555555;
    /* Optional shadows tuned for dark UI */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 2px 4px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.5);
  }
  main .inverted.module_row {
    background: black !important;
  }
}
/* ====== THEME OVERRIDE - Explicit Light/Dark ====== */
[data-theme=light] {
  --color-bg: #FBF5E9;
  --color-surface: #fffdf9;
  --color-text: #0d0d0d;
  --color-text-muted: #666666;
  --color-border: #e1e1e1;
}

[data-theme=dark] {
  --color-bg: color-mix(in srgb, var(--color-accent-2), var(--color-darken));
  --color-surface: color-mix(in srgb, var(--color-bg), var(--color-lighten));
  --color-text: var(--color-accent-2-text);
  --color-text-muted: #b3b3b3;
  --color-border: #2a2a2a;
}

/* ====== HIGH CONTRAST MODE ====== */
@media (prefers-contrast: more) {
  :root {
    --color-bg: #ffffff;
    --color-surface: #ffffff;
    --color-text: #000000;
    --color-text-muted: #000000;
    --color-accent-1: #0000ff;
    --color-accent-1-hover: #0000aa;
    --color-border: #000000;
    /* Avoid subtle shadows in high-contrast mode */
    --shadow-sm: none;
    --shadow-md: none;
    --shadow-lg: none;
  }
}
/* ====== FORCED COLORS MODE - Windows High Contrast ====== */
@media (forced-colors: active) {
  :root {
    --color-bg: Canvas;
    --color-text: CanvasText;
    --color-accent-1: Highlight;
    --color-accent-1-hover: HighlightText;
    --color-border: CanvasText;
    --shadow-sm: none;
    --shadow-md: none;
    --shadow-lg: none;
  }
  /* Ensure outlines are visible */
  *:focus {
    outline: 2px solid Highlight !important;
  }
}
/* ====== REDUCED MOTION ====== */
@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast: 0ms linear;
    --transition-normal: 0ms linear;
    --transition-slow: 0ms linear;
    /* Optionally reduce parallax or large movement scales */
    --motion-scale: 0;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0ms !important;
    scroll-behavior: auto !important;
  }
}
/* ====== REDUCED TRANSPARENCY ====== */
@media (prefers-reduced-transparency: reduce) {
  :root {
    --backdrop-opacity: 1;
    --background-blur: 0;
  }
}
/*# sourceMappingURL=main.css.map */