/* Cookiebot Custom - Stoudmann Creations */

/* === BANNER === */
#CybotCookiebotDialog {
  border-radius: 0 !important;
  box-shadow: 0 -2px 12px rgba(0,0,0,0.06) !important;
  max-width: 100% !important;
  width: 100% !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  transform: none !important;
  border: none !important;
  border-top: 1px solid #E8DDD5 !important;
  background: #FDFAF7 !important;
  padding: 0 !important;
  position: fixed !important;
}

/* === HIDE CLUTTER === */
#CybotCookiebotDialogPoweredbyLink,
#CybotCookiebotDialogPoweredByText,
.CybotCookiebotDialogPoweredbyImage,
#CybotCookiebotDialogHeader,
#CybotCookiebotDialogNav,
#CybotCookiebotDialogBodyContentTitle,
#CybotCookiebotDialogBodyLevelButtonsSelectPane,
.CybotCookiebotDialogBodyBottomWrapper {
  display: none !important;
}

/* === LAYOUT === */
#CybotCookiebotDialogBody {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 32px !important;
  gap: 20px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

#CybotCookiebotDialogBodyContent {
  flex: 1 !important;
}

#CybotCookiebotDialogBodyContentText {
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: #9A8E88 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* === BUTTONS WRAPPER === */
#CybotCookiebotDialogBodyButtonsWrapper {
  display: flex !important;
  gap: 8px !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

/* === ALL BUTTONS BASE === */
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogBodyButtonAccept {
  border-radius: 6px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 7px 14px !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  min-width: auto !important;
  line-height: 1.3 !important;
}

/* Tout autoriser */
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogBodyButtonAccept {
  background: #A67C6D !important;
  border: none !important;
  color: #fff !important;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover,
#CybotCookiebotDialogBodyButtonAccept:hover {
  background: #8E6A5C !important;
}

/* Autoriser la selection */
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  background: transparent !important;
  border: 1px solid #C4AFA5 !important;
  color: #7A6B63 !important;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover {
  background: #F0E8E2 !important;
}

/* Refuser */
#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll,
#CybotCookiebotDialogBodyButtonDecline {
  background: transparent !important;
  border: none !important;
  color: #B0A59F !important;
  text-decoration: underline !important;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll:hover,
#CybotCookiebotDialogBodyButtonDecline:hover {
  color: #7A6B63 !important;
}

/* === LINKS === */
#CybotCookiebotDialog a {
  color: #A67C6D !important;
}

/* === PRODUCT IMAGES ROUNDED === */
.product-miniature img,
.products .thumbnail-container img,
.product-cover img,
.product-images img,
.featured-products img,
.product-miniature .thumbnail img,
.product-miniature .product-thumbnail img {
  border-radius: 12px !important;
}

/* === BOUTONS ARRONDIS GLOBAL === */
.product-miniature .add-to-cart,
.product-miniature .ajax_add_to_cart_button,
.product-miniature .add button,
.featured-products .add-to-cart,
.btn.add-to-cart,
.elementor-button,
.elementor-widget-button .elementor-button,
a.elementor-button,
.btn-primary,
.btn-secondary,
.iqit-links-btn,
[class*="elementor"] .elementor-button {
  border-radius: 10px !important;
}

/* === HIDE WIDGET BUTTON === */
#CookiebotWidget {
  display: none !important;
}

/* === BADGES 3 COLONNES MOBILE === */
@media (max-width: 768px) {
  .elementor-top-column.elementor-col-33 {
    width: 33.333% !important;
    display: inline-block !important;
    vertical-align: top !important;
    padding: 0 5px !important;
    box-sizing: border-box !important;
  }

  .elementor-col-33 .elementor-image-box-img {
    max-width: none !important;
    width: 60px !important;
    height: 60px !important;
    margin: 0 auto 8px !important;
  }

  .elementor-col-33 .elementor-image-box-img img {
    width: 60px !important;
    height: 60px !important;
    object-fit: contain !important;
  }

  .elementor-col-33 .elementor-image-box-wrapper {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .elementor-col-33 .elementor-image-box-content {
    text-align: center !important;
  }

  .elementor-col-33 .elementor-image-box-title {
    font-size: 10px !important;
    line-height: 1.2 !important;
    margin-bottom: 4px !important;
    text-align: center !important;
  }

  .elementor-col-33 .elementor-image-box-description {
    font-size: 9px !important;
    line-height: 1.3 !important;
    text-align: center !important;
  }

  .elementor-col-33 .elementor-column-wrap {
    padding: 5px 0 !important;
  }
}

/* === COOKIEBOT MOBILE === */
@media (max-width: 768px) {
  #CybotCookiebotDialogBody {
    flex-direction: column !important;
    padding: 12px 16px !important;
    gap: 10px !important;
  }

  #CybotCookiebotDialogBodyContentText {
    font-size: 11px !important;
    max-height: 2.8em !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    cursor: pointer !important;
    transition: max-height 0.3s ease !important;
  }

  #CybotCookiebotDialogBodyContentText.expanded {
    max-height: none !important;
    -webkit-line-clamp: unset !important;
  }

  #CybotCookiebotDialogBodyButtonsWrapper {
    width: 100% !important;
    justify-content: center !important;
  }

  #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
  #CybotCookiebotDialogBodyButtonAccept,
  #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
  #CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll,
  #CybotCookiebotDialogBodyButtonDecline {
    font-size: 11px !important;
    padding: 8px 12px !important;
  }
}
