
/* 44 - LIQUID LAYOUT: %100 akiskan, flex-grow, clamp tipografi, SVG dalga ayiricilar, tam genislik */
:root{--ll-bg:#FEFEFE;--ll-surface:#F8FAFB;--ll-pr:#1D8CF8;--ll-pr2:#0066CC;--ll-tx:#2B2D42;--ll-tx2:#8D99AE;--ll-bd:#E8ECF1;--ll-warm:#FF6B6B;--ll-f:'DM Sans','Helvetica Neue',sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
::selection{background:var(--ll-pr);color:#FFF}
body{background:var(--ll-bg);color:var(--ll-tx);font:400 clamp(15px,1.1vw,17px)/1.7 var(--ll-f);-webkit-font-smoothing:antialiased;width:100%}
a:link,a:visited{color:var(--ll-pr);text-decoration:none;transition:color .15s}
a:hover{color:var(--ll-pr2)}
img{max-width:100%}
h1{font:700 clamp(24px,3.5vw,40px)/1.15 var(--ll-f);margin:0 0 12px}
h2{font:600 clamp(20px,2.5vw,30px)/1.2 var(--ll-f);margin:0 0 10px}
h3{font:600 clamp(16px,1.5vw,20px)/1.3 var(--ll-f);margin:0 0 6px}
#container{width:100%;max-width:100%}
.ll-pad{padding:0 clamp(16px,4vw,64px)}

/* Header: Full-width gradient */
#ll-header{background:linear-gradient(135deg,#1D8CF8 0%,#6C5CE7 50%,#A855F7 100%);color:#FFF;padding:0;width:100%}
.ll-header-inner{display:flex;align-items:center;justify-content:space-between;height:clamp(56px,8vw,72px);padding:0 clamp(16px,4vw,64px)}
.ll-logo{font:700 clamp(18px,2vw,26px) var(--ll-f);color:#FFF}
.ll-logo a{color:#FFF;text-decoration:none}
.ll-nav{display:flex;gap:clamp(4px,1vw,12px)}
.ll-nav a{color:rgba(255,255,255,.75);font:500 clamp(13px,1vw,15px) var(--ll-f);padding:clamp(6px,0.5vw,10px) clamp(10px,1vw,18px);border-radius:8px;text-decoration:none;transition:all .15s}
.ll-nav a:hover{background:rgba(255,255,255,.15);color:#FFF}
.ll-user{font-size:clamp(12px,1vw,14px);color:rgba(255,255,255,.7)}
.ll-user a{color:rgba(255,255,255,.9);text-decoration:none}

/* SVG wave separator */
.ll-wave{width:100%;line-height:0;overflow:hidden}
.ll-wave svg{display:block;width:100%;height:clamp(40px,5vw,80px)}

.navigation{padding:clamp(8px,1vw,16px) 0;font-size:clamp(12px,1vw,14px);color:var(--ll-tx2)}
.navigation a{color:var(--ll-tx2);text-decoration:none}.navigation a:hover{color:var(--ll-pr)}
#content{min-height:60vh;padding-bottom:40px}

/* Forum: Full-width flex rows that stretch */
.ll-cat{margin-bottom:clamp(16px,2vw,32px)}
.ll-cat-title{font:600 clamp(12px,1vw,14px) var(--ll-f);color:var(--ll-pr);text-transform:uppercase;letter-spacing:.06em;padding:clamp(8px,1vw,14px) 0;border-bottom:2px solid var(--ll-pr)}
.ll-cat-title a{color:var(--ll-pr);text-decoration:none}
.ll-forum-row{display:flex;align-items:center;padding:clamp(12px,1.2vw,20px) 0;border-bottom:1px solid var(--ll-bd);gap:clamp(12px,2vw,24px);transition:background .1s}
.ll-forum-row:hover{background:var(--ll-surface)}
.ll-forum-icon{width:clamp(36px,4vw,48px);height:clamp(36px,4vw,48px);border-radius:12px;background:linear-gradient(135deg,var(--ll-pr),#A855F7);display:flex;align-items:center;justify-content:center;color:#FFF;font-size:clamp(16px,2vw,22px);flex-shrink:0}
.ll-forum-info{flex:1;min-width:0}
.ll-forum-info h3{margin:0}
.ll-forum-info h3 a{color:var(--ll-tx);text-decoration:none;font:600 clamp(15px,1.2vw,18px) var(--ll-f)}
.ll-forum-info h3 a:hover{color:var(--ll-pr)}
.ll-forum-desc{font-size:clamp(12px,1vw,14px);color:var(--ll-tx2);margin-top:2px}
.ll-forum-stat{flex:0 0 clamp(60px,6vw,100px);text-align:center;font-size:clamp(11px,0.9vw,13px);color:var(--ll-tx2)}
.ll-forum-stat strong{display:block;font:700 clamp(16px,1.5vw,22px) var(--ll-f);color:var(--ll-tx)}
.ll-forum-last{flex:0 0 clamp(120px,14vw,200px);font-size:clamp(11px,0.9vw,13px);color:var(--ll-tx2)}
.ll-forum-last a{color:var(--ll-pr)}

/* Thread: Full-width flex with grow */
.ll-thread-row{display:flex;align-items:center;padding:clamp(10px,1vw,14px) 0;border-bottom:1px solid var(--ll-bd);gap:clamp(8px,1.5vw,16px);transition:background .1s}
.ll-thread-row:hover{background:var(--ll-surface)}
.ll-thread-dot{width:clamp(8px,0.8vw,10px);height:clamp(8px,0.8vw,10px);border-radius:50%;background:var(--ll-bd);flex-shrink:0}
.ll-thread-new .ll-thread-dot{background:var(--ll-pr)}
.ll-thread-info{flex:1;min-width:0}
.ll-thread-info a{color:var(--ll-tx);font:500 clamp(14px,1.1vw,16px) var(--ll-f);text-decoration:none}
.ll-thread-info a:hover{color:var(--ll-pr)}
.ll-thread-info small{display:block;font-size:clamp(11px,0.8vw,13px);color:var(--ll-tx2);margin-top:2px}
.ll-thread-info small a{color:var(--ll-tx2);font-size:inherit}
.ll-thread-stat{flex:0 0 clamp(50px,5vw,80px);text-align:center;font-size:clamp(11px,0.9vw,13px);color:var(--ll-tx2)}
.ll-thread-stat strong{color:var(--ll-tx);font-weight:600}
.ll-thread-last{flex:0 0 clamp(100px,12vw,180px);font-size:clamp(11px,0.8vw,12px);color:var(--ll-tx2)}
.ll-thread-last a{color:var(--ll-pr)}

/* Posts: Full-width section blocks */
.ll-post{border-bottom:1px solid var(--ll-bd);padding:clamp(16px,2vw,28px) 0}
.ll-post-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:clamp(8px,1vw,14px);margin-bottom:clamp(8px,1vw,14px);border-bottom:1px solid var(--ll-bd)}
.ll-post-author{display:flex;align-items:center;gap:clamp(8px,1vw,12px)}
.ll-post-avatar{width:clamp(36px,4vw,48px);height:clamp(36px,4vw,48px);border-radius:50%;overflow:hidden;border:2px solid var(--ll-bd)}
.ll-post-avatar img{width:100%;height:100%;object-fit:cover}
.ll-post-name{font:600 clamp(13px,1vw,16px) var(--ll-f)}
.ll-post-name a{color:var(--ll-tx);text-decoration:none}
.ll-post-meta{font-size:clamp(11px,0.8vw,13px);color:var(--ll-tx2)}
.ll-post-date{font-size:clamp(11px,0.8vw,13px);color:var(--ll-tx2)}
.ll-post-body{font-size:clamp(15px,1.1vw,17px);line-height:1.8}
.ll-post-footer{display:flex;gap:clamp(12px,1.5vw,20px);padding-top:clamp(8px,1vw,12px);margin-top:clamp(8px,1vw,12px)}
.ll-post-footer a{color:var(--ll-tx2);font-size:clamp(11px,0.8vw,13px);text-decoration:none}
.ll-post-footer a:hover{color:var(--ll-pr)}

/* MyBB compat */
.tborder{border:none;margin-bottom:20px;border-top:2px solid var(--ll-pr)}
.thead{background:transparent;color:var(--ll-tx);padding:12px 0;font:600 clamp(14px,1.2vw,18px) var(--ll-f);border-bottom:1px solid var(--ll-bd)}
.thead a{color:var(--ll-tx);text-decoration:none}
.tcat{background:var(--ll-surface);color:var(--ll-tx2);padding:8px clamp(8px,1vw,16px);font-size:clamp(11px,0.9vw,13px)}
.tcat a{color:var(--ll-tx2);text-decoration:none}
.trow1,.trow2{background:transparent;padding:clamp(8px,1vw,12px);border-bottom:1px solid var(--ll-bd)}
.trow1:hover,.trow2:hover{background:var(--ll-surface)}
.trow_shaded{background:#FFF0F0;padding:clamp(8px,1vw,12px);border-bottom:1px solid #FFCCCC}
.trow_selected{background:#FFFFF0;padding:clamp(8px,1vw,12px)}
.trow_sep{background:var(--ll-surface);padding:6px clamp(8px,1vw,16px);font-size:clamp(11px,0.8vw,12px);color:var(--ll-tx2)}
.smalltext{font-size:clamp(11px,0.8vw,13px);color:var(--ll-tx2)}.largetext{font:600 clamp(18px,1.8vw,24px) var(--ll-f)}
.tfixed{table-layout:fixed;word-wrap:break-word}

blockquote{background:var(--ll-surface);border-left:3px solid var(--ll-pr);border-radius:0 8px 8px 0;padding:clamp(12px,1.5vw,20px);margin:16px 0;color:var(--ll-tx2)}
blockquote cite{display:block;font-weight:600;font-size:clamp(12px,0.9vw,14px);color:var(--ll-pr);margin-bottom:8px}
.codeblock{background:#1A1A2E;color:#E0E0E0;border-radius:10px;padding:clamp(12px,1.5vw,20px);font:clamp(13px,1vw,15px) 'Fira Code',monospace;overflow-x:auto}

input.button,a.button{background:linear-gradient(135deg,var(--ll-pr),#A855F7);color:#FFF;border:none;padding:clamp(8px,1vw,12px) clamp(16px,2vw,28px);font:600 clamp(13px,1vw,15px) var(--ll-f);border-radius:10px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .15s}
input.button:hover,a.button:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(29,140,248,.3)}
input.textbox,select{background:var(--ll-bg);border:1px solid var(--ll-bd);padding:clamp(8px,0.8vw,12px) clamp(10px,1vw,16px);color:var(--ll-tx);font:400 clamp(14px,1vw,16px) var(--ll-f);border-radius:8px;outline:none}
input.textbox:focus{border-color:var(--ll-pr);box-shadow:0 0 0 3px rgba(29,140,248,.1)}
textarea{background:var(--ll-bg);border:1px solid var(--ll-bd);padding:clamp(10px,1vw,14px);color:var(--ll-tx);font:400 clamp(14px,1vw,16px) var(--ll-f);border-radius:8px;resize:vertical;min-height:120px;outline:none}
textarea:focus{border-color:var(--ll-pr)}
fieldset{border:1px solid var(--ll-bd);border-radius:10px;padding:clamp(12px,1.5vw,20px);margin:12px 0}
legend{color:var(--ll-pr);font:600 clamp(12px,0.9vw,14px) var(--ll-f);padding:0 8px}

.popup_menu{background:var(--ll-bg);border:1px solid var(--ll-bd);border-radius:12px;min-width:180px;box-shadow:0 8px 24px rgba(0,0,0,.08);overflow:hidden}
.popup_item{padding:10px 16px;display:block;color:var(--ll-tx);font-size:14px;text-decoration:none}
.popup_item:hover{background:var(--ll-surface);color:var(--ll-pr)}

.pagination{display:flex;gap:4px;margin:16px 0;justify-content:center}
.pagination a,.pagination .current{padding:clamp(6px,0.6vw,10px) clamp(10px,1vw,16px);font:500 clamp(12px,0.9vw,14px) var(--ll-f);border-radius:8px}
.pagination a{color:var(--ll-tx2);background:var(--ll-surface);border:1px solid var(--ll-bd);text-decoration:none}
.pagination a:hover{border-color:var(--ll-pr);color:var(--ll-pr)}
.pagination .current{background:var(--ll-pr);color:#FFF;border:1px solid var(--ll-pr)}

.red_alert{background:#FFF0F0;border:1px solid #FFCCCC;border-radius:8px;padding:12px 16px;color:var(--ll-warm);font-size:14px;margin:12px 0}
.pm_alert{background:#F0F7FF;border:1px solid #CCE0FF;border-radius:8px;padding:12px 16px;color:var(--ll-pr);font-size:14px;margin:12px 0}

.ll-footer-wave{width:100%;line-height:0}
.ll-footer-wave svg{display:block;width:100%;height:clamp(40px,5vw,80px)}
.ll-footer{background:linear-gradient(135deg,#1D8CF8 0%,#6C5CE7 50%,#A855F7 100%);color:rgba(255,255,255,.7);padding:clamp(16px,2vw,32px);text-align:center;font-size:clamp(12px,0.9vw,14px)}
.ll-footer a{color:rgba(255,255,255,.8);text-decoration:none}
.ll-footer a:hover{color:#FFF}

.forum_status{display:none}
.subforumicon{display:inline-block;margin:0 2px}
.usercp_nav_item,.modcp_nav_item{display:block;padding:10px 0;color:var(--ll-tx);font-size:14px;border-bottom:1px solid var(--ll-bd);text-decoration:none}
.usercp_nav_item:hover,.modcp_nav_item:hover{color:var(--ll-pr)}
.usercp_container{margin:8px 0}
.usercp_avatar{width:clamp(48px,6vw,72px);height:clamp(48px,6vw,72px);border-radius:50%;border:2px solid var(--ll-bd)}
.editor_control_bar{background:var(--ll-surface);padding:8px;border-radius:8px 8px 0 0}
.scaleimages img{max-width:100%;border-radius:8px}
.pollbar{height:8px;background:linear-gradient(90deg,var(--ll-pr),#A855F7);border-radius:4px}
.hidden{display:none}.hiddenrow{display:none}.selectall{text-align:center}.no_bottom_border{border-bottom:0}
.pmspace{float:right;margin:-3px 5px}
.pmspace_container{height:4px;background:var(--ll-bd);border-radius:2px;overflow:hidden}
.pmspace_container .pmspace_used{background:var(--ll-pr);height:100%;border-radius:2px}
.reputation_positive{color:#2ECC71}.reputation_negative{color:var(--ll-warm)}.reputation_neutral{color:var(--ll-tx2)}
.thread_status{display:inline-block;width:16px;height:16px}
.star_rating_container{display:inline-block}.star_rating{display:inline-block;height:16px;background-repeat:no-repeat}
.showthread_spinner{width:100%;text-align:center;padding:20px}
#quick_login .remember_me input{vertical-align:middle;margin:-3px 0 0 5px}
.modqueue_controls{float:right;border:1px solid var(--ll-bd);border-radius:8px;padding:8px;font-size:12px}
.postbit_buttons>a{color:var(--ll-tx2);font-size:12px;margin-right:10px;text-decoration:none}
.postbit_buttons>a:hover{color:var(--ll-pr)}
.post{border-bottom:1px solid var(--ll-bd);padding:clamp(16px,2vw,24px) 0}
.post .post_author{padding:0 0 8px;font-size:13px;color:var(--ll-tx2)}
.post .post_author a{color:var(--ll-tx);font-weight:600;text-decoration:none}
.post .post_content{font-size:clamp(15px,1.1vw,17px);line-height:1.8}
.post .post_controls{padding:8px 0 0;display:flex;gap:16px}
.post .post_controls a{color:var(--ll-tx2);font-size:12px;text-decoration:none}
.post .post_controls a:hover{color:var(--ll-pr)}
.post.classic .post_author{width:clamp(120px,12vw,180px);vertical-align:top;border-right:1px solid var(--ll-bd);padding:0 16px 0 0;text-align:center}

@media(max-width:768px){.ll-forum-stat,.ll-forum-last{display:none}.ll-thread-stat,.ll-thread-last{display:none}.ll-nav{display:none}.post.classic .post_author{display:block;width:100%;border-right:none;border-bottom:1px solid var(--ll-bd);padding:0 0 8px;margin-bottom:8px}}
@media print{#ll-header,.ll-footer,.ll-wave,.ll-footer-wave,.ll-post-footer,.pagination{display:none!important}body{background:#fff}}

