/* 38 - DYNAMIC GRID: CSS auto-fit responsive kartlar, yapışkan filtre bar, icerik-duyarli grid, modern kart UI */
:root{--dg-bg:#F4F6F8;--dg-card:#FFF;--dg-pr:#4361EE;--dg-pr2:#3A0CA3;--dg-tx:#1A1A2E;--dg-tx2:#6B7280;--dg-bd:#E5E7EB;--dg-green:#10B981;--dg-red:#EF4444;--dg-f:'Plus Jakarta Sans','Inter',sans-serif;--dg-radius:12px;--dg-shadow:0 1px 3px rgba(0,0,0,.06)}
*{box-sizing:border-box;margin:0;padding:0}
::selection{background:var(--dg-pr);color:#FFF}
body{background:var(--dg-bg);color:var(--dg-tx);font:400 15px/1.7 var(--dg-f);-webkit-font-smoothing:antialiased}
a:link,a:visited{color:var(--dg-pr);text-decoration:none;transition:color .15s}
a:hover{color:var(--dg-pr2)}
img{max-width:100%}
h1{font:700 26px/1.2 var(--dg-f);margin:0 0 12px}
h2{font:600 22px/1.3 var(--dg-f);margin:0 0 10px}
h3{font:600 17px/1.3 var(--dg-f);margin:0 0 6px}

/* Top nav: Sticky */
#dg-topnav{background:var(--dg-card);border-bottom:1px solid var(--dg-bd);position:sticky;top:0;z-index:50;padding:0 20px}
.dg-topnav-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px}
.dg-brand{font:700 20px var(--dg-f);color:var(--dg-tx)}
.dg-brand a{color:inherit;text-decoration:none}
.dg-nav-links{display:flex;gap:4px;align-items:center}
.dg-nav-links a{color:var(--dg-tx2);font:500 14px var(--dg-f);padding:6px 14px;border-radius:8px;transition:all .15s;text-decoration:none}
.dg-nav-links a:hover{background:var(--dg-bg);color:var(--dg-tx)}
.dg-user-area{font-size:14px;color:var(--dg-tx2)}
.dg-user-area a{color:var(--dg-tx2);text-decoration:none;margin-left:12px}
.dg-user-area a:hover{color:var(--dg-pr)}

/* Filter bar */
#dg-filterbar{background:var(--dg-card);border-bottom:1px solid var(--dg-bd);position:sticky;top:56px;z-index:40;padding:10px 20px}
.dg-filterbar-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.dg-breadcrumb{font-size:13px;color:var(--dg-tx2)}
.dg-breadcrumb a{color:var(--dg-tx2);text-decoration:none}
.dg-breadcrumb a:hover{color:var(--dg-pr)}
.dg-filter-actions{display:flex;gap:8px}
.dg-filter-btn{background:var(--dg-bg);border:1px solid var(--dg-bd);padding:6px 14px;border-radius:20px;font:500 13px var(--dg-f);color:var(--dg-tx2);cursor:pointer;transition:all .15s}
.dg-filter-btn:hover{border-color:var(--dg-pr);color:var(--dg-pr)}

#container{max-width:1280px;margin:0 auto;padding:0 20px}
.navigation{padding:16px 0 8px;font-size:13px;color:var(--dg-tx2)}
.navigation a{color:var(--dg-tx2);text-decoration:none}.navigation a:hover{color:var(--dg-pr)}
#content{padding:20px 0 40px;min-height:60vh}

/* Forum grid: Auto-fit responsive cards */
.dg-cat-title{font:700 12px var(--dg-f);color:var(--dg-pr);text-transform:uppercase;letter-spacing:.08em;padding:8px 0;margin-top:20px}
.dg-cat-title a{color:var(--dg-pr);text-decoration:none}
.dg-forum-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:8px}
.dg-forum-card{background:var(--dg-card);border-radius:var(--dg-radius);padding:20px;border:1px solid var(--dg-bd);transition:all .2s;position:relative;overflow:hidden;box-shadow:var(--dg-shadow)}
.dg-forum-card:hover{border-color:var(--dg-pr);box-shadow:0 4px 16px rgba(67,97,238,.12);transform:translateY(-2px)}
.dg-forum-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dg-pr),var(--dg-pr2));opacity:0;transition:opacity .2s}
.dg-forum-card:hover::before{opacity:1}
.dg-forum-card h3{margin:0}
.dg-forum-card h3 a{color:var(--dg-tx);text-decoration:none;font:600 16px var(--dg-f)}
.dg-forum-card h3 a:hover{color:var(--dg-pr)}
.dg-forum-card-desc{font:400 13px/1.5 var(--dg-f);color:var(--dg-tx2);margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dg-forum-card-stats{display:flex;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--dg-bd);font-size:12px;color:var(--dg-tx2)}
.dg-forum-card-stats strong{color:var(--dg-tx);font-weight:600;font-size:16px;display:block}
.dg-forum-card-last{margin-top:10px;font-size:12px;color:var(--dg-tx2)}
.dg-forum-card-last a{color:var(--dg-pr);font-weight:500}

/* Thread: Card grid */
.dg-thread-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:12px;margin-bottom:20px}
.dg-thread-card{background:var(--dg-card);border:1px solid var(--dg-bd);border-radius:var(--dg-radius);padding:16px;display:flex;gap:14px;align-items:flex-start;transition:all .15s;box-shadow:var(--dg-shadow)}
.dg-thread-card:hover{border-color:var(--dg-pr);box-shadow:0 2px 8px rgba(67,97,238,.08)}
.dg-thread-badge{min-width:40px;height:40px;border-radius:10px;background:var(--dg-bg);display:flex;align-items:center;justify-content:center;font:700 14px var(--dg-f);color:var(--dg-pr);flex-shrink:0}
.dg-thread-info{flex:1;min-width:0}
.dg-thread-info h4{margin:0}
.dg-thread-info h4 a{color:var(--dg-tx);font:500 15px var(--dg-f);text-decoration:none}
.dg-thread-info h4 a:hover{color:var(--dg-pr)}
.dg-thread-info .dg-thread-meta{color:var(--dg-tx2);font-size:12px;margin-top:4px}
.dg-thread-info .dg-thread-meta a{color:var(--dg-tx2)}
.dg-thread-stats{text-align:right;font-size:12px;color:var(--dg-tx2);white-space:nowrap;flex-shrink:0}
.dg-thread-stats strong{display:block;font-size:16px;color:var(--dg-tx);font-weight:600}

/* Posts: Card style with avatar circle */
.dg-post{background:var(--dg-card);border:1px solid var(--dg-bd);border-radius:var(--dg-radius);margin-bottom:12px;overflow:hidden;box-shadow:var(--dg-shadow)}
.dg-post-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:var(--dg-bg);border-bottom:1px solid var(--dg-bd)}
.dg-post-author{display:flex;align-items:center;gap:10px}
.dg-post-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--dg-pr),var(--dg-pr2));display:flex;align-items:center;justify-content:center;color:#FFF;font:700 14px var(--dg-f);overflow:hidden}
.dg-post-avatar img{width:100%;height:100%;object-fit:cover}
.dg-post-name{font:600 14px var(--dg-f)}
.dg-post-name a{color:var(--dg-tx);text-decoration:none}
.dg-post-name small{display:block;color:var(--dg-tx2);font:400 12px var(--dg-f)}
.dg-post-time{font-size:12px;color:var(--dg-tx2)}
.dg-post-body{padding:20px;font-size:15px;line-height:1.8}
.dg-post-actions{padding:10px 20px;border-top:1px solid var(--dg-bd);display:flex;gap:16px}
.dg-post-actions a{color:var(--dg-tx2);font:500 12px var(--dg-f);text-decoration:none;padding:4px 0}
.dg-post-actions a:hover{color:var(--dg-pr)}

/* MyBB compat */
.tborder{border:none;margin-bottom:20px}
.thead{background:transparent;color:var(--dg-tx);padding:12px 0;font:600 14px var(--dg-f);border-bottom:2px solid var(--dg-pr)}
.thead a{color:var(--dg-tx);text-decoration:none}
.tcat{background:var(--dg-bg);color:var(--dg-tx2);padding:8px 14px;font-size:12px;border-radius:6px}
.tcat a{color:var(--dg-tx2);text-decoration:none}
.trow1,.trow2{background:var(--dg-card);padding:12px 14px;border-bottom:1px solid var(--dg-bd)}
.trow1:hover,.trow2:hover{background:rgba(67,97,238,.02)}
.trow_shaded{background:#FEF2F2;padding:12px 14px;border-bottom:1px solid #FECACA}
.trow_selected{background:#FEFCE8;padding:12px 14px}
.trow_sep{background:var(--dg-bg);padding:6px 14px;font-size:12px;color:var(--dg-tx2)}
.smalltext{font-size:13px;color:var(--dg-tx2)}.largetext{font:600 20px var(--dg-f)}
.tfixed{table-layout:fixed;word-wrap:break-word}

blockquote{background:var(--dg-bg);border-left:3px solid var(--dg-pr);border-radius:0 var(--dg-radius) var(--dg-radius) 0;padding:16px 20px;margin:16px 0;color:var(--dg-tx2)}
blockquote cite{display:block;font-weight:600;font-size:13px;color:var(--dg-pr);margin-bottom:8px}
.codeblock{background:#1E1E2E;color:#CDD6F4;border-radius:var(--dg-radius);padding:16px;font:14px 'JetBrains Mono','Fira Code',monospace;overflow-x:auto}

input.button,a.button{background:linear-gradient(135deg,var(--dg-pr),var(--dg-pr2));color:#FFF;border:none;padding:10px 24px;font:600 14px var(--dg-f);border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block;transition:opacity .15s,transform .15s}
input.button:hover,a.button:hover{opacity:.9;transform:translateY(-1px)}
input.textbox,select{background:var(--dg-card);border:1px solid var(--dg-bd);padding:10px 14px;color:var(--dg-tx);font:400 14px var(--dg-f);border-radius:8px;outline:none;transition:border-color .15s}
input.textbox:focus{border-color:var(--dg-pr);box-shadow:0 0 0 3px rgba(67,97,238,.1)}
textarea{background:var(--dg-card);border:1px solid var(--dg-bd);padding:12px;color:var(--dg-tx);font:400 14px var(--dg-f);border-radius:8px;resize:vertical;min-height:120px;outline:none}
textarea:focus{border-color:var(--dg-pr);box-shadow:0 0 0 3px rgba(67,97,238,.1)}
fieldset{border:1px solid var(--dg-bd);border-radius:var(--dg-radius);padding:16px;margin:12px 0}
legend{color:var(--dg-pr);font:600 13px var(--dg-f);padding:0 8px}

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

.pagination{display:flex;gap:4px;margin:16px 0;justify-content:center}
.pagination a,.pagination .current{padding:8px 14px;font:500 13px var(--dg-f);border-radius:8px}
.pagination a{color:var(--dg-tx2);background:var(--dg-card);border:1px solid var(--dg-bd);text-decoration:none}
.pagination a:hover{border-color:var(--dg-pr);color:var(--dg-pr)}
.pagination .current{background:var(--dg-pr);color:#FFF;border:1px solid var(--dg-pr)}

.red_alert{background:#FEF2F2;border:1px solid #FECACA;border-radius:8px;padding:12px 16px;color:var(--dg-red);font-size:14px;margin:12px 0}
.pm_alert{background:#EFF6FF;border:1px solid #BFDBFE;border-radius:8px;padding:12px 16px;color:var(--dg-pr);font-size:14px;margin:12px 0}

#dg-footer{max-width:1280px;margin:0 auto;padding:32px 20px;text-align:center;font:400 13px var(--dg-f);color:var(--dg-tx2);border-top:1px solid var(--dg-bd)}
#dg-footer a{color:var(--dg-tx2);text-decoration:none}
#dg-footer a:hover{color:var(--dg-pr)}

.forum_status{display:none}
.forum_on{color:var(--dg-green)}.forum_off,.forum_offlock,.forum_offlink{color:var(--dg-tx2)}
.subforumicon{display:inline-block;margin:0 2px}.subforum_minion{color:var(--dg-pr)}
.usercp_nav_item,.modcp_nav_item{display:block;padding:10px 14px;color:var(--dg-tx);font:500 14px var(--dg-f);border-radius:8px;margin-bottom:2px;text-decoration:none}
.usercp_nav_item:hover,.modcp_nav_item:hover{background:var(--dg-bg);color:var(--dg-pr)}
.usercp_container{margin:8px 0;padding:12px}
.usercp_avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--dg-bd)}
.editor_control_bar{background:var(--dg-bg);padding:8px;border-radius:8px 8px 0 0}
.scaleimages img{max-width:100%;border-radius:8px}
.pollbar{height:8px;background:var(--dg-pr);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(--dg-bd);border-radius:2px;overflow:hidden}
.pmspace_container .pmspace_used{background:var(--dg-pr);height:100%;border-radius:2px}
.reputation_positive{color:var(--dg-green)}.reputation_negative{color:var(--dg-red)}.reputation_neutral{color:var(--dg-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;background:var(--dg-card);border:1px solid var(--dg-bd);border-radius:8px;padding:8px;font-size:12px}
.postbit_buttons>a{color:var(--dg-tx2);font-size:12px;margin-right:12px;text-decoration:none}
.postbit_buttons>a:hover{color:var(--dg-pr)}
.post{background:var(--dg-card);border:1px solid var(--dg-bd);border-radius:var(--dg-radius);margin-bottom:12px;overflow:hidden;box-shadow:var(--dg-shadow)}
.post .post_author{padding:14px 20px;background:var(--dg-bg);border-bottom:1px solid var(--dg-bd);font-size:13px}
.post .post_author a{color:var(--dg-tx);text-decoration:none;font-weight:600}
.post .post_content{padding:20px;font-size:15px;line-height:1.8}
.post .post_controls{padding:10px 20px;border-top:1px solid var(--dg-bd);display:flex;gap:16px}
.post .post_controls a{color:var(--dg-tx2);font-size:12px;text-decoration:none}
.post .post_controls a:hover{color:var(--dg-pr)}
.post.classic .post_author{width:160px;vertical-align:top;border-right:1px solid var(--dg-bd);border-bottom:none;padding:20px;text-align:center}

@media(max-width:768px){.dg-forum-grid{grid-template-columns:1fr}.dg-thread-grid{grid-template-columns:1fr}.dg-nav-links{display:none}#container{padding:0 12px}.post.classic .post_author{display:block;width:100%;border-right:none;border-bottom:1px solid var(--dg-bd)}}
@media print{#dg-topnav,#dg-filterbar,#dg-footer,.pagination,.dg-post-actions,.post_controls{display:none!important}body{background:#fff;color:#000}}