/* Softer & Simpler Custom Styles for TurkceManga Forum */

/* Force full width content area and remove sidebars */
.page-id-2533 .c-page-content.style-2 .content-area {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 15px !important;
}

.page-id-2533 .c-page-content.style-2 .container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}

/* Remove sidebar spacer/margins if any are left */
.page-id-2533 .c-page-content.style-2 .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Hide duplicate post title on the forum page */
.page-id-2533 .post-title,
.page-id-2533 .entry-header,
.page-id-2533 .c-blog-post .entry-header {
    display: none !important;
}

/* General Wrapper styling - Soft Charcoal Dark Theme */
#wpforo #wpforo-wrap {
    background-color: #18181b !important; /* Soft, premium matte charcoal */
    color: #d4d4d8 !important; /* Muted gray text */
    border-radius: 12px !important; /* Smoother corners */
    border: 1px solid #27272a !important; /* Softer border */
    padding: 24px !important;
    margin-top: 15px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}

/* Header bars inside wpForo */
#wpforo #wpforo-wrap .wpf-head-bar,
#wpforo #wpforo-wrap .wpf-thread-head,
#wpforo #wpforo-wrap .wpf-topic-head {
    background-color: #202024 !important; /* Soft header background */
    border-bottom: 2px solid var(--primary-color) !important; /* Dynamically inherits Madara's theme color */
    color: #ffffff !important;
    padding: 14px 18px !important;
    font-weight: 600 !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

/* Forum list items */
#wpforo #wpforo-wrap .wpf-forum-item,
#wpforo #wpforo-wrap .wpf-thread-item,
#wpforo #wpforo-wrap .wpf-topic-item,
#wpforo #wpforo-wrap .wpfl-4 .wpf-forum-item {
    background-color: #1c1c21 !important; /* Softer card color */
    border: 1px solid #27272a !important;
    color: #a1a1aa !important;
    margin-bottom: 8px !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#wpforo #wpforo-wrap .wpf-forum-item:hover,
#wpforo #wpforo-wrap .wpf-thread-item:hover {
    background-color: #202025 !important;
    border-color: var(--primary-color) !important;
    transform: translateY(-1px) !important;
}

/* Links */
#wpforo #wpforo-wrap a {
    color: var(--primary-color) !important; /* Theme orange/red color */
    text-decoration: none !important;
    transition: color 0.15s ease !important;
}

#wpforo #wpforo-wrap a:hover {
    color: #ff8b72 !important; /* Soft highlight */
}

#wpforo #wpforo-wrap .wpforo-forum-title a,
#wpforo #wpforo-wrap .wpforo-topic-title a {
    color: #ffffff !important;
    font-weight: 500 !important;
    font-size: 16px !important;
}

#wpforo #wpforo-wrap .wpforo-forum-description,
#wpforo #wpforo-wrap .wpforo-topic-description {
    color: #71717a !important; /* Soft muted descriptions */
    font-size: 13px !important;
    margin-top: 4px !important;
}

/* Tabs & Menus */
#wpforo #wpforo-wrap .wpf-navi,
#wpforo #wpforo-wrap .wpf-menu,
#wpforo #wpforo-wrap .wpf-tabs,
#wpforo #wpforo-wrap .wpf-menu-bar {
    background-color: #1c1c21 !important;
    border: 1px solid #27272a !important;
    border-radius: 8px !important;
}

#wpforo #wpforo-wrap .wpf-navi a,
#wpforo #wpforo-wrap .wpf-menu a,
#wpforo #wpforo-wrap .wpf-tabs a {
    color: #a1a1aa !important;
    background-color: #202024 !important;
    border: 1px solid #27272a !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
}

#wpforo #wpforo-wrap .wpf-navi a:hover,
#wpforo #wpforo-wrap .wpf-menu a:hover,
#wpforo #wpforo-wrap .wpf-tabs a:hover,
#wpforo #wpforo-wrap .wpf-navi .wpf-active a,
#wpforo #wpforo-wrap .wpf-menu .wpf-active a,
#wpforo #wpforo-wrap .wpf-tabs .wpf-active a {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    border-color: var(--primary-color) !important;
}

/* Forms & inputs */
#wpforo #wpforo-wrap input[type="text"],
#wpforo #wpforo-wrap input[type="password"],
#wpforo #wpforo-wrap input[type="email"],
#wpforo #wpforo-wrap textarea,
#wpforo #wpforo-wrap select {
    background-color: #202024 !important;
    color: #ffffff !important;
    border: 1px solid #27272a !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
}

#wpforo #wpforo-wrap input:focus,
#wpforo #wpforo-wrap textarea:focus,
#wpforo #wpforo-wrap select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 2px rgba(235, 90, 60, 0.15) !important;
    outline: none !important;
}

/* Buttons */
#wpforo #wpforo-wrap .wpf-button,
#wpforo #wpforo-wrap button,
#wpforo #wpforo-wrap input[type="submit"],
#wpforo #wpforo-wrap input[type="button"] {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 9px 20px !important;
    cursor: pointer !important;
    font-weight: 500 !important;
    transition: all 0.15s ease !important;
}

#wpforo #wpforo-wrap .wpf-button:hover,
#wpforo #wpforo-wrap button:hover,
#wpforo #wpforo-wrap input[type="submit"]:hover {
    background-color: #ff7254 !important;
    transform: translateY(-0.5px) !important;
}

/* Info and stat boxes */
#wpforo #wpforo-wrap .wpf-info-box,
#wpforo #wpforo-wrap .wpf-stat-box,
#wpforo #wpforo-wrap .wpf-footer-box,
#wpforo #wpforo-wrap .wpf-intro-box {
    background-color: #1c1c21 !important;
    border: 1px solid #27272a !important;
    color: #a1a1aa !important;
    border-radius: 8px !important;
    padding: 16px !important;
}

#wpforo #wpforo-wrap .wpf-timeline-card {
    background-color: #1c1c21 !important;
    border: 1px solid #27272a !important;
    color: #d4d4d8 !important;
    border-radius: 8px !important;
}