/*
 Theme Name: Diamond Shisha Pro
 Template: woodmart
 Version: 1.0
*/

.PC_Site_Logo {
  position: relative;
}

.PC_Pro_Label_Header {
  position: absolute;
  background: rgb(145, 122, 90);
  left: -27px;
  bottom: -28px;
  border-radius: 2000px;
  padding: 4px;
  font-size: 10px;
  color: white;
}

.whb-main-header .container {
  max-width: 1280px !important;
  padding: 0px 20px !important;
}

.whb-main-header .searchform {
  max-width: 600px;
}

.wd-empty-page-text,
.wc-backward {
  display: none;
}

.wd-cart-number {
  background: #F8D530 !important;
  color: black !important;
}

body.logged-in .guest-only {
  display: none !important;
}

body:not(.logged-in) .member-only {
  display: none !important;
}

.wd-content-layout {
  padding: 0px;
}

.woocommerce-form.woocommerce-form-login br,
.woocommerce-form.woocommerce-form-register br {
  display: none !important;
}

body.single-product .elementor-widget-wd_single_product_price .login-to-prices-msg.login-side-opener {
  display: none !important;
}

.wd-age-verify-buttons {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-direction: row-reverse;
}

.wd-age-verify-allowed {
  background: black !important;
  color: white !important;
}

.wd-age-verify-buttons .wd-age-verify-forbidden {
  background-color: #e0e0e0 !important;
  color: black;
  font-weight: 400;
  opacity: 0.8;
  transition: all 0.2s ease-in-out;
}

.wd-age-verify-buttons .wd-age-verify-forbidden:hover {
  opacity: 1;
}

.woocommerce-form.woocommerce-form-login input[type="text"],
.woocommerce-form.woocommerce-form-login input[type="password"],
.woocommerce-form.woocommerce-form-login input[type="email"],
.woocommerce-form.woocommerce-form-login input[type="tel"],
.woocommerce-form.woocommerce-form-login select,
.woocommerce-form.woocommerce-form-register input[type="text"],
.woocommerce-form.woocommerce-form-register input[type="password"],
.woocommerce-form.woocommerce-form-register input[type="email"],
.woocommerce-form.woocommerce-form-register input[type="tel"],
.woocommerce-form.woocommerce-form-register select {
  height: 34px !important;
  line-height: 34px !important;
  padding: 0 10px;
  box-sizing: border-box;
}

.woocommerce-order {
  margin: 20px auto !important;
}

.woocommerce-MyAccount-navigation a br {
  display: none !important;
}

.usp-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 14px;
  gap: 62px;
}

.usp-item {
  display: flex;
  align-items: center;
  font-weight: 500;
  gap: 8px;
}

.check-icon {
  width: 10px;
  height: 10px;
  flex-shrink: 0;
}

@keyframes uspCycle {
  0% { opacity: 0; visibility: hidden; }
  4% { opacity: 1; visibility: visible; }
  22% { opacity: 1; visibility: visible; }
  25% { opacity: 0; visibility: hidden; }
  100% { opacity: 0; visibility: hidden; }
}

/* --- STIJLEN VOOR TABLET EN MOBIEL (1024px en kleiner) --- */
@media (max-width: 1024px) {
  .whb-main-header {
    display: flex;
    flex-direction: column-reverse !important;
    background: black !important;
  }

  .whb-main-header .wd-logo img {
    width: 46px !important;
    object-fit: cover !important;
  }

  .header-banner-display .header-banner {
    font-size: 14px !important;
  }

  .whb-main-header .wd-tools-element > a {
    color: white !important;
  }
}

/* --- STIJLEN VOOR MOBIEL (800px en kleiner) --- */
@media (max-width: 800px) {
  .whb-main-header .wd-logo img {
    margin-left: 24px;
  }


  .usp-bar {
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    min-height: 32px;
  }

  .usp-bar .usp-item {
    grid-area: 1 / 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    opacity: 0;
    visibility: hidden;
    animation: uspCycle 12s ease-in-out infinite;
  }

  .usp-bar .usp-item:nth-child(1) { animation-delay: 0s; }
  .usp-bar .usp-item:nth-child(2) { animation-delay: -3s; }
  .usp-bar .usp-item:nth-child(3) { animation-delay: -6s; }
  .usp-bar .usp-item:nth-child(4) { animation-delay: -9s; }
}