/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1765476107
Updated: 2025-12-11 19:01:47

*/
.elementor-lightbox,
.elementor-lightbox * {
    display: none !important;
}
.mwl button.pswp__button:not(.pswp__button--arrow--prev):not(.pswp__button--arrow--next).pswp__button--close, .mwl button.pswp__button:not(.pswp__button--arrow--prev):not(.pswp__button--arrow--next).pswp__button--zoom{
	display: none !important;
}

/* 1. Ciljamo točno tvoju temu i sve gumbe unutar nje */
.pswp.mwl-theme-dark-glass .pswp__button,
.pswp.mwl-theme-dark-glass .mwl__actions .pswp__button, .mwl button.pswp__button:not(.pswp__button--arrow--prev):not(.pswp__button--arrow--next) {
    background-color: #ffffff !important; /* Bijela pozadina */
    border-radius: 50% !important;        /* Savršen krug */
    width: 48px !important;               /* Fiksna širina */
    height: 48px !important;              /* Fiksna visina */
    opacity: 1 !important;                /* Uvijek vidljivo, bez prozirnosti */
    margin: 6px !important;               /* Malo razmaka od rubova */
    box-shadow: 0 2px 5px rgba(0,0,0,0.3) !important; /* Sjena da se istakne */
    padding: 0px !important;
    /* Centriranje ikone unutar kruga */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Poništavanje transformacija teme */
    transform: none !important;
    transition: none !important;
}

/* 2. Forsiranje da hover ne radi ništa (da gumb ostane isti) */
.pswp.mwl-theme-dark-glass .pswp__button:hover,
.pswp.mwl-theme-dark-glass .pswp__button:focus,
.pswp.mwl-theme-dark-glass .pswp__button:active {
    background-color: #ffffff !important;
    opacity: 1 !important;
    transform: none !important;
}

/* 3. Bojanje ikona u crno (i SVG i Path) */
.pswp.mwl-theme-dark-glass .pswp__button svg,
.pswp.mwl-theme-dark-glass .pswp__button svg path,
.pswp.mwl-theme-dark-glass .pswp__button .pswp__icn {
    fill: #000000 !important;   /* Crna ispuna */
    stroke: #000000 !important; /* Crni obrub (za neke ikone) */
    color: #000000 !important;
    opacity: 1 !important;
}

/* 4. Posebno namještanje veličine ikona da ne budu prevelike u krugu */
.pswp.mwl-theme-dark-glass .pswp__button svg {
    width: 24px !important;
    height: 24px !important;
    background: none !important; /* Micanje bilo kakve pozadine sa same ikone */
}

/* 5. Pozicioniranje strelica (Lijevo i Desno) da budu ljepše odmaknute */
.pswp.mwl-theme-dark-glass .pswp__button--arrow--prev {
    left: 20px !important;
}
.pswp.mwl-theme-dark-glass .pswp__button--arrow--next {
    right: 20px !important;
}

.gallery {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 15px !important;
}

.gallery img {
    width: 100% !important;
    height: 260px !important;
    object-fit: cover !important;
    border-radius: 5px;
}

/* ===========================
   RADIO STUBICA – PROGRAM (Nested Accordion)
   Cilja samo Elementorov e-n-accordion
   =========================== */

/* ——— Boje/varijable ——— */
:root{
  --rs-navy-100:#eaf2f8;
  --rs-navy-200:#d7e5f1;
  --rs-navy-500:#1f507a;      /* svjetlija zatvorena */
  --rs-navy-600:#1a3f63;      /* hover zatvorena */
  --rs-navy-800:#0d2840;
  --rs-orange:#f57a2a;        /* brend narančasta */
  --rs-orange-700:#e26719;
  --rs-text-dark:#0b1b2b;
  --rs-text-light:#ffffff;
  --rs-radius:16px;
  --rs-radius-sm:12px;
  --rs-shadow:0 6px 24px rgba(13,40,64,.12);
  --rs-border:2px;
  --rs-speed:220ms;
}

/* Wrapper – širina, razmak, reset */
.e-n-accordion{
  max-width: 980px !important;
  margin: 0 auto !important;
  gap: 14px !important;
}

/* Svaka stavka */
.e-n-accordion .e-n-accordion-item{
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Naslov (summary) – CLOSED look */
.e-n-accordion .e-n-accordion-item-title{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding: 14px 18px !important;
  border-radius: var(--rs-radius-sm) !important;
  background: linear-gradient(180deg, var(--rs-navy-500), var(--rs-navy-600)) !important;
  color: var(--rs-text-light) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: var(--rs-shadow) !important;
  transition: background var(--rs-speed) ease, transform var(--rs-speed) ease, box-shadow var(--rs-speed) ease !important;
}

/* Naslov – tekst unutar headera */
.e-n-accordion .e-n-accordion-item-title .e-n-accordion-item-title-text{
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing:.2px !important;
}

/* Ikona (plus/minus) – kapsula lijevo */
.e-n-accordion .e-n-accordion-item-title-icon{
  order: -1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width: 30px !important;
  height: 30px !important;
  min-width:30px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
}

/* SVG dimenzije + boja */
.e-n-accordion .e-n-accordion-item-title-icon svg{
  width: 14px !important;
  height: 14px !important;
  fill: var(--rs-text-light) !important;
}

/* Hover/Active (closed) */
.e-n-accordion .e-n-accordion-item-title:hover{
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 30px rgba(13,40,64,.16) !important;
}

/* OPEN state – narančasti header, bijeli content */
.e-n-accordion .e-n-accordion-item[open] > .e-n-accordion-item-title{
  background: var(--rs-orange) !important;
  color: var(--rs-text-light) !important;
  border: var(--rs-border) solid var(--rs-orange) !important;
  box-shadow: 0 12px 36px rgba(245,122,42,.28) !important;
}

/* Ikona u OPEN stateu – invert boje */
.e-n-accordion .e-n-accordion-item[open] > .e-n-accordion-item-title .e-n-accordion-item-title-icon{
  background: rgba(255,255,255,.18) !important;
  border-color: rgba(255,255,255,.28) !important;
}

/* Content kontejner (div iza summary) */
.e-n-accordion .e-n-accordion-item[open] > .e-con{
  background: #fff !important;
  border: var(--rs-border) solid var(--rs-orange) !important;
  border-top: 0 !important;
  border-radius: 0 0 var(--rs-radius) var(--rs-radius) !important;
  padding: 22px 26px !important;
  box-shadow: var(--rs-shadow) !important;
  color: var(--rs-text-dark) !important;
}

/* Zaobli gornji rub naslova kad je open da se “spoje” */
.e-n-accordion .e-n-accordion-item[open] > .e-n-accordion-item-title{
  border-radius: var(--rs-radius) var(--rs-radius) 0 0 !important;
}

/* Unutarnji boxed container */
.e-n-accordion .e-n-accordion-item[open] .e-con-boxed .e-con-inner{
  padding: 0 !important; /* već smo dali padding gore */
}

/* Tipografija unutar contenta */
.e-n-accordion .e-n-accordion-item[open] h5{
  margin: 18px 0 8px !important;
  font-size: 15px !important;
  letter-spacing:.2px !important;
  color: var(--rs-navy-800) !important;
  position: relative !important;
}

.e-n-accordion .e-n-accordion-item[open] h5::after{
  content:"";
  display:block;
  width: 48px;
  height: 3px;
  border-radius: 3px;
  background: var(--rs-orange);
  margin-top: 6px;
}

.e-n-accordion .e-n-accordion-item[open] ul{
  margin: 10px 0 18px 18px !important;
  padding: 0 !important;
}

.e-n-accordion .e-n-accordion-item[open] li{
  margin: 6px 0 !important;
  line-height: 1.55 !important;
  color: var(--rs-text-dark) !important;
}

/* Sitne točkice u listi – diskretnije */
.e-n-accordion .e-n-accordion-item[open] li::marker{
  color: var(--rs-orange) !important;
}

/* Focus accessibility */
.e-n-accordion .e-n-accordion-item-title:focus-visible{
  outline: 2px solid #fff !important;
  box-shadow: 0 0 0 4px rgba(245,122,42,.35) !important;
}

/* Responsive dotjerivanje */
@media (max-width: 768px){
  .e-n-accordion{
    max-width: 100% !important;
    padding-inline: 14px !important;
  }
  .e-n-accordion .e-n-accordion-item-title{
    padding: 12px 14px !important;
    font-size: 15px !important;
  }
  .e-n-accordion .e-n-accordion-item[open] > .e-con{
    padding: 18px 18px !important;
  }
}

/* Sitni vizualni detalji za zatvorene kartice – rub i svjetlija pozadina */
.e-n-accordion .e-n-accordion-item:not([open]) .e-n-accordion-item-title{
  background: linear-gradient(180deg, var(--rs-navy-500), var(--rs-navy-500)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

/* Hover za zatvorene kartice – malo svjetlije */
.e-n-accordion .e-n-accordion-item:not([open]) .e-n-accordion-item-title:hover{
  background: linear-gradient(180deg, var(--rs-navy-600), var(--rs-navy-600)) !important;
}

/* Ukloni default margine koje znaju “razvući” blok */
.e-n-accordion .e-n-accordion-item-title,
.e-n-accordion .e-n-accordion-item[open] > .e-con{
  margin: 0 !important;
}

/* Spriječi “skakanje” ikone pri otvaranju */
.e-n-accordion .e-n-accordion-item-title-icon .e-opened,
.e-n-accordion .e-n-accordion-item-title-icon .e-closed{
  display: flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* =====================================
   FIX: Poravnanje naslova ulijevo + prikaz samo jedne ikone (plus/minus)
   ===================================== */

/* Ikona lijevo + naslov odmah do nje */
.e-n-accordion .e-n-accordion-item-title {
    justify-content: flex-start !important;
}

/* Malo razmaka između ikone i teksta */
.e-n-accordion .e-n-accordion-item-title-icon {
    margin-right: 10px !important;
}

/* default: sakrij obje */
.e-n-accordion .e-n-accordion-item-title-icon .e-opened,
.e-n-accordion .e-n-accordion-item-title-icon .e-closed {
    display: none !important;
}

/* CLOSED state → prikaz PLUS */
.e-n-accordion .e-n-accordion-item:not([open]) .e-n-accordion-item-title-icon .e-closed {
    display: flex !important;
}

/* OPEN state → prikaz MINUS */
.e-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened {
    display: flex !important;
}


/* RADIO STUBICA – Modern Table Style */
.rs-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(13,40,64,.08);
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  color: #0b1b2b;
}

.rs-table th {
  background: #0C3B6B;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  padding: 14px 18px;
  text-align: left;
}

.rs-table td {
  padding: 14px 18px;
  border-bottom: 1px solid rgba(13,40,64,.08);
}

.rs-table tr:nth-child(even) td {
  background: #f6f9fc;
}

.rs-table tr:hover td {
  background: rgba(245,122,42,.06);
  transition: background 0.25s ease;
}

.rs-table tr:last-child td {
  border-bottom: none;
}

/* Make header corners rounded */
.rs-table thead tr:first-child th:first-child {
  border-top-left-radius: 12px;
}
.rs-table thead tr:first-child th:last-child {
  border-top-right-radius: 12px;
}

/* Responsive scroll */
@media (max-width: 768px) {
  .rs-table {
    font-size: 14px;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}


/* Sticky bar background */
.radio-player-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 85px !important;
  padding: 14px 0;
  background: linear-gradient(90deg,#062344,#0D3767,#062344);
  backdrop-filter: blur(14px);
  border-top: 1px solid rgba(255,255,255,0.12);
  z-index: 9999;
}

/* Centered container like Elementor */
.radio-player-inner {
  width: 100%;
  max-width: 1140px;
  padding: 0 20px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Logo + title */
.rp-info {
  display: flex;
  align-items: center;
  gap: 16px;
}

.rp-logo {
  width: 64px;
  background:#fff;
  padding:6px;
  border-radius:10px;
}

.rp-title{font-size:22px;font-weight:700;color:#fff;}
.rp-live{font-size:16px;font-weight:600;color:#F77C3F;margin-top:2px;padding-left: 10px;}

/* RESET BUTTON STYLES FROM ELEMENTOR */
.circle {
  all: unset !important;
  width: 50px !important;
  height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  font-size: 20px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  transition: .2s ease !important;
}

/* Play button */
.main-btn {
  background:#F77C3F !important;
  color:white !important;
}
.main-btn:hover {
  background:#ff9358 !important;
}

/* Volume button (transparent white) */
.vol-btn {
  background:rgba(255,255,255,0.2) !important;
  color:#fff !important;
  border:2px solid rgba(255,255,255,0.35) !important;
  backdrop-filter:blur(6px) !important;
}
.vol-btn:hover {
  background:rgba(255,255,255,0.35) !important;
}

/* Controls row */
.rp-controls {
  display:flex;
  align-items:center;
  gap:12px;
}

/* Volume popup */
.rp-volume-wrap {
  position:relative;
}

.rp-volume-box {
  display:none;
  position:absolute;
  bottom:60px;
  left:50%;
  transform:translateX(-50%);
  background:rgba(0,0,0,0.6);
  backdrop-filter:blur(8px);
  width:50px;
  height:140px;
  padding:10px;
  border-radius:10px;
  z-index:99999999;
  align-items:center;
  justify-content:center;
}
.rp-volume-box.show {display:flex !important;}

#volume-slider {
  writing-mode: bt-lr;
  -webkit-appearance: slider-vertical;
  height:110px;
  width:8px;
  accent-color:#5CCEF9;
  cursor:pointer;
}

/* Page safe space bottom */
body{padding-bottom:85px!important;}

/* Još malo više za vrlo male ekrane (npr. iPhone SE) */
@media (max-width: 480px) {
  body {
    padding-bottom: 100px !important;
  }
}

/* LIVE animacija */
.rp-live-indicator {
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  font-weight:700;
  color:#ffffff;
  margin-top:2px;
  opacity:.9;
}

.live-dot {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#ff3b3b;
  box-shadow:0 0 6px rgba(255,0,0,.8);
  animation:pulseLive 1.2s infinite ease-in-out;
}

@keyframes pulseLive {
  0% {transform:scale(.9);opacity:.5;}
  50% {transform:scale(1.4);opacity:1;}
  100% {transform:scale(.9);opacity:.5;}
}

/* NOW PLAYING TEXT */
.rp-now-playing {
  font-size:12px;
  color:#fff;
  opacity:.85;
  margin-top:2px;
}

/* VISUALIZER BARS */
.rp-visualizer {
  display:flex;
  gap:3px;
  margin-top:4px;
}

.rp-visualizer span {
  width:3px;
  height:6px;
  background:#ffffff;
  border-radius:3px;
  display:inline-block;
  animation:equalizer 0.6s infinite;
}

.rp-visualizer span:nth-child(2){animation-delay:.1s}
.rp-visualizer span:nth-child(3){animation-delay:.2s}
.rp-visualizer span:nth-child(4){animation-delay:.3s}
.rp-visualizer span:nth-child(5){animation-delay:.4s}

@keyframes equalizer {
  0% {height:6px;}
  50% {height:18px;}
  100% {height:6px;}
}