/* =========================================================
   WIRSINDSCHWUL.DE – COMPLETE PRIDE THEME
   MyBB 1.8.41 | CSS child theme, inherits stock MyBB templates
   ========================================================= */
:root{
 --ws-bg:#f3f0f8; --ws-panel:#fff; --ws-panel-soft:#faf8fc;
 --ws-ink:#29243a; --ws-muted:#777187; --ws-line:#e7e0ee;
 --ws-purple:#7136a8; --ws-purple-dark:#43205f; --ws-pink:#d83b91;
 --ws-blue:#3867d6; --ws-green:#198754; --ws-red:#cf3e55;
 --ws-shadow:0 8px 28px rgba(48,29,69,.08);
 --ws-radius:15px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 margin:0;background:var(--ws-bg);color:var(--ws-ink);
 font:14px/1.6 "Segoe UI",Tahoma,Arial,sans-serif;
}
a:link,a:visited{color:var(--ws-purple);text-decoration:none;transition:color .15s ease}
a:hover,a:active{color:var(--ws-pink);text-decoration:none}
#container{width:100%;min-width:0;margin:0 auto;color:var(--ws-ink)}
.wrapper{width:95%;max-width:1360px;min-width:0;margin:0 auto}
#header{background:linear-gradient(120deg,#211a35 0%,#3d2257 58%,#61265f 100%);color:#fff;box-shadow:0 5px 22px rgba(25,15,40,.16)}
#logo{
 position:relative;min-height:142px;padding:22px 0 16px;border:0;
 background:linear-gradient(120deg,#211a35 0%,#3d2257 58%,#61265f 100%);
}
#logo:before{
 content:"";position:absolute;top:0;left:0;right:0;height:7px;
 background:linear-gradient(90deg,#e40303 0 16.66%,#ff8c00 16.66% 33.32%,#ffed00 33.32% 49.98%,#008026 49.98% 66.64%,#004dff 66.64% 83.3%,#750787 83.3% 100%);
}
#logo img{display:block;max-width:min(100%,720px);height:auto;margin:0}
#logo ul.top_links{margin:8px 0 0;padding:0;color:#f5edf9}
#logo ul.top_links a{color:#fff;font-weight:600}
#logo ul.top_links a:hover{color:#ffd6f0}
#panel{margin:14px auto 0;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;box-shadow:0 5px 18px rgba(15,10,25,.12)}
#panel .upper{background:#30213f;color:#fff;border:0;padding:12px 16px}
#panel .upper a{color:#fff}
#panel .lower{background:#fff;color:#625a70;border:0;padding:10px 16px}
#panel .lower a{color:var(--ws-purple)}
#header ul.menu{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:14px 0 17px}
#header ul.menu li{display:block;margin:0;padding:0}
#header ul.menu li a{
 display:block;padding:10px 17px;border-radius:999px;background:rgba(255,255,255,.10);
 color:#fff;font-weight:700;letter-spacing:.1px;border:1px solid rgba(255,255,255,.12);
}
#header ul.menu li a:hover{background:linear-gradient(100deg,#7136a8,#d83b91);border-color:transparent;box-shadow:0 4px 12px rgba(0,0,0,.18)}
#content{background:transparent;padding:22px 0 28px}
.navigation{margin:4px 0 18px;color:#777187;font-size:13px}
.navigation a{color:var(--ws-purple);font-weight:600}
.navigation .active{color:#4b4358}
#content .float_left,#content .float_right{max-width:100%}
.tborder{
 width:100%;background:var(--ws-panel);border:1px solid var(--ws-line);
 border-radius:var(--ws-radius);padding:0;overflow:hidden;
 box-shadow:var(--ws-shadow);margin-bottom:18px;
}
.thead{
 background:linear-gradient(105deg,#4b286c 0%,#7136a8 52%,#c13d91 100%);
 color:#fff;border:0;padding:14px 16px;font-size:14px;font-weight:700;
}
.thead a:link,.thead a:visited,.thead a:hover{color:#fff}
.tcat{background:#eee7f5;color:#4c3b60;border:0;padding:11px 14px;font-weight:700}
.tcat a:link,.tcat a:visited{color:#5e3288}
.trow1{background:#fff;border:0;border-bottom:1px solid #eee9f3}
.trow2{background:#faf8fc;border:0;border-bottom:1px solid #eee9f3}
.trow_shaded{background:#fff0f7;border:0}
.trow_sep{background:#eee7f5;color:#58476b;border:0;font-weight:700}
.tfoot{background:#f0ecf5;color:#655d70;border:0}
tr:hover .trow1,tr:hover .trow2{background:#fff8fc}
.smalltext{font-size:12px;color:var(--ws-muted)}
.largetext{font-size:18px;color:#30243d}
input.textbox,textarea,select{
 max-width:100%;padding:9px 12px;border:1px solid #d9d0e4;border-radius:9px;
 background:#fff;color:#30243d;font:inherit;box-shadow:inset 0 1px 2px rgba(30,15,45,.025)
}
input.textbox:focus,textarea:focus,select:focus{outline:3px solid rgba(113,54,168,.14);border-color:#9b65c2}
input.button,button,.button{
 display:inline-block;padding:9px 17px;border:0;border-radius:999px;
 background:linear-gradient(100deg,#7136a8,#d83b91);color:#fff!important;
 font-weight:700;cursor:pointer;box-shadow:0 4px 12px rgba(113,54,168,.20);
 transition:transform .15s ease,filter .15s ease
}
input.button:hover,button:hover,.button:hover{filter:brightness(1.07);transform:translateY(-1px);text-decoration:none}
input.button:disabled,button:disabled{opacity:.55;cursor:not-allowed}
fieldset{border:1px solid var(--ws-line);border-radius:12px;padding:14px;background:#fff}
legend{color:var(--ws-purple);font-weight:700;padding:0 7px}
blockquote,.codeblock{
 margin:10px 0;padding:13px 16px;border:1px solid #e8dced;border-left:4px solid #9b55bc;
 border-radius:9px;background:#faf6fc;color:#4c4358
}
.codeblock{overflow:auto;background:#272235;color:#f5eafa;border-color:#272235}
.post{overflow:hidden;border:1px solid var(--ws-line);border-radius:13px;background:#fff;margin-bottom:16px;box-shadow:0 4px 16px rgba(48,29,69,.045)}
.post .post_author{background:#f8f5fb;border:0;border-right:1px solid var(--ws-line);padding:15px}
.post .post_content{background:#fff;padding:16px}
.post .post_controls{background:#faf8fc;border:0;border-top:1px solid var(--ws-line);padding:10px 14px}
.post.classic .post_author{border-right:1px solid var(--ws-line)}
.postbit_buttons a,.postbit_buttons a:link,.postbit_buttons a:visited{
 display:inline-block;padding:5px 9px;margin:2px;border-radius:7px;background:#f0e9f6;color:#63368b;font-weight:600
}
.postbit_buttons a:hover{background:#7136a8;color:#fff}
.pagination{padding:8px 0;color:var(--ws-muted)}
.pagination a,.pagination span{
 display:inline-block;margin:2px;padding:6px 10px;border:1px solid #ded5e8;border-radius:8px;background:#fff;color:#7136a8
}
.pagination .current{background:#7136a8;color:#fff;border-color:#7136a8;font-weight:700}
.trow1 .subject_new,.trow2 .subject_new{font-weight:700}
.subject_old{font-weight:500}
.pm_alert,.red_alert,.error,.success_message,.notice{
 border-radius:10px;padding:12px 15px;margin:10px 0;border:1px solid var(--ws-line)
}
.red_alert,.error{background:#fff0f1;border-color:#f2c8ce;color:#9d2d3c}
.success_message{background:#effaf3;border-color:#c9ead4;color:#236b3c}
.pm_alert,.notice{background:#f6f0fb;border-color:#e3d4ef;color:#5c3a78}
#footer{margin-top:26px}
#footer .upper{
 background:#2b2139;color:#eee;border:0;border-top:6px solid transparent;
 border-image:linear-gradient(90deg,#e40303,#ff8c00,#ffed00,#008026,#004dff,#750787) 1;padding:18px 15px
}
#footer .upper a{color:#fff}
#footer .lower{background:#1d1928;color:#c8bfd2;border:0;padding:14px 15px}
#footer .lower a{color:#f4d7f0}
#footer .theme, #footer .language{margin:4px}
#debug{color:#766d80}
select option{padding:5px}
img{max-width:100%;height:auto}
hr{border:0;border-top:1px solid var(--ws-line);margin:16px 0}
.popup_menu{background:#fff;border:1px solid var(--ws-line);border-radius:10px;box-shadow:var(--ws-shadow);padding:7px}
.popup_menu a{display:block;padding:7px 10px;border-radius:6px}
.popup_menu a:hover{background:#f4edf8}
#quick_login input.textbox{width:100%;margin:4px 0}
#search input.textbox{max-width:220px}
.expcolimage{opacity:.8}
.tborder .thead .expcolimage{filter:brightness(0) invert(1)}
/* Profile, member list, calendar and private messages */
.profile .trow1,.profile .trow2{padding:10px}
.pmspace{background:#eee7f5;border-radius:999px;overflow:hidden}
.pmspace .pmspace_used{background:linear-gradient(90deg,#7136a8,#d83b91);height:10px}
.calendar thead,.calendar_weekdayheader{background:#eee7f5;color:#4b3560}
.calendar .calendar_today{background:#fff0f7!important;border:2px solid #d83b91}
.calendar .calendar_event{background:#f2e8fa;border-radius:5px}
.thread_status, .forum_status{vertical-align:middle}
/* Responsive layout */
@media(max-width:800px){
 .wrapper{width:96%}
 #logo{min-height:0;padding:18px 0}
 #logo img{max-width:100%}
 #header ul.menu{gap:5px;padding:10px 0 13px}
 #header ul.menu li a{padding:8px 11px;font-size:12px}
 #content{padding:14px 0 20px}
 .tborder{border-radius:10px;margin-bottom:13px}
 .thead{padding:11px 12px}
 .post .post_author{border-right:0;border-bottom:1px solid var(--ws-line)}
 .post .post_content{padding:12px}
}
@media(max-width:480px){
 body{font-size:13px}
 .wrapper{width:97%}
 #panel .upper,#panel .lower{padding:9px 11px}
 #header ul.menu li a{padding:7px 9px;font-size:11px}
 .tcat,.trow1,.trow2,.tfoot{padding-left:8px;padding-right:8px}
 input.textbox,textarea,select{width:auto;max-width:100%}
}