@import url("../../prosilver/theme/stylesheet.css");
:root{--aie-dark:#0c642f;--aie:#299644;--aie-mid:#67bd5b;--aie-light:#eef9ec;--aie-pale:#f8fff7}
html,body{background:linear-gradient(180deg,#edf9ea 0,#fff 40%);color:#173b22}
.wrap{max-width:1300px;border-radius:16px;box-shadow:0 8px 32px rgba(20,92,45,.08);border:1px solid #d8ecd5}
.headerbar{background:linear-gradient(135deg,#eaffdf,#f9fff7);border-radius:14px;border:1px solid #cce9c7;min-height:155px;position:relative;overflow:hidden}
.headerbar:after{content:"Van iedereen, voor iedereen";position:absolute;right:335px;top:55px;color:var(--aie-dark);font-size:27px;font-weight:700;font-style:italic;letter-spacing:.2px}
.site_logo{background-image:url('./images/aieforum_logo.png');background-size:contain;background-repeat:no-repeat;width:360px;height:145px}
.site_logo img{display:none}
.navbar{background:linear-gradient(90deg,var(--aie-dark),#2e963e);border-radius:10px;color:white}
.navbar a,.navbar .icon:before{color:white!important}
a{color:#137638}a:hover{color:#0b5126}
.forabg,.forumbg{background:linear-gradient(180deg,#3e9f49,#237b35);border-radius:11px;padding:6px}
.forabg .header a,.forumbg .header a{color:#fff}
ul.forums{background:var(--aie-pale)}
ul.topiclist li.row{border-bottom-color:#d8ecd5}
ul.topiclist li.row:hover{background:#effaee}
.button,.button1,.button2,input.button1,input.button2{border-color:#3d9e4f;color:#176c2d;background:#f5fff3}
.button:hover,.button1:hover,.button2:hover{background:#dff4db;border-color:#1d7d35}
.panel{background:#f4fbf2;border-radius:10px}.bg1{background:#f7fcf6}.bg2{background:#eff8ed}.bg3{background:#e1f1de}
.online{background-image:none}.stat-block{border-left:4px solid #67bd5b;padding-left:12px}
@media(max-width:800px){.headerbar:after{font-size:18px;top:auto;bottom:10px;right:15px}.site_logo{width:280px;height:115px}}

/* AIEForum finishing touches */
.aie-chat-nav a{font-weight:700}
.aie-login-welcome{margin-bottom:18px;padding:18px 20px;background:linear-gradient(135deg,#eef9ec,#f9fff7);border:1px solid #cfe8ca;border-radius:12px}
.aie-login-brand{font-size:14px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--aie-dark);margin-bottom:4px}
.aie-login-welcome h2{margin:0 0 8px}
.aie-login-welcome p{margin:7px 0;line-height:1.5}
.aie-login-note{padding:10px 12px;background:#fff;border-left:4px solid var(--aie-mid);border-radius:6px}
@media(max-width:800px){.headerbar:after{font-size:18px;top:auto;bottom:10px;left:15px;right:auto}.aie-chat-nav{order:-1}}

/* Consolidated test update 2026-10-02 */
.navbar .dropdown-contents,.navbar .dropdown-contents a,.navbar .dropdown-contents .icon:before{color:#173b22!important}
.navbar .dropdown-contents{background:#fff}.navbar .dropdown-contents a:hover{background:#e9f5e7;color:#0c642f!important}
#site-description>p:not(.skiplink){color:#173b22;font-size:15px;line-height:1.5;font-weight:600}

/* One icon per forum row; no background or pseudo-element icon layers. */
.aie-forum-row { background-image:none!important; }
.aie-forum-row > dt { position:relative; background-image:none!important; }
.aie-forum-row > dt::before,.aie-forum-row > dt::after { content:none!important; }
.aie-forum-row > dt > .list-inner { padding-left:58px!important; min-height:40px; }
.aie-forum-icon { position:absolute; left:8px; top:50%; transform:translateY(-50%); width:40px; height:40px; padding:5px; border:1px solid #299644; border-radius:50%; background:#fff; box-sizing:border-box; object-fit:contain; pointer-events:none; }
.aie-forum-row .forum-image { display:none; }
.aie-forum-row .row-item-link { z-index:1; width:40px; height:40px; margin-top:-20px; }
.aie-forum-row.aie-unread .aie-forum-icon { border-color:#0c642f; border-width:2px; }
.aie-subforums { margin-top:8px; }
.aie-subforums-label { display:block; }
a.aie-subforum { display:block; margin:4px 0; }

/* Category headings: separate icon and text, always-open forum lists. */
.aie-index-category .header dt { width:100%; margin-right:0; }
.aie-index-category .header dd { display:none; }
.forabg .header dt .list-inner.aie-category-heading { display:flex; align-items:center; gap:12px; padding:6px 8px!important; min-height:36px; }
.aie-index-category .header dt .list-inner.aie-category-heading { margin-right:0; }
.aie-category-icon { position:static; flex:0 0 34px; width:34px; height:34px; object-fit:contain; padding:5px; box-sizing:border-box; background:#fff; border:1px solid #67bd5b; border-radius:50%; }
.aie-category-title { min-width:0; white-space:normal; overflow-wrap:anywhere; line-height:1.4; }
@media(max-width:700px){ .aie-forum-row > dt > .list-inner{padding-left:58px!important;} }
.forabg .header .aie-category-title{font-size:17px;font-weight:700;line-height:1.4}.forabg .header .aie-category-icon{flex-basis:42px;width:42px;height:42px;padding:6px}.forabg .header dt .list-inner.aie-category-heading{gap:14px;padding:7px 8px!important}@media(max-width:700px){.forabg .header .aie-category-title{font-size:16px}.forabg .header .aie-category-icon{flex-basis:38px;width:38px;height:38px}}

/* Chat and radio are links in the green breadcrumb navigation. */
.aie-nav-media { display:inline-block; margin-left:16px; white-space:nowrap; }
.navbar .aie-nav-media a { color:#fff!important; font-weight:700; }
.navbar .aie-nav-media a:hover,.navbar .aie-nav-media a:focus-visible { color:#e4ffbc!important; text-decoration:underline; }
.aie-radio-panel { margin:12px 0; padding:16px; background:#eff8ed; border:1px solid #cce3c8; border-radius:10px; }
.aie-radio-panel[hidden] { display:none!important; }
.aie-radio-panel label { display:block; margin-bottom:6px; }
.aie-radio-panel input { width:340px; max-width:90%; padding:8px; box-sizing:border-box; }
.aie-radio-panel audio { display:block; max-width:100%; margin-top:12px; }
@media(max-width:700px){.aie-nav-media{margin:4px 8px 4px 0}.aie-radio-panel .button{margin-top:8px}}

/* Native radio disclosure opens even without a JavaScript click handler. */
.navbar { position:relative; }
.aie-radio-menu > summary { color:#fff; font-weight:700; cursor:pointer; list-style:none; }
.aie-radio-menu > summary::-webkit-details-marker { display:none; }
.aie-radio-menu > summary:hover,.aie-radio-menu > summary:focus-visible { color:#e4ffbc; text-decoration:underline; }
.aie-radio-menu .aie-radio-panel { position:absolute; left:8px; right:8px; top:100%; z-index:100; color:#173b22; white-space:normal; box-shadow:0 6px 18px rgba(0,0,0,.18); }
.aie-radio-menu .aie-radio-panel .button { color:#176c2d!important; }
/* Keep Chat only beside Board index; hide the legacy top-right entry. */ #nav-main .aie-chat-nav{display:none!important} #nav-main a[href*="aiechat.php"]{display:none!important}

.aie-radio-directory audio { display:block; width:420px; max-width:100%; margin:12px 0; }
.aie-station-list { list-style:none; margin:16px 0; padding:0; }
.aie-station-list li { padding:10px 0; border-bottom:1px solid #cfe4ca; }
.aie-station-list li[hidden],#aie-no-stations[hidden] { display:none!important; }
.aie-station-list .button { height:auto; white-space:normal; max-width:100%; }
.aie-station-genre { display:inline-block; margin:5px 12px; color:#45694a; }
.aie-station-delete { display:inline-block; margin-left:8px; }
