/*
 * bestdiscountscoupon.com attractive color scheme
 * Header: navy/blue gradient
 * Coupon code: orange
 * Deal: green
 * Sale: red
 * Print/extra: teal
 */
:root {
  --bdc-navy: #0f172a;
  --bdc-navy-2: #1e293b;
  --bdc-blue: #2563eb;
  --bdc-blue-2: #1d4ed8;
  --bdc-orange: #f97316;
  --bdc-orange-2: #ea580c;
  --bdc-yellow: #f59e0b;
  --bdc-red: #ef4444;
  --bdc-red-2: #dc2626;
  --bdc-green: #10b981;
  --bdc-green-2: #059669;
  --bdc-teal: #14b8a6;
  --bdc-text: #111827;
  --bdc-muted: #64748b;
  --bdc-bg: #f6f9fc;
  --bdc-card: #ffffff;
  --bdc-border: #e2e8f0;
  --bdc-shadow: 0 14px 34px rgba(15, 23, 42, 0.10);
}

body,
.front-top-sec,
.cat-sec-bg {
  background: var(--bdc-bg) !important;
}

a,
.primary-color,
.primary-colored,
.site-breadcrumb .ui.breadcrumb a.section,
.popular-stores .store-name a:hover,
.store-listing-item .store-thumb-link .store-name a:hover,
.coupon-modal .coupon-footer a span,
.coupon-listing-item .coupon-listing-footer .reveal-content a,
.nav-user-action .st-menu .menu-box a {
  color: var(--bdc-blue) !important;
}

a:hover,
.secondary-color,
.nav-user-action .st-menu .menu-box a:hover,
.coupon-listing-item .coupon-listing-footer ul li a:hover,
.site-footer .footer_copy ul li a:hover,
.front-popular-item .link-wrap a:hover,
.all-store .store-letter-content ul li a:hover {
  color: var(--bdc-orange) !important;
}

/* Header */
.primary-header {
  background: linear-gradient(135deg, var(--bdc-navy) 0%, var(--bdc-blue-2) 58%, var(--bdc-blue) 100%) !important;
  border-bottom: 0 !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.22) !important;
}
.sticky-header .primary-header {
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.26) !important;
}
.title_area .site-title a,
.title_area .site-description,
.primary-header a,
.header-highlight a .highlight-icon,
.header-highlight a .highlight-text,
.nav-toggle,
.lrg-d .primary-navigation .st-menu li.menu-item-has-children::before {
  color: #ffffff !important;
}
.title_area .site-title a {
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.22);
}
.site-navigation {
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08) !important;
}

/* Desktop navigation */
.st-menu > li > a,
.nav-user-action .st-menu > li > a {
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  transition: all 0.22s ease-in-out;
}
.st-menu > li:hover > a,
.st-menu li.current-menu-item a,
.nav-user-action .st-menu > li:hover > a,
.nav-user-action .st-menu > li:last-child > a {
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--bdc-orange), var(--bdc-red)) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  box-shadow: 0 8px 20px rgba(249, 115, 22, 0.28) !important;
}
.st-menu ul,
.nav-user-action .st-menu .menu-box {
  border: 1px solid var(--bdc-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.14) !important;
  overflow: hidden;
}
.st-menu ul li a,
.st-menu li.current-menu-item ul li a {
  color: var(--bdc-text) !important;
  background: #ffffff !important;
}
.st-menu ul li:hover a,
.st-menu li.current-menu-item ul li:hover a {
  color: var(--bdc-blue) !important;
  background: #f1f5ff !important;
}

/* Header search */
#header-search input[type=text] {
  background: #ffffff !important;
  border: 2px solid rgba(255, 255, 255, 0.82) !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.18) !important;
  color: var(--bdc-text) !important;
}
#header-search input[type=text]:focus {
  border-color: var(--bdc-yellow) !important;
  box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.20), 0 10px 26px rgba(15, 23, 42, 0.18) !important;
}
#header-search .icon,
#header-search input[type=text]::-webkit-input-placeholder,
#header-search input[type=text]::-moz-placeholder,
#header-search input[type=text]:-ms-input-placeholder,
#header-search input[type=text]:-moz-placeholder {
  color: var(--bdc-muted) !important;
}
#header-search .header-search-submit,
.wp-block-search__button {
  background: linear-gradient(135deg, var(--bdc-orange), var(--bdc-red)) !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  border: 0 !important;
  box-shadow: 0 10px 20px rgba(239, 68, 68, 0.24) !important;
}
#header-search .search-sample,
#header-search .search-sample span {
  color: rgba(255, 255, 255, 0.78) !important;
}
#header-search .search-sample a {
  color: #ffffff !important;
}

/* Cards and boxes */
.content-box,
.shadow-box,
.coupon-listing-item,
.store-listing-item,
.popular-stores .store-item,
.p_store_grid .store-list,
.front-popular-item,
.content-area .widget,
.frontpage-before-main .widget,
.frontpage-after-main .widget,
.sidebar .widget,
.coupon-modal .coupon-content {
  border: 1px solid var(--bdc-border) !important;
  border-radius: 16px !important;
  background: var(--bdc-card) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
}
.coupon-listing-item:hover,
.store-listing-item:hover,
.p_store_grid .store-list:hover,
.front-popular-item:hover,
.popular-stores .store-item:hover {
  box-shadow: var(--bdc-shadow) !important;
  transform: translateY(-2px);
  transition: all 0.22s ease-in-out;
}
.coupon-listing-item .coupon-listing-footer {
  background: linear-gradient(180deg, #f8fafc 0%, #eef4ff 100%) !important;
  border-top: 1px solid var(--bdc-border) !important;
}
.coupon-exclusive {
  background: #f0fdf4 !important;
  color: #065f46 !important;
  border-top-color: #bbf7d0 !important;
}
.coupon-listing-item .coupon-exclusive strong i,
.coupon-listing-item .coupon-detail .user-ratting .ui.button:hover i,
.coupon-listing-item .coupon-detail .user-ratting .ui.button.active i,
.coupon-modal .coupon-content .user-ratting .ui.button:hover i {
  color: var(--bdc-green) !important;
}

/* Coupon type badges */
.coupon-listing-item .c-type .c-code,
.coupon-listing-item .c-type .c-sale,
.coupon-listing-item .c-type .c-print,
.coupon-listing-item .c-type span {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 26px;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.7px !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
  box-shadow: 0 5px 14px rgba(15, 23, 42, 0.10) !important;
}
.coupon-listing-item .c-type .c-code {
  background: #fff7ed !important;
  color: var(--bdc-orange-2) !important;
  border: 1px solid #fed7aa !important;
}
.coupon-listing-item .c-type .c-sale {
  background: #fef2f2 !important;
  color: var(--bdc-red-2) !important;
  border: 1px solid #fecaca !important;
}
.coupon-listing-item .c-type .c-print {
  background: #ecfeff !important;
  color: #0f766e !important;
  border: 1px solid #99f6e4 !important;
}
.coupon-listing-item .c-type .exp {
  background: transparent !important;
  color: var(--bdc-muted) !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Buttons: clear and conversion-focused */
.ui.btn,
.ui.button.btn_primary,
.ui.btn.btn_secondary,
.wpu-profile-wrapper .section-heading .button,
input[type="reset"],
input[type="submit"],
.submit_coupon_page .select-store-input .ui.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background: linear-gradient(135deg, var(--bdc-blue), var(--bdc-blue-2)) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.24) !important;
}
.ui.btn:hover,
.ui.button.btn_primary:hover,
.ui.btn.btn_secondary:hover,
.wpu-profile-wrapper .section-heading .button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.submit_coupon_page .select-store-input .ui.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  color: #ffffff !important;
  filter: brightness(1.05);
  opacity: 1 !important;
  transform: translateY(-1px);
}
.coupon-button-type .coupon-deal,
.coupon-button-type .coupon-print,
.coupon-button-type .coupon-code,
.coupon-button-type .coupon-code .get-code {
  color: #ffffff !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}
.coupon-button-type .coupon-code {
  border: 2px dashed rgba(249, 115, 22, 0.72) !important;
  background: #fff7ed !important;
  color: var(--bdc-orange-2) !important;
  overflow: hidden;
}
.coupon-button-type .coupon-code .get-code {
  background: linear-gradient(135deg, var(--bdc-orange), var(--bdc-red)) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(249, 115, 22, 0.25) !important;
}
.coupon-button-type .coupon-code .get-code:before,
.coupon-button-type .coupon-code .get-code:after,
.coupon-button-type .coupon-code .code-text:after {
  background: linear-gradient(225deg, rgba(255,255,255,0.45), rgba(255,255,255,0.20) 50%, rgba(15,23,42,0.10) 0) !important;
}
.coupon-button-type .coupon-deal {
  background: linear-gradient(135deg, var(--bdc-green), var(--bdc-green-2)) !important;
  box-shadow: 0 10px 22px rgba(16, 185, 129, 0.25) !important;
}
.coupon-button-type .coupon-print {
  background: linear-gradient(135deg, var(--bdc-teal), #0d9488) !important;
  box-shadow: 0 10px 22px rgba(20, 184, 166, 0.25) !important;
}
.coupon-button-type .coupon-deal:hover,
.coupon-button-type .coupon-print:hover,
.coupon-button-type .coupon-code:hover,
.coupon-button-type .coupon-code .get-code:hover {
  opacity: 1 !important;
  filter: brightness(1.05);
  transform: translateY(-1px);
}

/* Sale and trending sections */
.content-area .widget-title,
.frontpage-before-main .widget-title,
.frontpage-after-main .widget-title,
.trending-deals .livesale-title h1 {
  color: var(--bdc-text) !important;
  font-weight: 900 !important;
}
.content-area .widget-title::after,
.frontpage-before-main .widget-title::after,
.frontpage-after-main .widget-title::after,
.trending-deals .livesale-title h1::after {
  content: "";
  display: block;
  width: 70px;
  height: 4px;
  margin-top: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--bdc-orange), var(--bdc-red));
}
.trending-deals .livesale-title h1::after {
  margin-left: auto;
  margin-right: auto;
}
.trending-deals .best-sale-items .sale-item {
  border: 0 !important;
  box-shadow: var(--bdc-shadow) !important;
  border-radius: 18px !important;
}
.trending-deals .best-sale-items .sale-item::before {
  content: "SALE";
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 60;
  background: linear-gradient(135deg, var(--bdc-red), var(--bdc-orange));
  color: #ffffff;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.8px;
  box-shadow: 0 8px 18px rgba(239, 68, 68, 0.30);
}
.trending-deals .sale-item .sale-item-info .sell-item-txt:after {
  background: linear-gradient(180deg, rgba(15,23,42,0.55), rgba(15,23,42,0.92)) !important;
  opacity: 1 !important;
}
.trending-deals .sale-item .sale-item-info .shop-img {
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.18) !important;
}

/* Filters, pagination, store A-Z */
.coupon-filter .filter-coupons-buttons .store-filter-button,
.cate-az a,
.all-store .store-letter-content ul li a,
.ui.pagination.menu .item {
  border-radius: 999px !important;
  border-color: var(--bdc-border) !important;
}
.coupon-filter .filter-coupons-buttons .store-filter-button:hover,
.coupon-filter .filter-coupons-buttons .store-filter-button.current,
.ui.pagination.menu .active.item,
.ui.pagination.menu .item:hover {
  background: linear-gradient(135deg, var(--bdc-blue), var(--bdc-blue-2)) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}
.coupon-filter .filter-coupons-buttons .submit-coupon-button,
.coupon-filter .filter-coupons-buttons .submit-coupon-button:hover {
  background: linear-gradient(135deg, var(--bdc-orange), var(--bdc-red)) !important;
  color: #ffffff !important;
  border-radius: 999px !important;
}

/* Footer */
.site-footer {
  background: var(--bdc-navy) !important;
  color: #cbd5e1 !important;
}
.site-footer a,
.site-footer .widget-title {
  color: #ffffff !important;
}
.site-footer a:hover {
  color: var(--bdc-yellow) !important;
}
.site-footer .newsletter-box-wrapper .input .ui.button,
.newsletter-box-wrapper.shadow-box .submit-btn:hover,
.site-footer .footer-social a:hover {
  background: linear-gradient(135deg, var(--bdc-orange), var(--bdc-red)) !important;
  color: #ffffff !important;
}

/* Mobile menu */
@media screen and (max-width: 790px) {
  .primary-header {
    background: linear-gradient(135deg, var(--bdc-navy), var(--bdc-blue-2)) !important;
  }
  .st-menu.st-menu-mobile {
    background: #ffffff !important;
    border-top: 1px solid var(--bdc-border) !important;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.16) !important;
  }
  .st-menu.st-menu-mobile > li > a,
  .st-menu.st-menu-mobile ul li a,
  .st-menu.st-menu-mobile .nav-toggle-subarrow,
  .st-menu.st-menu-mobile li.current-menu-item a {
    color: var(--bdc-text) !important;
    background: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .st-menu.st-menu-mobile > li:hover > a,
  .st-menu.st-menu-mobile li.current-menu-item > a {
    color: var(--bdc-blue) !important;
    background: #eff6ff !important;
  }
}