/* ==========================================================================
   RAD 2026 — theme "Dark" (concept C)
   Load LAST in <head>. Everything is scoped to body.rad so it cannot leak
   into admin / other pages that do not set the class.
   Sections: 1 fonts · 2 tokens · 3 base · 4 layout · 5 header/nav · 6 hero
             7 facts · 8 buttons · 9 cards · 10 legacy content skin
             11 forms · 12 footer · 13 responsive · 14 a11y/motion
             15 per-page fixes · 16 slider
   ========================================================================== */

/* 1 · fonts (self-hosted, SIL OFL) ---------------------------------------- */
@font-face{font-family:'Barlow Condensed';font-weight:500;font-style:normal;font-display:swap;src:url('fonts/barlow-condensed-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-weight:500;font-style:normal;font-display:swap;src:url('fonts/barlow-condensed-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-weight:600;font-style:normal;font-display:swap;src:url('fonts/barlow-condensed-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-weight:600;font-style:normal;font-display:swap;src:url('fonts/barlow-condensed-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-weight:700;font-style:normal;font-display:swap;src:url('fonts/barlow-condensed-latin-ext-700-normal.woff2') format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-weight:700;font-style:normal;font-display:swap;src:url('fonts/barlow-condensed-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-weight:800;font-style:normal;font-display:swap;src:url('fonts/barlow-condensed-latin-ext-800-normal.woff2') format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-weight:800;font-style:normal;font-display:swap;src:url('fonts/barlow-condensed-latin-800-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow';font-weight:400;font-style:normal;font-display:swap;src:url('fonts/barlow-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow';font-weight:400;font-style:normal;font-display:swap;src:url('fonts/barlow-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow';font-weight:500;font-style:normal;font-display:swap;src:url('fonts/barlow-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow';font-weight:500;font-style:normal;font-display:swap;src:url('fonts/barlow-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow';font-weight:600;font-style:normal;font-display:swap;src:url('fonts/barlow-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow';font-weight:600;font-style:normal;font-display:swap;src:url('fonts/barlow-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* 2 · tokens -------------------------------------------------------------- */
:root{
  /* CRGNA GORA */
  --rad-bg:#C40308;
  --rad-surface:#9E0206;        
  --rad-surface-2:#7A0205;      
  --rad-line:#E25A5E;
  --rad-line-strong:#F08A8D;
  --rad-text:#FFFFFF;
  --rad-muted:#FFE1DE;
  --rad-accent:#FFD35A;         
  --rad-accent-hover:#FFDE7A;
  --rad-accent-ink:#3A0204;     
  --rad-focus:#FFFFFF;
  --rad-danger:#FFF0B8;

  /* GRCKA */
  /* --rad-bg:#0D5EAF;
  --rad-surface:#0B4C8F;     
  --rad-surface-2:#093E75;      
  --rad-line:#3A7FC4;
  --rad-line-strong:#6AA3D8;
  --rad-text:#FFFFFF;
  --rad-muted:#D6E6F7;
  --rad-accent:#FFC83D;
  --rad-accent-hover:#FFD766;
  --rad-accent-ink:#06213D;     
  --rad-focus:#9BE7F5;
  --rad-danger:#FFC9C0; */


  --rad-radius:12px;
  --rad-max:1240px;
  --rad-gutter:32px;
  --rad-display:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  --rad-body:'Barlow',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}

/* 3 · base ---------------------------------------------------------------- */
body.rad{margin:0;background:var(--rad-bg);color:var(--rad-text);font:400 18px/1.65 var(--rad-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.rad *,body.rad *::before,body.rad *::after{box-sizing:border-box}
body.rad a{color:var(--rad-text);text-decoration:none}
body.rad a:hover{color:var(--rad-accent)}
body.rad img{max-width:100%;height:auto}
body.rad ::selection{background:var(--rad-accent);color:var(--rad-accent-ink)}

/* 4 · layout -------------------------------------------------------------- */
body.rad .rad-wrap{max-width:var(--rad-max);margin:0 auto;padding-left:var(--rad-gutter);padding-right:var(--rad-gutter)}
body.rad .rad-eyebrow{margin:0;font:600 20px/1.2 var(--rad-display);letter-spacing:.16em;text-transform:uppercase;color:var(--rad-accent)}

/* 5 · header & navigation ------------------------------------------------- */
body.rad .rad-skip{position:absolute;left:-9999px;top:8px;background:var(--rad-accent);color:var(--rad-accent-ink);padding:10px 16px;border-radius:8px;z-index:100;font-weight:600}
body.rad .rad-skip:focus{left:8px;color:var(--rad-accent-ink)}

body.rad .rad-topbar{border-bottom:1px solid var(--rad-line);font-size:14px;color:var(--rad-muted)}
body.rad .rad-topbar .rad-wrap{display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between;padding-top:9px;padding-bottom:9px}
body.rad .rad-topbar ul{display:flex;flex-wrap:wrap;gap:4px 20px;margin:0;padding:0;list-style:none}
body.rad .rad-topbar a{color:var(--rad-muted)}
body.rad .rad-topbar a:hover{color:var(--rad-accent)}

body.rad .rad-header{position:relative;z-index:50;background:var(--rad-bg);border-bottom:1px solid var(--rad-line)}
body.rad .rad-header__in{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;padding-top:18px;padding-bottom:18px}
body.rad .rad-brand{font:800 30px/1 var(--rad-display);letter-spacing:.06em;color:var(--rad-text)}
body.rad .rad-brand span{color:var(--rad-accent)}
body.rad .rad-brand:hover{color:var(--rad-text)}

body.rad .rad-nav{display:flex;align-items:center;gap:28px}
body.rad .rad-header .rad-btn{white-space:nowrap}
body.rad .rad-nav__list{display:flex;align-items:center;gap:6px 26px;margin:0;padding:0;list-style:none}
body.rad .rad-nav__group{position:relative}
body.rad .rad-nav__top{display:inline-flex;align-items:center;gap:8px;padding:10px 2px;margin:0;background:none;border:0;border-bottom:3px solid transparent;color:var(--rad-text);font:600 19px/1 var(--rad-display);letter-spacing:.09em;text-transform:uppercase;cursor:pointer}
body.rad .rad-nav__top::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
body.rad .rad-nav__group:hover .rad-nav__top,
body.rad .rad-nav__group.is-open .rad-nav__top,
body.rad .rad-nav__top:focus-visible{color:var(--rad-accent)}
body.rad .rad-nav__group.is-current .rad-nav__top{border-bottom-color:var(--rad-accent)}
body.rad .rad-nav__panel{position:absolute;left:-16px;top:100%;min-width:300px;margin:0;padding:12px;list-style:none;background:var(--rad-surface);border:1px solid var(--rad-line-strong);border-radius:var(--rad-radius);box-shadow:0 24px 48px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s,transform .15s,visibility .15s}
body.rad .rad-nav__group--end .rad-nav__panel{left:auto;right:-16px}
body.rad .rad-nav__group:hover .rad-nav__panel,
body.rad .rad-nav__group:focus-within .rad-nav__panel,
body.rad .rad-nav__group.is-open .rad-nav__panel{opacity:1;visibility:visible;transform:none}
body.rad .rad-nav__group.is-dismissed .rad-nav__panel{opacity:0;visibility:hidden}
body.rad .rad-nav__panel a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:8px;font:500 17px/1.3 var(--rad-body);color:var(--rad-text)}
body.rad .rad-nav__panel a:hover,
body.rad .rad-nav__panel a:focus-visible{background:var(--rad-surface-2);color:var(--rad-accent)}
body.rad .rad-nav__panel a[aria-current="page"]{color:var(--rad-accent);background:var(--rad-surface-2)}
body.rad .rad-nav__dot{width:8px;height:8px;border-radius:50%;background:var(--rad-accent);flex:none}
body.rad .rad-nav__ext{font-size:14px;color:var(--rad-muted)}
body.rad .rad-menu-btn{display:none;padding:10px 18px;background:none;border:1px solid var(--rad-line-strong);border-radius:999px;color:var(--rad-text);font:600 18px/1 var(--rad-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}

body.rad .rad-crumb{padding:40px 0 0;font:600 18px/1.2 var(--rad-display);letter-spacing:.14em;text-transform:uppercase;color:var(--rad-muted)}
body.rad .rad-crumb a,body.rad #mainpart .rad-crumb a{color:var(--rad-muted);text-decoration:none}
body.rad .rad-crumb a:hover{color:var(--rad-accent)}
body.rad .rad-crumb span{margin:0 8px;color:var(--rad-line-strong)}

/* 6 · hero (home only) ---------------------------------------------------- */
body.rad .rad-hero{padding:56px 0 0}
body.rad .rad-hero__title{margin:6px 0 0;font:800 clamp(84px,16vw,200px)/.9 var(--rad-display);letter-spacing:-.01em;color:var(--rad-text)}
body.rad .rad-hero__lead{margin:26px 0 0;max-width:740px;font-size:clamp(19px,2.2vw,23px);line-height:1.5;color:#C3D0DA}
body.rad .rad-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}

/* 7 · facts band ---------------------------------------------------------- */
body.rad .rad-facts{margin-top:32px;border-top:1px solid var(--rad-line);border-bottom:1px solid var(--rad-line)}
body.rad .rad-facts__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
body.rad .rad-fact{padding:26px 24px;border-left:1px solid var(--rad-line)}
body.rad .rad-fact:first-child{border-left:0;padding-left:0}
body.rad .rad-fact__k{font:600 16px/1.2 var(--rad-display);letter-spacing:.16em;text-transform:uppercase;color:var(--rad-muted)}
body.rad .rad-fact__v{margin-top:6px;font:700 32px/1.1 var(--rad-display);color:var(--rad-text)}

/* 8 · buttons ------------------------------------------------------------- */
body.rad .rad-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 26px;border:2px solid transparent;border-radius:999px;font:700 19px/1 var(--rad-display);letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
body.rad .rad-btn--accent{background:var(--rad-accent);color:var(--rad-accent-ink)}
body.rad .rad-btn--accent:hover{background:var(--rad-accent-hover);color:var(--rad-accent-ink)}
body.rad .rad-btn--ghost{border-color:var(--rad-line-strong);color:var(--rad-text)}
body.rad .rad-btn--ghost:hover{border-color:var(--rad-accent);color:var(--rad-accent)}

/* 9 · cards (optional building blocks for new markup) --------------------- */
body.rad .rad-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
body.rad .rad-card{display:block;padding:30px;background:var(--rad-surface);border:1px solid var(--rad-line);border-radius:var(--rad-radius)}
body.rad a.rad-card:hover{border-color:var(--rad-accent)}
body.rad .rad-card--accent{background:var(--rad-accent);border-color:var(--rad-accent);color:var(--rad-accent-ink)}
body.rad .rad-card__k{font:700 18px/1.2 var(--rad-display);letter-spacing:.15em;text-transform:uppercase;color:var(--rad-accent)}
body.rad .rad-card--accent .rad-card__k{color:var(--rad-accent-ink)}
body.rad .rad-card__t{margin:12px 0 0;font:700 34px/1.1 var(--rad-display)}

/* 10 · legacy content skin ------------------------------------------------
   Existing content/*.php files keep their markup (section#about > .container
   > .sixteen.columns > …) and inline styles. !important is needed only where
   an inline style="" has to be beaten. Remove these overrides once the
   inline styles have been stripped from the content files.                   */
body.rad #mainpart{float:none;width:auto;max-width:var(--rad-max);margin:0 auto;padding:0 var(--rad-gutter) 112px}
body.rad #mainpart section#about,
body.rad #mainpart .container-fluid,
body.rad #mainpart .container{width:auto;max-width:none;margin:0;padding:0;background:transparent}
body.rad #mainpart .columns,
body.rad #mainpart .sixteen.columns{float:none;width:auto;margin:0;padding:0}
body.rad #mainpart .container::before,body.rad #mainpart .container::after{display:none}
body.rad .rad-facts + #mainpart{padding-top:72px}

/* page title: the first div in .sixteen.columns holds the <h2> */
body.rad #mainpart .sixteen.columns > div:first-child{margin:8px 0 36px !important}
body.rad #mainpart h2{margin:0 !important;padding:0;font-family:var(--rad-display) !important;font-weight:800 !important;font-size:clamp(52px,8vw,96px) !important;line-height:.95 !important;letter-spacing:-.005em;text-align:left !important;text-transform:uppercase;color:var(--rad-text) !important}
body.rad #mainpart h3,body.rad #mainpart h4,body.rad #mainpart h5,body.rad #mainpart h6{font-family:var(--rad-display);font-weight:700;letter-spacing:.04em;line-height:1.15;color:var(--rad-text);text-transform:uppercase;margin:44px 0 14px}
body.rad #mainpart h3{font-size:36px}
body.rad #mainpart h4{font-size:30px}
body.rad #mainpart h5,body.rad #mainpart h6{font-size:24px}

/* readable measure for running text */
body.rad #mainpart p,
body.rad #mainpart li,
body.rad #mainpart td,
body.rad #mainpart dd{max-width:none;color:var(--rad-text);font-family:var(--rad-body);font-size:18px;line-height:1.7;text-align:left}
body.rad #mainpart .sixteen.columns > p,
body.rad #mainpart .sixteen.columns > ul,
body.rad #mainpart .sixteen.columns > ol{max-width:820px}
body.rad #mainpart p{margin:0 0 18px}
body.rad #mainpart b,body.rad #mainpart strong{font-weight:600;color:#fff}
body.rad #mainpart em{color:#C3D0DA}
body.rad #mainpart a{color:var(--rad-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
body.rad #mainpart a:hover{color:var(--rad-accent-hover)}
body.rad #mainpart hr{border:0;border-top:1px solid var(--rad-line);margin:36px 0}

/* beat the most common inline colours (dark text from the old light theme) */
body.rad #mainpart [style*="color:black"],body.rad #mainpart [style*="color: black"],
body.rad #mainpart [style*="color:#000"],body.rad #mainpart [style*="color: #000"],
body.rad #mainpart [style*="#2B4257"],body.rad #mainpart [style*="#2b4257"]{color:var(--rad-text) !important}
body.rad #mainpart [style*="color:red"],body.rad #mainpart [style*="color: red"]{color:var(--rad-danger) !important}
body.rad #mainpart [style*="background-color:white"],body.rad #mainpart [style*="background:white"],
body.rad #mainpart [style*="background-color: white"],body.rad #mainpart [style*="background-color:#fff"]{background:var(--rad-surface) !important}
body.rad #mainpart [style*="text-align:center"],body.rad #mainpart [style*="text-align: center"]{text-align:left !important}

/* bullet lists (the old template used <li id="mala_ikonica"> / id="bullet") */
body.rad #mainpart ul{margin:0 0 22px;padding:0;list-style:none}
body.rad #mainpart ul > li{position:relative;margin:0 0 8px !important;padding-left:28px !important;list-style:none !important;list-style-image:none !important}
body.rad #mainpart ul > li::before{content:"";position:absolute;left:2px;top:.72em;width:10px;height:10px;border-radius:2px;background:var(--rad-accent);transform:rotate(45deg) scale(.8)}
body.rad #mainpart ol{margin:0 0 22px;padding-left:26px}
body.rad #mainpart ol > li{margin:0 0 8px;padding-left:6px}
body.rad #mainpart ol > li::marker{color:var(--rad-accent);font-weight:600}

/* images */
body.rad #mainpart img{max-width:100%;height:auto;border-radius:10px}
body.rad #mainpart img[src$="mala_ikonica.jpg"]{display:none}
body.rad #mainpart #goran_id_icon{height:16px !important;width:auto !important;border-radius:0;vertical-align:-2px}
body.rad #mainpart #index_goran_ristic{float:right;margin:4px 0 24px 36px}
body.rad #mainpart #index_goran_ristic img,
body.rad #mainpart #index_goran_ristic_mobile img{width:240px;max-width:100%;border-radius:16px}
body.rad #mainpart #index_goran_ristic_mobile{display:none !important}

/* plenary lectures: each speaker block becomes a card */
body.rad #mainpart .sixteen.columns > div[style*="margin-top:20px"]{margin:0 0 22px !important;padding:28px;background:var(--rad-surface);border:1px solid var(--rad-line);border-radius:var(--rad-radius);overflow:hidden}
body.rad #mainpart .sixteen.columns > div[style*="margin-top:20px"] > div:first-child:not(.row){padding:0 0 14px !important;font-family:var(--rad-display);font-size:26px;line-height:1.15;font-weight:700 !important;letter-spacing:.02em;color:var(--rad-accent)}
body.rad #mainpart .row{display:block;margin:0}
body.rad #mainpart [class*="col-"]{float:none;width:auto;max-width:none;padding:0}
body.rad #mainpart .row img{border-radius:12px}

/* topics: two-column list instead of 49% inline-blocks */
body.rad #mainpart #div_dva_reda{column-count:2;column-gap:56px}
body.rad #mainpart #div_dva_reda > div{display:block !important;width:auto !important;margin:0 !important}
body.rad #mainpart #div_dva_reda ul{margin:0}
body.rad #mainpart #div_dva_reda li > b,body.rad #mainpart ul li[style*="margin-bottom: 5px"]{display:block;margin-top:22px;font:700 22px/1.2 var(--rad-display);letter-spacing:.14em;text-transform:uppercase;color:var(--rad-accent)}
body.rad #mainpart #div_dva_reda li[style*="margin-bottom: 5px"]{padding-left:0 !important}
body.rad #mainpart #div_dva_reda li[style*="margin-bottom: 5px"]::before{display:none}
body.rad #mainpart #div_dva_reda li{break-inside:avoid}

/* tables */
body.rad #mainpart table{width:100%;border-collapse:collapse;margin:0 0 28px;border:1px solid var(--rad-line);border-radius:var(--rad-radius);overflow:hidden;background:var(--rad-surface)}
body.rad #mainpart th{padding:14px 18px;background:var(--rad-surface-2);font:700 18px/1.2 var(--rad-display);letter-spacing:.1em;text-transform:uppercase;text-align:left;color:var(--rad-text)}
body.rad #mainpart td{padding:14px 18px;border-top:1px solid var(--rad-line);vertical-align:top}
body.rad #mainpart table[style*="width"]{width:100% !important}

/* 11 · forms (Bootstrap 4 markup used by registration / abstract portal) --- */
body.rad #mainpart .form-segment{padding:36px;background:var(--rad-surface);border:1px solid var(--rad-line);border-radius:var(--rad-radius);margin:0 0 28px !important}
body.rad #mainpart .form-segment h6{margin:0 0 12px;font:700 22px/1.2 var(--rad-display);letter-spacing:.16em;text-transform:uppercase;font-style:normal !important;color:var(--rad-accent)}
body.rad #mainpart .form-segment hr{margin:0 0 28px}
body.rad #mainpart .form-group{margin-bottom:20px}
body.rad #mainpart label,body.rad #mainpart .col-form-label{font-weight:500;font-size:17px;color:var(--rad-text)}
body.rad #mainpart .form-control,
body.rad #mainpart select,
body.rad #mainpart textarea,
body.rad #mainpart input[type="text"],body.rad #mainpart input[type="email"],body.rad #mainpart input[type="password"],
body.rad #mainpart input[type="number"],body.rad #mainpart input[type="tel"],body.rad #mainpart input[type="date"]{width:100%;min-height:46px;padding:10px 14px;background:var(--rad-surface-2);border:1px solid var(--rad-line-strong);border-radius:8px;color:var(--rad-text);font:400 16px/1.4 var(--rad-body);box-shadow:none}
body.rad #mainpart .form-control-sm{height:auto;font-size:16px}
body.rad #mainpart .form-control:focus,body.rad #mainpart select:focus,body.rad #mainpart textarea:focus,body.rad #mainpart input:focus{background:var(--rad-surface-2);border-color:var(--rad-accent);color:var(--rad-text);outline:0;box-shadow:0 0 0 3px rgba(229,184,58,.28)}
body.rad #mainpart .form-control::placeholder{color:#7C8E9C}
body.rad #mainpart select option{background:var(--rad-surface-2);color:var(--rad-text)}
body.rad #mainpart input[type="checkbox"],body.rad #mainpart input[type="radio"]{width:auto;min-height:0;accent-color:var(--rad-accent);transform:scale(1.2);margin-right:8px}
body.rad #mainpart label.error,body.rad #mainpart .error{display:block;margin-top:6px;font-size:15px;font-weight:500;color:var(--rad-danger)}
body.rad #mainpart .form-control.error,body.rad #mainpart input.error,body.rad #mainpart select.error{border-color:var(--rad-danger)}
body.rad #mainpart .btn,
body.rad #mainpart button[type="submit"],
body.rad #mainpart input[type="submit"],
body.rad #mainpart input[type="button"]{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 28px;border:2px solid var(--rad-accent);border-radius:999px;background:var(--rad-accent);color:var(--rad-accent-ink);font:700 19px/1 var(--rad-display);letter-spacing:.09em;text-transform:uppercase;cursor:pointer;text-decoration:none;box-shadow:none}
body.rad #mainpart .btn:hover,
body.rad #mainpart button[type="submit"]:hover,
body.rad #mainpart input[type="submit"]:hover,
body.rad #mainpart input[type="button"]:hover{background:var(--rad-accent-hover);border-color:var(--rad-accent-hover);color:var(--rad-accent-ink)}
body.rad #mainpart .btn-secondary,body.rad #mainpart .btn-default,body.rad #mainpart .btn-outline-secondary{background:transparent;color:var(--rad-text);border-color:var(--rad-line-strong)}
body.rad #mainpart .alert{padding:16px 20px;border-radius:var(--rad-radius);background:var(--rad-surface-2);border:1px solid var(--rad-line-strong);color:var(--rad-text)}
/* jQuery UI widgets (datepicker etc.) */
body.rad .ui-widget{font-family:var(--rad-body)}
body.rad .ui-widget-content{background:var(--rad-surface);color:var(--rad-text);border:1px solid var(--rad-line-strong)}
body.rad .ui-widget-header{background:var(--rad-surface-2);color:var(--rad-text);border:1px solid var(--rad-line-strong)}
body.rad .ui-state-default,body.rad .ui-widget-content .ui-state-default{background:var(--rad-surface-2);border:1px solid var(--rad-line);color:var(--rad-text)}
body.rad .ui-state-hover,body.rad .ui-state-active,body.rad .ui-state-highlight{background:var(--rad-accent);border-color:var(--rad-accent);color:var(--rad-accent-ink)}

/* 12 · footer ------------------------------------------------------------- */
body.rad .rad-footer{margin-top:0;background:var(--rad-surface);border-top:1px solid var(--rad-line)}
body.rad .rad-footer__top{display:grid;grid-template-columns:minmax(200px,1.25fr) repeat(5,minmax(0,1fr));gap:32px;padding-top:56px;padding-bottom:48px}
body.rad .rad-footer__brand{font:800 34px/1 var(--rad-display);letter-spacing:.06em}
body.rad .rad-footer__brand span{color:var(--rad-accent)}
body.rad .rad-footer__about{margin:14px 0 0;font-size:16px;line-height:1.6;color:var(--rad-muted);max-width:300px}
body.rad .rad-footer h2{margin:0 0 14px;font:700 18px/1.2 var(--rad-display);letter-spacing:.16em;text-transform:uppercase;color:var(--rad-accent)}
body.rad .rad-footer ul{margin:0;padding:0;list-style:none}
body.rad .rad-footer li{margin:0 0 8px;font-size:16px;line-height:1.4}
body.rad .rad-footer a{color:var(--rad-text)}
body.rad .rad-footer a:hover{color:var(--rad-accent)}
body.rad .rad-footer__bottom{border-top:1px solid var(--rad-line)}
body.rad .rad-footer__bottom .rad-wrap{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between;padding-top:22px;padding-bottom:22px;font-size:15px;color:var(--rad-muted)}
body.rad .rad-footer__bottom a{color:var(--rad-muted)}
body.rad .rad-footer__bottom a:hover{color:var(--rad-accent)}

/* 13 · responsive --------------------------------------------------------- */
@media (max-width:1100px){
  body.rad .rad-footer__top{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.rad .rad-footer__top > :first-child{grid-column:1/-1}
}
/* header: 5 groups + "Abstract Portal" fit in one row from 1100px; tighter gaps up to 1240px */
@media (max-width:1240px){
  body.rad .rad-nav{gap:20px}
  body.rad .rad-nav__list{column-gap:20px}
}
/* below 1100px the header switches to the mobile menu */
@media (max-width:1099.98px){
  body.rad .rad-menu-btn{display:inline-flex}
  body.rad .rad-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:16px;padding:12px var(--rad-gutter) 24px;background:var(--rad-bg);border-bottom:1px solid var(--rad-line);max-height:calc(100vh - 80px);overflow-y:auto}
  body.rad .rad-nav.is-open{display:flex}
  body.rad .rad-nav__list{flex-direction:column;align-items:stretch;gap:0}
  body.rad .rad-nav__top{width:100%;justify-content:space-between;padding:16px 2px;border-bottom:1px solid var(--rad-line)}
  body.rad .rad-nav__group.is-current .rad-nav__top{border-bottom-color:var(--rad-line)}
  body.rad .rad-nav__panel,body.rad .rad-nav__group--end .rad-nav__panel{position:static;display:none;min-width:0;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:transparent;padding:4px 0 10px}
  body.rad .rad-nav__group:hover .rad-nav__panel,body.rad .rad-nav__group:focus-within .rad-nav__panel{display:none}
  body.rad .rad-nav__group.is-open .rad-nav__panel{display:block}
  body.rad .rad-nav .rad-btn{width:100%}
}
@media (max-width:960px){
  body.rad{--rad-gutter:20px}
  body.rad #mainpart #div_dva_reda{column-count:1}
  body.rad #mainpart #index_goran_ristic{float:none;margin:0 0 24px}
}
@media (max-width:640px){
  body.rad{font-size:17px}
  body.rad .rad-hero{padding-top:36px}
  body.rad .rad-fact{padding:18px 0;border-left:0;border-top:1px solid var(--rad-line)}
  body.rad .rad-fact:first-child{border-top:0}
  body.rad .rad-fact__v{font-size:28px}
  body.rad #mainpart .form-segment{padding:22px}
  body.rad .rad-footer__top{grid-template-columns:1fr;gap:28px}
  body.rad .rad-btn{width:100%}
}

/* 14 · accessibility & motion --------------------------------------------- */
body.rad a:focus-visible,body.rad button:focus-visible,body.rad .rad-btn:focus-visible{outline:3px solid var(--rad-focus);outline-offset:3px;border-radius:6px}
@media (prefers-reduced-motion:reduce){
  body.rad *{transition:none !important;animation:none !important;scroll-behavior:auto !important}
}

/* 15 · per-page fixes found in the integration pass (scoped, CSS only) ---- */
/* long URLs / e-mails in running text must wrap on phones (events, transportation) */
body.rad #mainpart p,body.rad #mainpart li,body.rad #mainpart td,body.rad #mainpart a{overflow-wrap:anywhere}
/* embedded maps / videos with fixed width="…" (accommodation, venue) */
body.rad #mainpart iframe,body.rad #mainpart video,body.rad #mainpart embed,body.rad #mainpart object{max-width:100%}
/* rad_2025_logos: download links carry inline margin-right:50000px + float */
body.rad #mainpart a[download] > img{float:none !important;display:block;margin-right:0 !important;max-width:100%}
/* workshop: speaker photo above the bio, bio in body font */
body.rad #mainpart .workshop_planary{margin:0 0 16px !important}
/* abstract portal hint "(this is your username)" had inline color:#666 */
body.rad #mainpart #msg{color:var(--rad-muted) !important}
/* recommendation: legacy .main-content > p.title instead of the h2 block */
body.rad #mainpart .main-content > p.title{margin:8px 0 36px;font:800 clamp(52px,8vw,96px)/.95 var(--rad-display);text-transform:uppercase;color:var(--rad-text)}
body.rad #mainpart .main-content > p{max-width:820px}
body.rad #mainpart img[src$="bulet.jpg"]{display:none}
/* breadcrumb separator: decorative, but keep it visible (was 1.9:1) */
body.rad .rad-crumb span{color:var(--rad-muted);opacity:.75}
/* legacy inline gold #BE9B06 (old site) is too dark on the current palettes */
body.rad #mainpart [style*="#BE9B06"],body.rad #mainpart [style*="#be9b06"]{color:var(--rad-accent) !important}
/* registration form: jquery.validate highlight() adds .my-error-class to the
   field's *_div wrapper (no error labels). Was styled by new_template/style.css. */
body.rad #mainpart div.my-error-class{border:1px solid var(--rad-danger) !important;border-radius:8px;padding:8px 12px;background:rgba(255,156,143,.06)}
body.rad #mainpart input.my-error-class,body.rad #mainpart select.my-error-class,body.rad #mainpart textarea.my-error-class{border-color:var(--rad-danger) !important;box-shadow:0 0 0 2px rgba(255,156,143,.25)}
body.rad #mainpart .my-error-class .form-control,body.rad #mainpart .my-error-class select,body.rad #mainpart .my-error-class input[type="text"]{border-color:var(--rad-danger)}
body.rad #mainpart label.my-error-class{display:block;margin-top:6px;border:0 !important;padding:0;background:none;font-size:15px;color:var(--rad-danger)}

/* 16 · slider (partials/rad-slider.php + scripts/rad-slider.js) ------------ */
/* Full-bleed, fixed height (no layout shift), under the header: the header
   (z-index:50) and its dropdowns stay on top. Colours come only from the
   --rad-* tokens, so the slider follows whichever palette is active.
   Without JS only the first photo is shown and the controls stay hidden.
   Controls: pause/play + circular prev/next (no dots).                       */
body.rad .rad-slider{position:relative;z-index:0;isolation:isolate;height:clamp(220px,30vw,440px);overflow:hidden;background:var(--rad-surface-2);border-bottom:1px solid var(--rad-line)}
body.rad .rad-slider__track{position:absolute;inset:0}
body.rad .rad-slider__slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}
body.rad .rad-slider__slide.is-leaving{opacity:1;z-index:1}
body.rad .rad-slider__slide.is-active{opacity:1;z-index:2}
body.rad .rad-slider__slide img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0}
/* dark fade at the bottom (darkest token of the palette) so the controls stay readable */
body.rad .rad-slider::after{content:"";position:absolute;left:0;right:0;bottom:0;height:50%;z-index:3;pointer-events:none;background:linear-gradient(180deg,transparent,var(--rad-surface-2));opacity:.9}
body.rad .rad-slider__controls{display:none;position:absolute;z-index:4;bottom:18px;left:max(var(--rad-gutter),calc((100% - var(--rad-max)) / 2 + var(--rad-gutter)));right:var(--rad-gutter);align-items:center;gap:8px}
body.rad .rad-slider.is-ready .rad-slider__controls{display:flex}
body.rad .rad-slider__btn{position:relative;flex:none;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--rad-line-strong);border-radius:50%;background:var(--rad-surface);color:var(--rad-text);cursor:pointer}
body.rad .rad-slider__btn:hover{border-color:var(--rad-accent);color:var(--rad-accent)}
body.rad .rad-slider__btn::before{content:"";position:absolute;left:50%;top:50%}
body.rad .rad-slider__prev::before,
body.rad .rad-slider__next::before{width:10px;height:10px;border-left:2px solid currentColor;border-bottom:2px solid currentColor}
body.rad .rad-slider__prev::before{transform:translate(-30%,-50%) rotate(45deg)}
body.rad .rad-slider__next::before{transform:translate(-70%,-50%) rotate(-135deg)}
body.rad .rad-slider__toggle::before{width:12px;height:14px;border-left:4px solid currentColor;border-right:4px solid currentColor;transform:translate(-50%,-50%)}
body.rad .rad-slider__toggle.is-paused::before{width:0;height:0;border-right:0;border-left:12px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent;transform:translate(-35%,-50%)}
body.rad .rad-slider__btn:focus-visible{outline:3px solid var(--rad-focus);outline-offset:2px;border-radius:50%}
@media (max-width:640px){
  body.rad .rad-slider__controls{bottom:12px}
}