/** Shopify CDN: Minification failed

Line 25:0 All "@import" rules must come first

**/
/* 
  TWELVE-INCH GLOBAL DESIGN SYSTEM 
  Sprint 1: Colors & Typography
*/

/* 1. DESIGN TOKENS (CSS Variables) */
:root {
  --color-primary: #F2E7D6;   /* SAND */
  --color-accent: #E96950;    /* PEACH */
  --color-section-bg: #F6D3C9; /* Backgrounds / Product images */
  --color-text-main: #000000;  /* BLACK */
  --color-white: #FFFFFF;
  
  --font-heading: 'Source Sans Pro', sans-serif;
  --font-body: 'Source Sans Pro', sans-serif;
}

/* 2. TYPOGRAPHY SETUP */
/* Vi importerer Source Sans Pro fra Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');

body, p, span, li, a {
  font-family: var(--font-body) !important;
  color: var(--color-text-main);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading) !important;
  color: var(--color-text-main);
  /*text-transform: uppercase; Giver et mere eksklusivt boutique-look */
  letter-spacing: 1px;
}

/* 3. GLOBAL COLOR OVERRIDES */

/* 1. HEADER BACKGROUND */
.header-wrapper, .header {
  background-color: var(--color-primary) !important;
}

/* 2. ANNOUNCEMENT BAR - ABSOLUTE BLACK FIX */
/* Vi rammer alt fra sektions-id til inderste span for at fjerne grå kanter */
#shopify-section-announcement-bar,
.announcement-bar, 
.announcement-bar-section,
.announcement-bar__content, 
.announcement-bar__container,
.announcement-bar__text,
.announcement-bar p,
.announcement-bar a,
.announcement-bar span {
  background-color: #000000 !important; 
  background: #000000 !important;
  color: #FFFFFF !important;
  border: none !important;
}



/* Ensure Logo is visible */
.header__heading-link {
  display: block !important;
}


/* Primary Buttons (The Conversion Driver) */
.button--primary, .shopify-payment-button__button {
  background-color: var(--color-accent) !important;
  color: var(--color-white) !important;
  border: none !important;
  /*font-weight: 600 !important;*/
  transition: opacity 0.3s ease;
}


/* THE NUCLEAR OPTION FOR PEACH BUTTONS */
:root {
  --color-button: #E96950 !important;
  --color-button-text: #FFFFFF !important;
}

/* Vi målretter alle tænkelige knap-klasser i Dawn
.button, 
.button--primary, 
.button--secondary,
.shopify-payment-button__button, 
.customer-button,
.cart__payment-button,
.product-form__submit,
[name="submit"],
.btn {
  background-color: #E96950  !important;
  color: #FFFFFF !important;
  border-color: #E96950 !important;
  box-shadow: none !important;
  opacity: 1 !important;
} */

.button--secondary, .blog__button {
	background-color: transparent;
	color: #000000;
	border-color: #000000;
	}

.button:hover, 
.button--primary:hover, 
.shopify-payment-button__button:hover,
.product-form__submit:hover {
  background-color: #e65c5c !important; 
  border-color: #e65c5c !important;
  color: #FFFFFF !important;
}


/* Header & Navigation */
.header {
  background-color: var(--color-white);
}

.announcement-bar__message {
	text-transform: uppercase;
}

.header__menu-item {
  color: var(--color-text-main) !important;
}

/* Section Backgrounds */
.section-bg-custom {
  background-color: var(--color-section-bg) !important;
}

/* Footer */
.footer {
  background-color: var(--color-primary) !important;
  color: var(--color-text-main) !important;
}

.footer__column-unstyled {
  color: var(--color-text-main) !important;
}