/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 1.3.0
*/

/* ==========================================================================
   RNEWS.PL — UNIFIED DESIGN SYSTEM
   Style: Hybrid (Aggressive structure + Journal cards)
   
   Color palette:
   - Primary (Red):    #E60000
   - Accent (Black):   #111111
   - Secondary (Gray): #F0F0F0
   - Text Dark:        #2C3333
   - Text Light:       #555555
   ========================================================================== */

:root {
    /* === UNIFIED VARIABLES (used by both theme and plugin) === */
    --dm-primary: #E60000;
    --dm-secondary: #F0F0F0;
    --dm-accent: #111111;
    --dm-text-dark: #2C3333;
    --dm-text-light: #555;

    /* Legacy aliases (for backward compatibility) */
    --rn-red: var(--dm-primary);
    --rn-black: var(--dm-accent);
    --rn-gray: var(--dm-secondary);

    /* Typography */
    --font-heading: "Impact", "Arial Black", sans-serif;
    --rn-font-heading: var(--font-heading);
}

/* === GLOBAL RESETS === */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* === SIDEBAR MENU === */
.sidebar-menu {
    font-size: 120%;
    font-weight: bold;
    text-transform: uppercase;
}

/* === AGGRESSIVE WIDGET STYLING (Hybrid: sharp edges + clean inside) === */
.widget {
    background: #fff;
    padding: 20px;
    border: 2px solid var(--dm-accent);
    border-radius: 0;
    box-shadow: 4px 4px 0px var(--dm-secondary);
    margin-bottom: 30px;
}

.widget-title {
    font-family: var(--font-heading);
    text-transform: uppercase;
    font-size: 1.2rem;
    border-bottom: 4px solid var(--dm-primary);
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: var(--dm-accent);
}

.flatsome_recent_posts span.post_comments {
    display: none;
}

/* === BUTTONS (Aggressive: square, bold) === */
.button,
.btn,
input[type="submit"] {
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 800;
}

/* === HOME HERO CLEANUP === */
body.home .hero-dynamic-wrapper .box-text {
    display: none;
}

body.home .hero-dynamic-wrapper .box {
    box-shadow: none;
    background: transparent;
}

/* === EDITORIAL TEXT BLOCKS (Policy, Offer pages) === */
.editorial-text-block h3 {
    font-size: 1.4rem;
    font-weight: 800;
    margin-top: 40px;
    margin-bottom: 15px;
    color: var(--dm-accent);
}

.editorial-text-block ul {
    list-style: none;
    padding-left: 20px;
    border-left: 2px solid #eee;
}

.editorial-text-block li {
    margin-bottom: 10px;
    font-size: 1rem;
    color: #444;
}

/* === MOBILE === */
@media (max-width: 768px) {
    .widget {
        box-shadow: none;
        border-width: 1px;
    }

    .hero-static-layer h1 {
        font-size: 2rem;
        line-height: 1.2;
    }

    .hero-static-layer {
        align-items: flex-end;
        padding-bottom: 100px;
    }

    .hero-static-layer .col {
        padding-left: 20px;
        padding-right: 20px;
    }
}