/* ===========================================
   GadgetMakers Article Style Pro
   Version: 1.0.0
   Site: https://gadgetmakersblog.com/
   Niche: Tech & Gadget Reviews
   Scoped to .gadget-blog-wrap only
   Does NOT affect any other page or post
=========================================== */

/* ── BASE WRAPPER ── */
.gadget-blog-wrap {
  margin: 0 auto;
  padding: 0 16px;
  line-height: 1.75;
  color: #1e293b;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.gadget-blog-wrap *,
.gadget-blog-wrap *::before,
.gadget-blog-wrap *::after {
  box-sizing: border-box;
}

/* ── TYPOGRAPHY ── */
.gadget-blog-wrap p  { margin: 0 0 1.2em; }

.gadget-blog-wrap h2 {
  font-size: 1.55em;
  font-weight: 700;
  margin: 2em 0 0.6em;
  color: #0c1a2e;
  line-height: 1.3;
}

.gadget-blog-wrap h3 {
  font-size: 1.2em;
  font-weight: 700;
  margin: 1.6em 0 0.5em;
  color: #0c1a2e;
  line-height: 1.35;
}

.gadget-blog-wrap ul,
.gadget-blog-wrap ol {
  margin: 0 0 1.2em 0;
  padding-left: 1.5em;
}

.gadget-blog-wrap li   { margin-bottom: 0.5em; }
.gadget-blog-wrap strong { font-weight: 700; color: #0c1a2e; }

.gadget-blog-wrap a {
  color: #0ea5e9;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.gadget-blog-wrap a:hover { opacity: .8; }

.gadget-blog-wrap section { margin-bottom: 0.4em; }


/* ================================================
   STANDARD CALLOUT BOXES
================================================ */

/* ── Quick Answer Box ── */
.gadget-quick-answer {
  background: #f0f9ff;
  border-left: 5px solid #0ea5e9;
  border-radius: 8px;
  padding: 18px 20px;
  margin: 0 0 1.8em;
}
.gadget-qa-label {
  font-weight: 700;
  font-size: 0.78em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #0ea5e9;
  margin-bottom: 8px;
  display: block;
}
.gadget-quick-answer p { margin: 0; }

/* ── Tip Box ── */
.gadget-tip-box {
  background: #f0fdf4;
  border-left: 5px solid #10b981;
  border-radius: 8px;
  padding: 16px 20px;
  margin: 1.6em 0;
}
.gadget-tip-label {
  display: block;
  font-weight: 700;
  font-size: 0.78em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #10b981;
  margin-bottom: 8px;
}
.gadget-tip-box p { margin: 0; }

/* ── Note Box ── */
.gadget-note-box {
  background: #fffbeb;
  border-left: 5px solid #f59e0b;
  border-radius: 8px;
  padding: 16px 20px;
  margin: 1.6em 0;
}
.gadget-note-label {
  display: block;
  font-weight: 700;
  font-size: 0.78em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #f59e0b;
  margin-bottom: 8px;
}
.gadget-note-box p { margin: 0; }

/* ── Warning Box ── */
.gadget-warning-box {
  background: #fff1f2;
  border-left: 5px solid #ef4444;
  border-radius: 8px;
  padding: 16px 20px;
  margin: 1.6em 0;
}
.gadget-warn-label {
  display: block;
  font-weight: 700;
  font-size: 0.78em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #ef4444;
  margin-bottom: 8px;
}
.gadget-warning-box p { margin: 0; }

/* ── Takeaway Box ── */
.gadget-takeaway-box {
  background: #faf5ff;
  border-left: 5px solid #8b5cf6;
  border-radius: 8px;
  padding: 18px 20px;
  margin: 2em 0 1.6em;
}
.gadget-takeaway-label {
  display: block;
  font-weight: 700;
  font-size: 0.78em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8b5cf6;
  margin-bottom: 8px;
}
.gadget-takeaway-box p { margin: 0; }


/* ================================================
   TECH & GADGET REVIEW COMPONENTS
================================================ */

/* ── Verdict Box ── */
.gadget-verdict-box {
  border: 2px solid #0ea5e9;
  border-radius: 12px;
  overflow: hidden;
  margin: 1.8em 0;
}
.gadget-verdict-label {
  background: #0ea5e9;
  color: #fff;
  font-weight: 700;
  font-size: 0.82em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 10px 18px;
  display: block;
}
.gadget-verdict-body {
  padding: 16px 20px;
  background: #f0f9ff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.gadget-verdict-body p { margin: 0; flex: 1; font-size: 0.95em; color: #1e293b; }
.gadget-overall-score {
  font-size: 2.2em;
  font-weight: 800;
  color: #0ea5e9;
  white-space: nowrap;
  line-height: 1;
}

/* ── Score / Rating Bars ── */
.gadget-score-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 18px 20px;
  margin: 1.6em 0;
}
.gadget-score-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px solid #f1f5f9;
}
.gadget-score-row:last-child { border-bottom: none; }
.gadget-score-label {
  font-size: 0.88em;
  font-weight: 600;
  color: #334155;
  min-width: 130px;
}
.gadget-score-bar {
  flex: 1;
  height: 8px;
  background: #e2e8f0;
  border-radius: 4px;
  overflow: hidden;
}
.gadget-score-fill {
  height: 100%;
  background: #0ea5e9;
  border-radius: 4px;
  transition: width .4s ease;
}
.gadget-score-val {
  font-size: 0.88em;
  font-weight: 700;
  color: #0c1a2e;
  min-width: 28px;
  text-align: right;
}

/* ── Spec Sheet ── */
.gadget-spec-sheet {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
  margin: 1.6em 0;
}
.gadget-spec-title {
  background: #0c1a2e;
  color: #e0f2fe;
  font-weight: 700;
  font-size: 0.88em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 12px 18px;
  display: block;
}
.gadget-spec-row {
  display: flex;
  align-items: center;
  padding: 10px 18px;
  border-bottom: 1px solid #f1f5f9;
  font-size: 0.92em;
  transition: background .15s;
}
.gadget-spec-row:last-child { border-bottom: none; }
.gadget-spec-row:nth-child(even) { background: #f8fafc; }
.gadget-spec-key {
  font-weight: 600;
  color: #475569;
  min-width: 140px;
  flex-shrink: 0;
}
.gadget-spec-val {
  color: #0c1a2e;
  font-weight: 500;
}

/* ── Pros and Cons ── */
.gadget-pros-cons {
  display: flex;
  gap: 14px;
  margin: 1.6em 0;
  flex-wrap: wrap;
}
.gadget-pros, .gadget-cons {
  flex: 1;
  min-width: 200px;
  border-radius: 10px;
  padding: 16px 18px;
}
.gadget-pros {
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
}
.gadget-cons {
  background: #fff1f2;
  border: 1px solid #fecdd3;
}
.gadget-pros-title, .gadget-cons-title {
  font-weight: 700;
  font-size: 0.85em;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  margin-bottom: 12px;
  display: block;
}
.gadget-pros-title { color: #065f46; }
.gadget-cons-title { color: #9f1239; }
.gadget-pros ul, .gadget-cons ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.gadget-pros li, .gadget-cons li {
  padding: 5px 0 5px 22px;
  position: relative;
  font-size: 0.92em;
  color: #1e293b;
  margin: 0;
  border-bottom: 1px solid rgba(0,0,0,.05);
}
.gadget-pros li:last-child, .gadget-cons li:last-child { border-bottom: none; }
.gadget-pros li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #10b981;
  font-weight: 700;
}
.gadget-cons li::before {
  content: '✗';
  position: absolute;
  left: 0;
  color: #ef4444;
  font-weight: 700;
}

/* ── Price Box ── */
.gadget-price-box {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-left: 5px solid #0ea5e9;
  border-radius: 8px;
  padding: 16px 20px;
  margin: 1.6em 0;
}
.gadget-price-label {
  font-weight: 700;
  font-size: 0.78em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #0ea5e9;
  display: block;
  margin-bottom: 10px;
}
.gadget-price-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #e8edf4;
  font-size: 0.93em;
  color: #334155;
}
.gadget-price-row:last-child { border-bottom: none; }
.gadget-price-row span:last-child { font-weight: 700; color: #0c1a2e; }

/* ── Buy Button / CTA ── */
.gadget-buy-box {
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 10px;
  padding: 16px 20px;
  margin: 1.6em 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.gadget-buy-info { display: flex; flex-direction: column; gap: 4px; }
.gadget-buy-name { font-weight: 600; font-size: 0.95em; color: #0c1a2e; }
.gadget-buy-price { font-weight: 800; font-size: 1.3em; color: #0c1a2e; }
.gadget-buy-btn {
  display: inline-block;
  background: #0ea5e9;
  color: #fff !important;
  font-weight: 700;
  font-size: 0.9em;
  padding: 11px 22px;
  border-radius: 8px;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background .2s;
}
.gadget-buy-btn:hover { background: #0284c7; opacity: 1; }

/* ── Best Pick Badge ── */
.gadget-best-pick {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 10px;
  padding: 14px 18px;
  margin: 1.6em 0;
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.gadget-badge-best {
  background: #0ea5e9;
  color: #fff;
  font-weight: 700;
  font-size: 0.82em;
  padding: 5px 14px;
  border-radius: 20px;
  white-space: nowrap;
  flex-shrink: 0;
}
.gadget-best-pick p { margin: 0; font-size: 0.93em; color: #1e293b; }

/* ── Stat / Number Strip ── */
.gadget-stat-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 1.6em 0;
}
.gadget-stat-item {
  flex: 1;
  min-width: 120px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-top: 3px solid #0ea5e9;
  border-radius: 8px;
  padding: 16px 14px;
  text-align: center;
}
.gadget-stat-number {
  font-size: 1.85em;
  font-weight: 800;
  color: #0ea5e9;
  line-height: 1.1;
  display: block;
}
.gadget-stat-desc {
  font-size: 0.78em;
  color: #64748b;
  margin-top: 5px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* ── Expert Alert ── */
.gadget-expert-box {
  background: #fff1f2;
  border: 1px solid #fecdd3;
  border-radius: 10px;
  padding: 16px 20px;
  margin: 1.6em 0;
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.gadget-expert-icon { font-size: 1.8em; flex-shrink: 0; line-height: 1; }
.gadget-expert-body { flex: 1; }
.gadget-expert-label {
  font-weight: 700;
  font-size: 0.82em;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #ef4444;
  display: block;
  margin-bottom: 6px;
}
.gadget-expert-body p { margin: 0; font-size: 0.95em; color: #1e293b; }

/* ── Compatibility Badge Row ── */
.gadget-compat-row {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 14px 18px;
  margin: 1.6em 0;
}
.gadget-compat-title {
  font-weight: 700;
  font-size: 0.88em;
  color: #334155;
  display: block;
  margin-bottom: 10px;
}
.gadget-compat-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.gadget-compat-tag {
  font-size: 0.82em;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 20px;
}
.gadget-compat-tag.yes {
  background: #dcfce7;
  color: #166534;
  border: 1px solid #bbf7d0;
}
.gadget-compat-tag.no {
  background: #fee2e2;
  color: #991b1b;
  border: 1px solid #fecaca;
}

/* ── In-the-Box List ── */
.gadget-inbox-box {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 16px 20px;
  margin: 1.6em 0;
}
.gadget-inbox-title {
  font-weight: 700;
  font-size: 0.95em;
  color: #0c1a2e;
  margin-bottom: 12px;
  display: block;
}
.gadget-inbox-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.gadget-inbox-box li {
  padding: 7px 0 7px 26px;
  position: relative;
  font-size: 0.93em;
  border-bottom: 1px solid #f1f5f9;
  color: #1e293b;
  margin: 0;
}
.gadget-inbox-box li:last-child { border-bottom: none; }
.gadget-inbox-box li::before {
  content: '📦';
  position: absolute;
  left: 0;
  top: 6px;
  font-size: 0.9em;
}

/* ── Step-by-Step ── */
.gadget-steps {
  margin: 1.6em 0;
}
.gadget-step {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 16px 0;
  border-bottom: 1px solid #f1f5f9;
}
.gadget-step:last-child { border-bottom: none; }
.gadget-step-num {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  background: #0ea5e9;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
}
.gadget-step-body { flex: 1; }
.gadget-step-body strong {
  font-size: 1em;
  color: #0c1a2e;
  display: block;
  margin-bottom: 4px;
}
.gadget-step-body p {
  font-size: 0.95em;
  color: #475569;
  margin: 0;
}

/* ── Checklist ── */
.gadget-checklist {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 16px 20px;
  margin: 1.6em 0;
}
.gadget-checklist-title {
  font-weight: 700;
  font-size: 0.95em;
  color: #0c1a2e;
  margin-bottom: 12px;
  display: block;
}
.gadget-checklist ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.gadget-checklist li {
  padding: 7px 0 7px 28px;
  position: relative;
  font-size: 0.95em;
  border-bottom: 1px solid #f1f5f9;
  color: #1e293b;
  margin: 0;
}
.gadget-checklist li:last-child { border-bottom: none; }
.gadget-checklist li::before {
  content: '✓';
  position: absolute;
  left: 0;
  top: 7px;
  color: #10b981;
  font-weight: 700;
}

/* ── Pro Tips List ── */
.gadget-pro-tips {
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 10px;
  padding: 18px 20px;
  margin: 1.6em 0;
}
.gadget-pro-tips-title {
  font-weight: 700;
  font-size: 0.95em;
  color: #065f46;
  margin-bottom: 12px;
  display: block;
}
.gadget-pro-tips ul {
  margin: 0;
  padding-left: 1.4em;
}
.gadget-pro-tips li {
  margin-bottom: 8px;
  font-size: 0.95em;
  color: #1e293b;
}

/* ── Did You Know Box ── */
.gadget-did-you-know {
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 10px;
  padding: 16px 20px;
  margin: 1.6em 0;
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.gadget-dyk-icon {
  font-size: 1.6em;
  flex-shrink: 0;
  line-height: 1;
}
.gadget-dyk-body { flex: 1; }
.gadget-dyk-label {
  font-weight: 700;
  font-size: 0.78em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #92400e;
  display: block;
  margin-bottom: 6px;
}
.gadget-dyk-body p { margin: 0; font-size: 0.95em; color: #1e293b; }

/* ── Highlight / Key Stat ── */
.gadget-highlight {
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 10px;
  padding: 18px 22px;
  margin: 1.6em 0;
  text-align: center;
}
.gadget-highlight-text {
  font-size: 1.18em;
  font-weight: 700;
  color: #0ea5e9;
  line-height: 1.4;
  display: block;
}
.gadget-highlight-sub {
  font-size: 0.85em;
  color: #64748b;
  margin-top: 6px;
  display: block;
}

/* ── Summary / Recap Box ── */
.gadget-summary-box {
  background: #faf5ff;
  border: 1px solid #e9d5ff;
  border-radius: 10px;
  padding: 18px 20px;
  margin: 1.6em 0;
}
.gadget-summary-label {
  font-weight: 700;
  font-size: 0.78em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8b5cf6;
  display: block;
  margin-bottom: 10px;
}
.gadget-summary-box ul {
  margin: 0;
  padding-left: 1.3em;
}
.gadget-summary-box li {
  font-size: 0.95em;
  margin-bottom: 6px;
  color: #1e293b;
}

/* ── FAQ Accordion ── */
.gadget-faq { margin: 1.6em 0; }
.gadget-faq-item {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}
.gadget-faq-q {
  background: #f8fafc;
  padding: 14px 18px;
  font-weight: 700;
  font-size: 0.97em;
  color: #0c1a2e;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  user-select: none;
}
.gadget-faq-q::after {
  content: '+';
  font-size: 1.3em;
  color: #0ea5e9;
  font-weight: 400;
  flex-shrink: 0;
  transition: transform .25s;
}
.gadget-faq-item.open .gadget-faq-q::after {
  transform: rotate(45deg);
}
.gadget-faq-a {
  display: none;
  padding: 14px 18px;
  font-size: 0.95em;
  color: #334155;
  border-top: 1px solid #e2e8f0;
  background: #fff;
}
.gadget-faq-a p { margin: 0; }
.gadget-faq-item.open .gadget-faq-a { display: block; }


/* ================================================
   TABLES
================================================ */
.gadget-table-wrap {
  width: 100%;
  overflow-x: auto;
  margin: 1.4em 0 1.8em;
  -webkit-overflow-scrolling: touch;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
}
.gadget-blog-wrap table {
  width: 100%;
  min-width: 480px;
  border-collapse: collapse;
  font-size: 0.93em;
  background: #fff;
}
.gadget-blog-wrap thead { background: #0ea5e9; color: #fff; }
.gadget-blog-wrap th {
  text-align: left;
  padding: 12px 14px;
  font-weight: 700;
  font-size: 0.88em;
  letter-spacing: 0.03em;
}
.gadget-blog-wrap td {
  padding: 11px 14px;
  border-top: 1px solid #f1f5f9;
  vertical-align: top;
  color: #1e293b;
}
.gadget-blog-wrap tbody tr:nth-child(even) td { background: #f8fafc; }
.gadget-blog-wrap tbody tr:hover td { background: #f0f9ff; }


/* ================================================
   MOBILE
================================================ */
@media (max-width: 600px) {
  .gadget-blog-wrap      { padding: 0 12px; }
  .gadget-blog-wrap h2   { font-size: 1.3em; }
  .gadget-blog-wrap h3   { font-size: 1.1em; }

  .gadget-quick-answer,
  .gadget-tip-box,
  .gadget-note-box,
  .gadget-warning-box,
  .gadget-takeaway-box,
  .gadget-pro-tips,
  .gadget-checklist,
  .gadget-inbox-box,
  .gadget-price-box,
  .gadget-summary-box    { padding: 14px 15px; }

  .gadget-pros-cons      { flex-direction: column; }
  .gadget-verdict-body   { flex-direction: column; gap: 10px; }
  .gadget-overall-score  { font-size: 1.8em; }

  .gadget-stat-strip     { gap: 8px; }
  .gadget-stat-item      { min-width: 100px; }
  .gadget-stat-number    { font-size: 1.5em; }

  .gadget-did-you-know,
  .gadget-expert-box     { flex-direction: column; gap: 8px; }

  .gadget-score-label    { min-width: 90px; }
  .gadget-spec-key       { min-width: 100px; }
  .gadget-buy-box        { flex-direction: column; align-items: flex-start; }
  .gadget-buy-btn        { width: 100%; text-align: center; }
  .gadget-highlight-text { font-size: 1em; }
  .gadget-compat-tags    { gap: 6px; }
}