/* styles.css */

/* gömmer bannern som standard */
#cookie-banner {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 20px;
    max-width: 300px;
    background: var(--wp--preset--color--light-contrast-one) !important;
    padding: 20px;
    border: 1px solid var(--wp--preset--color--light-contrast-three);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 9999;
    font-size: 14px;
    color: var(--wp--preset--color--light-text);
  }
  
  /* text och länk */
  #cookie-banner p {
    margin: 0 0 .8rem;
    line-height: 1.5;
  }
  #cookie-banner p a {
    color: var(--wp--preset--color--primary);
    text-decoration: none;
  }
  #cookie-banner p a:hover {
    color: #005177;
  }
  
  /* knapp */
  #cookie-banner button {
    font-size: 14px;
    padding: .5rem 1rem;
    cursor: pointer;
    background-color: var(--wp--preset--color--primary);
    border: 1px solid var(--wp--preset--color--primary);
    color: var(--wp--preset--color--primary-contrast) !important;
    align-items: center;
    border-radius: 50px;
    cursor: pointer;
    display: inline-flex;
    font-family: var(--wp--preset--typography--font-family, inherit);
    font-weight: var(--wp--preset--typography--font-weight, inherit);
    gap: 10px;
    justify-content: center;
    transition: background-color .2s ease-in-out, color .2s ease-in-out, padding .15s linear;
    white-space: nowrap;
  }