/** Shopify CDN: Minification failed

Line 7:30 Unexpected bad string token
Line 7:55 Unterminated string token

**/
Homepage Draft for Alfalab Men's Skincare Brand - Manus
Jeg har fjernet lidt fra global css filen, som du gerne lige må sørge for er væk. 
Jeg har fjernet de steder hvor vi forcer specifikke farver til baggrunde og fonts, i stedet for at bruge Shopifys color schemes. 
Så f.eks. menu items har jeg fjernet farve fra, så de ikke er tvunget sorte. Giv mig lige en opdateret css fil hvor der er taget højde for det
Send gerne den opdaterede CSS-fil du har arbejdet med, så jeg kan se præcis hvad du har fjernet og sørge for at den rensede version er korrekt.
Shopify Theme Section Development Workflow


pasted_content_3.txt
Text · 10.13 KB
Her 
Læser din opdaterede CSS...
Shopify Theme Section Development Workflow


Her er den opdaterede alfalab-global.css — præcis som du har redigeret den.
Hvad der er bevaret fra din version:
Typografi (Archivo font, CSS-variabler)
Announcement bar (sort baggrund, hvid tekst)
Header baggrund og border — men ingen tvungne farver på nav-links (de bruger nu Shopifys color scheme)
Kurv-knap (sort boks, hvid tekst, hvid boble)
LOG IND link styling
Globale knapper, inputs, border-radius nulstilling
Section spacing, priser, scrollbar
Upload den i Assets-mappen og erstat den eksisterende.
alfalab-global.css
Code · 10.13 KB
View all files in this task
I uploaded the cleaned CSS, confirming removal of forced link colors to match Shopify schemes. Next, I will replace the existing file in assets to finalize updates.

Task completed
How was this result?
Suggested follow-ups


GmailGoogle Drive


/*
  Alfalab Copenhagen — Global CSS Overrides for Shopify Horizon Theme
  
  Upload til: Shopify Admin → Online Store → Themes → Edit code → Assets
  Tilføj derefter i layout/theme.liquid lige FØR </head>:
  {{ 'alfalab-global.css' | asset_url | stylesheet_tag }}
*/

/* ─── Typography ─────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,700;1,800&display=swap');

:root {
  --font-heading-family: 'Archivo', sans-serif;
  --font-body-family: 'Archivo', sans-serif;
  --font-heading-weight: 800;
  --font-body-weight: 400;
}

*,
body,
p, span, a, li, td, th, input, textarea, select, button {
  font-family: 'Archivo', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Archivo', sans-serif !important;
  letter-spacing: -0.04em;
  font-weight: 800;
}

/* ─── Announcement Bar ───────────────────────────────────────── */
.announcement-bar,
.announcement-bar__wrap,
.shopify-section-group-header-group .announcement-bar {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border-bottom: none !important;
}

.announcement-bar__message,
.announcement-bar p,
.announcement-bar a,
.announcement-bar span {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  font-family: 'Archivo', sans-serif !important;
}

/* ─── Header / Navigation ────────────────────────────────────── */
.header-wrapper,
.header,
.header__inner {
  border-bottom: 1px solid #e6e6e6 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

/* Logo size */
.header__heading-logo,
.header__heading img,
.header .logo img,
.header__logo img {
  height: 52px !important;
  max-height: 52px !important;
  width: auto !important;
  max-width: none !important;
}

/* ── Nav links: uppercase, spaced, Archivo ── */
.header__menu-item,
.header__menu-item > a,
.header__menu-item > span,
.list-menu__item,
.list-menu__item--link,
.header__active-menu-item,
nav a,
.header nav a {
  font-family: 'Archivo', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.header__menu-item:hover > a,
.list-menu__item--link:hover {
  opacity: 0.55;
}

/* ── Cart button: KURV-knap (CSS-only, Horizon "Tekst"-stil) ────
   Forudsætter: Header → Hjælpefunktioner → Menustil → "Tekst"
   Horizon tilføjer automatisk klassen .header-actions__cart-icon--text
   på cart-icon elementet når denne indstilling er aktiv.
   ─────────────────────────────────────────────────────────────── */

@media screen and (min-width: 750px) {

  /* Sort knap-boks — både med og uden --text modifier */
  .header-actions__cart-icon--text,
  cart-icon.header-actions__cart-icon--text,
  .header-actions cart-icon {
    background-color: #1a1a1a !important;
    border-radius: 0 !important;
    padding: 8px 16px !important;
    transition: background-color 0.2s ease !important;
    gap: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  .header-actions__cart-icon--text:hover,
  .header-actions cart-icon:hover {
    background-color: #383838 !important;
  }

  /* Alle tekst-spans inde i kurv-knappen: hvid farve */
  .header-actions__cart-icon--text span,
  .header-actions cart-icon span {
    color: #ffffff !important;
    font-family: 'Archivo', sans-serif !important;
  }

  /* Tekst-span: "Kurv" (første span = label) */
  .header-actions__cart-icon--text > span:first-child,
  .header-actions cart-icon > a > span:first-child {
    font-weight: 700 !important;
    font-size: 11px !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  /* Fjern donut-mask (påvirker baggrunden selvom SVG er skjult) */
  .header-actions__cart-icon--text svg,
  .header-actions cart-icon svg {
    mask: none !important;
    -webkit-mask: none !important;
    display: none !important;
  }

  /* Cart-bubble: lille hvid cirkel med sort tal */
  .header-actions__cart-icon--text .cart-bubble,
  .header-actions cart-icon .cart-bubble {
    position: relative !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    aspect-ratio: 1 !important;
    background-color: #ffffff !important;
  }

  .header-actions__cart-icon--text .cart-bubble__background,
  .header-actions cart-icon .cart-bubble__background {
    background-color: #ffffff !important;
    border-radius: 50% !important;
    position: absolute !important;
    inset: 0 !important;
  }

  .header-actions__cart-icon--text .cart-bubble__text,
  .header-actions cart-icon .cart-bubble__text {
    color: #1a1a1a !important;
    font-weight: 900 !important;
    font-size: 10px !important;
    position: relative !important;
    z-index: 1 !important;
    line-height: 1 !important;
  }

  /* Vis altid cart-boblen (selv når kurven er tom = visually-hidden) */
  .header-actions__cart-icon--text .cart-bubble,
  .header-actions__cart-icon--text .cart-bubble.visually-hidden,
  .header-actions cart-icon .cart-bubble,
  .header-actions cart-icon .cart-bubble.visually-hidden {
    overflow: visible !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    clip: auto !important;
    clip-path: none !important;
    position: relative !important;
    white-space: normal !important;
    display: flex !important;
  }

  /* Vis altid tæller-spannet — selv med klassen 'hidden' */
  .header-actions__cart-icon--text .cart-bubble__text-count,
  .header-actions__cart-icon--text [ref="cartBubbleCount"],
  .header-actions cart-icon .cart-bubble__text-count,
  .header-actions cart-icon [ref="cartBubbleCount"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #1a1a1a !important;
    font-weight: 900 !important;
    font-size: 10px !important;
    position: relative !important;
    z-index: 1 !important;
    line-height: 1 !important;
  }

  /* Skjul SVG'et (vi bruger kun tekst) */
  .header-actions__cart-icon--text .svg-wrapper,
  .header-actions cart-icon .svg-wrapper {
    display: none !important;
  }

}

/* LOG IND link */
.header__icon--account,
.header__icon--account a,
.header__icon--account span {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #1a1a1a !important;
  font-family: 'Archivo', sans-serif !important;
}

/* ─── Global buttons ─────────────────────────────────────────── */
.button,
.btn,
button[type="submit"],
input[type="submit"] {
  border-radius: 0 !important;
  font-family: 'Archivo', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}

.button--primary,
.btn-primary {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border-color: #1a1a1a !important;
}

.button--primary:hover,
.btn-primary:hover {
  background-color: #383838 !important;
  border-color: #383838 !important;
  color: #ffffff !important;
}

.button--secondary,
.btn-secondary {
  background-color: #efefef !important;
  color: #1a1a1a !important;
  border-color: #efefef !important;
}

.button--secondary:hover,
.btn-secondary:hover {
  background-color: #dedede !important;
  border-color: #dedede !important;
  color: #1a1a1a !important;
}

/* ─── Global inputs ──────────────────────────────────────────── */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea,
select {
  border-radius: 0 !important;
  font-family: 'Archivo', sans-serif !important;
  border-color: #e6e6e6 !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #1a1a1a !important;
  outline: none !important;
  box-shadow: none !important;
}

/* ─── Remove all border-radius globally ──────────────────────── */
.card,
.card-wrapper,
.card__media,
.media,
.badge,
.tag,
.pill,
.popover,
.modal,
.drawer {
  border-radius: 0 !important;
}

/* ─── Section spacing ────────────────────────────────────────── */
.shopify-section {
  margin: 0 !important;
}



/* ─── Price ──────────────────────────────────────────────────── */
.price,
.price__regular,
.price-item,
.price__sale {
  font-family: 'Archivo', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

.price--on-sale .price-item--regular {
  opacity: 0.4 !important;
}

/* ─── Scrollbar ──────────────────────────────────────────────── */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-track {
  background: #f5f5f5;
}

::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
  background: #999999;
}