/*
 * Aalborg Terapis farver oven på Silktide Consent Manager.
 *
 * Egen fil frem for ændringer i deres CSS: vendorfilen skal kunne
 * udskiftes med en nyere udgivelse uden at vores farver går tabt, og en
 * diff mod deres udgivelse skal blive ved med at være ren.
 *
 * Værdierne er websitets egne tokens fra assets/css/style.css, skrevet ud
 * som hex, fordi banneret lever uden for det :root, det er nemt at
 * antage. Bemærk at de IKKE er de samme som bookingdomænets grønne M3-
 * palet: banneret skal ligne den side, det står på.
 *   --green #1F3D36   knapper og accent
 *   --bg    #E8E2D9   baggrund
 *   --brown #3A2E24   tekst
 *   --line  #A8A4A0   kanter
 */

#stcm-wrapper {
  --primaryColor: #1F3D36;
  --backgroundColor: #E8E2D9;
  --textColor: #3A2E24;

  --fontFamily: Inter, sans-serif;

  /* Samme diskrete, varme skygge som sidens egne kort - ikke den
     kraftige, kolde skygge, Silktide leverer med. */
  --boxShadow: 0 18px 40px -28px rgba(58, 46, 36, 0.5), 0 2px 6px rgba(58, 46, 36, 0.12);

  --backdropBackgroundColor: rgba(31, 61, 54, 0.28);
  --backdropBackgroundBlur: 0px;

  /* Det lille ikon, der åbner indstillingerne igen. */
  --iconColor: #E8E2D9;
  --iconBackgroundColor: #1F3D36;
}

/*
 * Knapperne gøres helt runde som sidens egne (999px overalt i HTML'en).
 * Silktides egne er 5px, hvilket ser fremmed ud ved siden af "Book
 * samtale".
 *
 * Kanten kommer fra vendorreglen `border: 2px solid var(--primaryColor)`
 * - med den grønne primaryColor ovenfor får BÅDE "Accepter alle" (fyldt)
 * og "Kun nødvendige" (lys med grøn tekst) en grøn kant, præcis som
 * sidens fyldte og outlinede knapper.
 */
#stcm-wrapper .stcm-button {
  border-radius: 999px;
  font-weight: 500;
}

/* Vendor gør hover til "omvendt" - lys baggrund, grøn tekst. Det får den
   fyldte knap til at se ud, som om den skifter type, når musen rører
   den. Sidens egne knapper skifter til brun i stedet (hover-fill-brown). */
#stcm-wrapper .stcm-button-primary:hover {
  background-color: #3A2E24;
  color: #E8E2D9;
  border-color: #3A2E24;
}

#stcm-wrapper .stcm-button-secondary:hover {
  background-color: #DED7CB;
  color: #1F3D36;
}

/* "Indstillinger" er en tekstknap, ikke en tredje lige så tung
   handling. */
#stcm-wrapper .stcm-preferences-button {
  font-weight: 500;
}

/* Sidens links er grønne uden understregning; i bannerets brødtekst er
   understregningen derimod det eneste, der skiller linket ud fra
   teksten omkring det. */
#stcm-wrapper a {
  color: #1F3D36;
  text-decoration: underline;
}