/*
Theme Name: REDWatch Theme
Template: generatepress
Description: REDWatch child theme based on GeneratePress - matches original Plone layout
Version: 1.3
*/

/* Override GeneratePress CSS custom properties */
:root {
    --accent: #8B0000;
    --accent-hover: #cc0000;
    --contrast: #222222;
    --contrast-2: #575760;
    --contrast-3: #b2b2be;
    --base: #f0f0f0;
    --base-2: #f7f8f9;
    --base-3: #ffffff;
}

/* Body */
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    background-color: #f0f0f0;
}

/* Header */
.site-header {
    background-color: #8B0000 !important;
}
.inside-header {
    padding: 10px 40px;
    display: flex;
    align-items: center;
}
.site-header a { color: #ffffff !important; }
.site-title a { color: #ffffff !important; }
.site-description { color: #ffcccc !important; }
.wp-custom-logo .site-branding .main-title { display: none; }
.custom-logo { max-height: 150px; width: auto; }

/* Navigation */
.main-navigation, .main-navigation .main-nav ul {
    background-color: #333333 !important;
}
.main-navigation .main-nav ul li a {
    color: #ffffff !important;
    font-size: 13px;
    padding: 10px 12px;
    border-right: 1px solid #555;
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item a {
    background-color: #8B0000 !important;
}

/* Sidebar */
.widget { margin-bottom: 20px; border: 1px solid #ddd; background: #fff; }
.widget-title {
    background-color: #8B0000 !important;
    color: #ffffff !important;
    padding: 8px 12px;
    font-size: 14px;
    margin: 0;
}

/* Footer */
.site-info {
    background-color: #333333 !important;
    color: #cccccc !important;
}
.site-info a { color: #ff9999 !important; }
.site-info a:hover { color: #ffffff !important; }

/* Content */
h2.entry-title { font-size: 16px; }
h2.entry-title a { color: #8B0000 !important; }
h2.entry-title a:hover { color: #cc0000 !important; }
.entry-meta { font-size: 12px; }
.entry-meta a { color: #8B0000 !important; }
.entry-summary { font-size: 13px; }
.blog .post, .archive .post {
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

/* Responsive */
@media (max-width: 768px) {
    .inside-header { padding: 10px 15px; flex-direction: column; }
    #header-search-form { margin: 10px 0 0 0; }
}