/*
Theme Name: Comania CRM Office
Theme URI: https://comanialaw.com/
Author: Comania Law
Description: A dedicated navy-and-gold office theme built for the Comania Law CRM plugin. Includes a full-viewport CRM workspace, branded access and WordPress login screens, and matching standard pages.
Version: 1.0.0
Requires at least: 6.4
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: comania-crm-office
Tags: custom-logo, custom-menu, featured-images, one-column, translation-ready
*/
:root{--office-navy:#0F2A43;--office-deep:#0A1E31;--office-gold:#E2B25A;--office-darkgold:#8A5F14;--office-bg:#F6F7F9;--office-text:#1B2733;--office-secondary:#4A5968;--office-line:#e6ebef}
body.office-site,body.cco-workspace{margin:0;background:var(--office-bg);color:var(--office-text);font:400 15px/1.65 'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.office-site *, .office-gate *{box-sizing:border-box}
.office-site a{color:var(--office-darkgold);text-underline-offset:4px}
.office-site img{max-width:100%;height:auto}
.office-site :is(h1,h2,h3,h4){color:var(--office-navy);line-height:1.25;letter-spacing:-.035em}
.office-site h1{font-size:clamp(30px,4vw,44px);margin:12px 0 26px}
.office-site h2{font-size:24px}
.office-header{background:var(--office-deep);color:white;border-bottom:1px solid #254059}
.office-header-inner{max-width:1320px;margin:auto;padding:23px 40px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.office-brand{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:white!important}
.office-mark{position:relative;border:1px solid var(--office-gold);border-radius:12px;width:46px;height:46px;display:grid;place-items:center;font:30px Georgia,serif;color:white;flex-shrink:0}
.office-mark sup{position:absolute;right:4px;top:1px;font:12px Georgia,serif;color:var(--office-gold)}
.office-brand strong{font-size:16px;font-weight:700;letter-spacing:.09em;white-space:nowrap}.office-brand em{color:var(--office-gold);font-style:normal}.office-brand small{display:block;font-size:8px;letter-spacing:.24em;color:#B5C2CF;margin-top:4px}
.custom-logo-link img{max-width:220px;max-height:64px;width:auto;height:auto}
.office-navigation{display:flex;align-items:center;gap:24px}.office-navigation ul{padding:0;margin:0;list-style:none;display:flex;gap:20px;flex-wrap:wrap}.office-navigation a{color:#D5DCE4;text-decoration:none;font-size:13px}.office-navigation .sub-menu{display:none;position:absolute;background:var(--office-deep);padding:16px;z-index:10;min-width:180px}.office-navigation li:hover>.sub-menu,.office-navigation li:focus-within>.sub-menu{display:block}.office-navigation .sub-menu li{padding:6px}
.office-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px;padding:11px 22px;background:var(--office-navy);color:white!important;border:1px solid var(--office-navy);border-radius:9px;text-decoration:none;font-family:inherit;font-weight:600;font-size:14px;line-height:1.5;cursor:pointer;transition:background .15s,transform .15s}.office-button:hover{background:#193d5e;transform:translateY(-1px)}.office-button-gold{background:var(--office-gold);border-color:var(--office-gold);color:var(--office-deep)!important}.office-button-gold:hover{background:#efc57b}
.office-content{max-width:1240px;padding:56px 40px 80px;margin:auto;min-height:65vh}.office-page-heading{margin-bottom:35px}.office-eyebrow{display:block;color:var(--office-darkgold);font-size:10px;font-weight:700;letter-spacing:.18em}.office-posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.office-card{background:white;border:1px solid var(--office-line);border-radius:14px;padding:32px;box-shadow:0 5px 24px #0f2a4305;overflow-wrap:anywhere}.office-card h2 a{text-decoration:none;color:var(--office-navy)}.office-card>img{border-radius:8px;margin-bottom:24px}.office-text-link{font-size:13px;font-weight:600}.office-prose{max-width:880px;margin:0 auto 26px}.office-prose p{margin:1em 0;color:var(--office-secondary)}.office-prose blockquote{border-left:3px solid var(--office-gold);padding:8px 24px;margin:24px 0;background:#fdfaf4}.office-prose table{border-collapse:collapse;width:100%;display:block;overflow:auto}.office-prose td,.office-prose th{border:1px solid var(--office-line);padding:12px}.office-prose pre{overflow:auto;background:var(--office-bg);padding:20px}.office-prose .alignwide{max-width:100%}.office-prose .alignleft{float:left;margin-right:20px}.office-prose .alignright{float:right;margin-left:20px}.office-prose .aligncenter{display:block;margin-inline:auto}.office-prose:after{content:'';display:block;clear:both}.wp-caption-text,.gallery-caption{color:var(--office-secondary);font-size:12px}.sticky{border-top:3px solid var(--office-gold)}.bypostauthor{border-left:2px solid var(--office-gold)}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:12px;left:12px;z-index:1000001;background:white;color:var(--office-navy);padding:12px 20px;border:2px solid var(--office-gold);border-radius:8px}.office-footer{display:flex;justify-content:space-between;gap:22px;padding:24px 40px;border-top:1px solid var(--office-line);font-size:11px;color:var(--office-secondary)}.office-footer>span:first-child{color:var(--office-darkgold)}.office-site input:not([type=checkbox]):not([type=radio]),.office-site textarea,.office-site select{max-width:100%;padding:12px;border:1px solid #d5dfe6;border-radius:8px;background:white;color:var(--office-text);font:inherit}.office-search{margin:24px 0}.office-search label{display:block;font-weight:600}.office-search>div{display:flex;gap:10px}.office-site input[type=submit]{cursor:pointer;background:var(--office-navy)!important;color:white!important}.office-site .comment-list{padding-left:22px}.office-site .navigation{margin:25px auto}.office-site :focus-visible,.cco-workspace :focus-visible{outline:3px solid var(--office-gold);outline-offset:3px}
/* Public access screen. CRM data is rendered only for authorized accounts. */
.office-gate{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.office-gate-story{position:relative;overflow:hidden;background:radial-gradient(ellipse at 5% 90%,#1b3b55 0,transparent 60%),var(--office-deep);color:white;display:flex;flex-direction:column;padding:48px 9% 35px}.office-gate-story:after{content:'';position:absolute;right:-210px;bottom:60px;width:540px;height:540px;border:1px solid #e2b25a15;border-radius:50%;box-shadow:0 0 0 65px #e2b25a05,0 0 0 130px #e2b25a04;pointer-events:none}.office-gate-story .office-brand{position:relative;z-index:1}.office-gate-copy{position:relative;z-index:1;margin:auto 0;padding:85px 0}.office-gate-copy .office-eyebrow{color:var(--office-gold);margin-bottom:25px}.office-gate-copy h1{font:400 clamp(46px,5vw,76px)/1.08 Georgia,serif;letter-spacing:-.04em;margin:0 0 30px}.office-gate-copy h1 em{color:var(--office-gold);font-weight:400}.office-gate-copy p{font-size:15px;color:#D5DCE4;max-width:355px;line-height:1.85}.office-gate-features{display:flex;flex-direction:column;gap:10px;margin-top:35px;font-size:12px;color:#D5DCE4}.office-gate-features span:before{content:'—';color:var(--office-gold);margin-right:12px}.office-gate-foot{color:#B5C2CF;font-size:8px;letter-spacing:.17em;position:relative;z-index:1}.office-gate-entry{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:70px 40px}.office-entry-card{width:100%;max-width:370px}.office-entry-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #e2b25a66;border-radius:15px;color:var(--office-darkgold);background:#fff9ed;font-size:26px;margin-bottom:35px}.office-entry-card h2{color:var(--office-navy);font-size:32px;letter-spacing:-.04em;margin:14px 0 16px;line-height:1.25}.office-entry-card p{font-size:14px;color:var(--office-secondary);line-height:1.8;margin:0 0 30px}.office-entry-card .office-button{width:100%;justify-content:space-between;box-sizing:border-box;padding:15px 20px}.office-recovery{display:block;text-align:center;color:var(--office-secondary);font-size:12px;margin-top:20px;text-underline-offset:4px}.office-entry-note{border-top:1px solid var(--office-line);margin-top:40px;padding-top:20px;font-size:10px;color:var(--office-secondary)}.office-entry-copyright{position:absolute;bottom:30px;font-size:10px;color:var(--office-secondary)}.office-noscript{padding:20px;background:#fff4dc;color:var(--office-navy);text-align:center}
@media(max-width:900px){.office-header-inner{padding:22px;align-items:flex-start;flex-wrap:wrap}.office-navigation{flex-wrap:wrap}.office-gate-story{padding-inline:9%}.office-gate-copy h1{font-size:50px}.office-gate-entry{padding:60px 30px}.office-content{padding:35px 22px 55px}}
@media(max-width:650px){.office-gate{grid-template-columns:1fr}.office-gate-story{padding:28px}.office-gate-copy{padding:45px 0 10px}.office-gate-copy h1{font-size:44px;margin-bottom:18px}.office-gate-copy p{font-size:13px;margin-bottom:0}.office-gate-features,.office-gate-foot{display:none}.office-gate-entry{padding:40px 26px 75px}.office-entry-icon{display:none}.office-entry-card h2{font-size:28px}.office-entry-note{margin-top:28px}.office-entry-copyright{bottom:22px}.office-posts{grid-template-columns:1fr}.office-card{padding:23px}.office-footer{flex-direction:column;gap:8px;padding:22px}.office-navigation{width:100%}.office-navigation ul{gap:15px}.office-search>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.office-button{transition:none}}