/* Light mode leaves the existing template colours and geometry intact. */
:root {
    --rc-background: #fff;
    --rc-surface: #fff;
    --rc-surface-alt: #f3f5f7;
    --rc-text: #222;
    --rc-text-muted: #555;
    --rc-border: #d9d9d9;
    --rc-link: #bc1220;
    --rc-focus: #bc1220;
    color-scheme: light;
}
:root[data-theme="dark"] {
    --rc-background: #13171c;
    --rc-surface: #1b222a;
    --rc-surface-alt: #252f39;
    --rc-text: #ecf1f5;
    --rc-text-muted: #b5c1cc;
    --rc-border: #455360;
    --rc-link: #ff959a;
    --rc-focus: #ffa8ae;
    color-scheme: dark;
}
.rc-theme-picker { position: relative; display: inline-block; vertical-align: middle; line-height: 1; }
.rc-theme-toggle {
    display: inline-flex; align-items: center; justify-content: center;
    width: 32px; height: 32px; padding: 0; margin: 0; border: 1px solid transparent;
    border-radius: 4px; background: var(--rc-surface-alt); color: var(--rc-text);
    font-size: 17px; cursor: pointer;
}
.rc-theme-toggle:hover { background: var(--rc-border); }
.rc-theme-picker .fa-sun-o::before {
    --rc-sun-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath d='M12 1.5v2M12 20.5v2M1.5 12h2M20.5 12h2M4.6 4.6 6 6M18 18l1.4 1.4M4.6 19.4 6 18M18 6l1.4-1.4' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
    content: ""; display: inline-block; width: 1em; height: 1em;
    background-color: currentColor; vertical-align: -0.08em;
    -webkit-mask: var(--rc-sun-icon) center / contain no-repeat;
    mask: var(--rc-sun-icon) center / contain no-repeat;
}
.rc-theme-menu {
    position: absolute; top: calc(100% + 6px); right: 0; min-width: 166px;
    padding: 4px; border: 1px solid var(--rc-border); border-radius: 6px;
    background: var(--rc-surface); color: var(--rc-text); box-shadow: 0 6px 20px #0003;
    z-index: 2147483646; text-align: left;
}
.rc-theme-menu[hidden] { display: none !important; }
.rc-theme-menu button {
    display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px;
    padding: 8px 10px; border: 0; border-radius: 3px; margin: 0;
    background: transparent; color: inherit; font: inherit; font-size: 14px;
    line-height: 20px; white-space: nowrap; text-align: left; cursor: pointer;
}
.rc-theme-menu button > .fa { width: 18px; text-align: center; }
.rc-theme-menu button:hover { background: var(--rc-surface-alt); }
.rc-theme-menu button[aria-checked="true"] { color: var(--rc-link); font-weight: 700; }
.rc-theme-check { margin-left: auto; visibility: hidden; }
[aria-checked="true"] > .rc-theme-check { visibility: visible; }
.rc-theme-picker button:focus-visible { outline: 2px solid var(--rc-focus); outline-offset: 2px; }
.rc-theme-desktop { position: absolute; right: 15px; top: 3px; z-index: 2147483646; }
.rc-theme-desktop + .module-search { margin-right: 42px; }
.rc-theme-mobile { display: none; }
:root[data-theme="light"] .rc-theme-toggle {
    background: #fff;
    color: #bc1220;
    border-color: #e5e5e5;
}
:root[data-theme="light"] .rc-theme-toggle:hover,
:root[data-theme="light"] .rc-theme-toggle[aria-expanded="true"] {
    background: #fff2f3;
    border-color: #bc1220;
}
:root[data-theme="light"] .rc-theme-menu {
    border-color: #e5e5e5;
    box-shadow: 0 6px 18px rgba(42, 22, 24, .12);
}
:root[data-theme="light"] .rc-theme-menu button:hover,
:root[data-theme="light"] .rc-theme-menu button[aria-checked="true"] {
    background: #fff2f3;
    color: #bc1220;
}
@media (max-width: 991px) {
    .rc-theme-desktop { display: none; }
    .rc-theme-mobile { display: block; position: absolute; left: max(158px, calc(50% - 22px)); right: auto; top: 4px; z-index: 2147483646; }
    .rc-theme-mobile .rc-theme-toggle { width: 44px; height: 44px; }
}

html[data-theme="dark"] body { background-color: var(--rc-background) !important; background-image: none !important; color: var(--rc-text); }
html[data-theme="dark"] :is(.t3-wrapper, .t3-mainbody, .t3-content, .magazine, .blog, .item-page, .page-content, .t3-spotlight, .t3-spotlight-1, .t3-spotlight-2) {
    background-color: var(--rc-surface); color: var(--rc-text); border-color: var(--rc-border);
}
html[data-theme="dark"] :is(.topnav, .t3-topbar, .t3-topbar1, .t3-header, .header-right-inner, .pustiZgoraj, .t3-mainnav, .navbar-default, .t3-navhelper, .t3-footer) {
    background-color: var(--rc-surface) !important; color: var(--rc-text); border-color: var(--rc-border);
}
html[data-theme="dark"] #t3-header { background-blend-mode: multiply; }
html[data-theme="dark"] #t3-mainnav { background-color: #ad1420 !important; }
html[data-theme="dark"] #t3-mainnav .nav > li > a { color: #fff; }
html[data-theme="dark"] #t3-mainnav .nav > li.active > a { background-color: #161b21; }
html[data-theme="dark"] :is(.bt-cs, .bt-row, .bt-inner, .bt-introtext, .bt-extra) { background-color: var(--rc-surface) !important; color: var(--rc-text) !important; }
html[data-theme="dark"] .bt-cs .bt-title { color: var(--rc-link) !important; }
html[data-theme="dark"] .bt-cs .bt-date { color: var(--rc-text-muted); }
html[data-theme="dark"] .bt-cs .readmore a { background-color: #394652; color: var(--rc-text); }
html[data-theme="dark"] .vina-list-caption a { color: #fff !important; }
html[data-theme="dark"] .vina-list-slider-content .jssort11 :is(.p, .w) { background-color: var(--rc-surface); }
html[data-theme="dark"] .vina-list-slider-content .jssort11 :is(.t, .c) { color: var(--rc-text) !important; }
html[data-theme="dark"] .vina-list-slider-content .jssort11 :is(.pav, .p:hover, .pav:hover) { background-color: #8b1824; }
html[data-theme="dark"] img[src$="/radioS.png"] { background-color: #fff; border-radius: 2px; }
html[data-theme="dark"] :is(.t3-module, .module-inner, .module-ct, .magazine-section, .magazine-category, .magazine-item, .magazine-featured, .magazine-links, .magazine-leading, .magazine-intro, .ja-tabswrap, .ja-tabs-title-top, .t3-sidebar, .t3-sidebar-1, .t3-sidebar-2) {
    background-color: var(--rc-surface); color: var(--rc-text); border-color: var(--rc-border);
}
html[data-theme="dark"] :is(.t3-content, .magazine, .blog, .t3-module, .t3-header, .t3-mainnav, .topnav, .t3-footer, .t3-off-canvas) :is(h1, h2, h3, h4, h5, h6, .article-title, .item-title, .module-title, .page-header) {
    color: var(--rc-text); border-color: var(--rc-border);
}
html[data-theme="dark"] :is(.t3-content, .magazine, .blog, .t3-module, .t3-sidebar, .t3-footer) a { color: var(--rc-link); }
html[data-theme="dark"] :is(.t3-content, .magazine, .blog, .t3-module, .t3-sidebar, .t3-footer) a:hover { color: #ffc5c8; }
html[data-theme="dark"] :is(.article-info, .article-aside, .article-intro, .article-content, .item-intro, .item-content, .category-desc, .created, .published, .mod-articles-category-date, .muted, .small, .help-block) {
    color: var(--rc-text-muted); border-color: var(--rc-border);
}
html[data-theme="dark"] :is(.article-content, .item-page) :is(p, li, blockquote) { color: var(--rc-text); }
html[data-theme="dark"] :is(.nav, .t3-megamenu, .t3-topnav, .navbar-default, .t3-off-canvas) a { color: var(--rc-text); }
html[data-theme="dark"] :is(.nav, .t3-megamenu, .t3-topnav, .navbar-default, .t3-off-canvas) :is(a:hover, a:focus, .active > a) { background-color: var(--rc-surface-alt); color: var(--rc-link); }
html[data-theme="dark"] :is(.dropdown-menu, .mega-dropdown-menu, .mega-inner, .t3-off-canvas, .t3-off-canvas-header, .t3-off-canvas-body, .modal-content, .modal-header, .modal-body, .modal-footer, .popover, .popover-title, .popover-content) {
    background-color: var(--rc-surface) !important; color: var(--rc-text); border-color: var(--rc-border);
}
html[data-theme="dark"] :is(.form-control, .inputbox, .search-query, .input, .visforms input, .visforms textarea, .visforms select, .contact-form input, .contact-form textarea) {
    background-color: var(--rc-surface-alt) !important; color: var(--rc-text) !important; border-color: var(--rc-border);
}
html[data-theme="dark"] :is(.form-control, .inputbox, .search-query)::placeholder { color: var(--rc-text-muted); opacity: 1; }
html[data-theme="dark"] :is(.btn-default, .off-canvas-toggle, .navbar-toggle, .input-group-addon, .pagination > li > a, .pagination > li > span, .pager a, .breadcrumb, .well, .panel, .panel-heading, .panel-body, .list-group-item, .table-striped > tbody > tr:nth-of-type(odd)) {
    background-color: var(--rc-surface-alt); color: var(--rc-text); border-color: var(--rc-border);
}
html[data-theme="dark"] :is(.pagination > .active > a, .pagination > .active > span, .btn-primary) { background-color: #006a9b; color: #fff; border-color: #1686b9; }
html[data-theme="dark"] :is(.btn-default:hover, .pager a:hover, .pagination > li > a:hover) { background-color: #354552; color: var(--rc-text); }
html[data-theme="dark"] :is(button, input, select, textarea, a):focus-visible { outline: 2px solid var(--rc-focus); outline-offset: 2px; }
html[data-theme="dark"] :is(.btn:disabled, .disabled > a, .disabled > span) { color: var(--rc-text-muted); }
html[data-theme="dark"] :is(.radiolive, .radiolive .col-inner, .trending, .zvami, .voditeljDiv, .slideshow-container) { background-color: var(--rc-surface); color: var(--rc-text); }
@media (min-width: 992px) {
  #t3-header .header-left .logo { width: 100%; max-width: 230px; }
  #t3-header .header-left :is(.logo-image, .logo-image a) { max-width: 100%; }
  #t3-header .header-left .logo-img { width: 100%; max-width: 100%; height: auto; }
}
html[data-theme="dark"] :is(.logo-img, .logo-img-sm, .logo-image img, .logo-footer img) { background-color: #fff; border-radius: 2px; }
html[data-theme="dark"] :is(hr, .page-header, .article-footer, .article-info, .magazine-item, .magazine-section-heading, .nav-tabs, .table td, .table th) { border-color: var(--rc-border); }
html[data-theme="dark"] :is(.alert, .search-results, .searchintro, .result-category, .result-created, .contact, .visforms, .visform) { color: var(--rc-text); }
html[data-theme="dark"] :is(.com_contact .contact, .com_search .search, .ja-weather .weather-header, .ja-weather .weather-detail, .ja-weather .nav-tabs > li.active > a, .topic-links, .edit.events) { background-color: var(--rc-surface); color: var(--rc-text); border-color: var(--rc-border); }
html[data-theme="dark"] .breadcrumb > li { background-color: var(--rc-surface-alt); color: var(--rc-text); }
html[data-theme="dark"] .breadcrumb > li :is(a, span) { background-color: var(--rc-surface-alt); color: var(--rc-text); }
html[data-theme="dark"] .breadcrumb > li > a::after,
html[data-theme="dark"] .breadcrumb > li > span::after,
html[data-theme="dark"] .breadcrumb > li.active::after { background-color: var(--rc-surface-alt); box-shadow: 1px -1px 0 0 var(--rc-border); }
html[data-theme="dark"] :is(.category-name, .article-tools, .typo-tools, .sharing-tools, .article-navigation, .pagenav) { background-color: var(--rc-surface); color: var(--rc-text); border-color: var(--rc-border); }
html[data-theme="dark"] .t3-topnav .nav > li > a { color: var(--rc-text-muted) !important; }
html[data-theme="dark"] .t3-header :is(.danes, .danes a, .zvaminaslov, .zvaminaslov a) { color: var(--rc-link) !important; }
html[data-theme="dark"] #t3-header a[href$="/radijski-program-top"] { color: var(--rc-link) !important; }
html[data-theme="dark"] .category-name a { background-color: var(--rc-surface); color: var(--rc-link); }
html[data-theme="dark"] .formaCaptcha :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), textarea, select) { background-color: var(--rc-surface-alt) !important; color: var(--rc-text) !important; border-color: var(--rc-border); }
html[data-theme="dark"] .formaCaptcha input[type="submit"] { background-color: #ad1420; color: #fff; border-color: #ad1420; }
html[data-theme="dark"] .table-hover > tbody > tr:hover { background-color: var(--rc-surface-alt); }
html[data-theme="dark"] body.onair_background .onair_background { background-color: var(--rc-background); color: var(--rc-text); }
html[data-theme="dark"] body.onair_background .onair_main { background-color: var(--rc-surface); color: var(--rc-text); }
html[data-theme="dark"] body.onair_background img[src="player/data/images/logo.png"] { background-color: #fff; }
html[data-theme="dark"] .alert { background-color: var(--rc-surface-alt); border-color: var(--rc-border); }
@media (prefers-reduced-motion: reduce) { .rc-theme-picker *, .rc-theme-picker *::before { transition: none !important; animation: none !important; } }