/* =====================================================
   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;
}


.amqorder-items-block .amqorder-item .amqorder-name {
    word-break: normal !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
}

.amqorder-items-block .amqorder-item {
    display: block !important;
}

.amqorder-items-block {
    min-width: 38rem !important;
    max-width: 48rem !important;
    width: max-content !important;
}

.amqorder-search-block .amqorder-search {
    overflow: visible !important;
}

.amqorder-search-block {
    margin: 0 auto !important;
}

.amqorder-search {
    width: 100% !important;
}

.amqorder-input {
    font-size: 16px !important;
    padding: 10px 12px !important;
}


.amqorder-main-container,
.amqorder-content,
.amqorder-wrapper {
    align-items: start !important;
}

.amqorder-main-container {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 420px !important;
    column-gap: 32px !important;
    row-gap: 24px !important;
}

.amqorder-main-container > :first-child {
    min-width: 0 !important;
}

.amqorder-main-container > aside,
.amqorder-main-container .amqorder-sidebar,
.amqorder-main-container .amqorder-file,
.amqorder-main-container .amqorder-multiple-products {
    margin-top: 0 !important;
    align-self: start !important;
    width: 420px !important;
}
aside.amqorder-multiple-block {
	margin-top: 22px !important;
}