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


/* =========================================================
   Aquanova - Amasty Quick Order Hyva cleanup
   ========================================================= */

/* Page/search block */
.amqorder-search-block {
    
    margin: 0 auto 2rem auto !important;
    padding: 1.5rem !important;
    background: #fff !important;
    display: block !important;
}

.amqorder-search {
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    overflow: visible !important;
}

.amqorder-input.-search {
    width: 100% !important;
    height: 58px !important;
    padding: 0 3.5rem 0 1.5rem !important;
    font-size: 20px !important;
    border: 2px solid rgb(201, 178, 128) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Search icon left away */
.amqorder-button.-search {
    display: none !important;
}

/* Clear X right */
.amqorder-button.-clear {
    right: 1rem !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Search dropdown only */
.amqorder-search-block .amqorder-items-block,
.amqorder-search-block .amqorder-message-block {
    width: 760px !important;
    max-width: 760px !important;
    min-width: 760px !important;
    left: 0 !important;
    right: auto !important;
    top: 100% !important;
    z-index: 9999 !important;
    background: #fff !important;
    box-shadow: 0 4px 14px rgba(0,0,0,.12) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: 520px !important;
}

.amqorder-search-block .amqorder-items-block .amqorder-item {
    display: grid !important;
    grid-template-columns: 90px minmax(260px, 1fr) 130px 120px 80px !important;
    gap: 18px !important;
    align-items: center !important;
    padding: 18px 24px !important;
    border-bottom: 1px solid #ddd !important;
    position: relative !important;
}

.amqorder-search-block .amqorder-image {
    width: 70px !important;
    height: 70px !important;
    object-fit: contain !important;
    margin: 0 !important;
    float: none !important;
}

.amqorder-search-block .amqorder-name {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    line-height: 1.4 !important;
}

.amqorder-search-block .amqorder-qty-block {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
}

.amqorder-search-block .amqorder-qty-wrapper {
    min-width: 110px !important;
}

.amqorder-search-block .amqorder-sku {
    display: block !important;
    margin: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
}

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

.amqorder-search-block .amqorder-button.btn,
.amqorder-search-block .amqorder-button.btn.btn-secondary {
    position: static !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 70px !important;
    min-width: 70px !important;
    height: 42px !important;
    padding: 0 !important;
    background: #222 !important;
    color: rgb(201, 178, 128) !important;
    border: 1px solid rgb(201, 178, 128) !important;
}

/* Main layout */
.amqorder-main-container {
    display: grid !important;
    grid-template-columns: minmax(0, 760px) 420px !important;
    gap: 32px !important;
    align-items: start !important;
    max-width: 1220px !important;
    margin: 0 auto !important;
}

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

/* Cart/list block */
.amqorder-grid-block {
    max-width: 760px !important;
    width: 760px !important;
    overflow: visible !important;
}

.amqorder-grid-block .amqorder-header {
    display: none !important;
}

.amqorder-grid-block .amqorder-content {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
}

.amqorder-grid-block .amqorder-content > .amqorder-items-block {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    max-height: none !important;
}

/* Cart items only */
.amqorder-grid-block .amqorder-items-block > .amqorder-item {
    width: 100% !important;
    display: block !important;
    padding: 16px 20px !important;
    overflow: hidden !important;
    border-bottom: 1px solid #ddd !important;
}

.amqorder-grid-block .amqorder-items-wrapper {
    display: grid !important;
    grid-template-columns: 80px minmax(220px, 1fr) 120px 120px 80px !important;
    gap: 14px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
}

.amqorder-grid-block .amqorder-image {
    width: 64px !important;
    height: 64px !important;
    object-fit: contain !important;
    margin: 0 !important;
    float: none !important;
}

.amqorder-grid-block .amqorder-item.-name {
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    display: block !important;
    flex: none !important;
    flex-wrap: nowrap !important;
}

.amqorder-grid-block .amqorder-title {
    display: block !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    line-height: 1.35 !important;
}

.amqorder-grid-block .amqorder-sku {
    max-width: none !important;
    width: auto !important;
    display: block !important;
    flex: none !important;
    word-break: normal !important;
}

.amqorder-grid-block .amqorder-qty-block {
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
    clear: none !important;
    float: none !important;
}

.amqorder-grid-block .amqorder-price {
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
    display: flex !important;
    justify-content: flex-start !important;
}

.amqorder-grid-block .amqorder-button.-clear.-action {
    white-space: nowrap !important;
}

/* Toolbar under cart */
.amqorder-grid-block .amqorder-toolbar-block {
    width: 100% !important;
    padding: 18px 20px !important;
}

.amqorder-grid-block .amqorder-massaction-toolbar {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 12px !important;
}

/* Aside / CSV uploader */
.amqorder-main-container aside,
.amqorder-sidebar,
.amqorder-multiple-products {
    width: 420px !important;
    max-width: 420px !important;
    margin-top: 0 !important;
    align-self: start !important;
}

/* Mobile safety */
@media (max-width: 1024px) {
    .amqorder-main-container {
        display: block !important;
        max-width: 100% !important;
        padding: 0 1rem !important;
    }

    .amqorder-grid-block,
    .amqorder-search-block,
    .amqorder-search-block .amqorder-items-block,
    .amqorder-search-block .amqorder-message-block {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .amqorder-grid-block .amqorder-items-wrapper,
    .amqorder-search-block .amqorder-items-block .amqorder-item {
        display: block !important;
    }
}