/*
Theme Name: DWG Journal
Description: The DWG Register public visual language for the existing Customify blog.
Author: Crypto Pit Pty Ltd
Version: 0.1.3
Template: customify
Text Domain: dwg-journal
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Keep the close control inside the keyboard/assistive-technology dialog. */
body.dwg-journal #header-menu-sidebar .close-sidebar-panel {
    position: absolute;
    top: 10px;
    right: 12px;
    left: auto;
}
body.dwg-journal #header-menu-sidebar-inner { padding-top: 64px; }
body.dwg-journal.is-menu-sidebar #header-menu-sidebar .close-sidebar-panel { display: inline-block !important; }

body.dwg-journal {
    --dwg-ink: #203158;
    --dwg-blue: #4b6db5;
    --dwg-muted: #52617b;
    --dwg-line: #d6deed;
    --dwg-paper: #f3f6fb;
    color: var(--dwg-ink);
    background: #fff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 17px;
    line-height: 1.75;
}
body.dwg-journal h1, body.dwg-journal h2, body.dwg-journal h3,
body.dwg-journal h4, body.dwg-journal h5, body.dwg-journal h6 {
    color: var(--dwg-ink);
    font-family: "Segoe UI", Arial, sans-serif;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.035em;
    overflow-wrap: anywhere;
}
body.dwg-journal a { color: #3e5d9e; text-underline-offset: .2em; }
body.dwg-journal a:hover { color: var(--dwg-ink); }
body.dwg-journal a:focus-visible, body.dwg-journal button:focus-visible,
body.dwg-journal input:focus-visible, body.dwg-journal select:focus-visible,
body.dwg-journal textarea:focus-visible, body.dwg-journal summary:focus-visible {
    outline: 3px solid var(--dwg-blue) !important;
    outline-offset: 4px;
}
body.dwg-journal .site-header { border-bottom: 1px solid var(--dwg-line); }
body.dwg-journal .site-header .header--row-inner {
    color: var(--dwg-ink);
    background-color: #fff;
}
body.dwg-journal .site-header .site-branding,
body.dwg-journal .site-header .site-branding a,
body.dwg-journal .site-header .nav-menu > li > a,
body.dwg-journal .site-header .menu-mobile-toggle { color: var(--dwg-ink); }
body.dwg-journal .site-header .nav-menu > li > a {
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.4;
}
body.dwg-journal .site-header .nav-menu > li.current-menu-item > a { color: var(--dwg-blue); }
body.dwg-journal .site-header .nav-menu > li.dwg-journal-menu-trial > a,
body.dwg-journal .site-header .customify-builder-btn,
body.dwg-journal .dwgjournal-trial,
body.dwg-journal button[type=submit], body.dwg-journal input[type=submit] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    min-height: 46px;
    padding: 12px 20px;
    border: 1px solid var(--dwg-ink);
    border-radius: 5px;
    background: var(--dwg-ink);
    color: #fff;
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    text-transform: none;
    white-space: normal;
}
body.dwg-journal .site-header .nav-menu > li.dwg-journal-menu-trial > a:hover,
body.dwg-journal .site-header .customify-builder-btn:hover,
body.dwg-journal .dwgjournal-trial:hover,
body.dwg-journal button[type=submit]:hover { background: #304b80; color: #fff; }
/* The saved desktop builder already includes Sign Up Now; keep a trial link
   in the mobile menu without adding a second desktop trial button. */
body.dwg-journal .cb-row--desktop .dwg-journal-menu-trial { display: none; }
body.dwg-journal .page-header { background: var(--dwg-paper); border-bottom: 1px solid var(--dwg-line); }
body.dwg-journal .page-header .page-title { color: var(--dwg-ink); font-size: clamp(30px, 4vw, 52px); }
body.dwg-journal #site-content { padding-top: 56px; padding-bottom: 64px; }
body.dwg-journal .dwgjournal-intro { margin: 0 0 42px; padding-bottom: 32px; border-bottom: 1px solid var(--dwg-line); }
body.dwg-journal .dwgjournal-intro h1 { margin: 0 0 18px; font-size: clamp(34px, 4.5vw, 56px); }
body.dwg-journal .dwgjournal-intro > p:last-child { max-width: 58ch; margin: 0; color: var(--dwg-muted); }
body.dwg-journal .content-area, body.dwg-journal .sidebar-primary { min-width: 0; }
body.dwg-journal .entry { border-color: var(--dwg-line); }
body.dwg-journal .entry-title { font-size: clamp(26px, 2.5vw, 38px); margin-bottom: 18px; }
body.dwg-journal.single-post .entry-title { font-size: clamp(32px, 4.5vw, 56px); }
body.dwg-journal .entry-title a { color: var(--dwg-ink); text-decoration: none; }
body.dwg-journal .entry-title a:hover { color: var(--dwg-blue); }
body.dwg-journal .entry-meta, body.dwg-journal .entry-meta a {
    color: var(--dwg-muted);
    font-size: 13px;
    line-height: 1.6;
}
body.dwg-journal .entry-content, body.dwg-journal .entry-excerpt { overflow-wrap: anywhere; }
body.dwg-journal .entry-content > p, body.dwg-journal .entry-content > ul,
body.dwg-journal .entry-content > ol { margin-bottom: 1.5em; }
body.dwg-journal .entry-content h2 { margin-top: 1.8em; font-size: clamp(25px, 3vw, 34px); }
body.dwg-journal .entry-content h3 { margin-top: 1.7em; font-size: 23px; }
body.dwg-journal .entry-content img, body.dwg-journal .entry-content video,
body.dwg-journal .entry-content iframe { max-width: 100%; }
body.dwg-journal .entry-content img, body.dwg-journal .entry-thumbnail img { height: auto; }
body.dwg-journal .entry-content pre { overflow: auto; background: var(--dwg-paper); }
body.dwg-journal .entry-content table { display: block; max-width: 100%; overflow-x: auto; }
body.dwg-journal .entry-content blockquote {
    border-left: 3px solid var(--dwg-blue);
    background: var(--dwg-paper);
    padding: 18px 24px;
}
body.dwg-journal .widget { margin-bottom: 36px; }
body.dwg-journal .widget-title {
    border-bottom: 1px solid var(--dwg-line);
    color: var(--dwg-muted);
    padding-bottom: 13px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}
body.dwg-journal .widget li { margin-bottom: 10px; overflow-wrap: anywhere; }
body.dwg-journal input[type=search], body.dwg-journal input[type=text],
body.dwg-journal input[type=email], body.dwg-journal input[type=url],
body.dwg-journal textarea {
    max-width: 100%;
    min-height: 46px;
    padding: 10px 12px;
    border: 1px solid #bfcbe0;
    border-radius: 5px;
    background: #fff;
    color: var(--dwg-ink);
    font: inherit;
}
body.dwg-journal .site-footer .footer--row-inner {
    background-color: var(--dwg-ink);
    color: #e4eaf6;
}
body.dwg-journal .site-footer .widget-title, body.dwg-journal .site-footer h2,
body.dwg-journal .site-footer h3, body.dwg-journal .site-footer a { color: #fff; }
body.dwg-journal .site-footer .widget-title { border-color: #53617e; }
body.dwg-journal .site-footer a:focus-visible { outline-color: #aec4ff !important; }
body.dwg-journal .dwgjournal-next {
    margin: 48px 0 12px;
    padding: clamp(24px, 4vw, 40px);
    border: 1px solid var(--dwg-line);
    border-radius: 5px;
    background: var(--dwg-paper);
}
body.dwg-journal .dwgjournal-next h2 { margin: 0 0 18px; font-size: clamp(26px, 3vw, 36px); }
body.dwg-journal .dwgjournal-next > div { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 28px; }
body.dwg-journal .dwgjournal-next p { margin-bottom: 24px; }
body.dwg-journal .dwgjournal-eyebrow {
    color: var(--dwg-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    body.dwg-journal { font-size: 16px; }
    body.dwg-journal #site-content { padding-top: 32px; padding-bottom: 40px; }
    body.dwg-journal .site-footer .widget { margin-bottom: 28px; }
}
@media (prefers-reduced-motion: reduce) {
    body.dwg-journal *, body.dwg-journal *::before, body.dwg-journal *::after {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}