/*
Theme Name:   BDSMLust Child
Template:     retrotube
Description:  Child theme za BDSMLust — Dark Gold Edition
Version: 3.1.0
*/

/* ============================================================
   IMPORTUJ PARENT TEMU
   ============================================================ */
@import url('../retrotube/style.css');

/* ============================================================
   NEUTRALIŠI STARI HEADER IZ PARENT TEME
   ============================================================ */
.site-branding,
#site-navigation,
#site-navigation #head-mobile,
#site-navigation .button-nav,
.main-navigation,
#masthead {
  display: none !important;
}

/* ============================================================
   UKLONI DEKORATIVNU LINIJU SA VRHA HEADERA
   ============================================================ */
#bl-header::before {
  display: none !important;
  content: none !important;
  background: none !important;
  height: 0 !important;
}

/* ============================================================
   SEARCH — sakrij submit dugme, fix float
   ============================================================ */
.bl-search-center input[type="submit"],
.bl-search-center #searchsubmit,
.bl-mobile-search input[type="submit"],
.bl-mobile-search #searchsubmit {
  display: none !important;
  width: 0 !important; height: 0 !important;
  overflow: hidden !important; position: absolute !important;
}

/* ============================================================
   GLOBAL CSS VARIJABLE — gold dark theme
   ============================================================ */
:root {
  --bl-bg:          #060504;
  --bl-surface:     #0c0a08;
  --bl-surface2:    #131008;
  --bl-surface3:    #1a1508;
  --bl-gold:        #C9A84C;
  --bl-gold2:       #8B6914;
  --bl-gold-dim:    rgba(201,168,76,0.45);
  --bl-gold-light:  #D4B86A;
  --bl-border:      rgba(201,168,76,0.1);
  --bl-border2:     rgba(201,168,76,0.2);
  --bl-text:        #E8DFC8;
  --bl-text-dim:    #9A8F78;
  --bl-text-muted:  #4A4030;
  --bl-accent:      #c0392b;
  --bl-accent-glow: rgba(192,57,43,0.2);
  --bl-header-h:    68px;
  --bl-cat-h:       44px;
  --bl-radius:      8px;
}

/* ============================================================
   GLOBAL BODY
   ============================================================ */
body {
  background-color: var(--bl-bg) !important;
  color: var(--bl-text) !important;
}

/* ============================================================
   CATEGORY BAR ITEMS — override parent .bl-cat-item
   ============================================================ */
a.bl-cat-item,
.bl-cat-list a {
  margin: 0 !important;
  padding: 0 13px !important;
  border-radius: 4px !important;
  border-left: none !important;
  border-top: none !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--bl-text-muted) !important;
  transition: color .15s, background .15s !important;
  text-decoration: none !important;
}
a.bl-cat-item::before, a.bl-cat-item::after,
.bl-cat-list a::before, .bl-cat-list a::after {
  display: none !important;
  content: none !important;
}
a.bl-cat-item:hover,
.bl-cat-list a:hover {
  color: var(--bl-gold) !important;
  background: rgba(201,168,76,0.07) !important;
}
a.bl-cat-item.bl-active,
.bl-cat-list a.bl-active {
  color: var(--bl-gold) !important;
  background: rgba(201,168,76,0.1) !important;
}

/* ============================================================
   WIDGET TITLE — gold minimal style
   ============================================================ */
h2.widget-title {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  font-style: normal !important;
  color: rgba(201,168,76,0.6) !important;
  border-left: none !important;
  border-bottom: 1px solid var(--bl-border) !important;
  padding: 0 0 10px 0 !important;
  margin-bottom: 14px !important;
  background: none !important;
}

/* ============================================================
   UKLONI CRVENO "More videos" DUGME
   ============================================================ */
a.more-videos.label {
  display: none !important;
}

/* ============================================================
   PAGINATION — gold stil
   ============================================================ */
.pagination .page-numbers,
nav.navigation .page-numbers {
  background: var(--bl-surface) !important;
  border: 1px solid var(--bl-border) !important;
  color: var(--bl-text-dim) !important;
  border-radius: 6px !important;
  transition: all .15s !important;
}
.pagination .page-numbers:hover,
nav.navigation .page-numbers:hover {
  border-color: var(--bl-gold-dim) !important;
  color: var(--bl-gold) !important;
  background: rgba(201,168,76,0.06) !important;
}
.pagination .page-numbers.current,
nav.navigation .page-numbers.current {
  background: rgba(201,168,76,0.12) !important;
  border-color: var(--bl-gold-dim) !important;
  color: var(--bl-gold) !important;
}

/* ============================================================
   TAG CLOUD — override crvene na gold
   ============================================================ */
.bltc-trigger:hover,
.bltc-trigger[aria-expanded="true"] {
  background: rgba(201,168,76,0.04) !important;
}
.bltc-trigger[aria-expanded="true"] .bltc-grp-name { color: var(--bl-gold) !important; }
.bltc-trigger[aria-expanded="true"] .bltc-arrow    { background: rgba(201,168,76,0.1) !important; }
.bltc-trigger[aria-expanded="true"] .bltc-arrow svg { stroke: var(--bl-gold) !important; }

.bltc-panel {
  display: block !important;
  max-height: 0 !important;
  overflow: hidden !important;
  transition: max-height .3s ease !important;
  grid-template-rows: unset !important;
}
.bltc-panel[aria-hidden="false"] { max-height: 600px !important; }
.bltc-panel-inner { overflow: visible !important; min-height: 0 !important; }

/* ============================================================
   KINK WIDGET — override crvene na gold
   ============================================================ */
.sb-tab.on {
  color: var(--bl-gold) !important;
  border-bottom-color: var(--bl-gold) !important;
  background: var(--bl-surface) !important;
}
.sb-footer-link,
.bltc-footer-link {
  color: var(--bl-gold) !important;
}
.sb-footer-link:hover,
.bltc-footer-link:hover {
  color: var(--bl-text) !important;
  text-shadow: 0 0 12px rgba(201,168,76,0.4) !important;
}

.sb-body  { display: block !important; }
.sb-panel { display: none !important; }
.sb-panel.on { display: block !important; }

.ktrack { display: grid !important; grid-auto-flow: column !important; }
.sgrid  { display: grid !important; grid-template-columns: repeat(6,1fr) !important; }
@media (max-width: 1024px) { .sgrid { grid-template-columns: repeat(4,1fr) !important; } }
@media (max-width: 600px)  { .sgrid { grid-template-columns: repeat(3,1fr) !important; } }
@media (max-width: 420px)  { .sgrid { grid-template-columns: repeat(2,1fr) !important; } }

/* ============================================================
   PERFORMER SLIDER — card format (ne okruglo)
   ============================================================ */
.bdsmlust-simple-actors-slider {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}
.bdsmlust-simple-actor-item {
  flex: 0 0 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  display: block !important;
}
.bdsmlust-simple-actor-thumb,
.bdsmlust-simple-actor-thumb.has-image,
.bdsmlust-simple-actor-thumb.no-image {
  border-radius: 8px !important;
  overflow: hidden !important;
  display: flex !important;
  width: 100% !important;
  height: 120px !important;
  min-width: unset !important;
  min-height: unset !important;
  max-width: unset !important;
  max-height: unset !important;
}
.bdsmlust-simple-actor-thumb img {
  border-radius: 8px !important;
  object-fit: cover !important;
  object-position: top center !important;
  width: 100% !important;
  height: 100% !important;
}

/* ============================================================
   NAV DRAWER — gold override
   ============================================================ */
.bl-nav-drawer {
  background:
    radial-gradient(ellipse at top right, rgba(201,168,76,0.06) 0%, transparent 50%),
    linear-gradient(180deg, #100e08 0%, #0a0806 100%) !important;
  border-left: 1px solid var(--bl-border) !important;
}
.bl-nav-links li a:hover {
  color: var(--bl-gold) !important;
  background: rgba(201,168,76,0.06) !important;
}
.bl-nav-links li a.bl-active {
  color: var(--bl-gold) !important;
  background: rgba(201,168,76,0.08) !important;
}
.bl-nav-close:hover {
  background: rgba(201,168,76,0.1) !important;
  border-color: var(--bl-gold-dim) !important;
  color: var(--bl-gold) !important;
}
.bl-hamburger:hover span { background: var(--bl-gold) !important; }
.bl-hamburger.bl-open span { background: var(--bl-gold) !important; }

/* ============================================================
   SEARCH INPUT — gold focus
   ============================================================ */
.bl-search-center input[type="text"]:focus,
.bl-search-center input[type="search"]:focus,
.bl-mobile-search input:focus {
  border-color: var(--bl-gold-dim) !important;
  box-shadow: 0 0 0 3px rgba(201,168,76,0.06) !important;
}

/* ============================================================
   BUTTON GLOBAL RESET — sprečava temu da gazi naše dugmad
   ============================================================ */
button#blg-scroll-more {
  background: rgba(201,168,76,0.07) !important;
  background-color: rgba(201,168,76,0.07) !important;
  background-image: none !important;
  border: 1px solid rgba(201,168,76,0.18) !important;
  border-radius: 6px !important;
  color: rgba(201,168,76,0.8) !important;
  box-shadow: none !important;
  font-family: 'DM Sans', sans-serif !important;
}
button#blg-scroll-more:hover {
  background: rgba(201,168,76,0.13) !important;
  background-color: rgba(201,168,76,0.13) !important;
  border-color: rgba(201,168,76,0.35) !important;
  color: var(--bl-gold) !important;
}

/* ============================================================
   NAV DRAWER — leva strana
   ============================================================ */
.bl-nav-drawer {
  left: 0 !important;
  right: auto !important;
  transform: translateX(-100%) !important;
  border-right: 1px solid var(--bl-border) !important;
  border-left: none !important;
}
.bl-nav-overlay.bl-open .bl-nav-drawer {
  transform: translateX(0) !important;
}

/* ============================================================
   HAMBURGER — 3 linije iste duzine, kao subspaceland
   ============================================================ */
.bl-hamburger span:nth-child(1),
.bl-hamburger span:nth-child(2),
.bl-hamburger span:nth-child(3) {
  width: 24px !important;
}

/* ============================================================
   MOBILE HEADER — hamburger levo, logo sredina, search desno
   ============================================================ */
@media (max-width: 768px) {
  .bl-header-top {
    display: grid !important;
    grid-template-columns: 42px 1fr 42px !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 14px !important;
  }
  .bl-hamburger {
    order: 1 !important;
    justify-self: start !important;
  }
  .bl-logo {
    order: 2 !important;
    justify-self: center !important;
  }
  .bl-header-actions {
    order: 3 !important;
    justify-self: end !important;
    gap: 0 !important;
  }
  .bl-search-center { display: none !important; }
  .bl-search-toggle-mobile { display: flex !important; }
}

/* ============================================================
   DESKTOP — logo levo, search center, hamburger desno
   ============================================================ */
@media (min-width: 769px) {
  .bl-hamburger { order: 3; }
  .bl-logo      { order: 1; }
  .bl-header-actions { order: 2; flex: 1; justify-content: center; }
  .bl-search-toggle-mobile { display: none !important; }
}

/* ============================================================
   SEARCH TOGGLE — zlatna pozadina kao JOIN NOW
   ============================================================ */
.bl-search-toggle-mobile {
  background: linear-gradient(135deg, #C9A84C 0%, #8B6914 100%) !important;
  border: 1px solid rgba(201,168,76,0.4) !important;
  color: #060504 !important;
  box-shadow: 0 2px 12px rgba(201,168,76,0.2) !important;
  border-radius: 6px !important;
}
.bl-search-toggle-mobile:hover {
  background: linear-gradient(135deg, #D4B86A 0%, #A07820 100%) !important;
  box-shadow: 0 4px 20px rgba(201,168,76,0.35) !important;
}

/* ============================================================
   HAMBURGER — final override — kao subspaceland
   gap 7px, visina 2px, zlatne linije, glow na hover
   ============================================================ */
.bl-hamburger {
  gap: 7px !important;
  padding: 0 9px !important;
}
.bl-hamburger span {
  height: 2px !important;
  width: 24px !important;
  background: rgba(201,168,76,0.7) !important;
  border-radius: 2px !important;
}
.bl-hamburger:hover span {
  background: var(--bl-gold) !important;
  box-shadow: 0 0 6px rgba(201,168,76,0.4) !important;
}
.bl-hamburger.bl-open span:nth-child(1) {
  transform: translateY(9px) rotate(45deg) !important;
  background: var(--bl-gold) !important;
}
.bl-hamburger.bl-open span:nth-child(2) { opacity: 0 !important; }
.bl-hamburger.bl-open span:nth-child(3) {
  transform: translateY(-9px) rotate(-45deg) !important;
  background: var(--bl-gold) !important;
}

/* ============================================================
   CATEGORY BAR — glow na hover i active
   ============================================================ */
.bl-cat-list a:hover,
a.bl-cat-item:hover {
  color: var(--bl-gold) !important;
  background: rgba(201,168,76,0.07) !important;
  text-shadow: 0 0 10px rgba(201,168,76,0.35) !important;
}
.bl-cat-list a.bl-active,
a.bl-cat-item.bl-active {
  color: var(--bl-gold) !important;
  background: rgba(201,168,76,0.1) !important;
  text-shadow: 0 0 8px rgba(201,168,76,0.3) !important;
}

/* ============================================================
   LOGO — povlaci iz teme, bez fiksnih dimenzija
   ============================================================ */
.bl-logo img {
  height: 44px !important;
  width: auto !important;
  max-width: 220px !important;
  object-fit: contain !important;
}
@media (max-width: 768px) {
  .bl-logo img { height: 38px !important; max-width: 160px !important; }
}