/*
 * AYAM Text-Only Style
 * Version: 2.0
 * Description: A minimalist, typography-focused stylesheet that hides all images for a clean, academic look.
 */

/* 1. Global Resets & Typography-Focused Base
/* ============================================== */

/* A better box model */
*, *::before, *::after {
    box-sizing: border-box;
}

body {
    background-color: #fcfcfc; /* A slightly warmer white */
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #212529;
    line-height: 1.7; /* Increased line-height for readability */
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: #1a0dab; /* Standard visited link color for a classic web feel */
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}

a:hover {
    color: #d93025; /* A contrasting hover color */
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 1rem;
}

/* 2. CORE RULE: Hide All Images & Visual Media
/* ============================================== */
img,
.post-thumb,
.widget-post-thumbnail,
rs-module-wrap, /* Revolution slider */
.third-party-slider,
.tie-main-slider,
.tie-weather-widget, /* Weather widget */
.social-statistics-widget,
.tie-slick-slider-wrapper .thumb-overlay,
.tie-logo-picture, .tie-logo-img {
    display: none !important;
}

/* 3. Main Layout & Structure
/* ============================================== */

.container {
    max-width: 960px; /* Narrower for better text reading */
    margin: 0 auto;
    padding: 0 20px;
}

#tie-wrapper {
    background-color: #ffffff;
    box-shadow: none;
    border: 1px solid #e0e0e0;
    margin: 2rem auto;
}

.main-content-row {
    display: flex;
    flex-direction: column; /* Stack main content and sidebar on all screens */
}

.main-content,
.sidebar {
    width: 100%;
    max-width: 100%;
    flex: none;
    padding: 0 15px;
}


/* 4. Header & Text-Based Logo
/* ============================================== */

#theme-header {
    border-bottom: 1px solid #dee2e6;
}

/* Text Logo Style */
#logo {
    padding: 1.5rem 0;
}
#logo .h1-off {
    /* Make the h1 visible and style it as the logo */
    position: static !important;
    clip: auto !important;
    overflow: visible !important;
    width: auto !important;
    height: auto !important;
    font-size: 1.8rem;
    font-weight: 700;
    color: #212529 !important;
    line-height: 1.2;
    margin: 0;
    white-space: normal;
}
#logo a {
    text-decoration: none;
}
#logo a:hover .h1-off {
    text-decoration: none;
    color: #5f6368 !important;
}


#main-nav .main-menu > ul > li > a {
    text-transform: none;
    font-weight: 500;
    font-size: 1rem;
    padding: 10px 15px;
    border: none !important;
    border-radius: 4px;
}

#main-nav .main-menu > ul > li.current-menu-item > a,
#main-nav .main-menu > ul > li:hover > a {
    background: #f1f3f5 !important;
    color: #000000 !important;
}

/* Hide menu icons, leave only text links */
.tie-icon, .social-icons-item {
    display: none !important;
}

#top-nav {
    padding: 0.5rem 0;
}
#top-nav .tie-alignleft, #top-nav .tie-alignright {
    display: block;
    width: auto;
    float: none;
}


/* 5. Content Sections & Post Styling (Text-Only)
/* ============================================== */

.section-wrapper {
    padding: 1.5rem 0;
    border-bottom: 1px solid #f1f3f5;
}

/* Content Boxes (Reports, Analysis, etc.) */
.mag-box-title h3 {
    color: #212529 !important;
    font-size: 2rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #333;
    margin-bottom: 2rem;
}

.mag-box-title:before, .mag-box-title:after {
    display: none !important;
}

/* Post Item Cards */
.posts-items .post-item {
    border: 1px solid #e0e0e0;
    border-radius: 0;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    background: #ffffff;
    transition: background-color 0.3s ease;
}
.post-item:hover {
    background-color: #fafafa;
}

.post-item .post-details {
    padding: 0;
    width: 100%;
}

.post-item .post-title {
    margin-bottom: 0.5rem;
}

.post-item .post-title a {
    color: #212529 !important;
    font-size: 1.3rem;
    text-decoration: none;
}
.post-item .post-title a:hover {
    text-decoration: underline;
}

.post-meta {
    font-size: 0.9rem;
    color: #5f6368;
    margin-bottom: 1rem;
}

.post-excerpt {
    color: #333;
    margin: 0 0 1rem 0;
}

/* Style "Read More" as a simple link */
.more-link.button {
    background: none !important;
    padding: 0 !important;
    font-weight: 600;
    color: #1a0dab !important;
    text-decoration: underline;
}
.more-link.button:hover {
    color: #d93025 !important;
}

/* Hide category labels */
.post-cat-wrap {
    display: none;
}

/* Adjust lists to be single column */
.half-box {
    width: 100% !important;
    float: none !important;
    max-width: 100% !important;
}


/* 6. Sidebar & Widgets (Text-Only)
/* ============================================== */

.sidebar .widget {
    border: 1px solid #e0e0e0;
    background-color: #f8f9fa;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.sidebar .widget-title .the-subtitle {
    font-size: 1.25rem;
    color: #212529;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.75rem;
    margin-bottom: 1rem;
}

.sidebar .widget ul {
    list-style: none;
    padding: 0; margin: 0;
}

.sidebar .widget ul li a {
    padding: 0.6rem 0;
    border-bottom: 1px solid #e0e0e0;
    display: block;
}
.sidebar .widget ul li:last-child a { border-bottom: none; }

.widget-single-post-item .post-widget-body {
    margin: 0; /* Remove space left by hidden thumbnails */
}


/* 7. Footer
/* ============================================== */
#footer {
    background: #f1f3f5 !important;
    color: #343a40;
    padding: 3rem 0;
    border-top: 1px solid #dee2e6;
}

#footer a { color: #1a0dab; }
#footer .widget-title { color: #212529 !important; }

#site-info {
    background: #e9ecef;
    color: #5f6368;
    padding: 1.5rem 0;
    text-align: center;
    border-top: 1px solid #dee2e6;
}
#site-info a { color: #343a40; }


/* 8. Final Universal Overrides
/* =================================================================== */
[id*="tie-block_"] {
    background: none !important;
}

[id*="tie-block_"] a, [id*="tie-block_"] a:hover,
[id*="tie-block_"] h3, [id*="tie-block_"] h3 a {
    color: inherit !important;
    background: none !important;
}