/* Theme Name: Point (Modified for Ratfe)
Original Style URL: https://web.archive.org/web/20221120081612cs_/https://ratfe.net/wp-content/themes/point/style.css
*/

* { margin: 0; padding: 0; box-sizing: border-box; }

body { 
    background-color: #f0f0f0; 
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
    color: #444; 
    font-size: 14px; 
    line-height: 1.6;
}

.container { max-width: 1080px; margin: 0 auto; padding: 0 15px; }
a { text-decoration: none; transition: all 0.2s ease; }

/* Trending Bar */
.trending-articles { background: #fff; border-bottom: 1px solid #eee; padding: 10px 0; }
.trending-articles ul { list-style: none; display: flex; align-items: center; }
.firstlink { 
    background: #0066cc; 
    color: #fff; 
    font-weight: 700; 
    padding: 3px 10px; 
    font-size: 11px; 
    text-transform: uppercase; 
    margin-right: 15px;
}
.trendingPost a { color: #888; font-size: 12px; font-style: italic; margin-right: 25px; }
.trendingPost a:hover { color: #0066cc; }

/* Header & Branding */
.site-header { background: #fff; padding: 35px 0 0 0; }
#logo a { 
    color: #0066cc; 
    font-size: 42px; 
    font-weight: 900; 
    text-transform: uppercase; 
    letter-spacing: -2px;
}

/* Primary Navigation */
.primary-navigation { margin-top: 30px; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; }
.menu { list-style: none; display: flex; }
.menu li a { 
    display: block; 
    padding: 15px 25px 15px 0; 
    color: #333; 
    font-weight: 700; 
    font-size: 13px; 
    text-transform: uppercase;
}
.menu li.current-menu-item a { color: #0066cc; }
.menu li a:hover { color: #0066cc; }

/* Main Layout Grid */
.content-wrapper { display: flex; gap: 30px; margin-top: 30px; }
.article-section { flex: 2; min-width: 0; }
.sidebar { flex: 1; min-width: 300px; }

/* Section Title (The "Latest" Blue Bar) */
.frontTitle { border-bottom: 2px solid #0066cc; margin-bottom: 25px; height: 32px; }
.latest { 
    background: #0066cc; 
    color: #fff; 
    display: inline-block; 
    padding: 0 20px; 
    line-height: 32px; 
    font-size: 14px; 
    text-transform: uppercase; 
    font-weight: 800;
}

/* Post Excerpt Item */
.post.excerpt { 
    background: #fff; 
    padding: 20px; 
    margin-bottom: 25px; 
    display: flex; 
    gap: 20px; 
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.featured-thumbnail img { width: 220px; height: 162px; object-fit: cover; display: block; border-radius: 2px; }
.post-content-area { flex: 1; }
.featured-cat { color: #0066cc; font-size: 11px; font-weight: 800; text-transform: uppercase; margin-bottom: 5px; }
.title { font-size: 24px; line-height: 1.2; font-weight: 700; margin-bottom: 10px; }
.title a { color: #222; }
.title a:hover { color: #0066cc; }
.post-info { color: #bbb; font-size: 11px; margin-bottom: 12px; font-weight: 500; }
.post-excerpt { color: #666; font-size: 14px; line-height: 1.7; }
.readMore { display: inline-block; margin-top: 15px; }
.readMore a { 
    background: #0066cc; 
    color: #fff; 
    padding: 7px 16px; 
    font-size: 11px; 
    font-weight: 800; 
    text-transform: uppercase; 
    border-radius: 2px;
}

/* Sidebar Widgets */
.widget { background: #fff; padding: 25px; margin-bottom: 30px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.widget-title { 
    font-size: 15px; 
    font-weight: 800; 
    text-transform: uppercase; 
    border-bottom: 1px solid #eee; 
    padding-bottom: 12px; 
    margin-bottom: 20px; 
    color: #333;
}
.textwidget a { color: #0066cc; font-weight: 600; text-decoration: underline; }
.textwidget p { margin-bottom: 15px; font-size: 13px; color: #777; }
.site-link-widget { border-top: 4px solid #0066cc; }

/* Pagination Styling */
.pagination { margin: 40px 0; display: flex; gap: 8px; justify-content: center; }
.page-numbers { 
    background: #fff; 
    padding: 10px 16px; 
    color: #555; 
    font-weight: 800; 
    border: 1px solid #ddd;
    font-size: 12px;
}
.page-numbers.current { background: #0066cc; color: #fff; border-color: #0066cc; }
.page-numbers:hover:not(.current) { background: #f9f9f9; border-color: #bbb; }

/* Footer */
.site-footer { background: #fff; border-top: 1px solid #eee; padding: 50px 0; text-align: center; margin-top: 50px; }
.site-footer p { color: #999; font-size: 13px; }

/* Mobile Responsiveness */
@media (max-width: 900px) {
    .content-wrapper { flex-direction: column; }
    .post.excerpt { flex-direction: column; }
    .featured-thumbnail img { width: 100%; height: auto; }
}

/* Category Archive Header */
.postsby {
    font-size: 20px;
    text-transform: uppercase;
    padding: 15px 20px;
    background: #fff;
    margin-bottom: 25px;
    border-left: 4px solid #0066cc;
    font-weight: 800;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

/* Search Widget */
.search-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 2px;
    outline: none;
}
.search-input:focus { border-color: #0066cc; }

/* Category-specific adjustments */
.category-kesehatan .featured-cat {
    color: #27ae60; /* Often categories had distinct colors in older versions */
}
/* Contact Page Specific */
.post-single-content {
    background: #fff;
    padding: 35px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.entry-title {
    font-size: 30px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.contact-form .form-group {
    margin-bottom: 20px;
}

.contact-form label {
    display: block;
    font-weight: 700;
    margin-bottom: 8px;
    font-size: 13px;
    color: #444;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    background: #fdfdfd;
    border-radius: 2px;
}

.submit-button {
    background: #0066cc;
    color: #fff;
    border: none;
    padding: 12px 30px;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 2px;
}

.submit-button:hover {
    background: #0055aa;
}
/* Privacy Policy & Text-Heavy Pages */
.privacy-text h3 {
    font-size: 18px;
    margin: 25px 0 15px 0;
    color: #333;
    font-weight: 800;
    text-transform: uppercase;
}

.privacy-text p {
    margin-bottom: 20px;
    color: #666;
    line-height: 1.8;
}

/* Sidebar Search refinement */
.search-form {
    position: relative;
    display: block;
}

.search-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    font-size: 13px;
    color: #444;
}
/* Disclaimer Text Styling */
.disclaimer-text p {
    margin-bottom: 22px;
    color: #555;
    line-height: 1.8;
    font-size: 14px;
}

/* Ensure consistent widget appearance */
.widget-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f2f2f2;
}
/* About Us Content Styling */
.about-text p {
    margin-bottom: 20px;
    color: #444;
    line-height: 1.7;
    font-size: 15px;
}

.about-text strong {
    color: #0066cc;
}

/* Sidebar Recent Posts list enhancement */
.recent-posts-list li {
    padding: 12px 0;
    border-bottom: 1px dashed #eee;
}

.recent-posts-list li:last-child {
    border-bottom: none;
}