/* ==========================================================
   SiriosRadio – shared site styles
   ========================================================== */

:root{
  --ka-cream:#F5F0E8;
  --ka-cream-2:#EDE8DF;
  --ka-red:#D7261E;
  --ka-red-dark:#B91C1C;
  --ka-ink:#111827;
}

html{scroll-behavior:smooth;}
body{font-family:"Inter","Helvetica Neue",Arial,sans-serif;color:var(--ka-ink);}

.hide-scrollbar::-webkit-scrollbar{display:none;}
.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none;}

/* ---------- Sidebar category list ---------- */
.cat-link{
  display:flex;align-items:center;justify-content:space-between;
  padding:.85rem .25rem;margin-bottom:0;
  border-bottom:1px solid #e5e5e5;
  font-size:13px;font-weight:600;text-transform:uppercase;
  color:#374151;cursor:pointer;text-decoration:none;transition:color .15s ease;
}
.cat-link:hover{color:#000;}
.cat-link:hover .cat-arrow{opacity:1;}
.cat-link:focus-visible{outline:2px solid var(--ka-red);outline-offset:2px;}
.cat-arrow{opacity:0;transition:opacity .15s ease;width:1rem;height:1rem;flex-shrink:0;}
@media (hover:none){.cat-arrow{opacity:.6;}}

/* ---------- Mobile drawer ---------- */
#mobile-menu{transition:opacity .2s ease;}
#mobile-menu.hidden{display:none;}
body.menu-open{overflow:hidden;}

/* ---------- Filter tab pills ---------- */
.filter-tab{
  padding:.55rem 1.1rem;font-size:13px;font-weight:600;border-radius:9999px;
  border:1px solid var(--ka-cream-2);background:#fff;color:var(--ka-ink);
  transition:background .15s ease,color .15s ease,border-color .15s ease;
  cursor:pointer;
}
.filter-tab:hover{border-color:var(--ka-red);}
.filter-tab.is-active{background:var(--ka-red);border-color:var(--ka-red);color:#fff;}

/* ---------- Owl Carousel look & feel ---------- */
.owl-carousel .owl-stage-outer{overflow:hidden;}
.owl-nav button.owl-prev,
.owl-nav button.owl-next{
  position:absolute;top:50%;transform:translateY(-50%);
  width:48px;height:48px;border-radius:9999px;background:#fff !important;
  box-shadow:0 6px 18px rgba(0,0,0,.15);
  display:flex;align-items:center;justify-content:center;
  font-size:0;
}
.owl-nav button.owl-prev{left:-4px;}
.owl-nav button.owl-next{right:-4px;}
.owl-nav button.owl-prev span,
.owl-nav button.owl-next span{
  font-size:26px;line-height:1;color:var(--ka-red);
}
.owl-dots{text-align:center;margin-top:14px;}
.owl-dot span{
  width:8px;height:8px;margin:4px;background:#d1cfc7;display:inline-block;border-radius:50%;
}
.owl-dot.active span{background:var(--ka-red);}
.hero-owl .owl-nav button.owl-prev,
.hero-owl .owl-nav button.owl-next{
  background:rgba(255,255,255,.85) !important;
}
.hero-owl .owl-dots{position:absolute;bottom:16px;left:0;right:0;margin:0;}

@media (max-width:640px){
  .owl-nav{display:none;}
}
@media (min-width:641px){
  .owl-nav button.owl-prev{left:-20px;}
  .owl-nav button.owl-next{right:-20px;}
}

/* ---------- Product / deal cards ---------- */
.deal-card, .hot-card, .highlight-card{
  background:#FAF7F2;border:1px solid #e5e5e5;
}
.badge-off{
  width:48px;height:48px;border-radius:9999px;background:var(--ka-red);
  color:#fff;font-size:11px;font-weight:700;display:flex;flex-direction:column;
  align-items:center;justify-content:center;line-height:1;
}
.btn-primary{
  background:var(--ka-red);color:#fff;font-weight:600;font-size:13px;
  padding:.5rem 1.5rem;border-radius:9999px;transition:background .15s ease;
  display:inline-block;
}
.btn-primary:hover{background:var(--ka-red-dark);}
.btn-primary:focus-visible,
.filter-tab:focus-visible{outline:2px solid var(--ka-ink);outline-offset:2px;}

/* ---------- FAQ accordion ---------- */
.faq-item summary{cursor:pointer;list-style:none;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item .faq-icon svg{transition:transform .15s ease;}
.faq-item[open] .faq-icon svg{transform:rotate(45deg);}

/* ---------- Utility ---------- */
.section-title-underline{
  display:inline-block;border-bottom:4px solid #0ea5e9;padding-bottom:.25rem;
}