.elementor-kit-16{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-0b6fd1d:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-16 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */@property --rgm-sweep {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

.rgm-video-kartica {
  position: relative;
  background: rgba(10, 14, 24, .55);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 18px;
  padding: 14px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition: transform .35s cubic-bezier(.2, .7, .3, 1);
}

.rgm-video-kartica:hover {
  transform: translateY(-6px);
}

/* Zeleni border koji kruži oko kartice dok se ne popuni (bez glow-a) */
.rgm-video-kartica::before {
  content: "";
  position: absolute;
  inset: -1px; /* preko postojećeg bordera */
  border-radius: 18px;
  padding: 2px; /* debljina linije */
  background: conic-gradient(from -90deg,
      #54b84c var(--rgm-sweep), transparent var(--rgm-sweep));
  /* maska: vidljiv samo prsten (okvir), ne unutrašnjost */
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: --rgm-sweep .6s ease-out;
}

.rgm-video-kartica:hover::before {
  --rgm-sweep: 360deg; /* linija obiđe pun krug i "napuni" okvir */
}

/* Thumbnail — widget slike je okvir za zoom, veo i play dugme */
.rgm-video-kartica .elementor-widget-theme-post-featured-image {
  position: relative;
  border-radius: 14px;
  overflow: hidden; /* zoom ostaje unutar zaobljenih uglova */
}

.rgm-video-kartica .elementor-widget-theme-post-featured-image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  transition: transform .5s cubic-bezier(.2, .7, .3, 1);
}

/* blagi zoom slike */
.rgm-video-kartica:hover .elementor-widget-theme-post-featured-image img {
  transform: scale(1.06);
}

/* tamni veo preko slike (ne blokira klik) */
.rgm-video-kartica .elementor-widget-theme-post-featured-image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(5, 8, 15, 0);
  transition: background .35s ease;
  pointer-events: none;
}

.rgm-video-kartica:hover .elementor-widget-theme-post-featured-image::before {
  background: rgba(5, 8, 15, .38);
}

/* Play dugme — centrirano na sliku, "pop" ulaz (ne blokira klik) */
.rgm-video-kartica .elementor-widget-theme-post-featured-image::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background:
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23f4f7fb"><path d="M9.5 6.7v10.6c0 .6.65.97 1.17.66l8.3-5.3a.78.78 0 0 0 0-1.32l-8.3-5.3a.78.78 0 0 0-1.17.66z"/></svg>')
    center / 26px no-repeat,
    rgba(6, 10, 18, .78);
  border: 1.5px solid rgba(84, 184, 76, .7);
  opacity: 0;
  transform: translate(-50%, -50%) scale(.6);
  transition: opacity .3s ease,
    transform .38s cubic-bezier(.34, 1.4, .5, 1);
  pointer-events: none;
}

.rgm-video-kartica:hover .elementor-widget-theme-post-featured-image::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

@media (prefers-reduced-motion: reduce) {
  .rgm-video-kartica,
  .rgm-video-kartica::before,
  .rgm-video-kartica img,
  .rgm-video-kartica .elementor-widget-theme-post-featured-image::before,
  .rgm-video-kartica .elementor-widget-theme-post-featured-image::after {
    transition: none;
  }
}



.rgm-akt-sekcija {
  position: relative;
  isolation: isolate;
}

.rgm-akt-sekcija::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: url('https://rgm.mostarski.ba/wp-content/uploads/2026/07/radio-tast.webp')
    center/cover fixed no-repeat;
}

.rgm-akt-sekcija::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(5, 8, 15, .84), rgba(5, 8, 15, .9));
  background-attachment: fixed;
}









@property --rgm-sweep {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

.rgm-vijest-kartica {
  position: relative;
  background: rgba(10, 14, 24, .55);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 18px;
  padding: 14px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  cursor: pointer; /* cijela kartica djeluje klikabilno */
  transition: transform .35s cubic-bezier(.2, .7, .3, 1);
}

.rgm-vijest-kartica:hover {
  transform: translateY(-5px);
}

/* Žuti border koji kruži oko kartice dok se ne popuni (kao Produkcija) */
.rgm-vijest-kartica::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 18px;
  padding: 2px;
  background: conic-gradient(from -90deg,
      #f2d21f var(--rgm-sweep), transparent var(--rgm-sweep));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: --rgm-sweep .6s ease-out;
}

.rgm-vijest-kartica:hover::before {
  --rgm-sweep: 360deg;
}

/* Slika — 16:9, blagi zoom */
.rgm-vijest-kartica .elementor-widget-theme-post-featured-image {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 4px;
}

.rgm-vijest-kartica .elementor-widget-theme-post-featured-image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  transition: transform .5s cubic-bezier(.2, .7, .3, 1);
}

.rgm-vijest-kartica:hover .elementor-widget-theme-post-featured-image img {
  transform: scale(1.05);
}

/* Datum — žuti badge preko slike (radi i s Post Info i s Post Date widgetom) */
.rgm-vijest-kartica .elementor-widget-post-info,
.rgm-vijest-kartica .elementor-widget-theme-post-date {
  position: absolute;
  top: 28px;   /* 14px padding kartice + 14px unutar slike — ravnomjerno uvučen */
  left: 28px;
  z-index: 2;
  width: auto;
  margin: 0;
  background: rgba(6, 10, 18, .85);
  border: 1px solid rgba(242, 210, 31, .35);
  border-radius: 999px;
  padding: 5px 12px;
}

.rgm-vijest-kartica .elementor-widget-post-info *,
.rgm-vijest-kartica .elementor-widget-theme-post-date * {
  color: #f2d21f !important;
  font-size: 11.5px !important;
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Naslov — generički selektori: hvataju svaki naslov u kartici,
   bez obzira koju klasu widget koristi (V3 theme-post-title ili V4 atomic) */
.rgm-vijest-kartica h1,
.rgm-vijest-kartica h2,
.rgm-vijest-kartica h3,
.rgm-vijest-kartica h4 {
  font-size: 16.5px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  color: #f4f7fb !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}

.rgm-vijest-kartica h1 a,
.rgm-vijest-kartica h2 a,
.rgm-vijest-kartica h3 a,
.rgm-vijest-kartica h4 a {
  color: #f4f7fb !important;
  text-decoration: none !important;
  text-transform: none !important;
  transition: color .25s ease;
}

.rgm-vijest-kartica:hover h1 a,
.rgm-vijest-kartica:hover h2 a,
.rgm-vijest-kartica:hover h3 a,
.rgm-vijest-kartica:hover h4 a {
  color: #f2d21f !important;
}

/* Excerpt — svaki paragraf u kartici, max 2 reda, prigušen */
.rgm-vijest-kartica p {
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: rgba(244, 247, 251, .65) !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}

/* Paginacija u RGM stilu */
.rgm-vijesti-grid .elementor-pagination {
  margin-top: 28px;
}

.rgm-vijesti-grid .elementor-pagination .page-numbers {
  color: rgba(244, 247, 251, .7);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 10px;
  padding: 8px 14px;
  margin: 0 3px;
  text-decoration: none;
  transition: border-color .25s ease, color .25s ease;
}

.rgm-vijesti-grid .elementor-pagination .page-numbers:hover,
.rgm-vijesti-grid .elementor-pagination .page-numbers.current {
  color: #f2d21f;
  border-color: rgba(242, 210, 31, .5);
}

@media (prefers-reduced-motion: reduce) {
  .rgm-vijest-kartica,
  .rgm-vijest-kartica img {
    transition: none;
  }
}





.rgm-tamna-sekcija {
  position: relative;
  isolation: isolate;
}

.rgm-tamna-sekcija::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: url('https://rgm.mostarski.ba/wp-content/uploads/2026/07/radio-tast.webp')
    center/cover fixed no-repeat;
}

.rgm-tamna-sekcija::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(5, 8, 15, .84), rgba(5, 8, 15, .9));
  background-attachment: fixed;
}



.rgm-vijest{
  font-family: 'Space Grotesk', system-ui, sans-serif;
  padding-top: clamp(28px, 4vh, 48px);
  padding-bottom: clamp(40px, 6vh, 72px);
}

/* uža kolona (čitljivost) — svaki widget centriran na 800px */
.rgm-vijest .elementor-widget {
  max-width: 800px;
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Naslov vijesti */
.rgm-vijest h1 {
  font-size: clamp(26px, 3.6vw, 40px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #f4f7fb !important;
  text-transform: none !important;
  margin-bottom: 12px;
}

/* Post Info — datum/autor, prigušeno sa žutim akcentom */
.rgm-vijest .elementor-widget-post-info,
.rgm-vijest .elementor-widget-post-info * {
  color: rgba(244, 247, 251, .6) !important;
  font-size: 13px !important;
  list-style: none;
}

.rgm-vijest .elementor-widget-post-info {
  border-left: 3px solid #f2d21f;
  padding-left: 12px;
  margin-bottom: 22px;
}

/* Featured slika */
.rgm-vijest .elementor-widget-theme-post-featured-image img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 18px;
  margin-bottom: 26px;
}

/* ── Tekst vijesti — najvažnije za čitljivost ── */
.rgm-vijest .elementor-widget-theme-post-content {
  font-size: 17px !important;
  line-height: 1.7 !important;
  color: #e8ecf3 !important;
}

.rgm-vijest .elementor-widget-theme-post-content p {
  font-size: 17px !important;
  line-height: 1.7 !important;
  color: #e8ecf3 !important;
  margin-bottom: 18px;
}

/* Podnaslovi u tekstu */
.rgm-vijest .elementor-widget-theme-post-content h2,
.rgm-vijest .elementor-widget-theme-post-content h3 {
  color: #f4f7fb !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 28px 0 12px;
}

.rgm-vijest .elementor-widget-theme-post-content h2 {
  font-size: 24px !important;
}

.rgm-vijest .elementor-widget-theme-post-content h3 {
  font-size: 20px !important;
}

/* Linkovi u tekstu */
.rgm-vijest .elementor-widget-theme-post-content a {
  color: #f2d21f !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Liste */
.rgm-vijest .elementor-widget-theme-post-content ul,
.rgm-vijest .elementor-widget-theme-post-content ol {
  margin: 0 0 18px 22px;
  color: #e8ecf3;
}

.rgm-vijest .elementor-widget-theme-post-content li {
  margin-bottom: 8px;
  line-height: 1.6;
}

/* Citati */
.rgm-vijest .elementor-widget-theme-post-content blockquote {
  border-left: 3px solid #f2d21f;
  padding: 10px 0 10px 18px;
  margin: 22px 0;
  font-style: italic;
  color: rgba(244, 247, 251, .8);
}

/* Slike unutar teksta */
.rgm-vijest .elementor-widget-theme-post-content img {
  max-width: 100%;
  height: auto;
  border-radius: 14px;
  margin: 10px 0;
}










.rgm-vijest .rgm-jos,
.rgm-vijest .rgm-jos-naslov {
  max-width: 1160px !important;
}

/* Naslov sekcije — odvojen linijom od teksta vijesti */
.rgm-vijest .rgm-jos-naslov {
  margin-top: 44px !important;
  padding-top: 28px;
  border-top: 1px solid rgba(255, 255, 255, .12);
}

.rgm-vijest .rgm-jos-naslov h2 {
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: .18em;
  text-transform: uppercase !important;
  color: rgba(244, 247, 251, .7) !important;
  margin: 0 0 20px;
}

/* ── Zaštita kartica unutar .rgm-vijest konteksta ──
   (pravila za tekst vijesti ne smiju "curiti" u kartice preporuka)
   VAŽNO: ovaj blok mora biti POSLIJE .rgm-vijest bloka u Custom CSS-u */

/* excerpt — mali font, ne 17px */
.rgm-vijest .rgm-vijest-kartica p {
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: rgba(244, 247, 251, .65) !important;
  margin-bottom: 0;
}

/* naslovi kartica — mali, ne veličina naslova vijesti */
.rgm-vijest .rgm-vijest-kartica h1,
.rgm-vijest .rgm-vijest-kartica h2,
.rgm-vijest .rgm-vijest-kartica h3,
.rgm-vijest .rgm-vijest-kartica h4 {
  font-size: 16.5px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

/* widgeti u kartici — poništi 800px/100% pravilo (popravlja razvučen datum badge) */
.rgm-vijest .rgm-vijest-kartica .elementor-widget,
.rgm-vijest .rgm-vijest-kartica [data-element_type="widget"],
.rgm-vijest .rgm-vijest-kartica [data-widget_type] {
  max-width: none;
  width: auto;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.rgm-vijest-kartica {
  justify-content: flex-start !important;
  align-content: flex-start !important;
  gap: 12px !important;
}


/* CZK logo na početnoj — ograniči veličinu */
.rgm-home .rgm-czk,
img.rgm-czk {
  display: block;
  margin: 0 auto 22px;
  height: clamp(68px, 9.4vh, 108px) !important;
  width: auto !important;
}

/* ── "Pročitajte još" — responsive ── */
@media (max-width: 1024px) {
  .rgm-vijest .rgm-jos .elementor-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 767px) {
  .rgm-vijest .rgm-jos,
  .rgm-vijest .rgm-jos-naslov {
    max-width: 100% !important;
  }

  .rgm-vijest .rgm-jos .elementor-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}/* End custom CSS */