/*
Theme Name: IQXMADDO v97
Author: IdentityCraft
Version: 42.0
Text Domain: iqxmaddo
*/

:root {
  --cyan:#3CCCE1;
  --blue:#6FD1F4;
  --yellow:#FFEB3B;
  --pink:#F28AB2;
  --red:#E11D48;
  --ink:#111;
  --paper:#fff;
  --hair:#e9ecf1;
  --radius:14px;
  --shadow:0 8px 22px rgba(0,0,0,.06);
}

* { box-sizing:border-box }
body { margin:0; font-family:Inter,Arial,sans-serif; background:var(--paper); color:var(--ink);}
.container { width:min(1240px,92vw); margin:0 auto; }

/* Top promo strip */
.strip { background:var(--cyan); color:#073843; padding:8px 0; text-align:center; font-weight:800; }

/* Header */
.header { background:#fff; border-bottom:1px solid var(--hair); }
.header .inner { display:grid; grid-template-columns:1fr auto 1fr; gap:14px; align-items:center; padding:12px 0; }
.brand { display:flex; justify-content:center; align-items:center; }
.brand img { max-height:60px; height:auto; width:auto; display:block; }
.search-area { display:flex; justify-content:center; align-items:center; gap:10px; }
.search-area form { display:flex; gap:8px; align-items:center; min-width:min(520px,80vw); }
.search-area input[type=search] { flex:1; padding:10px 12px; border:1px solid var(--hair); border-radius:12px; }
.search-area button { padding:10px 14px; background:var(--blue); color:#000; border:0; border-radius:12px; font-weight:800; }

/* Primary menu + Hamburger */
.primary-nav { width:100%; display:flex; justify-content:flex-end; }
#iqx-primary-nav { display:flex; gap:16px; list-style:none; margin:0; padding:0; flex-wrap:wrap; }
#iqx-primary-nav li { display:block; }
#iqx-primary-nav a { text-decoration:none; padding:10px 12px; border-radius:8px; font-weight:700; color:var(--ink); display:block; }
#iqx-primary-nav a:hover { background:rgba(0,0,0,.05); }

/* Hamburger button */
.iqx-toggle-primary {
  display:none;
  background:none;
  border:0;
  font-size:24px;
  cursor:pointer;
  padding:10px;
}
.iqx-toggle-primary span {
  display:block;
  width:22px;
  height:2px;
  margin:4px 0;
  background:#111;
  border-radius:2px;
}

@media(max-width:992px) {
  .iqx-toggle-primary { display:inline-block; }
  #iqx-primary-nav {
    display:none;
    flex-direction:column;
    width:100%;
    background:#fff;
    position:absolute;
    top:60px;
    left:0;
    z-index:9999;
    border-top:1px solid #ddd;
    padding:10px;
  }
  #iqx-primary-nav.open { display:flex; }
  #iqx-primary-nav li { border-bottom:1px solid #eee; }
  #iqx-primary-nav a { padding:14px; display:block; }
}

/* Category bar + Pills */
.catbar { background:#f7f8fb; border-bottom:1px solid var(--hair); }
.catbar .inner { display:flex; gap:10px; align-items:center; padding:8px 0; justify-content:center; }

#categories-menu,
#iqx-categories-nav {
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:12px!important;
  list-style:none!important;
  margin:0!important;
  padding:8px 0!important;
}
#categories-menu li,
#iqx-categories-nav li { list-style:none!important; margin:0!important; padding:0!important; }
#categories-menu a,
#iqx-categories-nav a {
  display:inline-block!important;
  padding:8px 18px!important;
  text-decoration:none!important;
  font-weight:600!important;
  border-radius:25px!important;
  border:1px solid #ccc!important;
  background:#f5f5f5!important;
  color:#000!important;
  transition:all .2s ease;
}
#categories-menu li:nth-child(1) a {background:#e0f7fa!important;color:#073843!important;}
#categories-menu li:nth-child(2) a {background:#ffe0f0!important;color:#800040!important;}
#categories-menu li:nth-child(3) a {background:#fff9c4!important;color:#665500!important;}
#categories-menu li:nth-child(4) a {background:#e1bee7!important;color:#4a235a!important;}
#categories-menu li:nth-child(5) a {background:#ffcdd2!important;color:#7f0000!important;}
#categories-menu a:hover,
#iqx-categories-nav a:hover { opacity:.9!important; transform:translateY(-2px)!important; }

/* Hero slider */
.hero { background:linear-gradient(180deg,#fff,#fbfdff); padding:16px 0; }
.hero-slider { position:relative; overflow:hidden; border-radius:16px; border:1px solid var(--hair); box-shadow:var(--shadow); }
.hero-track { display:flex; transition:transform .45s ease; touch-action:pan-y; }
.hero-slide { min-width:100%; position:relative; }
.hero-slide img { width:100%; height:420px; object-fit:contain; display:block; }
.hero-caption { position:absolute; left:14px; bottom:14px; background:#0008; color:#fff; padding:8px 12px; border-radius:12px; font-weight:900; }
.hero-arrows { position:absolute; inset:0; display:flex; justify-content:space-between; align-items:center; padding:0 8px; pointer-events:none; }
.hero-arrows button { pointer-events:auto; width:38px; height:38px; border-radius:999px; background:#fff; border:1px solid var(--hair); font-weight:900; cursor:pointer; }
.hero-dots { display:flex; gap:6px; justify-content:center; padding:8px 0; }
.hero-dots button { width:8px; height:8px; border-radius:999px; border:0; background:#cfd8e5 }
.hero-dots button.active { background:var(--cyan) }

/* Promo strips */
.strip-promo {
  margin:14px 0;
  border-radius:12px;
  padding:12px;
  text-align:center;
  font-weight:900;
  box-shadow:var(--shadow);
}
.strip-promo:first-of-type { background:var(--yellow); color:#000; }
.strip-promo.alt { background:var(--pink); color:#fff; }

/* Sections */
.section { padding:14px 0; }
.section h3 { margin:6px 0 10px; font-size:1.3rem; font-weight:900; }

/* Deals grid */
.deals { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:14px; }
.deal-card {
  background:#fff;
  border:1px solid var(--hair);
  border-radius:16px;
  padding:14px;
  text-align:center;
  box-shadow:var(--shadow);
  transition:transform .25s;
}
.deal-card:hover { transform:translateY(-5px); }
.circle-frame {
  width:160px; height:160px; border-radius:50%;
  overflow:hidden; margin:0 auto 10px; border:6px solid var(--hair);
}
.circle-frame img { width:100%; height:100%; object-fit:cover; transition:transform .25s; }
.circle-frame img:hover { transform:scale(1.06); }
.deal-badge {
  display:inline-block; background:var(--red); color:#fff;
  padding:6px 10px; border-radius:999px;
  font-weight:900; font-size:.8rem;
}

/* Grids */
.reviews,.blog-grid,.resources { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; }
.review,.post,.resource {
  background:#fff; border:1px solid var(--hair); border-radius:16px;
  padding:14px; box-shadow:var(--shadow); transition:transform .25s;
}
.review:hover,.post:hover,.resource:hover { transform:scale(1.02); }

/* Footer */
.footer { background:#fff; border-top:1px solid var(--hair); margin-top:18px; }
.footer .inner { padding:22px 0; display:grid; grid-template-columns:2fr 1fr; gap:18px; }