/*
Theme Name: Couponis Child
Theme URI: https://mycouponspot.com
Description: Child theme for Couponis
Author: MyCouponSpot
Template: couponis
Version: 1.0.0
*/

/* ============================================
   TRENDING DEALS — Latest Coupons widget (FINAL)
   ============================================ */

/* 1. Dissolve the widget's row-chunking into ONE 4-up grid */
.latest-coupons {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 16px;
  margin: 0;
}
.latest-coupons .row { display: contents; }
.latest-coupons .row::before,
.latest-coupons .row::after { display: none; content: none; }
.latest-coupons [class*="col-"] {
  flex: 0 0 calc(25% - 12px);
  max-width: calc(25% - 12px);
  display: flex;
  padding: 0;
  margin: 0;
}
@media (max-width: 1024px) { .latest-coupons [class*="col-"] { flex: 0 0 calc(50% - 8px); max-width: calc(50% - 8px); } }
@media (max-width: 600px)  { .latest-coupons [class*="col-"] { flex: 0 0 100%; max-width: 100%; } }

/* 2. Card */
.latest-coupons .white-block.coupon-box {
  position: relative;
  width: 100%;
  background: #fff;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 3px rgba(10,15,30,.06);
  transition: box-shadow .2s ease, transform .2s ease;
}
.latest-coupons .white-block.coupon-box:hover {
  box-shadow: 0 8px 24px rgba(10,15,30,.10);
  transform: translateY(-2px);
}

/* 2b. CODE / DEAL badge (top-left), auto-detected to match the button.
   If a card's badge reads opposite to its button text, swap the two
   content values below ("CODE" <-> "DEAL"). 2-second fix. */
.latest-coupons .white-block.coupon-box::before {
  content: "CODE";
  position: absolute;
  top: 14px; left: 14px;
  z-index: 2;
  font-family: 'Inter', sans-serif;
  font-size: 11px; font-weight: 600; letter-spacing: .3px;
  padding: 3px 9px;
  border-radius: 6px;
  background: #E6F1FB; color: #185FA5;
}
.latest-coupons .white-block.coupon-box:has(.code-text-full)::before {
  content: "DEAL";
  background: #FAEEDA; color: #854F0B;
}

/* 3. Date */
.latest-coupons .expire {
  font-family: 'Inter', sans-serif;
  font-size: 11px; color: #94A3B8;
  text-align: right; display: block; margin: 0 0 6px;
}
.latest-coupons .expire .icon-clock { margin-right: 4px; }

/* 4. Logo */
.latest-coupons .coupon-image {
  display: flex; align-items: center; justify-content: center;
  height: 46px; margin: 0 0 10px; border: none;
}
.latest-coupons .coupon-image img {
  max-height: 42px; max-width: 68%; width: auto; height: auto; object-fit: contain;
}

/* 5. Hide lock-count noise */
.latest-coupons .coupon-top-meta { display: none; }

/* 6. Content fills card */
.latest-coupons .white-block-content {
  display: flex; flex-direction: column; flex: 1;
}

/* 7. Title — FIXED v2: drop flex, force wrap so it never clips */
.latest-coupons .white-block-content h4 {
  font-family: 'Poppins', sans-serif;
  font-size: 15px; font-weight: 600; line-height: 1.4;
  margin: 0 0 12px;
  text-align: center;
  min-height: 44px;
  display: block !important;
  white-space: normal !important;
  overflow: visible !important;
  word-break: break-word;
}
.latest-coupons .white-block-content h4 * {
  white-space: normal !important;
  overflow: visible !important;
  max-width: 100% !important;
  float: none !important;
  word-break: break-word;
}
.latest-coupons .white-block-content h4 a.coupon-action-button {
  color: #0A0F1E; text-decoration: none; padding: 0; background: none; border: none;
  display: inline !important;
}
.latest-coupons .white-block-content h4 a.coupon-action-button:hover { color: #0EA5E9; }

/* 8. Button — CODE = dark, DEAL = orange, label centered (theme-proof) */
.latest-coupons a.coupon-action-button.header-alike {
  margin-top: auto;
  display: block;
  text-align: center;
  min-height: 44px;
  line-height: 44px;
  padding: 0 16px;
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 8px;
  text-decoration: none;
  background: #0A0F1E;
  white-space: nowrap;
  overflow: hidden;
  transition: background .15s ease;
}
.latest-coupons a.coupon-action-button.header-alike:hover { background: #1E293B; }
.latest-coupons a.coupon-action-button.header-alike:has(.code-text-full) { background: #F59E0B; }
.latest-coupons a.coupon-action-button.header-alike:has(.code-text-full):hover { background: #D97706; }

/* labels: inline + centered, strip the theme's float/position */
.latest-coupons a.coupon-action-button.header-alike > * {
  display: inline !important;
  float: none !important;
  position: static !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #fff !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: inherit !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}
.latest-coupons a.coupon-action-button.header-alike .partial-code { display: none !important; }

/* 9. Share toggle panel */
.latest-coupons .share-coupon { z-index: 5; }

/* ============================================================================
   MyCouponSpot — MASTER STYLES (child theme)
   ============================================================================
   All custom CSS for the redesigned pages, consolidated for launch.
   On launch day, paste this whole file into the child theme style.css
   (or keep in Customizer → Additional CSS during testing).

   Network-portable: scoped selectors, no site names, no hardcoded numbers.
   English-only comments.

   CONTENTS
     1. CATEGORY PAGE        (.tax-coupon-category)  — header, top stores,
                              cards, explore, SEO+FAQ
     2. ALL STORES PAGE      (.mcs-stores-page)
     3. ALL CATEGORIES PAGE  (.mcs-cats-page)
     4. FOOTER SUBSCRIBE     (.footer-subscribe)  — SITE-WIDE (not page-scoped)
     5. BLOG LISTING         (.mcs-blog-page)
     6. BLOG CATEGORY ARCHIVE (body.category)
     7. BLOG SINGLE POST     (body.single-post)
     8. NATIVE HEADER RESKIN (header ...)  — SITE-WIDE (+ country switcher)
     9. STORE PAGE          (body.tax-coupon-store)  — cards, header, related, sidebar, rich content
    10. FOOTER BOTTOM BAR    (.copyrights)  — SITE-WIDE (copyright, social, links, back-to-top)
   ============================================================================ */



/* ============================================================================
   SECTION 1. CATEGORY PAGE  (.tax-coupon-category)
   ============================================================================ */

/* ============================================================================
   SECTION 1. NAVY HEADER
   ============================================================================ */

.tax-coupon-category .taxonomy-header.white-block {
  position: relative;
  background: linear-gradient(135deg, #0A0F1E 0%, #111A33 100%);
  border: 0;
  border-radius: 16px;
  padding: 0;
  overflow: hidden;
  margin-bottom: 22px;
  box-shadow: 0 6px 20px -8px rgba(10,15,30,.25);
}
/* soft glow accent (top-right) */
.tax-coupon-category .taxonomy-header.white-block::after {
  content: "";
  position: absolute; right: -80px; top: -80px;
  width: 320px; height: 320px; border-radius: 50%;
  background: radial-gradient(circle, rgba(14,165,233,.18), transparent 70%);
  pointer-events: none;
}

.tax-coupon-category .taxonomy-header .white-block-content {
  position: relative; z-index: 1;
  padding: 34px 38px 30px;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "info icon"
    "meta icon"
    "stats stats";
  gap: 0 28px;
  align-items: start;
}

/* ---- icon box ----
   Field currently holds the literal string "No Icon", so the <i> renders
   as a broken glyph. Hide the box for now (clean header). When you set a
   real icon per category, delete this display:none rule to show it. */
.tax-coupon-category .category-icon-wrap {
  grid-area: icon;
  align-self: center;
  width: 104px; height: 104px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(14,165,233,.22), rgba(14,165,233,.06));
  border: 1px solid rgba(255,255,255,.12);
  display: flex; align-items: center; justify-content: center;
  color: #7DD3FC; font-size: 40px;
}
/* hide the broken "No Icon" placeholder glyph but keep the styled box empty-safe:
   if no real icon is set, hide the whole box so the header isn't lopsided */
.tax-coupon-category .category-icon-wrap { display: none; }
/* (when real icons are set: remove the line above; box + icon will show) */

/* ---- title block ---- */
.tax-coupon-category .category-info.store-info { grid-area: info; }
.tax-coupon-category .category-info h1 {
  font-family: 'Poppins', sans-serif;
  color: #fff;
  font-size: 36px; line-height: 1.12; font-weight: 800; letter-spacing: -1px;
  margin: 0;
}
.tax-coupon-category .category-info h1 .mcs-h1-sub { color: #0EA5E9; }

/* ---- injected meta wrapper (badge sits here, above stats) ---- */
.tax-coupon-category .mcs-cat-meta { grid-area: meta; display: contents; }

/* badge */
.tax-coupon-category .mcs-cat-badge {
  display: inline-flex; align-items: center; gap: 7px;
  margin-top: 14px;
  background: rgba(14,165,233,.14);
  border: 1px solid rgba(14,165,233,.35);
  color: #7DD3FC; font-family: 'Inter', sans-serif;
  font-weight: 600; font-size: 12.5px; letter-spacing: .3px;
  padding: 6px 13px; border-radius: 999px; text-transform: uppercase;
  width: fit-content;
}
.tax-coupon-category .mcs-cat-badge::before {
  content: ""; width: 7px; height: 7px; border-radius: 50%;
  background: #10B981; box-shadow: 0 0 0 3px rgba(16,185,129,.25);
}

/* stats row */
.tax-coupon-category .mcs-cat-stats {
  grid-area: stats;
  display: flex; gap: 40px;
  margin-top: 24px; padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.10);
}
.tax-coupon-category .mcs-cat-stats .mcs-stat {
  display: flex; flex-direction: column; gap: 3px;
}
.tax-coupon-category .mcs-cat-stats .mcs-stat b {
  font-family: 'Poppins', sans-serif;
  color: #fff; font-size: 26px; font-weight: 700; line-height: 1;
}
.tax-coupon-category .mcs-cat-stats .mcs-stat i {
  font-style: normal; color: #94A3B8;
  font-family: 'Inter', sans-serif;
  font-size: 11px; text-transform: uppercase; letter-spacing: .6px; font-weight: 500;
}

/* hide the native list/grid toggle on the money layout (grid is fixed) */
.tax-coupon-category .single-tax-action { display: none; }

/* ---- responsive ---- */
@media (max-width: 680px) {
  .tax-coupon-category .taxonomy-header .white-block-content {
    grid-template-columns: 1fr;
    grid-template-areas: "info" "meta" "stats";
    padding: 26px 22px;
  }
  .tax-coupon-category .category-info h1 { font-size: 27px; }
  .tax-coupon-category .mcs-cat-stats { gap: 26px; }
  .tax-coupon-category .mcs-cat-stats .mcs-stat b { font-size: 22px; }
}


/* ============================================================================
   SECTION 2. TOP STORES
   ============================================================================ */

.tax-coupon-category .mcs-cat-topstores {
  margin: 0 0 24px;
}

/* heading */
.tax-coupon-category .mcs-cat-topstores .mcs-cts-title {
  font-family: 'Poppins', sans-serif;
  font-size: 19px; font-weight: 700; color: #0F172A;
  letter-spacing: -.3px; margin: 0 0 14px; line-height: 1.2;
}
.tax-coupon-category .mcs-cat-topstores .mcs-cts-title span { color: #0EA5E9; }

/* horizontal scroll track */
.tax-coupon-category .mcs-cat-topstores .mcs-cts-track {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding: 4px 2px 12px;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  scrollbar-color: #CBD5E1 transparent;
}
.tax-coupon-category .mcs-cat-topstores .mcs-cts-track::-webkit-scrollbar { height: 6px; }
.tax-coupon-category .mcs-cat-topstores .mcs-cts-track::-webkit-scrollbar-track { background: transparent; }
.tax-coupon-category .mcs-cat-topstores .mcs-cts-track::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 99px; }

/* store tile */
.tax-coupon-category .mcs-cat-topstores .mcs-cts-item {
  scroll-snap-align: start;
  flex: 0 0 150px;
  background: #fff;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  padding: 16px 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.tax-coupon-category .mcs-cat-topstores .mcs-cts-item:hover {
  border-color: #0EA5E9;
  box-shadow: 0 8px 22px -10px rgba(14,165,233,.4);
  transform: translateY(-2px);
}

/* logo */
.tax-coupon-category .mcs-cat-topstores .mcs-cts-logo-wrap {
  display: flex; align-items: center; justify-content: center;
  height: 40px; width: 100%;
}
.tax-coupon-category .mcs-cat-topstores .mcs-cts-logo-wrap img {
  max-height: 38px; max-width: 80%; width: auto; height: auto; object-fit: contain;
}
/* initials fallback when no logo */
.tax-coupon-category .mcs-cat-topstores .mcs-cts-avatar {
  display: flex; align-items: center; justify-content: center;
  height: 40px; width: 56px; border-radius: 8px;
  background: #E0F2FE; color: #0369A1;
  font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 15px;
}

/* name + deals */
.tax-coupon-category .mcs-cat-topstores .mcs-cts-name {
  font-family: 'Poppins', sans-serif; font-size: 13.5px; font-weight: 600;
  color: #0F172A; text-align: center; line-height: 1.3;
}
.tax-coupon-category .mcs-cat-topstores .mcs-cts-deals {
  font-family: 'Inter', sans-serif; font-size: 12px; color: #64748B; text-align: center;
}

/* responsive: tiles shrink a touch on phones */
@media (max-width: 600px) {
  .tax-coupon-category .mcs-cat-topstores .mcs-cts-item { flex: 0 0 132px; }
  .tax-coupon-category .mcs-cat-topstores .mcs-cts-title { font-size: 17px; }
}


/* ============================================================================
   SECTION 3. COUPON CARDS
   ============================================================================ */

/* ---- Layout: full width, hide native empty sidebar ---- */
.tax-coupon-category .main-listing .col-sm-4 { display: none; }
.tax-coupon-category .main-listing .col-sm-8 { width: 100%; float: none; }

/* The .col-sm-8 holds one OR MORE .row wrappers (2 cards each in grid
   mode). Make .col-sm-8 the grid and dissolve every inner .row so all
   cards become direct grid items in a single 3-up flow. */
.tax-coupon-category .main-listing .col-sm-8 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.tax-coupon-category .main-listing .col-sm-8 > .row {
  display: contents;
}
.tax-coupon-category .main-listing .col-sm-8 > .row::before,
.tax-coupon-category .main-listing .col-sm-8 > .row::after {
  content: none; display: none;
}
.tax-coupon-category .main-listing .col-sm-8 .col-sm-12 {
  width: 100%; max-width: 100%; padding: 0; margin: 0; float: none;
}
/* pagination must span the full grid width, not sit in one cell */
.tax-coupon-category .main-listing .col-sm-8 > .pagination {
  grid-column: 1 / -1;
}

/* ---- Card shell ---- */
.tax-coupon-category .coupon-box.coupon-list {
  position: relative;
  width: 100%;
  background: #fff;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 1px 3px rgba(10,15,30,.06);
  transition: box-shadow .2s ease, transform .2s ease;
}
.tax-coupon-category .coupon-box.coupon-list:hover {
  box-shadow: 0 8px 24px rgba(10,15,30,.10);
  transform: translateY(-2px);
}
.tax-coupon-category .coupon-box.coupon-list .white-block-content { width: 100%; }

/* ---- CODE / DEAL badge (top-left), auto-detected.
   CODE = has .partial-code ; DEAL = no .partial-code. ---- */
.tax-coupon-category .coupon-box.coupon-list::before {
  content: "DEAL";
  position: absolute;
  top: 14px; left: 14px;
  z-index: 3;
  font-family: 'Inter', sans-serif;
  font-size: 11px; font-weight: 600; letter-spacing: .3px;
  padding: 3px 9px;
  border-radius: 6px;
  background: #FAEEDA; color: #854F0B;
}
.tax-coupon-category .coupon-box.coupon-list:has(.partial-code)::before {
  content: "CODE";
  background: #E6F1FB; color: #185FA5;
}

/* ---- Re-stack horizontal row into a vertical card ---- */
.tax-coupon-category .coupon-box.coupon-list .flex-wrap {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}
.tax-coupon-category .coupon-box.coupon-list .flex-left   { order: 1; }
.tax-coupon-category .coupon-box.coupon-list .flex-middle { order: 2; width: 100%; min-width: 0; text-align: center; }
.tax-coupon-category .coupon-box.coupon-list .flex-right  { order: 3; display: flex; flex-direction: column; }

/* ---- Logo (a.coupon-image > img), centered ---- */
.tax-coupon-category .coupon-box.coupon-list .flex-left {
  display: flex; align-items: center; justify-content: center;
}
.tax-coupon-category .coupon-box.coupon-list a.coupon-image {
  display: flex; align-items: center; justify-content: center;
  height: 46px; width: 100%;
  margin: 8px 0 12px;
  border: none; background: none; padding: 0;
}
.tax-coupon-category .coupon-box.coupon-list a.coupon-image img {
  max-height: 42px; max-width: 70%; width: auto; height: auto; object-fit: contain;
}

/* ---- Hide native meta lists ---- */
.tax-coupon-category .coupon-box.coupon-list .coupon-top-meta,
.tax-coupon-category .coupon-box.coupon-list .coupon-bottom-meta { display: none; }

/* ---- Title: wraps, centered, consistent height ---- */
.tax-coupon-category .coupon-box.coupon-list .flex-middle h4 {
  font-family: 'Poppins', sans-serif;
  font-size: 15px; font-weight: 600; line-height: 1.45;
  color: #0A0F1E;
  margin: 0 0 14px;
  width: 100%;
  text-align: center !important;
  /* fixed height = room for 2 lines; single-line titles center within it,
     so every card's logo, title block and button align on the same lines */
  height: 44px;
  display: flex; align-items: center; justify-content: center;
  white-space: normal;
  overflow: hidden;
  word-break: break-word;
}
.tax-coupon-category .coupon-box.coupon-list .flex-middle h4 a.coupon-action-button {
  display: inline; padding: 0; margin: 0; border: none; background: none;
  color: inherit; font: inherit; text-decoration: none;
  white-space: normal; overflow: visible;
  text-align: center !important;
}
.tax-coupon-category .coupon-box.coupon-list .flex-middle h4 a.coupon-action-button:hover { color: #0EA5E9; }

/* ---- Expire date (above button, centered) ---- */
.tax-coupon-category .coupon-box.coupon-list .flex-right .expire {
  font-family: 'Inter', sans-serif;
  font-size: 11px; color: #94A3B8;
  text-align: center; display: block; margin: 0 0 10px;
}
.tax-coupon-category .coupon-box.coupon-list .flex-right .expire .icon-clock { margin-right: 4px; }

/* ---- Money button: full-width. CODE = navy, DEAL = orange ---- */
.tax-coupon-category .coupon-box.coupon-list a.coupon-action-button.header-alike {
  display: block;
  width: 100%;
  text-align: center;
  min-height: 46px;
  line-height: 46px;
  padding: 0 16px;
  border: none; outline: none; box-shadow: none;
  border-radius: 9px;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  background: #F59E0B;
  transition: background .15s ease;
}
.tax-coupon-category .coupon-box.coupon-list a.coupon-action-button.header-alike:hover { background: #D97706; }
.tax-coupon-category .coupon-box.coupon-list a.coupon-action-button.header-alike:has(.partial-code) { background: #0A0F1E; }
.tax-coupon-category .coupon-box.coupon-list a.coupon-action-button.header-alike:has(.partial-code):hover { background: #1E293B; }

.tax-coupon-category .coupon-box.coupon-list a.coupon-action-button.header-alike > * {
  display: inline !important;
  float: none !important;
  position: static !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #fff !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: inherit !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}
.tax-coupon-category .coupon-box.coupon-list a.coupon-action-button.header-alike .partial-code { display: none !important; }

/* ---- Share toggle panel ---- */
.tax-coupon-category .coupon-box.coupon-list .share-coupon { z-index: 5; }

/* ---- Responsive ---- */
@media (max-width: 1024px) {
  .tax-coupon-category .main-listing .col-sm-8 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .tax-coupon-category .main-listing .col-sm-8 { grid-template-columns: 1fr; }
}


/* ============================================================================
   SECTION 4. EXPLORE MORE CATEGORIES
   ============================================================================ */

.tax-coupon-category .mcs-explore {
  margin: 44px 0 0;
}

.tax-coupon-category .mcs-explore .mcs-exp-title {
  font-family: 'Poppins', sans-serif;
  font-size: 21px; font-weight: 700; letter-spacing: -.3px;
  color: #0F172A; margin: 0 0 18px;
}
.tax-coupon-category .mcs-explore .mcs-exp-title span { color: #0EA5E9; }

.tax-coupon-category .mcs-explore .mcs-exp-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
}

.tax-coupon-category .mcs-explore .mcs-exp-card {
  background: #fff;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  padding: 20px 12px;
  text-align: center;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.tax-coupon-category .mcs-explore .mcs-exp-card:hover {
  border-color: #0EA5E9;
  box-shadow: 0 10px 26px -14px rgba(14,165,233,.4);
  transform: translateY(-2px);
}

/* icon chip */
.tax-coupon-category .mcs-explore .mcs-exp-ico {
  width: 48px; height: 48px; margin-bottom: 8px;
  border-radius: 12px;
  background: #EFF6FF;
  display: flex; align-items: center; justify-content: center;
  color: #0EA5E9;
}
.tax-coupon-category .mcs-explore .mcs-exp-ico svg { width: 24px; height: 24px; }

.tax-coupon-category .mcs-explore .mcs-exp-name {
  font-family: 'Poppins', sans-serif; font-size: 13.5px; font-weight: 600; color: #0F172A;
  line-height: 1.3;
}
.tax-coupon-category .mcs-explore .mcs-exp-count {
  font-family: 'Inter', sans-serif; font-size: 12px; color: #64748B;
}

/* responsive */
@media (max-width: 980px) {
  .tax-coupon-category .mcs-explore .mcs-exp-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 600px) {
  .tax-coupon-category .mcs-explore .mcs-exp-grid { grid-template-columns: repeat(2, 1fr); }
  .tax-coupon-category .mcs-explore .mcs-exp-title { font-size: 19px; }
}


/* ============================================================================
   SECTION 5. SEO INTRO + FAQ ACCORDION
   ============================================================================ */

.tax-coupon-category .mcs-seo {
  margin: 48px 0 0;
  background: #fff;
  border: 1px solid #E2E8F0;
  border-radius: 16px;
  padding: 32px 34px;
  box-shadow: 0 1px 3px rgba(10,15,30,.05);
}

/* intro */
.tax-coupon-category .mcs-seo .mcs-seo-title {
  font-family: 'Poppins', sans-serif;
  font-size: 23px; font-weight: 700; letter-spacing: -.4px;
  color: #0F172A; margin: 0 0 16px; line-height: 1.25;
}
.tax-coupon-category .mcs-seo .mcs-seo-title span { color: #0EA5E9; }

.tax-coupon-category .mcs-seo .mcs-seo-body p {
  font-family: 'Inter', sans-serif;
  font-size: 15px; line-height: 1.7; color: #475569; margin: 0 0 14px;
}
.tax-coupon-category .mcs-seo .mcs-seo-body p:last-child { margin-bottom: 0; }
.tax-coupon-category .mcs-seo .mcs-seo-body strong { color: #0A0F1E; font-weight: 600; }

/* FAQ */
.tax-coupon-category .mcs-seo .mcs-faq {
  margin-top: 30px; padding-top: 28px;
  border-top: 1px solid #E2E8F0;
}
.tax-coupon-category .mcs-seo .mcs-faq-title {
  font-family: 'Poppins', sans-serif;
  font-size: 19px; font-weight: 700; color: #0F172A; margin: 0 0 14px;
}

.tax-coupon-category .mcs-seo .mcs-faq-item {
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  transition: border-color .15s ease;
}
.tax-coupon-category .mcs-seo .mcs-faq-item:last-child { margin-bottom: 0; }
.tax-coupon-category .mcs-seo .mcs-faq-item[open] { border-color: #BAE6FD; }

.tax-coupon-category .mcs-seo .mcs-faq-item summary {
  list-style: none; cursor: pointer;
  font-family: 'Poppins', sans-serif; font-size: 14.5px; font-weight: 600; color: #0F172A;
  padding: 15px 46px 15px 18px;
  position: relative;
  transition: background .15s ease;
}
.tax-coupon-category .mcs-seo .mcs-faq-item summary:hover { background: #F8FAFC; }
.tax-coupon-category .mcs-seo .mcs-faq-item summary::-webkit-details-marker { display: none; }

/* +/- marker */
.tax-coupon-category .mcs-seo .mcs-faq-item summary::after {
  content: "+";
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  width: 22px; height: 22px; border-radius: 6px;
  background: #EFF6FF; color: #0EA5E9;
  font-size: 18px; font-weight: 600; line-height: 22px; text-align: center;
  transition: transform .2s ease, background .15s ease;
}
.tax-coupon-category .mcs-seo .mcs-faq-item[open] summary::after {
  content: "\2212"; /* minus */
  background: #0EA5E9; color: #fff;
}

.tax-coupon-category .mcs-seo .mcs-faq-a {
  padding: 0 18px 16px;
}
.tax-coupon-category .mcs-seo .mcs-faq-a p {
  font-family: 'Inter', sans-serif;
  font-size: 14px; line-height: 1.65; color: #64748B; margin: 0;
}

/* responsive */
@media (max-width: 600px) {
  .tax-coupon-category .mcs-seo { padding: 24px 20px; }
  .tax-coupon-category .mcs-seo .mcs-seo-title { font-size: 20px; }
  .tax-coupon-category .mcs-seo .mcs-faq-title { font-size: 17px; }
}

/* ============================================================================
   SECTION 2. ALL STORES PAGE  (.mcs-stores-page)
   ============================================================================ */

.mcs-stores-page *{box-sizing:border-box;margin:0;padding:0}
.mcs-stores-page{font-family:'Inter',sans-serif;color:#0A0F1E;background:#F8FAFC}
.mcs-stores-page a{text-decoration:none;color:inherit}
.mcs-stores-page h1,.mcs-stores-page h2,.mcs-stores-page h3{font-family:'Poppins',sans-serif}

/* ---- Header ---- */
.mcs-stores-page .mcs-header{background:#0A0F1E;padding:40px 0 32px;color:#fff;width:100%}
.mcs-stores-page .mcs-header-inner{max-width:1200px;margin:0 auto;padding:0 24px}
.mcs-stores-page .mcs-hbadge{display:inline-flex;align-items:center;gap:6px;background:rgba(14,165,233,0.15);border:1px solid rgba(14,165,233,0.3);color:#0EA5E9;font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:14px}
.mcs-stores-page .mcs-hbadge .dot{width:6px;height:6px;background:#0EA5E9;border-radius:50%;animation:mcsPulse 1.5s infinite}
@keyframes mcsPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.3)}}
.mcs-stores-page .mcs-header h1{font-size:36px;font-weight:800;line-height:1.1;letter-spacing:-1px;margin-bottom:8px;color:#fff}
.mcs-stores-page .mcs-header h1 .bi{color:#0EA5E9;font-style:italic}
.mcs-stores-page .mcs-subtitle{color:rgba(255,255,255,0.6);font-size:15px;max-width:560px;margin-bottom:24px;line-height:1.5}
.mcs-stores-page .mcs-search{max-width:520px;background:rgba(255,255,255,0.08);border:1.5px solid rgba(255,255,255,0.15);border-radius:12px;display:flex;align-items:center;overflow:hidden}
.mcs-stores-page .mcs-search input{flex:1;padding:14px 18px;background:transparent;border:none;color:#fff;font-family:'Inter',sans-serif;font-size:14px;outline:none}
.mcs-stores-page .mcs-search input::placeholder{color:rgba(255,255,255,0.4)}
.mcs-stores-page .mcs-search button{background:#0EA5E9;color:#fff;padding:14px 24px;font-family:'Poppins',sans-serif;font-weight:700;font-size:13px;border:none;cursor:pointer}
.mcs-stores-page .mcs-stats{display:flex;gap:24px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.08);flex-wrap:wrap}
.mcs-stores-page .mcs-stat{display:flex;flex-direction:column}
.mcs-stores-page .mcs-stat-num{font-family:'Poppins',sans-serif;font-size:22px;font-weight:800;color:#fff}
.mcs-stores-page .mcs-stat-label{font-size:11px;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:0.5px;margin-top:2px}

/* ---- A–Z jump bar (sticky) ---- */
.mcs-stores-page .mcs-alpha{background:#fff;border-bottom:1px solid #E2E8F0;padding:14px 0;position:sticky;top:0;z-index:10}
.mcs-stores-page .mcs-alpha-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:14px}
.mcs-stores-page .mcs-alpha-label{font-family:'Inter',sans-serif;font-size:11px;font-weight:700;color:#64748B;text-transform:uppercase;letter-spacing:0.5px;flex-shrink:0}
.mcs-stores-page .mcs-alpha-row{display:flex;gap:3px;flex-wrap:wrap;flex:1}
.mcs-stores-page .mcs-ab{width:28px;height:28px;border-radius:6px;font-family:'Poppins',sans-serif;font-size:12px;font-weight:700;cursor:pointer;background:transparent;border:1.5px solid transparent;color:#CBD5E1;display:flex;align-items:center;justify-content:center;transition:all 0.15s}
.mcs-stores-page .mcs-ab.has{color:#0A0F1E}
.mcs-stores-page .mcs-ab:not([disabled]):hover{background:#F0F9FF;color:#0EA5E9}
.mcs-stores-page .mcs-ab.active{background:#0EA5E9;color:#fff}
.mcs-stores-page .mcs-ab[disabled]{cursor:default}

/* ---- Browse pills (category navigation) ---- */
.mcs-stores-page .mcs-cat{background:#F8FAFC;padding:14px 0;border-bottom:1px solid #E2E8F0}
.mcs-stores-page .mcs-cat-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}
.mcs-stores-page .mcs-cat-inner::-webkit-scrollbar{display:none}
.mcs-stores-page .mcs-cat-label{font-family:'Inter',sans-serif;font-size:11px;font-weight:700;color:#64748B;text-transform:uppercase;letter-spacing:0.5px;flex-shrink:0}
.mcs-stores-page .mcs-pill{padding:7px 14px;border:1.5px solid #E2E8F0;background:#fff;border-radius:8px;font-family:'Inter',sans-serif;font-size:12px;font-weight:600;color:#64748B;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center;gap:5px;flex-shrink:0}
.mcs-stores-page .mcs-pill:hover{border-color:#0EA5E9;color:#0EA5E9;background:#F0F9FF}
.mcs-stores-page .mcs-pill.active{border-color:#0EA5E9;color:#0EA5E9;background:#F0F9FF}

/* ---- Main ---- */
.mcs-stores-page .mcs-main{max-width:1200px;margin:0 auto;padding:32px 24px 60px}

/* featured */
.mcs-stores-page .mcs-featured{background:#0A0F1E;padding:24px 0;border-radius:16px;margin-bottom:32px}
.mcs-stores-page .mcs-featured-inner{max-width:1152px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:20px}
.mcs-stores-page .mcs-featured-left{flex-shrink:0}
.mcs-stores-page .mcs-featured-tag{display:inline-block;background:rgba(14,165,233,0.15);color:#0EA5E9;font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:6px}
.mcs-stores-page .mcs-featured-left h3{color:#fff;font-size:18px;font-weight:800;line-height:1.2}
.mcs-stores-page .mcs-featured-list{flex:1;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}
.mcs-stores-page .mcs-featured-list::-webkit-scrollbar{display:none}
.mcs-stores-page .mcs-mini{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);padding:10px 14px;border-radius:10px;flex-shrink:0;text-align:center;cursor:pointer;min-width:110px;transition:all 0.15s}
.mcs-stores-page .mcs-mini:hover{background:rgba(255,255,255,0.08);border-color:#0EA5E9}
.mcs-stores-page .mcs-mini-name{font-family:'Poppins',sans-serif;font-size:11px;font-weight:800;color:#fff;margin-bottom:2px}
.mcs-stores-page .mcs-mini-deals{font-size:10px;color:rgba(255,255,255,0.5)}

/* letter sections */
.mcs-stores-page .mcs-letter-section{margin-bottom:32px;scroll-margin-top:80px}
.mcs-stores-page .mcs-letter-header{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid #0A0F1E}
.mcs-stores-page .mcs-letter-badge{width:40px;height:40px;background:#0A0F1E;color:#0EA5E9;font-family:'Poppins',sans-serif;font-size:18px;font-weight:900;border-radius:10px;display:flex;align-items:center;justify-content:center}
.mcs-stores-page .mcs-letter-count{font-size:12px;color:#64748B;font-weight:500}

/* store grid + cards */
.mcs-stores-page .mcs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mcs-stores-page .mcs-card{background:#fff;border:1.5px solid #E2E8F0;border-radius:14px;padding:16px;cursor:pointer;display:flex;align-items:center;gap:12px;position:relative;transition:all 0.2s}
.mcs-stores-page .mcs-card:hover{border-color:#0EA5E9;transform:translateY(-2px);box-shadow:0 8px 20px rgba(14,165,233,0.12)}
.mcs-stores-page .mcs-logo{width:52px;height:52px;background:#F0F9FF;border:1px solid #E2E8F0;border-radius:10px;font-family:'Poppins',sans-serif;font-size:11px;font-weight:800;color:#0EA5E9;display:flex;align-items:center;justify-content:center;letter-spacing:-0.3px;flex-shrink:0;overflow:hidden;padding:6px}
.mcs-stores-page .mcs-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.mcs-stores-page .mcs-info{flex:1;min-width:0}
.mcs-stores-page .mcs-name{font-family:'Inter',sans-serif;font-size:14px;font-weight:700;color:#0A0F1E;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
.mcs-stores-page .mcs-stats-row{display:flex;gap:8px;font-size:11px}
.mcs-stores-page .mcs-deals{color:#64748B;font-weight:500}
.mcs-stores-page .mcs-discount{color:#10B981;font-weight:700}

/* SEO block */
.mcs-stores-page .mcs-seo{background:#fff;border:1.5px solid #E2E8F0;border-radius:16px;padding:32px;margin-top:32px}
.mcs-stores-page .mcs-seo h2{font-size:22px;font-weight:800;letter-spacing:-0.4px;margin-bottom:14px;color:#0A0F1E}
.mcs-stores-page .mcs-seo h2 .bi{color:#0EA5E9;font-style:italic}
.mcs-stores-page .mcs-seo p{font-size:14px;color:#64748B;line-height:1.8;margin-bottom:14px}
.mcs-stores-page .mcs-seo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.mcs-stores-page .mcs-seo-stat{background:#F0F9FF;padding:16px;border-radius:10px;text-align:center}
.mcs-stores-page .mcs-seo-num{font-family:'Poppins',sans-serif;font-size:24px;font-weight:800;color:#0EA5E9;display:block;margin-bottom:4px}
.mcs-stores-page .mcs-seo-label{font-size:12px;color:#64748B;font-weight:500}

/* responsive */
@media(max-width:900px){
  .mcs-stores-page .mcs-grid{grid-template-columns:repeat(2,1fr)}
  .mcs-stores-page .mcs-featured-inner{flex-direction:column;align-items:flex-start}
  .mcs-stores-page .mcs-seo-stats{grid-template-columns:1fr}
}
@media(max-width:520px){
  .mcs-stores-page .mcs-grid{grid-template-columns:1fr}
  .mcs-stores-page .mcs-header h1{font-size:28px}
}

/* ============================================================================
   SECTION 3. ALL CATEGORIES PAGE  (.mcs-cats-page)
   ============================================================================ */

.mcs-cats-page *{box-sizing:border-box;margin:0;padding:0}
.mcs-cats-page{font-family:'Inter',sans-serif;color:#0A0F1E;background:#F8FAFC}
.mcs-cats-page a{text-decoration:none;color:inherit}
.mcs-cats-page h1,.mcs-cats-page h2{font-family:'Poppins',sans-serif}

/* ---- Header ---- */
.mcs-cats-page .mcs-cats-header{background:#0A0F1E;padding:40px 0 32px;color:#fff;width:100%}
.mcs-cats-page .mcs-cats-header-inner{max-width:1200px;margin:0 auto;padding:0 24px}
.mcs-cats-page .mcs-cats-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(14,165,233,0.15);border:1px solid rgba(14,165,233,0.3);color:#0EA5E9;font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:14px}
.mcs-cats-page .mcs-cats-badge .dot{width:6px;height:6px;background:#0EA5E9;border-radius:50%;animation:mcsCatsPulse 1.5s infinite}
@keyframes mcsCatsPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.3)}}
.mcs-cats-page .mcs-cats-header h1{font-size:36px;font-weight:800;line-height:1.1;letter-spacing:-1px;margin-bottom:8px;color:#fff}
.mcs-cats-page .mcs-cats-header h1 .bi{color:#0EA5E9;font-style:italic}
.mcs-cats-page .mcs-cats-subtitle{color:rgba(255,255,255,0.6);font-size:15px;max-width:520px;margin-bottom:24px;line-height:1.5}
.mcs-cats-page .mcs-cats-search{max-width:480px;background:rgba(255,255,255,0.08);border:1.5px solid rgba(255,255,255,0.15);border-radius:12px;display:flex;align-items:center;overflow:hidden}
.mcs-cats-page .mcs-cats-search input{flex:1;padding:14px 18px;background:transparent;border:none;color:#fff;font-family:'Inter',sans-serif;font-size:14px;outline:none}
.mcs-cats-page .mcs-cats-search input::placeholder{color:rgba(255,255,255,0.4)}
.mcs-cats-page .mcs-cats-search button{background:#0EA5E9;color:#fff;padding:14px 24px;font-family:'Poppins',sans-serif;font-weight:700;font-size:13px;border:none;cursor:pointer}
.mcs-cats-page .mcs-cats-stats{display:flex;gap:24px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.08);flex-wrap:wrap}
.mcs-cats-page .mcs-cats-stat{display:flex;flex-direction:column}
.mcs-cats-page .mcs-cats-stat .num{font-family:'Poppins',sans-serif;font-size:22px;font-weight:800;color:#fff}
.mcs-cats-page .mcs-cats-stat .label{font-size:11px;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:0.5px;margin-top:2px}

/* ---- Main + grid ---- */
.mcs-cats-page .mcs-cats-main{max-width:1200px;margin:0 auto;padding:32px 24px 60px}
.mcs-cats-page .mcs-cats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}

/* ---- Card ---- */
.mcs-cats-page .mcs-cats-card{background:#fff;border:1.5px solid #E2E8F0;border-radius:14px;padding:18px;display:block;transition:all 0.2s}
.mcs-cats-page .mcs-cats-card:hover{border-color:#0EA5E9;transform:translateY(-2px);box-shadow:0 8px 20px rgba(14,165,233,0.12)}
.mcs-cats-page .mcs-cats-card-top{display:flex;align-items:center;gap:13px}
.mcs-cats-page .mcs-cats-ico{width:46px;height:46px;border-radius:12px;background:#EFF6FF;display:flex;align-items:center;justify-content:center;color:#0EA5E9;flex-shrink:0}
.mcs-cats-page .mcs-cats-ico svg{width:22px;height:22px}
.mcs-cats-page .mcs-cats-info{flex:1;min-width:0;display:flex;flex-direction:column}
.mcs-cats-page .mcs-cats-name{font-family:'Poppins',sans-serif;font-size:15px;font-weight:700;color:#0A0F1E;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mcs-cats-page .mcs-cats-meta{font-size:12px;color:#64748B;margin-top:2px}
.mcs-cats-page .mcs-cats-arrow{font-size:18px;color:#CBD5E1;flex-shrink:0;transition:color 0.15s,transform 0.15s}
.mcs-cats-page .mcs-cats-card:hover .mcs-cats-arrow{color:#0EA5E9;transform:translateX(3px)}

/* top-store chips */
.mcs-cats-page .mcs-cats-stores{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}
.mcs-cats-page .mcs-cats-chip{font-size:10px;background:#F1F5F9;color:#475569;padding:3px 8px;border-radius:6px;white-space:nowrap}

/* ---- SEO ---- */
.mcs-cats-page .mcs-cats-seo{background:#fff;border:1.5px solid #E2E8F0;border-radius:16px;padding:32px;margin-top:32px}
.mcs-cats-page .mcs-cats-seo h2{font-size:22px;font-weight:800;letter-spacing:-0.4px;margin-bottom:14px;color:#0A0F1E}
.mcs-cats-page .mcs-cats-seo h2 .bi{color:#0EA5E9;font-style:italic}
.mcs-cats-page .mcs-cats-seo p{font-size:14px;color:#64748B;line-height:1.8;margin-bottom:14px}
.mcs-cats-page .mcs-cats-seo p:last-child{margin-bottom:0}

/* ---- Responsive ---- */
@media(max-width:760px){
  .mcs-cats-page .mcs-cats-grid{grid-template-columns:1fr}
  .mcs-cats-page .mcs-cats-header h1{font-size:28px}
}

/* ============================================================================
   SECTION 4. FOOTER SUBSCRIBE  (.footer-subscribe) — SITE-WIDE
   ============================================================================ */

/* ---- Section shell: full-width navy band ---- */
.footer-subscribe {
  background: #0A0F1E;
  padding: 48px 0;
}

/* widen the native narrow column into a centered block */
.footer-subscribe .col-sm-6.col-sm-push-3 {
  width: 100%;
  left: auto;
  max-width: 920px;
  margin: 0 auto;
  float: none;
  text-align: center;
}

/* ---- Envelope icon ---- */
.footer-subscribe .icon-envelope {
  display: inline-block;
  font-size: 34px;
  color: #0EA5E9;
  margin-bottom: 14px;
}

/* ---- Heading ---- */
.footer-subscribe h4 {
  font-family: 'Poppins', sans-serif;
  font-size: 24px; font-weight: 800; color: #fff;
  letter-spacing: -.4px; line-height: 1.3;
  margin: 0 auto 22px;
  max-width: 640px;
}

/* ---- Form: input + button row ---- */
.footer-subscribe form.ajax-form {
  max-width: 560px;
  margin: 0 auto;
}
.footer-subscribe .relative-holder {
  display: flex;
  gap: 10px;
  align-items: stretch;
}

/* email input */
.footer-subscribe .relative-holder input.form-control {
  flex: 1 1 auto;
  min-width: 0;
  padding: 15px 18px;
  border: 1.5px solid rgba(255,255,255,.15);
  border-radius: 10px;
  background: rgba(255,255,255,.07);
  color: #fff;
  font-family: 'Inter', sans-serif; font-size: 14px;
  outline: none; box-shadow: none; height: auto;
  transition: border-color .15s ease, background .15s ease;
}
.footer-subscribe .relative-holder input.form-control::placeholder { color: rgba(255,255,255,.4); }
.footer-subscribe .relative-holder input.form-control:focus {
  border-color: #0EA5E9; background: rgba(255,255,255,.10);
}

/* subscribe button (it's an <a>) */
.footer-subscribe .relative-holder a.submit-ajax-form {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0 28px; min-height: 50px;
  background: #0EA5E9; color: #fff;
  font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: .3px;
  border: none; border-radius: 10px; text-decoration: none; white-space: nowrap;
  transition: background .2s ease;
}
.footer-subscribe .relative-holder a.submit-ajax-form:hover { background: #0284C7; }

/* AJAX result message */
.footer-subscribe .ajax-form-result {
  font-family: 'Inter', sans-serif; font-size: 13px; color: #7DD3FC;
  margin-top: 12px; min-height: 0;
}

/* ---- Disclaimer ---- */
.footer-subscribe p {
  font-family: 'Inter', sans-serif; font-size: 12px; color: rgba(255,255,255,.4);
  margin: 14px 0 0;
}

/* ---- Responsive ---- */
@media (max-width: 600px) {
  .footer-subscribe { padding: 36px 0; }
  .footer-subscribe h4 { font-size: 20px; }
  .footer-subscribe .relative-holder { flex-direction: column; }
  .footer-subscribe .relative-holder a.submit-ajax-form { padding: 14px; }
}

/* ============================================================================
   SECTION 5. BLOG LISTING  (.mcs-blog-page)
   ============================================================================ */

.mcs-blog-page *{box-sizing:border-box;margin:0;padding:0}
.mcs-blog-page{font-family:'Inter',sans-serif;color:#0A0F1E;background:#F8FAFC}
.mcs-blog-page a{text-decoration:none;color:inherit}
.mcs-blog-page h1{font-family:'Poppins',sans-serif}

/* ---- Header ---- */
.mcs-blog-page .mcs-blog-header{background:#0A0F1E;padding:40px 0 32px;color:#fff;width:100%}
.mcs-blog-page .mcs-blog-header-inner{max-width:1200px;margin:0 auto;padding:0 24px}
.mcs-blog-page .mcs-blog-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(14,165,233,0.15);border:1px solid rgba(14,165,233,0.3);color:#0EA5E9;font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:14px}
.mcs-blog-page .mcs-blog-badge .dot{width:6px;height:6px;background:#0EA5E9;border-radius:50%;animation:mcsBlogPulse 1.5s infinite}
@keyframes mcsBlogPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.3)}}
.mcs-blog-page .mcs-blog-header h1{font-size:34px;font-weight:800;line-height:1.1;letter-spacing:-1px;margin-bottom:8px;color:#fff}
.mcs-blog-page .mcs-blog-header h1 .bi{color:#0EA5E9;font-style:italic}
.mcs-blog-page .mcs-blog-subtitle{color:rgba(255,255,255,0.6);font-size:15px;max-width:500px;margin-bottom:22px;line-height:1.5}
.mcs-blog-page .mcs-blog-search{max-width:440px;background:rgba(255,255,255,0.08);border:1.5px solid rgba(255,255,255,0.15);border-radius:12px;display:flex;align-items:center;overflow:hidden}
.mcs-blog-page .mcs-blog-search input{flex:1;padding:13px 16px;background:transparent;border:none;color:#fff;font-family:'Inter',sans-serif;font-size:14px;outline:none}
.mcs-blog-page .mcs-blog-search input::placeholder{color:rgba(255,255,255,0.4)}
.mcs-blog-page .mcs-blog-search button{background:#0EA5E9;color:#fff;padding:13px 22px;font-family:'Poppins',sans-serif;font-weight:700;font-size:13px;border:none;cursor:pointer}

/* ---- Topic pills ---- */
.mcs-blog-page .mcs-blog-topics{background:#fff;border-bottom:1px solid #E2E8F0;padding:13px 0}
.mcs-blog-page .mcs-blog-topics-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}
.mcs-blog-page .mcs-blog-topics-inner::-webkit-scrollbar{display:none}
.mcs-blog-page .mcs-blog-topics-label{font-size:11px;font-weight:700;color:#64748B;text-transform:uppercase;letter-spacing:0.5px;flex-shrink:0}
.mcs-blog-page .mcs-blog-pill{padding:6px 13px;border:1.5px solid #E2E8F0;background:#fff;border-radius:8px;font-size:12px;font-weight:600;color:#64748B;white-space:nowrap;flex-shrink:0;cursor:pointer}
.mcs-blog-page .mcs-blog-pill:hover{border-color:#0EA5E9;color:#0EA5E9;background:#F0F9FF}
.mcs-blog-page .mcs-blog-pill.active{border-color:#0EA5E9;color:#0EA5E9;background:#F0F9FF}

/* ---- Main ---- */
.mcs-blog-page .mcs-blog-main{max-width:1200px;margin:0 auto;padding:28px 24px 56px}

/* shared category tag */
.mcs-blog-page .mcs-blog-cat{display:inline-block;background:#EFF6FF;color:#0EA5E9;font-size:10px;font-weight:700;padding:3px 9px;border-radius:6px;width:fit-content}
.mcs-blog-page .mcs-blog-meta{font-size:11px;color:#94A3B8}

/* ---- Featured post (large) ---- */
.mcs-blog-page .mcs-blog-featured{display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border:1.5px solid #E2E8F0;border-radius:16px;overflow:hidden;margin-bottom:24px;transition:box-shadow .2s,border-color .2s}
.mcs-blog-page .mcs-blog-featured:hover{border-color:#0EA5E9;box-shadow:0 10px 30px -12px rgba(14,165,233,0.25)}
.mcs-blog-page .mcs-blog-feat-img{display:block;min-height:240px;background-size:cover;background-position:center}
.mcs-blog-page .mcs-blog-feat-img.is-empty{background:linear-gradient(135deg,#0EA5E9,#0A0F1E)}
.mcs-blog-page .mcs-blog-feat-body{display:flex;flex-direction:column;padding:28px}
.mcs-blog-page .mcs-blog-tags{display:flex;gap:8px;align-items:center;margin-bottom:12px}
.mcs-blog-page .mcs-blog-feat-tag{background:#FEF3C7;color:#B45309;font-size:10px;font-weight:700;padding:3px 9px;border-radius:6px;text-transform:uppercase;letter-spacing:0.4px}
.mcs-blog-page .mcs-blog-feat-title{font-family:'Poppins',sans-serif;font-size:23px;font-weight:700;color:#0A0F1E;line-height:1.25;letter-spacing:-0.4px;margin-bottom:10px}
.mcs-blog-page .mcs-blog-feat-excerpt{font-size:14px;color:#64748B;line-height:1.6;margin-bottom:16px}
.mcs-blog-page .mcs-blog-featured:hover .mcs-blog-feat-title{color:#0EA5E9}

/* ---- Post grid ---- */
.mcs-blog-page .mcs-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mcs-blog-page .mcs-blog-card{display:flex;flex-direction:column;background:#fff;border:1.5px solid #E2E8F0;border-radius:14px;overflow:hidden;transition:box-shadow .2s,border-color .2s,transform .2s}
.mcs-blog-page .mcs-blog-card:hover{border-color:#0EA5E9;transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(14,165,233,0.3)}
.mcs-blog-page .mcs-blog-thumb{display:block;height:150px;background-size:cover;background-position:center}
.mcs-blog-page .mcs-blog-thumb.is-empty{background:linear-gradient(135deg,#E0F2FE,#BAE6FD)}
.mcs-blog-page .mcs-blog-card-body{display:flex;flex-direction:column;gap:8px;padding:16px}
.mcs-blog-page .mcs-blog-card-title{font-family:'Poppins',sans-serif;font-size:15px;font-weight:600;color:#0A0F1E;line-height:1.3;letter-spacing:-0.2px}
.mcs-blog-page .mcs-blog-card:hover .mcs-blog-card-title{color:#0EA5E9}
.mcs-blog-page .mcs-blog-card-excerpt{font-size:12.5px;color:#64748B;line-height:1.55}

.mcs-blog-page .mcs-blog-empty{padding:60px 24px;text-align:center;color:#64748B;font-size:15px}

/* ---- Responsive ---- */
@media(max-width:900px){
  .mcs-blog-page .mcs-blog-grid{grid-template-columns:repeat(2,1fr)}
  .mcs-blog-page .mcs-blog-featured{grid-template-columns:1fr}
  .mcs-blog-page .mcs-blog-feat-img{min-height:180px}
}
@media(max-width:560px){
  .mcs-blog-page .mcs-blog-grid{grid-template-columns:1fr}
  .mcs-blog-page .mcs-blog-header h1{font-size:27px}
}

/* ============================================================================
   SECTION 6. BLOG CATEGORY ARCHIVE  (body.category)
   ============================================================================ */

/* ---- Navy header band (native .main-title) ---- */
body.category .main-title{background:#0A0F1E;padding:34px 0 30px;margin-bottom:0}
body.category .main-title .container{max-width:1200px}
body.category .main-title .flex-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
body.category .main-title .flex-right{order:-1}
body.category .main-title h1,
body.category .main-title h1.h3-size{font-family:'Poppins',sans-serif;font-size:32px;font-weight:800;letter-spacing:-1px;color:#fff;line-height:1.1}
body.category .main-title .breadcrumb{background:transparent;padding:0;margin:0;font-size:12px}
body.category .main-title .breadcrumb li,
body.category .main-title .breadcrumb li a{color:rgba(255,255,255,0.55)}
body.category .main-title .breadcrumb li a:hover{color:#0EA5E9}

/* ---- Topic pills bar (injected by PHP, .mcs-blog-archive-topics) ---- */
.mcs-blog-archive-topics{background:#fff;border-bottom:1px solid #E2E8F0;padding:13px 0}
.mcs-blog-archive-topics .mcs-bat-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}
.mcs-blog-archive-topics .mcs-bat-inner::-webkit-scrollbar{display:none}
.mcs-blog-archive-topics .mcs-bat-label{font-size:11px;font-weight:700;color:#64748B;text-transform:uppercase;letter-spacing:0.5px;flex-shrink:0;font-family:'Inter',sans-serif}
.mcs-blog-archive-topics .mcs-bat-pill{padding:6px 13px;border:1.5px solid #E2E8F0;background:#fff;border-radius:8px;font-size:12px;font-weight:600;color:#64748B;white-space:nowrap;flex-shrink:0;font-family:'Inter',sans-serif}
.mcs-blog-archive-topics .mcs-bat-pill:hover{border-color:#0EA5E9;color:#0EA5E9;background:#F0F9FF}
.mcs-blog-archive-topics .mcs-bat-pill.active{border-color:#0EA5E9;color:#0EA5E9;background:#F0F9FF}

/* ---- Layout: full-width grid, hide empty sidebar ---- */
body.category main{background:#F8FAFC;padding-top:0;margin-top:0}
/* kill native top spacing between the pills bar and the post grid */
body.category main > .container,
body.category main .container{max-width:1200px;padding-top:24px;padding-bottom:48px;margin-top:0}
body.category main .row{margin-top:0}
body.category main .row{display:block}
body.category main .col-sm-4{display:none !important}
body.category main .col-sm-8{width:100%;max-width:100%;flex:0 0 100%;float:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
/* pagination (if present) spans the whole grid row */
body.category main .col-sm-8 > .pagination,
body.category main .col-sm-8 > nav,
body.category main .col-sm-8 > .navigation,
body.category main .col-sm-8 > .wp-pagenavi{grid-column:1 / -1;display:flex;justify-content:center;gap:6px;margin-top:8px}

/* ---- Post card (native article.white-block) ---- */
body.category article.white-block{display:flex;flex-direction:column;background:#fff;border:1.5px solid #E2E8F0;border-radius:14px;overflow:hidden;padding:0;margin:0;box-shadow:none;transition:transform .2s,box-shadow .2s,border-color .2s}
body.category article.white-block:hover{border-color:#0EA5E9;transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(14,165,233,0.3)}
body.category article.white-block .blog-item-media{display:block;margin:0;line-height:0}
body.category article.white-block .blog-item-media img{width:100%;height:160px;object-fit:cover;display:block}
body.category article.white-block .white-block-content{display:flex;flex-direction:column;gap:8px;padding:16px}
body.category article.white-block .blog-item-title{font-family:'Poppins',sans-serif;font-size:16px;font-weight:600;line-height:1.3;letter-spacing:-0.2px;margin:0}
body.category article.white-block .blog-item-title a{color:#0A0F1E;text-decoration:none}
body.category article.white-block:hover .blog-item-title a{color:#0EA5E9}
body.category article.white-block .blog-item-meta{font-size:11px;color:#94A3B8;margin:0}
body.category article.white-block .blog-item-meta a{color:#0EA5E9;text-decoration:none}
body.category article.white-block .white-block-content > p{font-size:12.5px;color:#64748B;line-height:1.55;margin:0}
body.category article.white-block .continue-read{display:inline-flex;align-items:center;gap:5px;font-family:'Inter',sans-serif;font-size:12px;font-weight:700;color:#0EA5E9;text-decoration:none;margin-top:2px}
body.category article.white-block .continue-read:hover{gap:8px}

/* ---- Responsive ---- */
@media(max-width:900px){
  body.category main .col-sm-8{grid-template-columns:repeat(2,1fr)}
  body.category .main-title h1,body.category .main-title h1.h3-size{font-size:26px}
}
@media(max-width:560px){
  body.category main .col-sm-8{grid-template-columns:1fr}
}

/* ============================================================================
   SECTION 7. BLOG SINGLE POST  (body.single-post)
   ============================================================================ */

body.single-post main{background:#F8FAFC}
body.single-post main .container{max-width:1200px;padding-top:28px;padding-bottom:48px}

/* ---- Layout: content + sticky sidebar ---- */
body.single-post main .row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px}
body.single-post main .col-sm-8{width:auto;flex:1 1 0;min-width:0;float:none;max-width:100%}
body.single-post main .col-sm-4{width:320px;flex:0 0 320px;float:none;max-width:320px;position:sticky;top:20px}

/* ---- Article card ---- */
body.single-post .col-sm-8 > .white-block{background:#fff;border:1.5px solid #E2E8F0;border-radius:16px;padding:28px;margin-bottom:24px;box-shadow:none}
body.single-post .white-block .text-center{margin:0 0 22px}
body.single-post .white-block .text-center img,
body.single-post .white-block .wp-post-image{width:100%;height:auto;border-radius:12px;display:block}
body.single-post .blog-item-title,
body.single-post h1.blog-item-title{font-family:'Poppins',sans-serif;font-size:28px;font-weight:800;line-height:1.25;letter-spacing:-0.5px;margin:0 0 12px}
body.single-post .blog-item-title a{color:#0A0F1E;text-decoration:none;pointer-events:none}
body.single-post .blog-item-meta{font-size:13px;color:#94A3B8;margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid #E2E8F0}
body.single-post .blog-item-meta a{color:#0EA5E9;text-decoration:none}

/* ---- Article body typography ---- */
body.single-post .post-content{font-size:16px;line-height:1.85;color:#334155}
body.single-post .post-content p{margin:0 0 18px}
body.single-post .post-content h2{font-family:'Poppins',sans-serif;font-size:22px;font-weight:700;color:#0A0F1E;letter-spacing:-0.3px;margin:34px 0 14px;scroll-margin-top:20px}
body.single-post .post-content h3{font-family:'Poppins',sans-serif;font-size:18px;font-weight:700;color:#0A0F1E;margin:26px 0 10px;scroll-margin-top:20px}
body.single-post .post-content a{color:#0284C7;text-decoration:underline}
body.single-post .post-content ul,
body.single-post .post-content ol{margin:0 0 18px;padding-left:22px}
body.single-post .post-content li{margin:0 0 8px}
body.single-post .post-content img{max-width:100%;height:auto;border-radius:10px;margin:14px 0}
body.single-post .post-content blockquote{border-left:4px solid #0EA5E9;background:#F0F9FF;margin:18px 0;padding:14px 18px;border-radius:0 8px 8px 0;color:#475569}
body.single-post .post-content table{width:100%;border-collapse:collapse;margin:18px 0}
body.single-post .post-content th,
body.single-post .post-content td{border:1px solid #E2E8F0;padding:10px 12px;text-align:left;font-size:14px}
body.single-post .post-content th{background:#F8FAFC;font-weight:700;color:#0A0F1E}

/* ---- Comments (kept, lightly styled) ---- */
body.single-post #comments .white-block{background:#fff;border:1.5px solid #E2E8F0;border-radius:16px;padding:24px}
body.single-post #comments .widget-title h4{font-family:'Poppins',sans-serif;font-size:18px;font-weight:700;color:#0A0F1E}

/* ============================================================
   INJECTED SIDEBAR  (.mcs-bs ... inside the empty .col-sm-4)
   ============================================================ */
.mcs-bs{display:flex;flex-direction:column;gap:16px;font-family:'Inter',sans-serif}
.mcs-bs-card{background:#fff;border:1.5px solid #E2E8F0;border-radius:14px;padding:18px}
.mcs-bs-title{font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:#0A0F1E;text-transform:uppercase;letter-spacing:0.4px;margin:0 0 12px}

/* TOC */
.mcs-bs-toc .mcs-bs-toc-list{display:flex;flex-direction:column;gap:9px}
.mcs-bs-toc a{font-size:13px;color:#64748B;text-decoration:none;line-height:1.4;border-left:2px solid #E2E8F0;padding-left:10px;transition:color .15s,border-color .15s}
.mcs-bs-toc a:hover,.mcs-bs-toc a.active{color:#0EA5E9;border-color:#0EA5E9}

/* Popular stores (Related Deals) */
.mcs-bs-deals .mcs-bs-store{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #E2E8F0;border-radius:9px;text-decoration:none;margin-bottom:8px;transition:border-color .15s,background .15s}
.mcs-bs-deals .mcs-bs-store:last-child{margin-bottom:0}
.mcs-bs-deals .mcs-bs-store:hover{border-color:#0EA5E9;background:#F0F9FF}
.mcs-bs-logo{width:38px;height:38px;background:#F0F9FF;border:1px solid #E2E8F0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-size:9px;font-weight:800;color:#0EA5E9;flex-shrink:0;overflow:hidden;padding:4px}
.mcs-bs-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.mcs-bs-store-info{min-width:0}
.mcs-bs-store-name{font-size:12px;font-weight:700;color:#0A0F1E;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mcs-bs-store-deals{font-size:10px;color:#64748B}

/* Newsletter CTA (scrolls to footer subscribe) */
.mcs-bs-news{background:#0A0F1E;border:none}
.mcs-bs-news .mcs-bs-title{color:#fff}
.mcs-bs-news p{font-size:11px;color:rgba(255,255,255,0.55);margin:0 0 12px;line-height:1.5}
.mcs-bs-news button{width:100%;background:#0EA5E9;color:#fff;border:none;padding:11px;border-radius:8px;font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;cursor:pointer}
.mcs-bs-news button:hover{background:#0284C7}

/* ============================================================
   BOTTOM "GRAB THESE DEALS" STRIP  (.mcs-bottom-deals)
   ============================================================ */
.mcs-bottom-deals{background:#fff;border:1.5px solid #E2E8F0;border-radius:16px;padding:24px;margin-bottom:24px;font-family:'Inter',sans-serif}
.mcs-bottom-deals .mcs-bd-title{font-family:'Poppins',sans-serif;font-size:20px;font-weight:800;color:#0A0F1E;letter-spacing:-0.3px;margin:0 0 16px}
.mcs-bottom-deals .mcs-bd-title span{color:#0EA5E9;font-style:italic}
.mcs-bottom-deals .mcs-bd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mcs-bd-card{border:1.5px solid #E2E8F0;border-radius:12px;padding:16px;text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:8px;transition:border-color .2s,transform .2s,box-shadow .2s}
.mcs-bd-card:hover{border-color:#0EA5E9;transform:translateY(-2px);box-shadow:0 8px 20px -12px rgba(14,165,233,0.3)}
.mcs-bd-logo{width:52px;height:52px;background:#F0F9FF;border:1px solid #E2E8F0;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-size:11px;font-weight:800;color:#0EA5E9;overflow:hidden;padding:6px}
.mcs-bd-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.mcs-bd-name{font-size:14px;font-weight:700;color:#0A0F1E}
.mcs-bd-sub{font-size:11px;color:#64748B}
.mcs-bd-btn{margin-top:4px;background:#0A0F1E;color:#fff;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:700;width:100%}
.mcs-bd-card:hover .mcs-bd-btn{background:#0EA5E9}

/* ---- Responsive ---- */
@media(max-width:900px){
  body.single-post main .row{flex-direction:column}
  body.single-post main .col-sm-4{width:100%;flex-basis:auto;max-width:100%;position:static}
  .mcs-bottom-deals .mcs-bd-grid{grid-template-columns:1fr}
  body.single-post .blog-item-title,body.single-post h1.blog-item-title{font-size:23px}
}

/* ============================================================================
   SECTION 8. NATIVE HEADER RESKIN  (header)  — SITE-WIDE
   ============================================================================ */

/* ---------- top row: logo + search ---------- */
header .top-header{background:#0A0F1E;padding:0}
header .top-header .container{max-width:1200px}
header .top-header .flex-wrap.flex-always{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;flex-wrap:wrap}
header .top-header .flex-right{display:flex;align-items:center;gap:12px}

/* logo */
header .top-header .flex-left{display:flex;align-items:center;gap:10px}
header a.logo{display:inline-flex;align-items:center;line-height:0}
header a.logo img{max-height:40px;width:auto;height:auto}

/* --- TEXT LOGO (hide native image, show styled wordmark) ---
   To revert to the image logo, delete this block. */
header a.logo img{display:none}
header a.logo::after{content:"MyCouponSpot";font-family:'Poppins',sans-serif;font-size:22px;font-weight:800;letter-spacing:-0.5px;color:#fff;line-height:1;white-space:nowrap}

/* dynamic country badge (injected by PHP next to the logo) */
.mcs-country-badge{display:inline-flex;align-items:center;gap:4px;background:#0EA5E9;color:#fff;font-family:'Poppins',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.5px;padding:3px 9px;border-radius:6px;text-transform:uppercase;line-height:1.4;white-space:nowrap;flex-shrink:0}

/* search (native working form) */
header form.main-search{position:relative;display:flex;align-items:center;width:380px;max-width:100%;background:rgba(255,255,255,0.08);border:1.5px solid rgba(255,255,255,0.15);border-radius:8px;overflow:visible;margin:0}
header form.main-search .form-control{flex:1;min-width:0;padding:7px 14px;background:transparent;border:none;color:#fff;font-family:'Inter',sans-serif;font-size:14px;outline:none;box-shadow:none;height:auto;line-height:1.5}
header form.main-search .form-control::placeholder{color:rgba(255,255,255,0.45)}
header form.main-search a.submit-form{flex-shrink:0;background:#0EA5E9;color:#fff;font-family:'Poppins',sans-serif;font-weight:700;font-size:13px;padding:7px 20px;border-radius:0 7px 7px 0;text-decoration:none;border:none;transition:background .15s;position:relative;z-index:2;display:flex;align-items:center}
header form.main-search a.submit-form:hover{background:#0284C7}
header form.main-search .store-search-spin{display:none !important}
header form.main-search .store-search-spin.fa-spin{display:inline-block !important;position:absolute;right:88px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,0.6);z-index:1}
/* AJAX autocomplete dropdown */
header form.main-search .store-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #E2E8F0;border-radius:10px;box-shadow:0 12px 30px -10px rgba(0,0,0,0.25);z-index:999;overflow:hidden}
header form.main-search .store-search-results:empty{display:none}
header form.main-search .store-search-results p:empty{display:none}
header form.main-search .store-search-list{margin:0;padding:0}
header form.main-search .store-search-list li a{display:block;padding:10px 14px;color:#0A0F1E;font-size:13px;text-decoration:none}
header form.main-search .store-search-list li a:hover{background:#F0F9FF;color:#0EA5E9}

/* ---------- nav row ---------- */
header .navigation{background:#0A0F1E;border-top:1px solid rgba(255,255,255,0.08)}
header .navigation .container{max-width:1200px}
header .navigation .container > .flex-wrap{display:flex;align-items:center;width:100%}
header .navigation .navbar,
header .navigation .navbar-default{background:transparent;border:none;margin:0;min-height:0;border-radius:0}
header .navigation .navbar-collapse{padding:0;box-shadow:none}
header .navigation ul.nav.navbar-nav{display:flex;align-items:center;gap:4px;margin:0;float:none}
header .navigation ul.nav.navbar-nav > li{float:none;margin:0}
header .navigation ul.nav.navbar-nav > li > a{display:block;padding:13px 16px;color:rgba(255,255,255,0.75);font-family:'Inter',sans-serif;font-size:14px;font-weight:500;border-bottom:2px solid transparent;background:transparent;transition:color .15s,border-color .15s}
header .navigation ul.nav.navbar-nav > li > a:hover{color:#fff;background:transparent}
header .navigation ul.nav.navbar-nav > li.current-menu-item > a,
header .navigation ul.nav.navbar-nav > li.current_page_item > a{color:#0EA5E9;border-bottom-color:#0EA5E9}

/* ---------- country switcher (injected into nav row, right side) ---------- */
.mcs-switcher{position:relative;font-family:'Inter',sans-serif;flex-shrink:0;margin-left:auto}
.mcs-switcher .mcs-sw-btn{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,0.08);border:1.5px solid rgba(255,255,255,0.15);color:#fff;font-size:13px;font-weight:600;padding:7px 12px;border-radius:8px;cursor:pointer}
.mcs-switcher .mcs-sw-btn:hover{border-color:#0EA5E9}
.mcs-switcher .mcs-sw-caret{font-size:10px;opacity:0.7;transition:transform .15s}
.mcs-switcher.open .mcs-sw-caret{transform:rotate(180deg)}
.mcs-switcher .mcs-sw-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:170px;background:#fff;border:1px solid #E2E8F0;border-radius:10px;box-shadow:0 12px 30px -10px rgba(0,0,0,0.25);padding:6px;display:none;z-index:1000}
.mcs-switcher.open .mcs-sw-menu{display:block}
.mcs-switcher .mcs-sw-item{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:7px;color:#0A0F1E;font-size:13px;font-weight:500;text-decoration:none}
.mcs-switcher .mcs-sw-item:hover{background:#F0F9FF;color:#0EA5E9}
.mcs-switcher .mcs-sw-item.active{background:#F0F9FF;color:#0EA5E9;font-weight:700}
.mcs-switcher .mcs-sw-flag{font-size:16px;line-height:1}

/* ---------- mobile (native hamburger already works; just style) ---------- */
header .navigation .navbar-toggle{display:none;background:rgba(255,255,255,0.08);border:1.5px solid rgba(255,255,255,0.15);border-radius:8px;padding:8px 10px;margin:0}
header .navigation .navbar-toggle .icon-menu{color:#fff;font-size:18px}
header .navigation .nav-copy{width:100%}

@media(max-width:991px){
  header .top-header .flex-wrap.flex-always{flex-wrap:wrap;gap:12px}
  header .top-header .flex-left{flex:1}
  header form.main-search{width:100%;order:3}
  header .navigation .flex-wrap{display:flex;align-items:center;justify-content:space-between}
  header .navigation .navbar-toggle{display:inline-flex;align-items:center}
  /* native theme swaps .nav-paste -> .nav-copy on mobile; style the clone */
  header .navigation .nav-copy ul.nav.navbar-nav{flex-direction:column;align-items:stretch;gap:0;width:100%}
  header .navigation .nav-copy ul.nav.navbar-nav > li > a{padding:12px 4px;border-bottom:1px solid rgba(255,255,255,0.08)}
  header .navigation .nav-copy ul.nav.navbar-nav > li.current-menu-item > a{border-bottom-color:rgba(255,255,255,0.08)}
  .mcs-switcher{margin:8px 0}
  .mcs-switcher .mcs-sw-menu{left:0;right:auto}
}
@media(max-width:520px){
  header a.logo img{max-height:32px}
  header form.main-search a.submit-form{padding:11px 16px}
}

/* ============================================================================
   SECTION 9. STORE PAGE  (body.tax-coupon-store)
   ----------------------------------------------------------------------------
   Single-store page: coupon cards (list layout), store header, related
   stores sidebar, sidebar widget cards, newsletter, rich content (About/SEO/
   FAQ). Entire section scoped to body.tax-coupon-store so the store coupon-card
   LIST layout never clashes with the category page's GRID layout (Section 3,
   .tax-coupon-category). Money buttons recolored only — native popup untouched.
   ============================================================================ */

/* [S1] COUPON CARDS */
body.tax-coupon-store .coupon-box.coupon-list {position:relative;background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:16px 18px;margin-bottom:12px;box-shadow:0 1px 3px rgba(10,15,30,.06);transition:box-shadow .2s ease, border-color .2s ease;}
body.tax-coupon-store .coupon-box.coupon-list:hover {border-color:#0EA5E9;box-shadow:0 6px 22px rgba(14,165,233,.10);}
body.tax-coupon-store .coupon-box.coupon-list .white-block-content {width:100%;}
body.tax-coupon-store .coupon-box.coupon-list .flex-wrap {display:flex;align-items:center;gap:18px;flex-wrap:nowrap;}
body.tax-coupon-store .coupon-box.coupon-list .flex-left {flex:0 0 auto;}
body.tax-coupon-store .coupon-box.coupon-list .coupon-image {display:flex;align-items:center;justify-content:center;width:84px;height:56px;border:1px solid #E2E8F0;border-radius:10px;background:#fff;overflow:hidden;}
body.tax-coupon-store .coupon-box.coupon-list .coupon-image img {max-width:82%;max-height:82%;width:auto;height:auto;object-fit:contain;}
body.tax-coupon-store .coupon-box.coupon-list .flex-middle {flex:1 1 auto;min-width:0;}
body.tax-coupon-store .coupon-box.coupon-list .flex-middle h4 {margin:0;}
body.tax-coupon-store .coupon-box.coupon-list .flex-middle h4 a.coupon-action-button {font-family:'Poppins',sans-serif;font-size:15px;font-weight:600;line-height:1.4;color:#0A0F1E;text-decoration:none;background:none;border:none;padding:0;display:inline;white-space:normal !important;overflow:visible !important;text-overflow:clip !important;}
body.tax-coupon-store .coupon-box.coupon-list .flex-middle h4 a.coupon-action-button:hover {color:#0EA5E9;}
body.tax-coupon-store .coupon-box.coupon-list .coupon-top-meta,
body.tax-coupon-store .coupon-box.coupon-list .coupon-bottom-meta {display:none;}
body.tax-coupon-store .coupon-box.coupon-list .flex-right {flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:8px;}
body.tax-coupon-store .coupon-box.coupon-list .expire {font-family:'Inter',sans-serif;font-size:11px;color:#94A3B8;text-align:right;display:block;}
body.tax-coupon-store .coupon-box.coupon-list a.coupon-action-button.header-alike {display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;align-self:flex-end;background:#0A0F1E !important;border:none !important;border-radius:9px !important;padding:12px 22px !important;box-shadow:0 2px 8px rgba(10,15,30,.12) !important;text-decoration:none !important;white-space:nowrap !important;transition:background .15s ease !important;}
body.tax-coupon-store .coupon-box.coupon-list a.coupon-action-button.header-alike:hover {background:#1E293B !important;}
body.tax-coupon-store .coupon-box.coupon-list a.coupon-action-button.header-alike > * {display:inline !important;float:none !important;position:static !important;top:auto !important;right:auto !important;left:auto !important;bottom:auto !important;background:none !important;background-image:none !important;border:none !important;box-shadow:none !important;width:auto !important;height:auto !important;padding:0 !important;margin:0 !important;color:#fff !important;font-family:'Poppins',sans-serif !important;font-size:13px !important;font-weight:600 !important;line-height:1 !important;letter-spacing:normal !important;text-transform:none !important;}
body.tax-coupon-store .coupon-box.coupon-list a.coupon-action-button.header-alike .partial-code {display:none !important;}
body.tax-coupon-store .coupon-box.coupon-list .share-coupon {z-index:5;}
@media(max-width:600px){
body.tax-coupon-store .coupon-box.coupon-list .flex-wrap{flex-direction:column;align-items:stretch;gap:12px;}
body.tax-coupon-store .coupon-box.coupon-list .flex-right{align-items:stretch;}
body.tax-coupon-store .coupon-box.coupon-list a.coupon-action-button.header-alike{align-self:stretch;justify-content:center;}
body.tax-coupon-store .coupon-box.coupon-list .expire{text-align:left;}
}
/* [S2] STORE HEADER */
body.tax-coupon-store .taxonomy-header.white-block {background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:26px 28px;margin-bottom:20px;box-shadow:0 1px 3px rgba(10,15,30,.06);}
body.tax-coupon-store .taxonomy-header .store-tax-header-wrap .flex-wrap {display:flex;align-items:flex-start;gap:22px;flex-wrap:nowrap;}
body.tax-coupon-store .taxonomy-header .flex-left {flex:0 0 auto;}
body.tax-coupon-store .taxonomy-header .flex-left > a {display:block;background:none !important;box-shadow:none !important;padding:0 !important;border:none !important;}
body.tax-coupon-store .taxonomy-header .store-logo {display:flex;align-items:center;justify-content:center;width:104px;height:104px;border:1px solid #E2E8F0;border-radius:14px;background:#fff;overflow:hidden;}
body.tax-coupon-store .taxonomy-header .store-logo img {max-width:78%;max-height:78%;width:auto;height:auto;object-fit:contain;}
body.tax-coupon-store .taxonomy-header .flex-middle {flex:1 1 auto;min-width:0;}
body.tax-coupon-store .taxonomy-header .store-info h1 {font-family:'Poppins',sans-serif;font-size:26px;font-weight:700;color:#0A0F1E;margin:0 0 10px;line-height:1.2;}
body.tax-coupon-store .taxonomy-header .store-info h1::after {content:"\2713 Verified Store";display:inline-block;vertical-align:middle;margin-left:12px;font-family:'Inter',sans-serif;font-size:12px;font-weight:600;color:#10B981;background:#ECFDF5;border:1px solid #A7F3D0;border-radius:6px;padding:4px 10px;}
body.tax-coupon-store .taxonomy-header .store-info p {font-family:'Inter',sans-serif;font-size:14px;line-height:1.6;color:#64748B;margin:0;}
body.tax-coupon-store .taxonomy-header .post-share {display:flex;align-items:center;gap:8px;margin-top:16px;flex-wrap:wrap;}
body.tax-coupon-store .taxonomy-header .post-share::before {content:"Share:";font-family:'Inter',sans-serif;font-size:12px;color:#94A3B8;margin-right:2px;}
body.tax-coupon-store .taxonomy-header .post-share a.share {display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#F1F5F9;color:#475569;font-size:13px;text-decoration:none;transition:background .15s ease, color .15s ease;}
body.tax-coupon-store .taxonomy-header .post-share a.share:hover {background:#0EA5E9;color:#fff;}
body.tax-coupon-store .taxonomy-header .visit-store,
body.tax-coupon-store .taxonomy-header a.button {display:inline-flex;align-items:center;gap:6px;background:#0EA5E9 !important;color:#fff !important;font-family:'Poppins',sans-serif !important;font-weight:600 !important;font-size:13px !important;padding:11px 22px !important;border-radius:9px !important;border:none !important;text-decoration:none !important;box-shadow:0 2px 8px rgba(14,165,233,.25) !important;transition:background .15s ease !important;}
body.tax-coupon-store .taxonomy-header .visit-store:hover,
body.tax-coupon-store .taxonomy-header a.button:hover {background:#0A0F1E !important;}
@media(max-width:600px){
body.tax-coupon-store .taxonomy-header .store-tax-header-wrap .flex-wrap{flex-direction:column;align-items:flex-start;gap:14px;}
body.tax-coupon-store .taxonomy-header .store-info h1{font-size:22px;}
body.tax-coupon-store .taxonomy-header .store-info h1::after{display:none;}
}
/* [S3] RELATED STORES */
body.tax-coupon-store .mcs-related-stores {display:flex;flex-direction:column;gap:8px;}
body.tax-coupon-store .mcs-rs-head {display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:10px;}
body.tax-coupon-store .mcs-rs-title {font-family:'Poppins',sans-serif;font-size:16px;font-weight:600;color:#0A0F1E;}
body.tax-coupon-store .mcs-rs-viewall {font-family:'Inter',sans-serif;font-size:12px;font-weight:600;color:#0EA5E9;text-decoration:none;white-space:nowrap;}
body.tax-coupon-store .mcs-rs-viewall:hover {color:#0A0F1E;}
body.tax-coupon-store .mcs-rs-item {display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid #E2E8F0;border-radius:10px;background:#fff;text-decoration:none;transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;}
body.tax-coupon-store .mcs-rs-item:hover {border-color:#0EA5E9;box-shadow:0 4px 14px rgba(14,165,233,.10);transform:translateY(-1px);}
body.tax-coupon-store .mcs-rs-logo-wrap {flex:0 0 auto;width:96px;height:54px;border-radius:8px;background:#F8FAFC;border:1px solid #E2E8F0;display:flex;align-items:center;justify-content:center;overflow:hidden;}
body.tax-coupon-store .mcs-rs-logo-wrap img {display:block;width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;min-width:0 !important;min-height:0 !important;object-fit:contain !important;}
body.tax-coupon-store .mcs-rs-avatar {flex:0 0 auto;width:96px;height:54px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#E0F2FE;color:#0369A1;font-family:'Poppins',sans-serif;font-weight:700;font-size:18px;}
body.tax-coupon-store .mcs-rs-info {display:flex;flex-direction:column;min-width:0;}
body.tax-coupon-store .mcs-rs-name {font-family:'Poppins',sans-serif;font-size:13px;font-weight:600;color:#0A0F1E;line-height:1.3;}
body.tax-coupon-store .mcs-rs-deals {font-family:'Inter',sans-serif;font-size:11px;color:#94A3B8;line-height:1.3;}
/* [S4] SIDEBAR WIDGET CARDS */
body.tax-coupon-store .main-listing .col-sm-4 .widget.white-block {background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:20px 22px;margin-bottom:16px;box-shadow:0 1px 3px rgba(10,15,30,.06);}
body.tax-coupon-store .main-listing .col-sm-4 .widget.white-block .white-block-content {padding:0;}
body.tax-coupon-store .main-listing .col-sm-4 .widget .widget-title h4 {font-family:'Poppins',sans-serif;font-size:16px;font-weight:700;color:#0A0F1E;margin:0 0 12px;}
body.tax-coupon-store .main-listing .col-sm-4 .widget_widget_categories .widget-content li a {display:flex;align-items:center;justify-content:space-between;padding:10px 2px;font-family:'Inter',sans-serif;font-size:14px;font-weight:500;color:#0EA5E9;text-decoration:none;transition:color .15s ease;}
body.tax-coupon-store .main-listing .col-sm-4 .widget_widget_categories .widget-content li a:hover {color:#0A0F1E;}
body.tax-coupon-store .main-listing .col-sm-4 .widget_widget_categories .widget-content li a .count,
body.tax-coupon-store .main-listing .col-sm-4 .widget_widget_categories .widget-content li a span {font-family:'Inter',sans-serif;font-size:13px;font-weight:600;color:#475569;}
/* [S5] NEWSLETTER */
body.tax-coupon-store .main-listing .col-sm-4 .widget_widget_subscribe .widget-title h4 {font-family:'Poppins',sans-serif;font-size:16px;font-weight:700;color:#0A0F1E;margin:0 0 4px;}
body.tax-coupon-store .main-listing .col-sm-4 .widget_widget_subscribe .subscribe-form .couponis-form.text-center {text-align:left;}
body.tax-coupon-store .main-listing .col-sm-4 .widget_widget_subscribe .subscribe-form h5 {font-family:'Inter',sans-serif;font-size:13px;font-weight:500;color:#64748B;line-height:1.5;margin:0 0 12px;text-align:left;}
body.tax-coupon-store .main-listing .col-sm-4 .widget_widget_subscribe form.ajax-form .couponis-form {display:flex;gap:8px;align-items:stretch;}
body.tax-coupon-store .main-listing .col-sm-4 .widget_widget_subscribe .couponis-form input.form-control {flex:1 1 auto;min-width:0;width:auto;font-family:'Inter',sans-serif;font-size:13px;color:#0A0F1E;padding:11px 14px;border:1px solid #E2E8F0;border-radius:9px;background:#F8FAFC;outline:none;box-shadow:none;height:auto;transition:border-color .15s ease, background .15s ease;}
body.tax-coupon-store .main-listing .col-sm-4 .widget_widget_subscribe .couponis-form input.form-control:focus {border-color:#0EA5E9;background:#fff;}
body.tax-coupon-store .main-listing .col-sm-4 .widget_widget_subscribe .couponis-form a.submit-ajax-form {flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:46px;min-width:46px;background:#0EA5E9;color:#fff;border:none;border-radius:9px;text-decoration:none;cursor:pointer;transition:background .15s ease;}
body.tax-coupon-store .main-listing .col-sm-4 .widget_widget_subscribe .couponis-form a.submit-ajax-form:hover {background:#0A0F1E;}
body.tax-coupon-store .main-listing .col-sm-4 .widget_widget_subscribe .couponis-form a.submit-ajax-form i {color:#fff;font-size:15px;line-height:1;}
body.tax-coupon-store .main-listing .col-sm-4 .widget_widget_subscribe .sub_result,
body.tax-coupon-store .main-listing .col-sm-4 .widget_widget_subscribe .ajax-form-result {font-family:'Inter',sans-serif;font-size:12px;color:#10B981;margin-top:8px;}
/* [S6] RICH CONTENT */
body.tax-coupon-store .container > .white-block:has(.store-rich-content) {background:#fff;border:1px solid #E2E8F0;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px rgba(10,15,30,.06);margin-top:16px;}
body.tax-coupon-store .store-rich-content {background:transparent;border:none;box-shadow:none;border-radius:0;padding:28px 32px;margin:0;}
body.tax-coupon-store .store-rich-content h2 {font-family:'Poppins',sans-serif;font-size:22px;font-weight:700;color:#0A0F1E;margin:28px 0 12px;line-height:1.3;}
body.tax-coupon-store .store-rich-content h2:first-child {margin-top:0;}
body.tax-coupon-store .store-rich-content p {font-family:'Inter',sans-serif;font-size:15px;line-height:1.7;color:#475569;margin:0 0 14px;}
body.tax-coupon-store .store-rich-content ul,
body.tax-coupon-store .store-rich-content ol {font-family:'Inter',sans-serif;font-size:15px;line-height:1.7;color:#475569;margin:0 0 16px;padding-left:22px;}
body.tax-coupon-store .store-rich-content li {margin:0 0 8px;}
body.tax-coupon-store .store-rich-content strong {color:#0A0F1E;font-weight:600;}
body.tax-coupon-store .store-rich-content ul li strong {color:#0EA5E9;}
body.tax-coupon-store .store-rich-content p strong:first-child {font-family:'Poppins',sans-serif;font-size:16px;color:#0A0F1E;font-weight:600;}
@media(max-width:600px){
body.tax-coupon-store .store-rich-content{padding:20px 18px;}
body.tax-coupon-store .store-rich-content h2{font-size:19px;}
body.tax-coupon-store .store-rich-content p,
body.tax-coupon-store .store-rich-content ul,
body.tax-coupon-store .store-rich-content ol{font-size:14px;}
}

/* ============================================================================
   SECTION 10. FOOTER BOTTOM BAR  (.copyrights)  — SITE-WIDE
   ============================================================================ */

.copyrights{background:#0A0F1E;border-top:1px solid rgba(255,255,255,0.08);padding:22px 0;color:rgba(255,255,255,0.55);font-family:'Inter',sans-serif;font-size:13px}
.copyrights .container{max-width:1200px}
.copyrights .flex-wrap.flex-always{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}

/* copyright text */
.copyrights .flex-left{color:rgba(255,255,255,0.55);font-size:13px}

/* social icons */
.copyrights ul.footer-social{display:flex;align-items:center;gap:8px;margin:0;padding:0}
.copyrights ul.footer-social li{margin:0;padding:0;list-style:none}
.copyrights ul.footer-social li a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.7);text-decoration:none;transition:background .15s,color .15s,border-color .15s}
.copyrights ul.footer-social li a:hover{background:#0EA5E9;border-color:#0EA5E9;color:#fff}
.copyrights ul.footer-social li a i{font-size:14px;line-height:1}

/* footer menu links */
.copyrights .flex-right ul{display:flex;align-items:center;gap:6px;margin:0;padding:0;flex-wrap:wrap}
.copyrights .flex-right ul li{margin:0;padding:0;list-style:none}
.copyrights .flex-right ul li a{display:inline-block;padding:4px 10px;color:rgba(255,255,255,0.6);font-size:13px;font-weight:500;text-decoration:none;border-radius:6px;transition:color .15s,background .15s}
.copyrights .flex-right ul li a:hover{color:#fff;background:rgba(255,255,255,0.06)}

/* back-to-top floating arrow */
a.to_top.btn{background:#0EA5E9 !important;color:#fff !important;border:none !important;border-radius:10px !important;width:42px;height:42px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px -6px rgba(14,165,233,0.5) !important;transition:background .15s !important}
a.to_top.btn:hover{background:#0284C7 !important}
a.to_top.btn .fa{color:#fff !important;font-size:18px}

/* responsive */
@media(max-width:760px){
  .copyrights .flex-wrap.flex-always{flex-direction:column;text-align:center;gap:14px}
  .copyrights .flex-right ul{justify-content:center}
}

/* ============================================================================
   ============================================================================
   POST-LAUNCH FIXES
   ----------------------------------------------------------------------------
   All small fixes made after go-live live here, each clearly labelled with
   a date/issue note. Keeps the main sections above clean. Network-reusable
   (scoped selectors, no site names). Append new fixes to the bottom.
   ============================================================================
   ============================================================================ */

/* ---- FIX 1: Sticky nav (Couponis adds .sticky-nav on scroll) ----
   Issue: on scroll the nav turned white/unstyled with faded menu text.
   Fix: force navy bg, transparent inner wrappers, white menu text. Desktop
   only (mobile sticky intentionally off). */
header .navigation.sticky-nav,
.navigation.sticky-nav{background:#0A0F1E !important;box-shadow:0 4px 20px -8px rgba(0,0,0,0.4);border-top:none}
.navigation.sticky-nav .container{max-width:1200px}
.navigation.sticky-nav .container > .flex-wrap{display:flex;align-items:center;width:100%}
.navigation.sticky-nav .navbar,
.navigation.sticky-nav .navbar-default,
.navigation.sticky-nav .navbar-collapse,
.navigation.sticky-nav .nav-copy,
.navigation.sticky-nav .nav-paste{background:transparent !important;border:none !important;box-shadow:none !important}
.navigation.sticky-nav ul.nav.navbar-nav{display:flex;align-items:center;gap:4px;margin:0;float:none}
.navigation.sticky-nav ul.nav.navbar-nav > li{float:none;margin:0}
.navigation.sticky-nav ul.nav.navbar-nav > li > a{display:block;padding:13px 16px;color:#fff !important;opacity:1 !important;font-family:'Inter',sans-serif;font-size:14px;font-weight:500;border-bottom:2px solid transparent;background:transparent}
.navigation.sticky-nav ul.nav.navbar-nav > li > a:hover{color:#0EA5E9 !important}
.navigation.sticky-nav ul.nav.navbar-nav > li.current-menu-item > a,
.navigation.sticky-nav ul.nav.navbar-nav > li.current_page_item > a{color:#0EA5E9 !important;border-bottom-color:#0EA5E9}
.navigation.sticky-nav .mcs-switcher{margin-left:auto}
.navigation.sticky-nav .navbar-toggle{background:rgba(255,255,255,0.08);border:1.5px solid rgba(255,255,255,0.15)}
.navigation.sticky-nav .navbar-toggle .icon-menu{color:#fff}

/* ---- FIX 2: Sticky nav alignment (menu + country switcher) ----
   Issue: in the sticky bar the menu items and the switcher weren't
   vertically centred / evenly aligned. Force the sticky row to be a
   centred flex row: menu left, switcher right, everything middle-aligned. */
.navigation.sticky-nav{padding:0}
.navigation.sticky-nav .container > .flex-wrap{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:56px;flex-wrap:nowrap}
.navigation.sticky-nav .nav-paste,
.navigation.sticky-nav .nav-copy{display:flex;align-items:center}
.navigation.sticky-nav .navbar,
.navigation.sticky-nav .navbar-default,
.navigation.sticky-nav .navbar-collapse{display:flex;align-items:center;padding:0;margin:0}
.navigation.sticky-nav ul.nav.navbar-nav{display:flex;align-items:center;height:100%}
.navigation.sticky-nav .mcs-switcher{margin-left:auto;align-self:center}
.navigation.sticky-nav .mcs-switcher .mcs-sw-btn{display:inline-flex;align-items:center}

/* ---- FIX 3: Sticky nav vertical centering (DOM-confirmed) ----
   Root cause (from DOM): the sticky flex row .flex-wrap.flex-always has two
   direct children — .flex-left (menu nested deep inside) and .mcs-switcher.
   The row centers both fine, BUT the switcher carried margin-top:8px pushing
   it 8px down vs the menu. Fix: zero the switcher's margins and make both
   the .flex-left side and the switcher centre cleanly on the row. */
.navigation.sticky-nav .flex-wrap.flex-always{display:flex !important;align-items:center !important;min-height:60px}
.navigation.sticky-nav .flex-wrap.flex-always > .flex-left{display:flex !important;align-items:center !important;margin:0 !important}
.navigation.sticky-nav .flex-left .nav-copy,
.navigation.sticky-nav .flex-left .navbar,
.navigation.sticky-nav .flex-left .navbar-default,
.navigation.sticky-nav .flex-left .navbar-collapse,
.navigation.sticky-nav .flex-left ul.nav.navbar-nav{display:flex !important;align-items:center !important;margin:0 !important;height:auto !important;float:none}
.navigation.sticky-nav ul.nav.navbar-nav > li{display:flex;align-items:center}
.navigation.sticky-nav ul.nav.navbar-nav > li > a{display:flex;align-items:center;line-height:1}
.navigation.sticky-nav .mcs-switcher{margin:0 0 0 auto !important;align-self:center !important;display:flex;align-items:center}
.navigation.sticky-nav .mcs-switcher .mcs-sw-btn{margin:0 !important}

/* ---- FIX 4: Sticky nav — hide the duplicate .nav-paste menu ----
   The theme keeps two copies of the menu (.nav-copy = visible, .nav-paste =
   normally display:none). FIX 3's broad flex rules accidentally revealed the
   .nav-paste duplicate, showing two menus in the sticky bar. Re-hide it. */
.navigation.sticky-nav .nav-paste{display:none !important}

/* ---- FIX 5: Blog single — mobile/tablet responsive layout ----
   Issue: on mobile/tablet the 8/4 two-column layout broke — the 320px
   sidebar (.col-sm-4 with .mcs-bs) collided/overlapped the article and the
   newsletter card floated into the text. Fix: below 992px stack the columns
   full-width (article first, sidebar below), and make the injected sidebar
   cards behave as normal full-width blocks. */
@media (max-width:991px){
  body.single-post main .container .row{display:block}
  body.single-post .col-sm-8,
  body.single-post .col-sm-4{width:100% !important;max-width:100% !important;float:none !important;display:block !important;padding-left:15px;padding-right:15px;box-sizing:border-box}
  body.single-post .col-sm-4{margin-top:24px}
  body.single-post .mcs-bs{position:static !important;width:100% !important;display:block}
  body.single-post .mcs-bs .mcs-bs-card{width:100%;box-sizing:border-box;margin-bottom:16px}
}
@media (max-width:991px){
  /* the bottom "Grab These Deals" strip: ensure full width + readable grid */
  body.single-post .mcs-bottom-deals{width:100%;box-sizing:border-box}
  body.single-post .mcs-bd-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  body.single-post .mcs-bd-grid{grid-template-columns:1fr}
}

/* ---- FIX 7: All Stores page — mobile horizontal overflow ----
   DOM-confirmed culprit: .mcs-featured-list ("Most Popular Stores Today" row)
   is a flex-wrap:nowrap row whose laid-out box (594px) was wider than the
   ~392px wrapper, pushing the whole page ~240px past the viewport (horizontal
   scrollbar on mobile). Fix: constrain it to its parent and let it scroll
   INTERNALLY (touch-scroll) instead of stretching the page. Also belt-and-
   braces: stop the page wrapper itself from ever overflowing. */
.mcs-stores-page{overflow-x:hidden}
.mcs-stores-page .mcs-featured-list{max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.mcs-stores-page .mcs-featured-inner{min-width:0;max-width:100%}
@media (max-width:991px){
  .mcs-stores-page .mcs-featured-inner{flex-wrap:wrap}
  .mcs-stores-page .mcs-featured-list{flex-wrap:nowrap;padding-bottom:6px}
}

/* ---- FIX 9: Breadcrumbs (navy continuation style, site-wide) ----
   Styles the breadcrumb bar injected by mcs-breadcrumbs.php. Navy band that
   flows from the header (#111A33), blue links, white current page. Also hides
   the native Couponis category breadcrumb (inside .main-title) so this is the
   single consistent breadcrumb on every page. Homepage is skipped in PHP. */
.mcs-breadcrumb-bar{background:#111A33;width:100%;box-sizing:border-box}
.mcs-breadcrumb-bar .mcs-bc-inner{max-width:1200px !important;margin:0 auto !important;padding:11px 15px 11px 31px !important;box-sizing:border-box !important}
.mcs-bc-nav,.mcs-bc-nav span{font-family:'Inter',sans-serif;font-size:13px;color:rgba(255,255,255,0.55)}
.mcs-breadcrumb-bar a,
.mcs-breadcrumb-bar .mcs-bc-nav a{color:#0EA5E9 !important;text-decoration:none}
.mcs-breadcrumb-bar a:hover,
.mcs-breadcrumb-bar .mcs-bc-nav a:hover{color:#0EA5E9 !important;text-decoration:underline}
.mcs-bc-nav .breadcrumb_last,.mcs-bc-nav strong{color:#fff;font-weight:500}
/* hide native Couponis category breadcrumb so ours is the only one */
body.tax-coupon-category .main-title .breadcrumb,
body.tax-coupon-category ul.breadcrumb{display:none !important}
@media (max-width:991px){
  .mcs-breadcrumb-bar .mcs-bc-inner{padding:10px 15px !important}
  .mcs-bc-nav,.mcs-bc-nav span{font-size:12px}
}

/* ---- FIX 10: Remove the 100px top gap now that breadcrumb fills the space ----
   Classic-template pages (category/store/blog single) have <main> margin-top:100px.
   The breadcrumb bar is injected at the top of <main>, so that 100px now shows as
   empty white space ABOVE the breadcrumb. Zero it so the breadcrumb sits directly
   under the header (the breadcrumb bar itself is the spacing now). Elementor pages
   have no <main> and the breadcrumb is the first thing in div.elementor, so they're
   already flush — no rule needed there. */
body.tax-coupon-category main,
body.tax-coupon-store main,
body.single-post main{margin-top:0 !important}
/* breathing space BELOW the breadcrumb before the page content starts */
.mcs-breadcrumb-bar{margin-bottom:28px}


/* ---- FIX 12: Footer bottom bar color exactly match the header navy ----
   The very last footer block (.copyrights — copyright text + social icons +
   footer links) should use the exact same navy as the header (#0A0F1E), so the
   bottom bar and the header read as the same color. (Newsletter band untouched.) */
.copyrights,
.copyrights .container,
.copyrights .flex-wrap,
.copyrights .flex-left,
.copyrights .flex-right{background:#0A0F1E !important;background-image:none !important;box-shadow:none !important}
.copyrights{border:none !important}

/* ---- FIX 13: Affiliate disclosure line (store pages) ----
   Styles the short FTC disclosure injected by mcs-affiliate-disclosure.php on
   single store pages, just below the store header. Subtle/muted so it's clear
   but not loud — sits on the light page bg above the deal list. */
.mcs-affiliate-disclosure{max-width:1200px;margin:18px auto 18px;padding:11px 15px;font-family:'Inter',sans-serif;font-size:12.5px;line-height:1.5;color:#64748B;background:#F1F5F9;border:1px solid #E2E8F0;border-radius:8px;box-sizing:border-box}
.mcs-affiliate-disclosure .mcs-ad-ico{color:#0EA5E9;font-weight:700;margin-right:4px}
@media (max-width:991px){
  .mcs-affiliate-disclosure{margin:14px 15px 14px;font-size:12px}
}
/* site-wide disclosure line, just above the footer */
.mcs-sitewide-disclosure{text-align:center;padding:16px 24px;font-family:'Inter',sans-serif;font-size:12.5px;line-height:1.5;color:#94A3B8;background:#fff;border-top:1px solid #E2E8F0;box-sizing:border-box}
@media (max-width:991px){
  .mcs-sitewide-disclosure{padding:14px 16px;font-size:12px}
}

/* ============================================================================
   MCS POST-LAUNCH FIXES — CONTINUATION (FIX 14 onward)
   ----------------------------------------------------------------------------
   This file continues from style-fixes-section.css (which holds FIX 1–13).
   Append these blocks to the END of that working file. At final consolidation,
   the whole POST-LAUNCH FIXES section drops into child-theme style.css.

   All blocks below tested in Customizer Additional CSS and confirmed working.
   Site-agnostic / network-reusable. Scoped selectors. Tokens:
   navy #0A0F1E, navy-2 #111A33, blue #0EA5E9, green #10B981, orange #F59E0B.

   Reminder at consolidation time:
   - Move EVERYTHING into child-theme style.css (nothing left in Customizer —
     Customizer is per-site, won't inherit to /uk, /de, etc.).
   - LiteSpeed purge + hard refresh after the style.css edit.
   ============================================================================ */


/* ============================================================
   FIX 14 — GET CODE / GET DEAL POPUP RESKIN   (pending item #2)
   Date: 2026-06-29
   Scope: #showCode shared Bootstrap modal (single pre-rendered instance).
   MONEY-BUTTON RULE: CSS recolor ONLY. No HTML/JS change. The code-copy JS,
   "here" affiliate link, thumbs voting, and share behavior are all untouched.
   Note: .modal-backdrop is a global <body> sibling shared by all modals, so it
   can't be scoped under #showCode — backdrop rule is intentionally site-wide
   (harmless: just deepens the dim).
   ============================================================ */

/* Backdrop — deepen the dim (global sibling) */
.modal-backdrop.in { background-color: #0A0F1E; opacity: 0.7; }

/* Modal box */
#showCode .modal-content.coupon_modal_content {
  border: none;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(10, 15, 30, 0.45);
}

/* Header — navy bar, white Poppins headline */
#showCode .modal-header {
  background: #0A0F1E;
  border-bottom: none;
  padding: 18px 52px;
  position: relative;
}
#showCode .modal-header h4.text-center {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.4;
  color: #ffffff;
  margin: 0;
}
#showCode .modal-header .close {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  margin: 0;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  opacity: 1;
  font-size: 20px;
  line-height: 30px;
  text-shadow: none;
  transition: background 0.2s ease;
}
#showCode .modal-header .close:hover {
  background: rgba(255, 255, 255, 0.24);
  opacity: 1;
}

/* Body */
#showCode .modal-body { padding: 26px 24px 20px; }
#showCode .store-image img { display: inline-block; margin-bottom: 6px; }

/* Code reveal box — the hero. background-image:none kills grey stripes.
   CSS recolor only; copy JS untouched. */
#showCode input.coupon-code-modal {
  display: block;
  width: 100%;
  max-width: 320px;
  margin: 14px auto 6px;
  padding: 16px 18px;
  background-image: none !important;
  background-color: #F2F8FF;
  border: 2px dashed #0EA5E9;
  border-radius: 12px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 2px;
  text-align: center;
  color: #0A0F1E;
  cursor: pointer;
  box-shadow: none;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
#showCode input.coupon-code-modal:hover {
  background-color: #E4F2FF;
  border-color: #0A0F1E;
}

/* "Click the code to auto copy" hint */
#showCode p.coupon-code-copied {
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #94A3B8;
  text-align: center;
  margin: 0 0 4px;
}
/* success state — JS shows this after copy; we ONLY recolor, never set display */
#showCode p.coupon-code-copied.after-copy {
  color: #10B981;
  text-transform: none;
  letter-spacing: 0.2px;
  font-size: 12px;
}
#showCode p.coupon-code-copied.after-copy a {
  color: #0EA5E9;
  font-weight: 600;
  text-decoration: underline;
}

/* "Did it work?" feedback */
#showCode .coupon-works { text-align: center; margin-top: 14px; }
#showCode .coupon-works > span {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  margin-bottom: 8px;
}
#showCode .feedback-wrap { display: inline-flex; gap: 10px; margin: 0; }
#showCode .feedback-record-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #E2E8F0;
  background: #ffffff;
  color: #94A3B8;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
}
#showCode .feedback-record-action:hover { transform: translateY(-1px); }
#showCode .feedback-record-action:first-child:hover {
  background: #10B981; border-color: #10B981; color: #ffffff;
}
#showCode .feedback-record-action:last-child:hover {
  background: #EF4444; border-color: #EF4444; color: #ffffff;
}

/* Share row */
#showCode .modal-body-share {
  background: #F8FAFC;
  border-top: 1px solid #EEF2F7;
  padding: 14px 24px;
}
#showCode .modal-body-share .flex-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#showCode .modal-content-action.small-action {
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #64748B;
  cursor: pointer;
}
#showCode .modal-content-action.small-action:hover { color: #0EA5E9; }
#showCode .post-share { display: inline-flex; gap: 6px; }
#showCode .post-share .share {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #0A0F1E;
  color: #ffffff;
  font-size: 13px;
  transition: background 0.2s ease, transform 0.2s ease;
}
#showCode .post-share .share:hover { transform: translateY(-1px); }
#showCode .post-share .facebook:hover { background: #1877F2; }
#showCode .post-share .twitter:hover  { background: #000000; }
#showCode .post-share .linkedin:hover { background: #0A66C2; }
#showCode .post-share .tumblr:hover   { background: #36465D; }
#showCode .post-share .telegram:hover { background: #229ED9; }
#showCode .post-share .whatsapp:hover { background: #25D366; }

/* Footer */
#showCode .modal-footer {
  background: #ffffff;
  border-top: 1px solid #EEF2F7;
  padding: 14px 24px;
}
#showCode .modal-footer .list-inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
}
#showCode .modal-footer .list-inline > li {
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  color: #94A3B8;
  padding: 0;
}
#showCode .modal-footer .icon-lock-open { margin-right: 5px; }
#showCode .modal-footer a { color: #0EA5E9; font-weight: 500; }
#showCode .modal-footer a strong { color: #0A0F1E; }

/* Mobile */
@media (max-width: 600px) {
  #showCode .modal-header h4.text-center { font-size: 15px; }
  #showCode input.coupon-code-modal { font-size: 19px; max-width: 100%; }
  #showCode .modal-footer .list-inline {
    flex-direction: column; gap: 6px; text-align: center;
  }
}


/* ============================================================
   FIX 15 — INFO-PAGE TEMPLATE   (pending items #3, #4, #5)
   Date: 2026-06-29
   Reusable for: Affiliate Disclosure / Privacy Policy / About Us / future legal
   pages. Site-agnostic, scoped under .mcs-info-page. Page content is pasted as a
   Custom HTML block inside a standard WP Page; this CSS styles it.
   Includes: theme .main-title strip hide (kills duplicate plain title +
   theme breadcrumb) and <main> top-padding removal so the PHP navy breadcrumb
   bar (FIX 9, .mcs-breadcrumb-bar) sits flush under the nav. Both scoped via
   :has() so store/category/blog pages keep their own .main-title + spacing.
   ============================================================ */

.mcs-info-page { max-width: 860px; margin: 0 auto; font-family: 'Inter', sans-serif; color: #334155; }

/* --- Hero band --- */
.mcs-info-page .mcs-info-hero { background: #0A0F1E; padding: 34px 40px; border-radius: 12px; }
.mcs-info-page .mcs-info-hero h1 { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 30px; line-height: 1.25; color: #fff; margin: 0 0 8px; }
.mcs-info-page .mcs-info-lead { font-size: 15px; line-height: 1.6; color: #94A3B8; margin: 0; max-width: 580px; }

/* --- Content body --- */
.mcs-info-page .mcs-info-body { padding: 34px 4px 8px; }
.mcs-info-page .mcs-info-body h2 { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 19px; color: #0A0F1E; margin: 0 0 10px; }
.mcs-info-page .mcs-info-body h2 .mcs-num { color: #0EA5E9; margin-right: 4px; }
.mcs-info-page .mcs-info-body h3 { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 15px; color: #0A0F1E; margin: 0 0 5px; }
.mcs-info-page .mcs-info-body p { font-size: 15px; line-height: 1.75; margin: 0 0 22px; }
.mcs-info-page .mcs-info-body p:last-child { margin-bottom: 0; }
.mcs-info-page .mcs-info-body a { color: #0EA5E9; font-weight: 500; text-decoration: none; }
.mcs-info-page .mcs-info-body a:hover { text-decoration: underline; }
.mcs-info-page .mcs-info-section { margin-bottom: 24px; }

/* --- Callout (key statement) --- */
.mcs-info-page .mcs-info-callout { background: #F2F8FF; border: 1px solid #BEE3FB; border-left: 4px solid #0EA5E9; border-radius: 10px; padding: 18px 22px; margin: 0 0 30px; }
.mcs-info-page .mcs-info-callout p { margin: 0; color: #0A0F1E; }
.mcs-info-page .mcs-info-callout .mcs-strong { font-family: 'Poppins', sans-serif; font-weight: 600; }
.mcs-info-page .mcs-info-callout .mcs-hl { font-weight: 500; color: #10B981; }

/* --- Contact / footer box --- */
.mcs-info-page .mcs-info-contact { background: #F8FAFC; border: 1px solid #EEF2F7; border-radius: 10px; padding: 18px 22px; margin-top: 30px; }
.mcs-info-page .mcs-info-contact h2 { font-size: 17px; margin: 0 0 6px; }
.mcs-info-page .mcs-info-contact p { margin: 0; }

/* ===== Components reused by About ===== */

/* Stats row */
.mcs-info-page .mcs-info-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 0 0 34px; }
.mcs-info-page .mcs-stat { border-radius: 12px; padding: 18px; text-align: center; }
.mcs-info-page .mcs-stat .mcs-stat-num { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 26px; line-height: 1.1; }
.mcs-info-page .mcs-stat .mcs-stat-label { font-size: 13px; color: #64748B; margin-top: 4px; }
.mcs-info-page .mcs-stat-blue { background: #F2F8FF; } .mcs-info-page .mcs-stat-blue .mcs-stat-num { color: #0EA5E9; }
.mcs-info-page .mcs-stat-green { background: #ECFDF5; } .mcs-info-page .mcs-stat-green .mcs-stat-num { color: #10B981; }
.mcs-info-page .mcs-stat-amber { background: #FFF7ED; } .mcs-info-page .mcs-stat-amber .mcs-stat-num { color: #F59E0B; }

/* Steps (numbered — no icon-font dependency) */
.mcs-info-page .mcs-info-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 0 0 34px; }
.mcs-info-page .mcs-step-num { width: 38px; height: 38px; border-radius: 10px; background: #0A0F1E; color: #fff; display: flex; align-items: center; justify-content: center; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 16px; margin-bottom: 10px; }

/* Values */
.mcs-info-page .mcs-info-values { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 0 0 34px; }
.mcs-info-page .mcs-value { border: 1px solid #EEF2F7; border-radius: 12px; padding: 16px 18px; }
.mcs-info-page .mcs-value h3 { margin: 0 0 4px; font-size: 14px; }
.mcs-info-page .mcs-value p { font-size: 13px; line-height: 1.6; margin: 0; }

/* CTA */
.mcs-info-page .mcs-info-cta { background: #0A0F1E; border-radius: 12px; padding: 26px 28px; text-align: center; }
.mcs-info-page .mcs-info-cta h2 { color: #fff; font-size: 18px; margin: 0 0 6px; }
.mcs-info-page .mcs-info-cta p { color: #94A3B8; font-size: 14px; margin: 0 0 16px; }
.mcs-info-page .mcs-info-cta .mcs-btn { display: inline-block; background: #0EA5E9; color: #fff; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 14px; text-decoration: none; padding: 11px 26px; border-radius: 8px; }
.mcs-info-page .mcs-info-cta .mcs-btn:hover { background: #0c8fcc; }

/* --- Mobile --- */
@media (max-width: 600px) {
  .mcs-info-page .mcs-info-hero { padding: 26px 22px; }
  .mcs-info-page .mcs-info-hero h1 { font-size: 24px; }
  .mcs-info-page .mcs-info-body { padding: 26px 2px 4px; }
  .mcs-info-page .mcs-info-stats,
  .mcs-info-page .mcs-info-steps,
  .mcs-info-page .mcs-info-values { grid-template-columns: 1fr; }
}

/* Info pages: hide theme's default title strip (duplicate plain title + plain
   breadcrumb). Our navy hero + PHP navy breadcrumb bar (.mcs-breadcrumb-bar)
   stay intact. Scoped via :has() so store/category/blog keep their .main-title. */
body:has(.mcs-info-page) div.main-title { display: none; }

/* Info pages: kill theme's <main> top padding/margin so the PHP navy breadcrumb
   bar sits flush under the nav (standard Pages weren't covered by FIX 10's
   taxonomy-only selector). */
body:has(.mcs-info-page) main { padding-top: 0 !important; margin-top: 0 !important; }


/* ============================================================
   FIX 16 — MOBILE COUNTRY-SWITCHER DROPDOWN OVERFLOW   (in-session bug)
   Date: 2026-06-29
   Cause: the @media (max-width:991px) rule flipped .mcs-sw-menu to
   left:0; right:auto, projecting the 170px menu rightward off the
   right-anchored switcher (.mcs-switcher has margin-left:auto), pushing
   document scrollWidth past viewport → page-wide horizontal side-scroll.
   Fix: re-anchor the menu to the right on mobile (like desktop) so it opens
   inward, + max-width safety for very small screens. Applies to both
   .mcs-switcher instances (normal + sticky header copy).
   ============================================================ */
@media (max-width: 991px) {
  .mcs-switcher .mcs-sw-menu {
    left: auto !important;
    right: 0 !important;
    max-width: calc(100vw - 30px);
  }
}


/* ============================================================
   FIX 17 — HIDE BROKEN AUTOCOMPLETE SPINNER (header search)   (part of item #1)
   Date: 2026-06-29
   The store-search autocomplete AJAX is dead (the handler reads `search` but the
   form sends `keyword` — param mismatch), so its spinner spins forever. Header
   search works via the PHP redirect instead, so the dead spinner + empty results
   scaffold are safe to suppress.
   Why earlier attempts failed: the element carries `fa-spin`, and the theme keeps
   it visible with a high-specificity rule:
   `header form.main-search .store-search-spin.fa-spin { display:inline-block !important }`
   (0,3,2). We must match/beat it — `body header form.main-search ...` = (0,4,3) —
   plus visibility/opacity as a safety net (those aren't overridden).
   ============================================================ */
body header form.main-search .store-search-spin.fa-spin,
body header form.main-search .store-search-spin {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
body header form.main-search .store-search-results {
  display: none !important;
}


/* ============================================================
   FIX 18 — CUSTOM 404 PAGE   (pending item #6)
   Date: 2026-06-29
   Styles the .mcs-404 content output by child-theme 404.php (a separate PHP
   file, NOT in this CSS file). Navy hero + two action buttons. 404 is
   full-width (no sidebar). Tokens; network-reusable (links built via home_url()
   in 404.php so /ae, /uk, /de each resolve to their own pages).
   ============================================================ */
.mcs-404 { max-width: 720px; margin: 40px auto; }
.mcs-404 .mcs-404-hero {
  background: #0A0F1E;
  border-radius: 14px;
  padding: 48px 40px;
  text-align: center;
}
.mcs-404 .mcs-404-code {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 72px;
  line-height: 1;
  letter-spacing: 2px;
  color: #0EA5E9;
}
.mcs-404 .mcs-404-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 26px;
  color: #ffffff;
  margin: 14px 0 10px;
}
.mcs-404 .mcs-404-lead {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #94A3B8;
  margin: 0 auto 26px;
  max-width: 440px;
}
.mcs-404 .mcs-404-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}
.mcs-404 .mcs-404-btn {
  display: inline-block;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  padding: 12px 28px;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.mcs-404 .mcs-404-btn-primary { background: #0EA5E9; color: #ffffff; }
.mcs-404 .mcs-404-btn-primary:hover { background: #0c8fcc; }
.mcs-404 .mcs-404-btn-secondary { background: #ffffff; color: #0A0F1E; border: 1px solid rgba(255,255,255,0.85); }
.mcs-404 .mcs-404-btn-secondary:hover { background: #f1f5f9; }

@media (max-width: 600px) {
  .mcs-404 .mcs-404-hero { padding: 36px 22px; }
  .mcs-404 .mcs-404-code { font-size: 56px; }
  .mcs-404 .mcs-404-title { font-size: 22px; }
}

/* FIX 18b — 404: remove theme's <main> top padding so the navy breadcrumb bar
   sits flush under the nav (same gap that affected standard pages). */
body.error404 main { padding-top: 0 !important; margin-top: 0 !important; }


/* ============================================================
   FIX 19 — TABLET NAV (768–991px): collapse + clean vertical stack
   Date: 2026-06-29
   Broken band: Bootstrap (min-width:768px) force-opens .navbar-collapse
   (display:block !important) while the child theme shows the hamburger up to
   991px, and the always-on `ul.nav.navbar-nav { display:flex }` keeps items in a
   ROW — so 768–991px had the menu stuck open + a dead toggle + horizontal items.
   Fix (scoped to .nav-copy = the visible navbar, this band only; true mobile
   <=767px is handled by the theme):
   - Hide only when FULLY collapsed (:not(.in):not(.collapsing)) so Bootstrap's
     open animation can still run (mid-animation = .collapsing, which we keep
     visible — this is what makes the hamburger tap work).
   - When open (.in): block-stack the items vertically, left-aligned, no float.
   - Neutralize the theme's first/last-child special margins.
   NOTE: a separate desktop (>=992px) "Blog" baseline-alignment issue is DEFERRED
   — needs a computed-style read at true desktop width (inspector was capped at
   980px). Not included here.
   ============================================================ */
@media (min-width: 768px) and (max-width: 991px) {

  /* Hide only when fully collapsed (not open, not mid-animation) */
  body header .navigation .nav-copy .navbar-collapse.collapse:not(.in):not(.collapsing) {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  /* Open + animating states visible */
  body header .navigation .nav-copy .navbar-collapse.collapse.in,
  body header .navigation .nav-copy .navbar-collapse.collapsing {
    display: block !important;
    overflow: visible !important;
  }
  /* Kill flex row -> block stack */
  body header .navigation .nav-copy .navbar-collapse.in ul.nav.navbar-nav {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  /* Every item: uniform, left-aligned, no float */
  body header .navigation .nav-copy .navbar-collapse.in ul.nav.navbar-nav > li {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
  }
  body header .navigation .nav-copy .navbar-collapse.in ul.nav.navbar-nav > li > a {
    display: block !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    line-height: 1.4 !important;
    text-align: left !important;
  }
  /* Neutralize the theme's first/last special margins (the reported offset source) */
  body header .navigation .nav-copy .navbar-collapse.in ul.nav.navbar-nav > li:first-child > a,
  body header .navigation .nav-copy .navbar-collapse.in ul.nav.navbar-nav > li:last-child > a {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* FIX 20 — Store page: force LIST view, remove grid toggle (2026-06-30)
   Grid rendered a broken native layout. Default view is now forced to 'list'
   server-side (see mcs_force_list_view in functions.php); the styled list design
   is Section 9. Here we just hide the grid/list toggle so users can't switch
   back to grid. data-value confirmed via DOM. */
body.tax-coupon-store .listing-style,
body.tax-coupon-store a.listing-style,
body.tax-coupon-category .listing-style,
body.tax-coupon-category a.listing-style { display: none !important; }

/* ============================================================
   FIX 21 — Store list cards: GET DEAL = orange, GET CODE = navy
   Date: 2026-06-30
   Section 9 hardcoded the store list button navy for all. Override so DEAL
   (no .partial-code) = orange, CODE (has .partial-code) = navy — matches
   homepage/category. CSS recolor only; popup/affiliate flow untouched.
   ============================================================ */
body.tax-coupon-store .coupon-box.coupon-list a.coupon-action-button.header-alike:not(:has(.partial-code)) {
  background: #F59E0B !important;
}
body.tax-coupon-store .coupon-box.coupon-list a.coupon-action-button.header-alike:not(:has(.partial-code)):hover {
  background: #D97706 !important;
}
body.tax-coupon-store .coupon-box.coupon-list a.coupon-action-button.header-alike:has(.partial-code):hover {
  background: #1E293B !important;
}

/* ============================================================
   FIX 22 — Info pages: full-width content, hide empty sidebar
   Date: 2026-06-30
   Classic WP page layout: main > .container > .row > [.col-sm-8 (content) +
   .col-sm-4 (EMPTY sidebar)] — float-based Bootstrap grid. The empty .col-sm-4
   leaves a gap beside the content. Fix: make the content column full-width and
   hide the empty sidebar. Scoped via :has(.mcs-info-page) so it hits all info
   pages (Affiliate/About/Privacy + future, network-wide) — NOT a hardcoded
   page-id. Only affects pages that contain .mcs-info-page.
   ============================================================ */
body:has(.mcs-info-page) main .row > .col-sm-8 {
  width: 100% !important;
  float: none !important;
}
body:has(.mcs-info-page) main .row > .col-sm-4 {
  display: none !important;
}

/* ============================================================
   FIX 23 — All Stores: keep the A-Z "Jump to" sticky bar BELOW the
   sticky nav (was overlapping it). DOM: .mcs-alpha sticky top:0 z-index:10
   rode over .sticky-nav (fixed, height 60px, z-index 3). Sit it below the
   nav and drop its z-index under the nav. Scoped to .mcs-stores-page
   (network-safe, not a page-id). 2026-07-02
   ============================================================ */
.mcs-stores-page .mcs-alpha {
  top: 60px;          /* sit just below the 60px fixed nav */
  z-index: 2;         /* below the nav (nav is z-index 3) */
}
/* When logged in, the WP admin bar (32px) pushes the fixed nav down,
   so the sticky bar must clear nav + admin bar in that context only. */
body.admin-bar .mcs-stores-page .mcs-alpha {
  top: 92px;          /* 60px nav + 32px admin bar */
}

/* ============================================================
   FIX 24 — Mobile/tablet nav: kill extra bottom margin on last item (Blog)
   Date: 2026-07-02
   Theme adds margin-bottom:10px to li:last-child > a (Blog) at <=769px, pushing
   Blog's box down so it looks misaligned vs the other three. Force it to 0 with
   higher specificity, across the collapsed-menu widths. Network-safe.
   ============================================================ */
@media (max-width: 991px) {
  header .navigation .nav-copy ul.nav.navbar-nav > li:last-child > a,
  header .navigation ul.nav.navbar-nav > li:last-child > a,
  .nav.navbar-nav > li:last-child > a {
    margin-bottom: 0 !important;
  }
}

/* ============================================================
   FIX 25 — Pagination restyle to design tokens (2026-07-02)
   Theme default: blue #1E73BE active, teal hover, sharp corners.
   Restyle to navy/blue tokens: active = blue #0EA5E9, inactive = white +
   border, hover = light blue. Scoped to .pagination ONLY (the active color
   normally comes from a shared accent group bundled with .btn/.tagcloud/form
   submits — we override just pagination to avoid recoloring those).
   Global .pagination = shared markup, so this styles category + store + blog
   listing pagination consistently, network-wide. Markup: div.pagination >
   span.page-numbers.current + a.page-numbers (no prev/next arrows). */

/* Wrapper: keep centered, add breathing room, use flex for clean gaps */
.pagination.header-alike,
.pagination {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 32px 0 !important;
  padding: 0;
}

/* Shared item box: rounded, consistent size */
.pagination .page-numbers {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px !important;
  margin: 0 !important;
  border-radius: 10px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px !important;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  box-sizing: border-box;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}

/* Inactive (links): white bg, border, navy text */
.pagination a.page-numbers {
  background: #FFFFFF !important;
  color: #0A0F1E !important;
  border: 1px solid #E2E8F0 !important;
}
.pagination a.page-numbers:hover {
  background: #E6F1FB !important;   /* light blue */
  color: #0A0F1E !important;
  border-color: #0EA5E9 !important;
}

/* Active/current: blue bg, white text */
.pagination span.page-numbers.current,
.pagination .page-numbers.current {
  background: #0EA5E9 !important;
  color: #FFFFFF !important;
  border: 1px solid #0EA5E9 !important;
}

/* If theme ever renders prev/next (.prev/.next/dots), keep them consistent */
.pagination .page-numbers.dots {
  background: transparent !important;
  border: none !important;
  color: #94A3B8 !important;
}

/* ============================================================
   FIX 26 — Homepage category pills bar (dynamic)
   Date: 2026-07-02
   Moved from a hardcoded inline-HTML Elementor widget (which had hardcoded
   /ae/ links) to a dynamic shortcode [mcs_category_pills] (in functions.php)
   that pulls the CURRENT site's coupon-category terms + correct per-site links.
   This CSS (formerly inline in that HTML widget's <style>) now lives here so it's
   network-shared. Horizontal scrollable pill row; active/hover = blue tokens.
   ============================================================ */
.mcs-category-section {
  background: #ffffff;
  padding: 32px 24px;
  width: 100%;
  box-sizing: border-box;
}
.mcs-category-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  align-items: center;
  justify-content: flex-start;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.mcs-category-inner::-webkit-scrollbar { display: none; }
.mcs-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #ffffff;
  border: 1.5px solid #E2E8F0;
  border-radius: 10px;
  padding: 9px 16px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #64748B;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  text-decoration: none;
  transition: all .18s ease;
  line-height: 1;
}
.mcs-pill:hover,
.mcs-pill.is-active {
  background: #F0F9FF;
  border-color: #0EA5E9;
  color: #0EA5E9;
}
.mcs-pill .mcs-emoji {
  font-size: 14px;
  line-height: 1;
}

/* ============================================================
   FIX 27 — "Trending Deals" section header (dynamic view-all link)
   Date: 2026-07-02
   Moved from hardcoded inline-HTML (which had a hardcoded /ae/coupons/ link)
   to shortcode [mcs_deals_head] (functions.php) with current-site link.
   CSS (formerly inline) now network-shared here.
   ============================================================ */
.mcs-deals-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto 20px;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0 24px;
  box-sizing: border-box;
}
.mcs-deals-title {
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-weight: 800;
  color: #0F172A;
  margin: 0;
  line-height: 1.2;
}
.mcs-deals-title .mcs-blue { color: #0EA5E9; }
.mcs-deals-viewall {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #0EA5E9;
  text-decoration: none;
}
.mcs-deals-viewall:hover { text-decoration: underline; }

/* ============================================================
   FIX 28 — Homepage: remove theme's 100px <main> top gap
   Date: 2026-07-04
   Theme sets main{margin-top:100px} site-wide. On the homepage the hero
   should sit flush under the nav (no white strip). Scoped to body.home so
   INTERIOR pages keep their 100px (breadcrumb/spacing depends on it, see
   FIX 10). Network-safe (body.home + main, no site names). Applies to every
   site's homepage automatically.
   ============================================================ */
body.home main {
  margin-top: 0 !important;
}