/* KAZIO BLOG + CART V2H */

/* Cart badge: red circle, white number */
#cart .kz-pro-cart-count,
.kz-pro-cart-count {
  background: #ef4444 !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  box-shadow: 0 8px 18px rgba(239, 68, 68, .32) !important;
  font-weight: 950 !important;
}

/* Route scoped blog UI */
body.kz-route-cms-blog #content,
body.kz-route-cms-blog-info #content,
body.kz-route-cms-blog-category #content,
body.kz-route-cms-blog-search #content {
  direction: rtl;
}

/* Search/filter block on cms/blog */
body.kz-route-cms-blog #content form,
body.kz-route-cms-blog-info #content form,
body.kz-route-cms-blog-category #content form,
body.kz-route-cms-blog-search #content form {
  border: 1px solid #e3edf0 !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 4% 0%, rgba(0, 155, 90, .08), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #fbfdfc 100%) !important;
  box-shadow: 0 22px 70px rgba(15, 46, 34, .10) !important;
  padding: 22px !important;
  margin: 18px 0 22px !important;
  overflow: visible !important;
}

/* If the search/filter is inside a Bootstrap card or well */
body.kz-route-cms-blog #content .card,
body.kz-route-cms-blog #content .well,
body.kz-route-cms-blog #content .panel,
body.kz-route-cms-blog-info #content .card,
body.kz-route-cms-blog-info #content .well,
body.kz-route-cms-blog-info #content .panel,
body.kz-route-cms-blog-category #content .card,
body.kz-route-cms-blog-category #content .well,
body.kz-route-cms-blog-category #content .panel,
body.kz-route-cms-blog-search #content .card,
body.kz-route-cms-blog-search #content .well,
body.kz-route-cms-blog-search #content .panel {
  border-color: #e3edf0 !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 54px rgba(15,46,34,.075) !important;
}

/* Blog search title like "اصلاح جستجو" */
body.kz-route-cms-blog #content h2,
body.kz-route-cms-blog #content h3,
body.kz-route-cms-blog-info #content h2,
body.kz-route-cms-blog-info #content h3,
body.kz-route-cms-blog-category #content h2,
body.kz-route-cms-blog-category #content h3,
body.kz-route-cms-blog-search #content h2,
body.kz-route-cms-blog-search #content h3 {
  color: #102033 !important;
  font-weight: 950 !important;
  letter-spacing: -0.4px !important;
}

/* Modern inputs */
body.kz-route-cms-blog #content .input-group,
body.kz-route-cms-blog-info #content .input-group,
body.kz-route-cms-blog-category #content .input-group,
body.kz-route-cms-blog-search #content .input-group {
  border: 1px solid #dfe9ed !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 12px 30px rgba(15,46,34,.055) !important;
  overflow: hidden !important;
  min-height: 54px !important;
}

body.kz-route-cms-blog #content input[type="text"],
body.kz-route-cms-blog #content input[type="search"],
body.kz-route-cms-blog #content select,
body.kz-route-cms-blog #content .form-control,
body.kz-route-cms-blog #content .form-select,
body.kz-route-cms-blog-info #content input[type="text"],
body.kz-route-cms-blog-info #content input[type="search"],
body.kz-route-cms-blog-info #content select,
body.kz-route-cms-blog-info #content .form-control,
body.kz-route-cms-blog-info #content .form-select,
body.kz-route-cms-blog-category #content input[type="text"],
body.kz-route-cms-blog-category #content input[type="search"],
body.kz-route-cms-blog-category #content select,
body.kz-route-cms-blog-category #content .form-control,
body.kz-route-cms-blog-category #content .form-select,
body.kz-route-cms-blog-search #content input[type="text"],
body.kz-route-cms-blog-search #content input[type="search"],
body.kz-route-cms-blog-search #content select,
body.kz-route-cms-blog-search #content .form-control,
body.kz-route-cms-blog-search #content .form-select {
  min-height: 52px !important;
  border: 1px solid #dfe9ed !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: #102033 !important;
  box-shadow: none !important;
  font-weight: 800 !important;
  padding: 0 16px !important;
}

body.kz-route-cms-blog #content .input-group input,
body.kz-route-cms-blog #content .input-group select,
body.kz-route-cms-blog-info #content .input-group input,
body.kz-route-cms-blog-info #content .input-group select,
body.kz-route-cms-blog-category #content .input-group input,
body.kz-route-cms-blog-category #content .input-group select,
body.kz-route-cms-blog-search #content .input-group input,
body.kz-route-cms-blog-search #content .input-group select {
  border: 0 !important;
  border-radius: 0 !important;
}

body.kz-route-cms-blog #content input::placeholder,
body.kz-route-cms-blog-info #content input::placeholder,
body.kz-route-cms-blog-category #content input::placeholder,
body.kz-route-cms-blog-search #content input::placeholder {
  color: #94a3b8 !important;
}

/* Modern buttons */
body.kz-route-cms-blog #content .btn,
body.kz-route-cms-blog #content button,
body.kz-route-cms-blog #content input[type="submit"],
body.kz-route-cms-blog-info #content .btn,
body.kz-route-cms-blog-info #content button,
body.kz-route-cms-blog-info #content input[type="submit"],
body.kz-route-cms-blog-category #content .btn,
body.kz-route-cms-blog-category #content button,
body.kz-route-cms-blog-category #content input[type="submit"],
body.kz-route-cms-blog-search #content .btn,
body.kz-route-cms-blog-search #content button,
body.kz-route-cms-blog-search #content input[type="submit"] {
  min-height: 46px !important;
  border-radius: 15px !important;
  font-weight: 950 !important;
}

body.kz-route-cms-blog #content .btn-primary,
body.kz-route-cms-blog #content button[type="submit"],
body.kz-route-cms-blog #content input[type="submit"],
body.kz-route-cms-blog-info #content .btn-primary,
body.kz-route-cms-blog-info #content button[type="submit"],
body.kz-route-cms-blog-info #content input[type="submit"],
body.kz-route-cms-blog-category #content .btn-primary,
body.kz-route-cms-blog-category #content button[type="submit"],
body.kz-route-cms-blog-category #content input[type="submit"],
body.kz-route-cms-blog-search #content .btn-primary,
body.kz-route-cms-blog-search #content button[type="submit"],
body.kz-route-cms-blog-search #content input[type="submit"] {
  border: 0 !important;
  background: linear-gradient(135deg, #00a966, #00874f) !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(0,155,90,.18) !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

body.kz-route-cms-blog #content .btn-light,
body.kz-route-cms-blog #content .btn-default,
body.kz-route-cms-blog #content .btn-outline-secondary,
body.kz-route-cms-blog-info #content .btn-light,
body.kz-route-cms-blog-info #content .btn-default,
body.kz-route-cms-blog-info #content .btn-outline-secondary,
body.kz-route-cms-blog-category #content .btn-light,
body.kz-route-cms-blog-category #content .btn-default,
body.kz-route-cms-blog-category #content .btn-outline-secondary,
body.kz-route-cms-blog-search #content .btn-light,
body.kz-route-cms-blog-search #content .btn-default,
body.kz-route-cms-blog-search #content .btn-outline-secondary {
  border: 1px solid #dfe9ed !important;
  background: #fff !important;
  color: #334155 !important;
}

body.kz-route-cms-blog #content label,
body.kz-route-cms-blog-info #content label,
body.kz-route-cms-blog-category #content label,
body.kz-route-cms-blog-search #content label {
  color: #334155 !important;
  font-weight: 900 !important;
  margin-bottom: 8px !important;
}

/* Make the filter/sort row less boxed and more modern */
body.kz-route-cms-blog #content .row,
body.kz-route-cms-blog-info #content .row,
body.kz-route-cms-blog-category #content .row,
body.kz-route-cms-blog-search #content .row {
  row-gap: 14px !important;
}

@media (max-width: 768px) {
  body.kz-route-cms-blog #content form,
  body.kz-route-cms-blog-info #content form,
  body.kz-route-cms-blog-category #content form,
  body.kz-route-cms-blog-search #content form {
    padding: 16px !important;
    border-radius: 20px !important;
  }
}