/* ================================================
   FUNKY ROBOT RECORDS — CUSTOM OVERRIDES
   tmpl-funkyrobot v1.9
   ================================================ */

/* ================================================
   SECTION BANNER — positioned below fixed header
   ================================================ */

.frr-page-banner {
  position: relative !important;
  padding: 60px 0 60px !important;
  margin-top: 80px !important;
  text-align: center !important;
  overflow: hidden !important;
  border-bottom: 1px solid rgba(192,32,30,0.15) !important;
  display: block !important;
  z-index: 1 !important;
}

.frr-page-banner-glow {
  position: absolute !important;
  top: -100px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 600px !important;
  height: 400px !important;
  background: radial-gradient(ellipse at center, rgba(192,32,30,0.12) 0%, transparent 70%) !important;
  pointer-events: none !important;
}

.frr-page-title {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: clamp(56px, 8vw, 100px) !important;
  letter-spacing: 0.05em !important;
  line-height: 0.9 !important;
  color: #ffffff !important;
  display: block !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
}

/* ================================================
   INTERIOR WRAP
   ================================================ */

.frr-interior-wrap {
  padding-top: 48px !important;
  padding-bottom: 100px !important;
  min-height: 60vh !important;
}

/* ================================================
   REMOVE GREY BOOTSTRAP CARD BOX
   Target every possible Joomla wrapper class
   ================================================ */

/* Main container reset */
.frr-main {
  background: transparent !important;
}

/* All Bootstrap card variants */
.frr-main .card,
.frr-main .card-body,
.frr-main .card-header,
.frr-main .card-footer,
.frr-main .card-text {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Joomla article/category wrappers */
.frr-main .item-page,
.frr-main .com-content-article,
.frr-main .com-content-article__body,
.frr-main .com-content-category-blog,
.frr-main .blog,
.frr-main .items-leading,
.frr-main .items-row,
.frr-main .items-more {
  background: transparent !important;
  border: none !important;
  border-left: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Nuclear option: any direct child of frr-main */
body.frr-site .frr-main > div,
body.frr-site .frr-main > article,
body.frr-site .frr-main > section {
  background: transparent !important;
  border: none !important;
  border-left: none !important;
  box-shadow: none !important;
}

/* ================================================
   ARTICLE LIST ITEMS — keep our custom styles
   ================================================ */

/* Override the nuclear reset for our custom article rows */
body.frr-site .frr-main .frr-article-row {
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  padding: 40px 0 !important;
  border-left: none !important;
  background: transparent !important;
}

body.frr-site .frr-main .frr-article-row::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 2px !important;
  height: 0 !important;
  background: #c0201e !important;
  transition: height 0.3s ease !important;
}

body.frr-site .frr-main .frr-article-row:hover::before {
  height: 100% !important;
}

/* ================================================
   SINGLE ARTICLE BODY PADDING
   ================================================ */

.frr-single-article {
  padding: 0 48px;
}

@media (max-width: 768px) {
  .frr-single-article {
    padding: 0 24px;
  }
}

/* ================================================
   MOBILE HERO LOGO — prevent growing on scroll
   ================================================ */

@media (max-width: 768px) {
  .frr-hero-logo,
  .hero-logo {
    width: 240px !important;
    max-width: 65vw !important;
    height: auto !important;
  }

  /* Prevent the hero section from expanding */
  .frr-hero {
    overflow: hidden !important;
  }

  .frr-hero-logo-wrap {
    width: 240px !important;
    max-width: 65vw !important;
    margin: 0 auto !important;
  }
}

/* ================================================
   MOBILE BANNER — fix overlap with fixed header
   ================================================ */

@media (max-width: 768px) {
  .frr-page-banner {
    margin-top: 70px !important;
    padding: 40px 0 40px !important;
  }

  .frr-page-title {
    font-size: 52px !important;
  }
}

/* ================================================
   SUBCATEGORY LIST — remove browser default bullets
   ================================================ */

.frr-subcat-ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.frr-subcat-ul li,
.frr-subcat-item {
  list-style: none !important;
  list-style-type: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

.frr-subcat-ul li::before,
.frr-subcat-ul li::marker,
.frr-subcat-item::before,
.frr-subcat-item::marker {
  display: none !important;
  content: '' !important;
}

.frr-subcat-link {
  display: block !important;
  padding: 16px 0 !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 20px !important;
  letter-spacing: 0.08em !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}

.frr-subcat-link:hover {
  color: #c0201e !important;
}