.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-e7cc477:#F7F3EA;--e-global-color-5570287:#444D0A;--e-global-color-da77529:#E4A21A;--e-global-color-001054e:#1F1E1A;--e-global-color-a49a2dd:#DFDBD0;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-db9613c-font-family:"Rubik";--e-global-typography-db9613c-font-weight:500;--e-global-typography-1dbf199-font-family:"Nunito";--e-global-typography-1dbf199-font-weight:300;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-5570287 );font-weight:700;}.elementor-kit-6 h1{font-family:"Rubik", Sans-serif;font-weight:800;}.elementor-kit-6 h2{font-family:"Rubik", Sans-serif;font-weight:700;}.elementor-kit-6 h3{font-family:"Rubik", Sans-serif;font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ── Tokens ─────────────────────────────────────────────── */
:root {
  --os-card:       #FFFDF7;
  --os-line:       #E2DAC5;
  --os-ink:        #1F1E1A;
  --os-ink3:       #6B6553;
  --os-ink4:       #8A826E;
  --os-ink5:       #A99F86;
  --os-amber-soft: #E8A53C;
  --os-amber-ink:  #2A2610;
  --os-olive:      #444D0A;
  --os-rust:       #8B3A2B;
  --os-head:       'Rubik', -apple-system, system-ui, sans-serif;
  --os-body:       'Nunito', -apple-system, system-ui, sans-serif;
}

/* ── Content-type pill ───────────────────────────────────── */
/* Label and color driven entirely by WordPress post-type class.
   Place an empty <span class="os-ct-pill"></span> HTML widget —
   no text needed; CSS ::after injects the label. */

.os-ct-pill {
  display: inline-flex;
  align-items: center;
  font-family: var(--os-head);
  font-weight: 700;
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 4px 9px;
  border-radius: 5px;
  white-space: nowrap;
}

.type-review  .os-ct-pill { background: var(--os-olive);      color: #E8DFC8; }
.type-best    .os-ct-pill { background: var(--os-ink);        color: #E8DFC8; }
.type-compare .os-ct-pill { background: var(--os-rust);       color: #F4ECE7; }
.type-guide   .os-ct-pill { background: var(--os-amber-soft); color: var(--os-amber-ink); }

.type-review  .os-ct-pill::after { content: 'Review'; }
.type-best    .os-ct-pill::after { content: 'Roundup'; }
.type-compare .os-ct-pill::after { content: 'Head to Head'; }
.type-guide   .os-ct-pill::after { content: 'Guide'; }

/* ── Verdict badge ───────────────────────────────────────── */
/* HTML widget: <span class="os-verd" data-verdict="DYNAMIC_TAG">DYNAMIC_TAG</span>
   Both instances of DYNAMIC_TAG = ACF Field → verdict (field_os_rev_verdict).
   Set Elementor Conditions: Show if ACF field "verdict" is not empty. */

.os-verd {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: var(--os-head);
  font-weight: 700;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: 5px;
}
.os-verd::before {
  content: '';
  width: 5px; height: 5px;
  border-radius: 50%;
  background: currentColor;
  opacity: .65;
  flex: none;
}
.os-verd[data-verdict="Strong Buy"]  { background: var(--os-olive);      color: #F7F3EA; }
.os-verd[data-verdict="Buy If"]      { background: var(--os-amber-soft); color: var(--os-amber-ink); }
.os-verd[data-verdict="Skip Unless"] { background: #6B6553;              color: #F7F3EA; }
.os-verd[data-verdict="Skip"]        { background: var(--os-rust);       color: #F7F3EA; }
.os-verd[data-verdict="Watching"]    { background: #E2DAC5;              color: #4B4638; }

/* ── Category tag ────────────────────────────────────────── */
/* Dynamic Tag → Taxonomy Terms → product_category (or guide-tag for guides)
   Separator: none · Limit: 1 · wrap in: <span class="os-cat"> */
.os-cat {
  font-family: var(--os-head);
  font-weight: 600;
  font-size: 10.5px;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--os-ink4);
}

/* ── Read time ───────────────────────────────────────────── */
/* HTML widget: <span class="os-rtime">DYNAMIC_TAG min read</span>
   DYNAMIC_TAG = ACF Field → read_time */
.os-rtime {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: var(--os-head);
  font-weight: 600;
  font-size: 11px;
  color: var(--os-ink5);
}
.os-rtime::before {
  content: '';
  display: inline-block;
  width: 11px; height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6' cy='6' r='5' stroke='%23A99F86' stroke-width='1.3'/%3E%3Cpath d='M6 3.5v2.8l1.5 1.4' stroke='%23A99F86' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}/* End custom CSS */