/* =====================================================
   Aquanova – Global Styling Overrides (Hyvä)
   ===================================================== */

/* 1) Remove all border radius everywhere */
* {
    border-radius: 0 !important;
}

.field.choice input {
    border-radius: 55% !important;
}

/* TEMP: hide homepage hero section */
.cms-index-index [data-content-type="hero"],
.cms-index-index .pagebuilder-hero,
.cms-index-index .hero {
  display: none !important;
}

button.btn.btn-primary.text-sm.me-auto" {
  backgroudn-color: rgb(201, 178, 128); !important
}
:root {
  --color-primary: rgb(201, 178, 128) !important;
}
@layer base {
  :root {
    --color-primary: rgb(201, 178, 128);        /* sand */
    --color-primary-lighter: rgb(215, 196, 155);
    --color-primary-darker: rgb(170, 145, 95);
  }
}

/* Extra hard (zeker voor knoppen) */
@layer components {
  .btn-primary {
    --btn-bg: rgb(201, 178, 128);
    --btn-hover-bg: rgb(215, 196, 155);
    --btn-active-bg: rgb(170, 145, 95);
  }
}
/* FORCE primary buttons to sand (Hyvä + generic) */
:root{
  --color-primary: rgb(201, 178, 128);
  --color-primary-lighter: rgb(215, 196, 155);
  --color-primary-darker: rgb(170, 145, 95);
  --color-on-primary: #333333;
}

/* Hyvä button system uses these vars */
.btn-primary,
.btn.btn-primary,
a.btn-primary,
a.btn.btn-primary,
button.btn-primary,
button.btn.btn-primary{
  --btn-bg: rgb(201, 178, 128) !important;
  --btn-hover-bg: rgb(215, 196, 155) !important;
  --btn-active-bg: rgb(170, 145, 95) !important;
  --btn-color: #333333 !important;
  --btn-hover-color: #111111 !important;
  --btn-active-color: #111111 !important;

  background-color: rgb(201, 178, 128) !important;
  border-color: rgb(201, 178, 128) !important;
  color: #333333 !important;
}

.btn-primary:hover,
.btn.btn-primary:hover,
a.btn-primary:hover,
a.btn.btn-primary:hover,
button.btn-primary:hover,
button.btn.btn-primary:hover{
  background-color: rgb(215, 196, 155) !important;
  border-color: rgb(215, 196, 155) !important;
  color: #111111 !important;
}

/* If something is forcing Tailwind-ish blues */
[class*="bg-blue"],
button[class*="bg-blue"],
a[class*="bg-blue"]{
  background-color: rgb(201, 178, 128) !important;
}


/* Homepage – Popular Products spacing */
.cms-index-index .slider-2 {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

/* Zorg dat de inhoud netjes gecentreerd blijft */
.cms-index-index .slider-2 > .container {
    max-width: 1280px;   /* zelfde gevoel als je CMS content */
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Cookiebot – checkbox radius herstellen */
#CybotCookiebotDialog input[type="checkbox"] {
    border-radius: 50% !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider {
    border-radius: 9999px !important;
}