/*
Theme Name: Wonyx FlexPress Child
Theme URI: https://mywonyx.com/
Author: DigitalKi
Author URI: https://mywonyx.com
Description: A modern blue-and-navy editorial child theme for Wonyx FlexPress, featuring distinctive navigation, content cards, rounded controls and responsive spacing.
Version: 1.1.2
Template: wonyx-flexpress
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wonyx-flexpress-child
Tags: blog, custom-logo, custom-menu, featured-images, two-columns, right-sidebar

Wonyx FlexPress Child, Copyright 2026 Wonyx IT Solutions.
Distributed under the GNU GPL v2 or later.
*/

/* Blue editorial design preset: overrides only the parent theme's presentational rules. */
:root {
    --wfp-content-width: 1180px;
    --wfp-text: #202b40;
    --wfp-muted: #63738c;
    --wfp-border: #e0e8f3;
    --wfp-bg: #ffffff;
    --wfp-surface: #f3f7ff;
    --wfp-accent: #1458eb;
    --wfp-secondary: #142238;
    --wfp-highlight: #1458eb;
}
body { background: #f6f9fe; line-height: 1.75; }
.site-header:not(.wfp-builder-header) {
    background: #ffffff;
    border-bottom: 1px solid #e8effa;
    box-shadow: 0 5px 26px rgb(14 37 79 / 5%);
}
.site-header:not(.wfp-builder-header) .header-inner { min-height: 86px; }
.site-title { font-size: 1.45rem; letter-spacing: -.035em; font-weight: 800; }
.site-title a { color: #17253b; }
.main-navigation > div > ul, .main-navigation > ul { gap: clamp(12px, 2vw, 28px); }
.main-navigation a { font-weight: 650; font-size: .925rem; }
.main-navigation .sub-menu { padding: 9px; border-radius: 14px; border-color: #e1eaf8; box-shadow: 0 20px 45px rgb(17 40 80 / 13%); }
.main-navigation .sub-menu a { padding: 10px 12px; border-radius: 7px; }
.main-navigation .sub-menu a:hover, .main-navigation .sub-menu a:focus-visible { background: #f0f5ff; }
.site-main { padding-block: clamp(32px, 5vw, 76px); }
.content-grid { gap: clamp(24px, 4vw, 54px); }
.entry-title { font-size: clamp(2rem, 4vw, 3.1rem); line-height: 1.14; letter-spacing: -.045em; color: #15253d; }
.entry-meta { color: #71809a; }
.entry-content { overflow-wrap: break-word; }
.entry-content h2, .entry-content h3 { color: #162640; letter-spacing: -.025em; line-height: 1.25; }
.entry-content a:not(.wp-block-button__link) { text-underline-offset: 3px; }
.post-thumbnail img, .wp-block-image img { border-radius: 14px; }
.widget { background: #ffffff; border: 1px solid #e5ecf7; border-radius: 16px; padding: 24px; margin-bottom: 20px; box-shadow: 0 10px 30px rgb(22 48 87 / 4%); }
.widget-title { color: #15253d; font-size: 1.07rem; font-weight: 750; }
button, input[type="submit"], .wp-block-button__link {
    border-radius: 9px;
    font-weight: 700;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
button:hover, input[type="submit"]:hover, .wp-block-button__link:hover { box-shadow: 0 8px 20px rgb(20 88 235 / 18%); }
input:not([type="checkbox"]):not([type="radio"]), textarea, select { border-radius: 8px; }
:where(a,button,input,textarea,select):focus-visible { outline: 3px solid #8bb2ff; outline-offset: 3px; }
.site-footer:not(.wfp-builder-footer) { background: #17263c; color: #e8f0ff; border-top: 0; }
.site-footer:not(.wfp-builder-footer) a { color: #d6e6ff; }
.site-footer:not(.wfp-builder-footer) .site-info { color: #bdcde4; border-top-color: #32425a; }
.site-footer:not(.wfp-builder-footer) .widget-title { color: #ffffff; }
.site-footer:not(.wfp-builder-footer) .widget { background: transparent; border: 0; box-shadow: none; padding: 0; }
@media (max-width: 767px) {
    .site-header:not(.wfp-builder-header) .header-inner { min-height: 70px; }
    .site-main { padding-block: 28px; }
    .entry-title { font-size: clamp(1.8rem, 7vw, 2.4rem); }
    .widget { padding: 18px; border-radius: 12px; }
    .main-navigation .sub-menu { box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) {
    button, input[type="submit"], .wp-block-button__link { transition: none; }
}

/* Core WordPress generated classes. */
.sticky { position: relative; }
.bypostauthor { font-weight: inherit; }
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin: 0 auto 1em; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.screen-reader-text:focus { position: fixed; top: 8px; left: 8px; width: auto; height: auto; clip: auto; padding: 12px 16px; background: #fff; color: #111; z-index: 100000; }
.is-style-wfp-child-highlight { padding: 1.25em 1.5em; border-left: 4px solid #1458eb; background: #f3f7ff; border-radius: 0 12px 12px 0; }