/*
Theme Name: OptimusRumors Magazine
Description: An independent robotics publication theme with an editorial magazine layout, electric blue accents, and editable WordPress blocks.
Author: OptimusRumors
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: optimusrumors
Tags: news, blog, block-patterns, full-site-editing, custom-colors, editor-style, wide-blocks
*/

:root { --or-accent:var(--wp--preset--color--accent); --or-ink:var(--wp--preset--color--ink); --or-muted:var(--wp--preset--color--muted); --or-line:var(--wp--preset--color--line); --or-panel:var(--wp--preset--color--panel); }
html { scroll-behavior:smooth; }
body { -webkit-font-smoothing:antialiased; }
.wp-site-blocks { padding-inline:clamp(18px,4vw,48px); }
.wp-site-blocks > header,.wp-site-blocks > main,.wp-site-blocks > footer { max-width:1180px; margin-inline:auto; }
* { box-sizing:border-box; }
a { text-underline-offset:4px; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible { outline:3px solid var(--or-accent); outline-offset:4px; }
img { max-width:100%; height:auto; }
.wp-site-blocks > header, .wp-site-blocks > main, .wp-site-blocks > footer { margin-block-start:0; }
.or-masthead { padding-top:0; }
.or-masthead > * { margin-block-start:0; }
.or-topline { font-size:11px; line-height:1.6; text-transform:uppercase; letter-spacing:1.7px; color:var(--or-muted); padding:18px 0 16px; border-bottom:1px solid var(--or-accent); }
.or-brand-row { padding:28px 0; gap:20px; }
.or-brand-lockup > * { margin:0; }
.or-wordmark { font-size:clamp(25px,3.5vw,38px); font-weight:800; letter-spacing:-1.7px; line-height:1.1; }
.or-wordmark a { color:var(--or-ink); text-decoration:none; }
.or-wordmark strong { color:var(--or-accent); font-weight:400; }
.or-tagline { font-size:12px; color:var(--or-muted); margin-top:9px; letter-spacing:.2px; }
.or-tip-link .wp-block-button__link { background:transparent; color:var(--or-ink); border:0; padding:12px 0; font-size:13px; }
.or-navigation { border-top:2px solid var(--or-ink); border-bottom:1px solid var(--or-line); padding:15px 0; }
ul.or-navigation { border:0; padding:0; }
.or-navigation .wp-block-navigation__container { gap:clamp(18px,2.8vw,34px); }
.or-navigation a { color:var(--or-ink); }
.or-navigation .current-menu-item > a { color:var(--or-accent); }
.or-navigation .wp-block-navigation__responsive-container.is-menu-open { background:var(--wp--preset--color--paper); color:var(--or-ink); padding:30px; }
.or-main { padding-top:32px; padding-bottom:50px; }
.or-main > * { margin-block-start:0; }
.or-lead-query ul.wp-block-post-template { margin:0; }
.or-feature { gap:40px; margin-bottom:0; padding-bottom:35px; border-bottom:1px solid var(--or-line); }
.or-feature-copy { padding-top:8px; }
.or-eyebrow { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1.7px; color:var(--or-accent); }
.or-feature-copy > .or-eyebrow { margin-top:0; }
.or-category { font-size:11px; line-height:1.6; font-weight:700; letter-spacing:1px; text-transform:uppercase; }
.or-category a { color:var(--or-accent); }
.or-category a[href*="rumors"] { color:var(--wp--preset--color--rumor); }
.or-lead-title { font-size:clamp(36px,4.8vw,58px); line-height:1.06; margin:19px 0; letter-spacing:-1.8px; }
.or-lead-title a,.or-story-title a { color:var(--or-ink); }
.or-feature-copy .wp-block-post-excerpt { font-size:15px; line-height:1.7; margin-top:0; }
.or-feature-copy .wp-block-post-excerpt__more-link { font-size:13px; font-weight:700; border-bottom:1px solid var(--or-accent); padding-bottom:7px; color:var(--or-ink); }
.or-feature-copy .wp-block-post-excerpt__more-text { margin:22px 0; }
.or-meta { gap:8px 18px; font-size:12px; color:var(--or-muted); }
.or-meta > * { margin:0; }
.or-feature-media { position:relative; min-width:0; }
.or-feature-media > * { margin:0; }
.or-lead-image { width:100%; }
.or-lead-image img { object-fit:cover; }
.or-feature-media:has(.or-lead-image img) .or-fallback-art { display:none; }
.or-fallback-art { position:relative; overflow:hidden; background:var(--or-panel); }
.or-fallback-art figure { margin:0; }
.or-fallback-art img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; }
.or-art-label { position:absolute; bottom:18px; left:22px; margin:0; color:#173958; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; line-height:1.6; }
.or-art-label span { display:block; font-size:10px; letter-spacing:1px; font-weight:400; }
.or-body-columns { margin-top:32px; gap:46px; }
.or-body-columns > .wp-block-column:first-child { min-width:0; }
.or-sidebar-column { flex-grow:0; }
.or-section-heading { font-size:25px; padding-bottom:17px; border-bottom:1px solid var(--or-line); margin-top:0; }
.or-feed { margin-top:0; }
.or-feed .wp-block-post-template { margin:0; }
.or-feed .wp-block-post-template > li { margin-block-start:0; }
.or-story-row { gap:22px; padding:25px 0; border-bottom:1px solid var(--or-line); margin:0; }
.or-story-row .wp-block-column > * { margin-block-start:0; }
.or-story-row .or-category { margin-bottom:8px; }
.or-story-title { font-size:26px; line-height:1.18; margin-bottom:10px; }
.or-story-row .wp-block-post-excerpt { font-size:14px; line-height:1.65; margin-bottom:12px; }
.or-story-thumbnail { flex-grow:0; }
.or-story-thumbnail:empty,.or-story-thumbnail:not(:has(img)) { display:none; }
.or-story-thumbnail img { display:block; width:120px; height:120px; object-fit:cover; }
.or-sidebar > * { margin-block-start:28px; }
.or-sidebar > :first-child { margin-top:0; }
.or-newsletter { background:var(--or-panel); padding:26px 24px; border-top:3px solid var(--or-accent); }
.or-newsletter > * { margin-block-start:18px; }
.or-newsletter > :first-child { margin-top:0; }
.or-newsletter h2 { font-size:34px; line-height:1.08; }
.or-newsletter p:not(.or-eyebrow) { color:var(--or-muted); font-size:14px; line-height:1.7; }
.or-newsletter .wp-block-button__link { background:#2563eb; color:#fff; }
.or-tracker h2,.or-tip-panel h3 { font-size:24px; padding-bottom:14px; border-bottom:1px solid var(--or-line); }
.or-tracker p,.or-tip-panel p { font-size:14px; color:var(--or-muted); }
.or-inline-link a { color:var(--or-ink); font-size:13px; font-weight:700; border-bottom:1px solid var(--or-accent); padding-bottom:5px; }
.or-footer { gap:12px 24px; padding:24px 0; border-top:2px solid var(--or-ink); }
.or-footer > * { margin:0; }
.or-footer-brand { font-size:13px; font-weight:700; letter-spacing:-.4px; }
.or-fineprint { color:var(--or-muted); font-size:12px; line-height:1.7; }
.or-fineprint a { color:var(--or-muted); }
.or-article-header { margin-bottom:28px; }
.or-article-header h1 { margin-top:18px; margin-bottom:24px; }
.or-article-content { font-size:18px; line-height:1.85; margin-top:30px; }
.or-article-content h2,.or-article-content h3 { margin-top:2.5rem; }
.or-article-content a { text-decoration:underline; }
.or-article-content blockquote { border-left:3px solid var(--or-accent); padding-left:24px; margin-left:0; font-family:Georgia,serif; }
.or-article-content pre { max-width:100%; overflow:auto; font-size:14px; padding:20px; background:var(--or-panel); }
.or-article-content table { font-size:15px; }
.or-article-content figcaption { font-size:12px; color:var(--or-muted); }
.or-article-content .alignwide,.or-article-content .alignfull { max-width:100%; margin-left:0; margin-right:0; }
.or-evidence { border-top:3px solid var(--or-accent); background:var(--or-panel); padding:24px; font-size:15px; line-height:1.7; margin:28px 0; }
.or-evidence h2 { font-size:24px; margin-top:0; }
.or-page-content { padding-top:16px; padding-bottom:40px; }
.or-page-content h1 { margin-bottom:28px; }
.or-page-content .wp-block-post-content { font-size:18px; line-height:1.8; }
.or-tags,.or-article-navigation { font-size:13px; }
.or-comment { border-bottom:1px solid var(--or-line); padding:20px 0; }
.wp-block-query-pagination { margin-top:28px; gap:15px; font-size:14px; }
.wp-block-query-pagination-numbers .page-numbers { padding:6px; }
.wp-block-query-pagination-numbers .current { color:var(--or-ink); font-weight:700; }
.wp-block-search__input, .comment-form input:not([type=checkbox]), .comment-form textarea { background:var(--wp--preset--color--paper); color:var(--or-ink); border:1px solid var(--or-line); border-radius:0; padding:12px; font-size:16px; max-width:100%; }
.wp-block-search__button { border:0; background:#2563eb; color:#fff; padding:12px 18px; font-size:14px; }
.wp-block-post-title,.wp-block-post-content { overflow-wrap:anywhere; }
@media (max-width:1000px) { .or-body-columns { gap:30px; } .or-sidebar-column { flex-basis:250px!important; } .or-feature { gap:28px; } }
@media (min-width:782px) { .or-feature-copy { flex-basis:48%!important; } .or-feature-media { flex-basis:52%!important; } }
@media (max-width:781px) { .or-main { padding-top:24px; } .or-feature { gap:24px; } .or-body-columns { gap:35px; } .or-sidebar-column { flex-basis:100%!important; } .or-sidebar { display:grid; grid-template-columns:1fr 1fr; gap:25px; } .or-sidebar > * { margin:0; } .or-newsletter { grid-row:span 2; } .or-story-row { flex-wrap:nowrap!important; } .or-story-row > .or-story-thumbnail { flex-basis:95px!important; } .or-story-thumbnail img { width:95px; height:95px; } .or-story-row > .wp-block-column:last-child { flex-basis:0!important; flex-grow:1; } .or-fallback-art img { max-height:430px; } }
@media (max-width:520px) { .or-topline { font-size:10px; letter-spacing:1px; } .or-brand-row { padding:24px 0; } .or-tip-link .wp-block-button__link { font-size:12px; } .or-sidebar { display:block; } .or-sidebar > * + * { margin-top:28px; } .or-story-row { gap:16px; } .or-story-title { font-size:23px; } .or-story-row > .or-story-thumbnail { flex-basis:72px!important; } .or-story-thumbnail img { width:72px; height:90px; } .or-lead-title { font-size:38px; } .or-article-header h1,.or-page-content h1 { font-size:38px; } .or-article-content,.or-page-content .wp-block-post-content { font-size:17px; } .or-footer { display:block; } .or-footer > * + * { margin-top:12px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media print { header,footer,.or-sidebar-column,.wp-block-comments,.or-article-navigation { display:none; } .or-body-columns { display:block; } body { background:white; color:black; } }