/*
Theme Name: RadioLex
Theme URI: https://www.radiolex.lt
Author: MB Bluejuice
Description: Greita, SEO-orientuota vieno-svetainės tema su lt/en/ru kalbų struktūra (be multisite).
Version: 1.2
Text Domain: radiolex
*/

:root{
    --rlx-ink:#141414;
    --rlx-bg:#ffffff;
    --rlx-accent:#0a4d68;
    --rlx-muted:#6b6f76;
    --rlx-border:#e7e7e7;
    --rlx-max:1120px;
    --rlx-radius:4px;
}

*,*::before,*::after{box-sizing:border-box;}
body{
    margin:0;
    font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    color:var(--rlx-ink);
    background:var(--rlx-bg);
    line-height:1.6;
}

.rlx-container{max-width:var(--rlx-max);margin:0 auto;padding:0 24px;}

/* Header */
.rlx-header{border-bottom:1px solid var(--rlx-border);position:relative;}
.rlx-header__inner{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:24px;flex-wrap:wrap;}
.rlx-logo{font-weight:700;font-size:22px;color:var(--rlx-ink);text-decoration:none;letter-spacing:-.02em;}

/* --- Hamburger (mobile toggle), CSS-only checkbox hack --- */
.rlx-menu-toggle-input{display:none;}
.rlx-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;cursor:pointer;order:3;}
.rlx-hamburger span{display:block;width:100%;height:2px;background:var(--rlx-ink);transition:transform .2s ease,opacity .2s ease;}

/* --- Nav (desktop): horizontalus, dropdown per hover/focus --- */
.rlx-nav{order:2;flex:1 1 auto;}
.rlx-nav > ul{display:flex;gap:20px;list-style:none;margin:0;padding:0;}
.rlx-nav ul li{position:relative;}
.rlx-nav__link{display:flex;align-items:center;gap:4px;color:var(--rlx-ink);text-decoration:none;font-size:15px;padding:8px 0;}
.rlx-nav__link:hover{color:var(--rlx-accent);}
.rlx-caret{font-size:10px;line-height:1;}

.rlx-nav ul.sub-menu{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    min-width:240px;
    background:#fff;
    border:1px solid var(--rlx-border);
    border-radius:var(--rlx-radius);
    box-shadow:0 8px 24px rgba(0,0,0,.08);
    padding:8px 0;
    z-index:50;
    flex-direction:column;
}
.rlx-nav ul.sub-menu .sub-menu{ top:0; left:100%; } /* trečio lygio submeniu šonu */

.rlx-nav li:hover > ul.sub-menu,
.rlx-nav li:focus-within > ul.sub-menu{
    display:flex;
}
.rlx-nav ul.sub-menu li{width:100%;}
.rlx-nav__sublink{padding:10px 18px;width:100%;font-size:14px;}
.rlx-nav__sublink:hover{background:#f5f7f8;}

.rlx-lang-switch{display:flex;gap:8px;font-size:13px;order:4;}
.rlx-lang-switch a{padding:2px 6px;border-radius:var(--rlx-radius);color:var(--rlx-muted);text-decoration:none;}
.rlx-lang-switch a.is-active{background:var(--rlx-accent);color:#fff;}

/* --- Mobile (<= 900px): hamburger, viso pločio nuleidžiamas meniu, submeniu rodomas visada išskleistas --- */
@media (max-width:900px){
    .rlx-header__inner{padding:16px 20px;}
    .rlx-hamburger{display:flex;}

    .rlx-nav{
        order:5;
        flex-basis:100%;
        max-height:0;
        overflow:hidden;
        transition:max-height .25s ease;
    }
    .rlx-menu-toggle-input:checked ~ .rlx-nav{
        max-height:1200px; /* pakankamai didelis, kad tilptų visas sąrašas */
    }
    .rlx-nav > ul{flex-direction:column;gap:0;padding-top:12px;}
    .rlx-nav ul li{border-top:1px solid var(--rlx-border);}
    .rlx-nav__link{padding:12px 4px;}

    /* Mobile'e submeniu NEsislepia po hover (jo nėra touch ekrane) —
       rodomas visada išskleistas, su įtrauka, kad būtų aišku hierarchija. */
    .rlx-nav ul.sub-menu{
        display:block;
        position:static;
        box-shadow:none;
        border:none;
        padding-left:16px;
        min-width:0;
    }
    .rlx-nav ul.sub-menu .sub-menu{left:0;padding-left:32px;}
    .rlx-caret{display:none;} /* rodyklė nereikalinga, kai submeniu visad matomas */

    .rlx-hamburger{order:1;}
    .rlx-logo{order:0;}
    .rlx-lang-switch{order:2;margin-left:auto;}

    /* Hamburger -> "X" animacija kai atidaryta */
    .rlx-menu-toggle-input:checked ~ .rlx-hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
    .rlx-menu-toggle-input:checked ~ .rlx-hamburger span:nth-child(2){opacity:0;}
    .rlx-menu-toggle-input:checked ~ .rlx-hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
}

/* Breadcrumbs */
.rlx-breadcrumbs{font-size:13px;color:var(--rlx-muted);margin:24px 0 8px;}
.rlx-breadcrumbs a{color:var(--rlx-muted);}

/* Article */
.rlx-article{max-width:var(--rlx-max);margin:0 auto;padding:0 24px 64px;}
.rlx-h1{font-size:clamp(28px,4vw,40px);line-height:1.15;margin:0 0 24px;font-weight:700;letter-spacing:-.01em;}
.rlx-article__content h2{font-size:26px;margin:40px 0 16px;font-weight:700;}
.rlx-article__content h3{font-size:20px;margin:28px 0 12px;font-weight:600;}
.rlx-article__content p{margin:0 0 16px;color:#2c2c2c;}
.rlx-article__content a{color:var(--rlx-accent);}
.rlx-article__content img{max-width:100%;height:auto;border-radius:var(--rlx-radius);}

.rlx-subpages{margin-top:48px;padding-top:24px;border-top:1px solid var(--rlx-border);}
.rlx-subpages ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;}
.rlx-subpages a{display:block;padding:14px 16px;border:1px solid var(--rlx-border);border-radius:var(--rlx-radius);color:var(--rlx-ink);text-decoration:none;}
.rlx-subpages a:hover{border-color:var(--rlx-accent);color:var(--rlx-accent);}

/* Footer */
.rlx-footer{border-top:1px solid var(--rlx-border);padding:32px 0;color:var(--rlx-muted);font-size:14px;}
.rlx-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;}
.rlx-footer__nav ul{display:flex;gap:16px;list-style:none;margin:0;padding:0;}
.rlx-footer__nav a{color:var(--rlx-muted);text-decoration:none;}
.rlx-footer__nav a:hover{color:var(--rlx-accent);}