@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --home26-sky-brand: #9fe8ff;
  --home26-btn-navy: #154a78;
  --home26-btn-navy-hover: #0f385c;
  --home26-cyan: #33C5F3;
  --home26-footer-purple: #200063;
  --home26-footer-dark: #150043;
  --home26-footer-text: #e6e2ed;
  --home26-powered-blue: #2986bb;
}

/* Iconic Desktop + SELL / Advertise Button with gradient border ring */
.olx-sell-btn {
  position: relative;
  background: #ffffff;
  border: 3.5px solid transparent;
  border-radius: 9999px;
  background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(135deg, #33C5F3, #154A78 70%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: 0 4px 12px rgba(21, 74, 120, 0.18);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.olx-sell-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(51, 197, 243, 0.45);
  background-image: linear-gradient(#f0f9ff, #f0f9ff), linear-gradient(135deg, #154A78, #33C5F3 80%);
}

/* Floating Center Button on Mobile Bottom Navigation */
.mobile-float-sell {
  width: 54px;
  height: 54px;
  margin-top: -24px;
  border-radius: 9999px;
  border: 3.5px solid transparent;
  background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(135deg, #33C5F3, #154A78);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: 0 6px 18px rgba(21, 74, 120, 0.35);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s;
}

.mobile-float-sell:active {
  transform: scale(0.92);
}

/* Category Circular Cards */
.cat-circle-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.cat-circle-card:hover {
  transform: translateY(-3px);
}

.cat-circle-card.active-category .cat-icon-wrap {
  background-color: #e0f6fd;
  border-color: #154A78;
  box-shadow: 0 0 0 3px rgba(51, 197, 243, 0.4);
}

.cat-circle-card.active-category span {
  color: #154A78;
  font-weight: 700;
}

/* Scrollbars */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.thin-scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.thin-scrollbar::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}

/* Site Footer Base */
#site-footer {
  font-family: 'Poppins', 'Outfit', system-ui, -apple-system, sans-serif;
}

#site-footer a {
  text-decoration: none;
}

/* Newsletter Input Focus Ring */
.newsletter-input:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(21, 74, 120, 0.35) !important;
}

/* Footer Link Hover Transitions */
#site-footer ul li a {
  transition: color 0.15s ease, transform 0.15s ease;
  display: inline-block;
}

#site-footer ul li a:hover {
  transform: translateX(2px);
}

/* Social Media Circular Buttons Hover Lift */
#site-footer [aria-label="Social Media Links"] a {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* PulsePlay Circular Badge SVG Dome */
.footer-initiative-dome {
  position: absolute;
  bottom: -47px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 0;
}