.copyme-site-header { --header-navy:#173c7a; --header-ink:#17233c; --header-muted:#6c7890; --header-orange:#ff941d; --header-line:#e3eaf4; position:relative; z-index:999; font-family:Poppins,Arial,sans-serif; background:#fff; color:var(--header-ink); box-shadow:0 1px 0 rgba(23,60,122,.06); }.copyme-site-header *{box-sizing:border-box}.copyme-site-header__inner{display:flex;align-items:center;justify-content:space-between;width:min(1240px,calc(100% - 3rem));margin:auto}.copyme-site-header__utility{background:var(--header-navy);color:#fff}.copyme-site-header__utility-inner{min-height:2.2rem;font-size:.72rem}.copyme-site-header__contact{display:flex;gap:.6rem;align-items:center}.copyme-site-header__contact a{color:rgba(255,255,255,.9);text-decoration:none}.copyme-site-header__contact a:hover{text-decoration:underline}.copyme-site-header__contact span{color:rgba(255,255,255,.38)}.copyme-site-header__utility p{margin:0;color:rgba(255,255,255,.7);font-size:.7rem}.copyme-site-header__main{background:#fff}.copyme-site-header__main>.copyme-site-header__inner{min-height:9rem;gap:1.8rem}.copyme-site-header__brand{flex:0 0 auto}.copyme-site-header__brand .custom-logo-link{display:block;line-height:0}.copyme-site-header__brand .custom-logo{display:block;max-width:122px;width:auto;height:122px;object-fit:contain}.copyme-site-header__brand>a{color:var(--header-navy);font-size:1.5rem;font-weight:850;letter-spacing:-.06em;text-decoration:none}.copyme-site-header__nav{display:flex;align-items:center;justify-content:flex-end;gap:1.5rem;min-width:0}.copyme-site-header__menu{display:flex;align-items:center;gap:clamp(.9rem,2vw,2rem);margin:0;padding:0;list-style:none}.copyme-site-header__menu li{margin:0;padding:0}.copyme-site-header__menu a{position:relative;display:block;padding:.5rem 0;color:#253450;font-size:.86rem;font-weight:700;text-decoration:none}.copyme-site-header__menu a:after{position:absolute;right:0;bottom:.18rem;left:0;height:2px;background:var(--header-orange);content:"";opacity:0;transform:scaleX(.4);transition:opacity .2s ease,transform .2s ease}.copyme-site-header__menu li.current-menu-item>a,.copyme-site-header__menu a:hover{color:var(--header-navy)}.copyme-site-header__menu li.current-menu-item>a:after,.copyme-site-header__menu a:hover:after{opacity:1;transform:scaleX(1)}.copyme-site-header__cta{display:inline-flex;align-items:center;gap:.55rem;flex:0 0 auto;border-radius:999px;padding:.72rem 1.05rem;background:var(--header-orange);box-shadow:0 8px 18px rgba(255,148,29,.2);color:#fff!important;font-size:.8rem;font-weight:800;text-decoration:none!important;white-space:nowrap}.copyme-site-header__cta:hover{background:#e87c00}.copyme-site-header__toggle{display:none;border:0;background:transparent;color:var(--header-navy);cursor:pointer}.copyme-site-header__toggle span{display:block;width:23px;height:2px;margin:5px 0;background:currentColor;transition:transform .2s ease,opacity .2s ease}.copyme-site-header.is-open .copyme-site-header__toggle span:first-child{transform:translateY(7px) rotate(45deg)}.copyme-site-header.is-open .copyme-site-header__toggle span:nth-child(2){opacity:0}.copyme-site-header.is-open .copyme-site-header__toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:860px){.copyme-site-header__utility p{display:none}.copyme-site-header__utility-inner{justify-content:center}.copyme-site-header__main>.copyme-site-header__inner{min-height:5.15rem}.copyme-site-header__brand .custom-logo{max-width:165px;height:50px}.copyme-site-header__toggle{display:block;z-index:2}.copyme-site-header__nav{position:absolute;top:100%;right:0;left:0;display:block;visibility:hidden;padding:1rem max(1rem,calc((100vw - 1240px)/2));border-top:1px solid var(--header-line);background:#fff;box-shadow:0 14px 28px rgba(18,42,84,.12);opacity:0;transform:translateY(-.5rem);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.copyme-site-header.is-open .copyme-site-header__nav{visibility:visible;opacity:1;transform:translateY(0)}.copyme-site-header__menu{display:block}.copyme-site-header__menu a{padding:.8rem .1rem;border-bottom:1px solid var(--header-line)}.copyme-site-header__menu a:after{display:none}.copyme-site-header__cta{justify-content:center;width:100%;margin-top:1rem;padding:.9rem 1rem}.copyme-site-header__inner{width:min(100% - 2rem,1240px)}}
@media(max-width:460px){.copyme-site-header__contact{gap:.4rem;font-size:.66rem}.copyme-site-header__contact a:last-child{display:none}}

/* Standard Elementor pages: use the section containing the page H1, rather
   than assuming it is the first builder section. */
body.elementor-template-canvas .elementor > .copyme-legacy-page-header { display:none !important; }
/* The plugin header is printed at wp_body_open on every non-home page. */
body:not(.home) .elementor-location-header { display:none !important; }
/* Home keeps the utility bar but lets the main navigation float over its hero. */
body.home .elementor-location-header { display:none !important; }
.copyme-site-header--home { position:absolute; top:0; right:0; left:0; background:transparent; box-shadow:none; }.admin-bar .copyme-site-header--home { top:32px; }.copyme-site-header--home .copyme-site-header__main { background:transparent; }.copyme-site-header--home .copyme-site-header__menu a { color:#fff; text-shadow:0 1px 9px rgba(0,0,0,.58); }.copyme-site-header--home .copyme-site-header__menu li.current-menu-item>a,.copyme-site-header--home .copyme-site-header__menu a:hover { color:#fff; }.copyme-site-header--home .copyme-site-header__toggle { color:#fff; }.copyme-site-header--home .copyme-site-header__brand .custom-logo { filter:drop-shadow(0 2px 8px rgba(0,0,0,.32)); }
/* The old Elementor header used a large negative pull-up to sit over the hero.
 * The transparent plugin header is absolute, so restore normal hero flow. */
body.home .elementor > .elementor-section.elementor-element-7196c33b { margin-top:0 !important; }
body.home .elementor > .elementor-section.elementor-element-7196c33b > .elementor-container { padding-top:180px !important; }
@media(max-width:860px){body.home .elementor > .elementor-section.elementor-element-7196c33b > .elementor-container { padding-top:130px !important; }}
@media(max-width:860px){.copyme-site-header--home .copyme-site-header__nav{background:rgba(11,28,61,.96);border-top-color:rgba(255,255,255,.18)}.copyme-site-header--home .copyme-site-header__menu a{color:#fff!important;border-bottom-color:rgba(255,255,255,.16)}}
body.page:not(.home) .elementor > .copyme-page-hero,body.page:not(.home) .elementor > .elementor-top-section:has(h1) { position:relative; display:flex; align-items:center; min-height:clamp(180px,23vw,275px) !important; overflow:hidden; padding:2.5rem 1.5rem !important; background:linear-gradient(116deg,#5c96e9 0%,#778ce7 52%,#aa8eea 100%) !important; }
body.page:not(.home) .elementor > .copyme-page-hero:before,body.page:not(.home) .elementor > .copyme-page-hero:after,body.page:not(.home) .elementor > .elementor-top-section:has(h1):before,body.page:not(.home) .elementor > .elementor-top-section:has(h1):after { position:absolute; border:1.65rem solid rgba(255,255,255,.12); border-radius:50%; content:""; pointer-events:none; }body.page:not(.home) .elementor > .copyme-page-hero:before,body.page:not(.home) .elementor > .elementor-top-section:has(h1):before { top:-5rem; left:7%; width:10rem; height:10rem; }body.page:not(.home) .elementor > .copyme-page-hero:after,body.page:not(.home) .elementor > .elementor-top-section:has(h1):after { right:-6rem; bottom:-9rem; width:15rem; height:15rem; }
body.page:not(.home) .elementor > .copyme-page-hero>.elementor-background-overlay,body.page:not(.home) .elementor > .elementor-top-section:has(h1)>.elementor-background-overlay { background:transparent !important; opacity:0 !important; }body.page:not(.home) .elementor > .copyme-page-hero>.elementor-container,body.page:not(.home) .elementor > .elementor-top-section:has(h1)>.elementor-container { position:relative; z-index:1; width:min(900px,100%) !important; margin:auto !important; }body.page:not(.home) .elementor > .copyme-page-hero h1,body.page:not(.home) .elementor > .elementor-top-section:has(h1) h1 { margin:0 !important; color:#fff !important; font-size:clamp(2.25rem,4.6vw,4.2rem) !important; font-weight:800 !important; line-height:1.06 !important; letter-spacing:-.055em !important; text-align:center !important; text-shadow:none !important; }body.page:not(.home) .elementor > .copyme-page-hero h1:before,body.page:not(.home) .elementor > .elementor-top-section:has(h1) h1:before { display:block; margin-bottom:.7rem; color:rgba(255,255,255,.84); content:"COPYME BUSINESS SOLUTIONS"; font-size:.7rem; font-weight:800; letter-spacing:.15em; line-height:1.2; text-transform:uppercase; }
@media(max-width:600px){body.page:not(.home) .elementor > .copyme-page-hero,body.page:not(.home) .elementor > .elementor-top-section:has(h1){min-height:170px!important;padding:2.2rem 1rem!important}body.page:not(.home) .elementor > .copyme-page-hero:before,body.page:not(.home) .elementor > .elementor-top-section:has(h1):before{left:-3rem}body.page:not(.home) .elementor > .copyme-page-hero h1:before,body.page:not(.home) .elementor > .elementor-top-section:has(h1) h1:before{font-size:.64rem}}

/* A clean plugin-owned hero for standard Elementor Canvas pages. */
.copyme-standard-page-hero { position:relative; overflow:hidden; padding:clamp(4.5rem,9vw,7.5rem) 1.5rem clamp(4rem,8vw,6.5rem); background:#090d15 url('office-automation-page-hero.png') center / cover no-repeat; color:#fff; text-align:center; }.copyme-standard-page-hero:before { position:absolute; inset:0; z-index:0; content:""; background:linear-gradient(90deg,rgba(3,7,14,.72) 0%,rgba(3,7,14,.46) 49%,rgba(3,7,14,.2) 100%); }.copyme-standard-page-hero:after { display:none; }.copyme-standard-page-hero__inner { position:relative; z-index:1; max-width:900px; margin:auto; }.copyme-standard-page-hero p { margin:0 0 .8rem; color:rgba(255,255,255,.88); font-size:.73rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }.copyme-standard-page-hero h1 { margin:0; color:#fff; font-size:clamp(2.5rem,5vw,4.5rem); font-weight:800; letter-spacing:-.05em; line-height:1; text-shadow:0 2px 18px rgba(0,0,0,.38); }
.copyme-standard-page-bar { background:#173c7a; color:#fff; }.copyme-standard-page-bar__inner { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; width:min(1280px,calc(100% - 3rem)); margin:auto; padding:1rem 0; }.copyme-standard-page-bar__inner div { display:flex; align-items:baseline; gap:.75rem; }.copyme-standard-page-bar strong { font-size:.92rem; }.copyme-standard-page-bar span { color:rgba(255,255,255,.73); font-size:.83rem; }.copyme-standard-page-bar a { flex:0 0 auto; color:#fff; font-size:.84rem; text-decoration:none; }.copyme-standard-page-bar a b { color:#ffb55c; }.copyme-standard-page-bar a:hover b { text-decoration:underline; }
body.elementor-template-canvas .elementor > .elementor-top-section:has(h1) { display:none !important; }
@media(max-width:600px){.copyme-standard-page-hero{padding:4rem 1rem}.copyme-standard-page-hero:before{left:-3rem}.copyme-standard-page-hero h1{font-size:clamp(2.25rem,10vw,3.1rem)}.copyme-standard-page-bar__inner{align-items:flex-start;flex-direction:column;gap:.55rem;padding:.9rem 0}.copyme-standard-page-bar__inner div{display:block}.copyme-standard-page-bar span{display:block;margin-top:.25rem}}

/* Approved palette applies to the compact contact bar only. */
.copyme-site-header__utility{background:#6b92e5}.copyme-site-header__utility .copyme-contact__tab--header{background:#ed8fe5;border-color:#ed8fe5}.copyme-site-header__utility .copyme-contact__tab--header:hover,.copyme-site-header__utility .copyme-contact__tab--header:focus-visible{background:#ae4be5;border-color:#ae4be5}