/*
Theme Name: Furniss Tech
Author: Furniss Technologies
Description: Reference-matched homepage with FURNISS.TECH branding and support ticket integration.
Version: 16.0.0
Requires PHP: 7.4
*/
:root{--bg:#031422;--panel:#061f31;--cyan:#0be5f0;--text:#f2f9ff;--line:#06d7e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#031422;color:var(--text);font:14px/1.35 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--cyan)}.top{background:linear-gradient(90deg,#02101d,#073149 60%,#021321);border-bottom:1px solid #0b91aa}.top-wrap{max-width:1900px;margin:auto;min-height:84px;padding:6px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-v9{width:26%;min-width:270px;max-width:450px;display:block}.brand-v9 img{display:block;width:100%;height:auto;mix-blend-mode:screen}.header-message{border-left:2px solid var(--cyan);padding-left:22px;white-space:nowrap}.header-message strong{display:block;font-size:clamp(15px,1.55vw,27px);line-height:1.1}.header-message small{display:block;letter-spacing:1.4px;font-size:11px;margin-top:8px;font-weight:700}.header-message em{color:var(--cyan)}.years{display:flex;align-items:center;line-height:1}.years b{font-size:36px}.years span{font-size:10px;font-weight:bold}.header-points{font-size:11px;line-height:1.65;white-space:nowrap}.support-btn,.button-primary{border:1px solid var(--cyan);border-radius:24px;background:var(--cyan);color:#002333!important;font-weight:800;padding:11px 19px;white-space:nowrap}.nav-strip{background:#031726;border-bottom:1px solid var(--cyan)}.nav-wrap{max-width:1800px;margin:auto;display:flex;justify-content:space-around;align-items:center;gap:15px;padding:0 24px}.nav-wrap a{padding:12px 6px;font-size:14px;font-weight:700;white-space:nowrap}.nav-wrap a.active{color:var(--cyan);border-bottom:3px solid var(--cyan)}.home-shell{max-width:1900px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:12px;padding:8px 14px 10px}.left-column{min-width:0}.hero{position:relative;min-height:340px;display:flex;overflow:hidden;border-radius:9px;background:radial-gradient(ellipse at 65% 40%,#085071,#05243c 55%,#021625);border-bottom:2px solid var(--cyan)}.hero-copy{position:relative;z-index:2;width:51%;padding:14px 0 12px 22px}.hero h1{font-size:clamp(27px,2.65vw,47px);line-height:1.06;letter-spacing:-.7px;margin:0 0 8px;white-space:nowrap}.hero h1 span{color:var(--cyan)}.hero p{font-size:14px;max-width:620px;margin:0 0 8px;line-height:1.36}.hero ul{padding:0 0 0 5px;margin:0;list-style:none;font-size:13px}.hero li{line-height:1.34}.hero li:before{content:'✔';color:var(--cyan);font-size:16px;margin-right:7px}.hero-actions{display:flex;gap:16px;margin-top:13px}.button-primary,.button-outline{padding:10px 22px;border-radius:25px;font-size:14px;text-align:center}.button-outline{border:2px solid var(--cyan);color:#eafaff;font-weight:800;background:#031727}.hero-image{position:absolute;inset:0 0 0 40%;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,black 24%)}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.benefits{border:1px solid var(--cyan);box-shadow:0 0 12px #00dff455;background:#032338;border-radius:30px;margin:7px 0 10px;padding:8px 5px;display:grid;grid-template-columns:1.45fr 1.45fr 1fr 1.25fr 1fr;align-items:center}.benefits span{display:flex;justify-content:center;align-items:center;gap:7px;border-right:1px solid var(--cyan);text-align:left;color:var(--cyan);font-size:22px;line-height:1.05;min-height:30px}.benefits span:last-child{border-right:0}.benefits b{font-size:10px;color:#fff}.benefits i{color:var(--cyan);font-style:normal}.services{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.service-card{border:1px solid #05b7d0;border-radius:11px;overflow:hidden;background:linear-gradient(#0a3247,#03192b);min-width:0;min-height:149px;box-shadow:0 0 8px #00bcd022;display:flex;flex-direction:column}.service-image{height:84px;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover;display:block}.service-info{display:flex;gap:7px;align-items:flex-start;padding:7px 9px 9px;position:relative;flex:1}.service-icon{color:var(--cyan);font-size:25px;line-height:1;flex:0 0 25px}.service-info>div{min-width:0}.service-info h3{font-size:13px;line-height:1.13;margin:0 0 4px}.service-info p{font-size:10px;line-height:1.25;margin:0;color:#d9e8f2}.service-info>a{margin-left:auto;align-self:end;color:var(--cyan);font-size:23px;line-height:1}.service-text .service-info{align-items:center}.service-text .service-info h3{font-size:15px}.service-text .service-info p{font-size:11px;line-height:1.4}.support-panel{border:1px solid var(--cyan);border-radius:13px;background:linear-gradient(155deg,#06283d,#031827);padding:14px 16px;box-shadow:0 0 12px #00d5e75c;align-self:stretch}.ticket-heading{display:flex;gap:12px;border-bottom:1px solid #278399;padding-bottom:10px;margin-bottom:9px}.ticket-heading>span{font-size:38px;color:var(--cyan)}.ticket-heading h2{font-size:21px;margin:0 0 8px;border-bottom:2px solid var(--cyan);padding-bottom:7px}.ticket-heading p{font-size:12px;line-height:1.35;margin:0}.support-panel form{display:block}.support-panel label{display:block;font-size:12px!important;margin:7px 0 4px!important;color:#e8f8ff!important}.support-panel input:not([type=hidden]):not([type=radio]):not([type=checkbox]),.support-panel select,.support-panel textarea{width:100%!important;max-width:100%;border:1px solid #6a9eb4!important;background:#0b2c40!important;color:#fff!important;border-radius:5px!important;padding:8px 9px!important;font:12px Arial,sans-serif!important;min-height:32px!important}.support-panel textarea{min-height:72px!important}.support-panel button,.support-panel input[type=submit]{background:var(--cyan)!important;color:#03202d!important;border:0!important;border-radius:8px!important;font-weight:800!important;padding:12px!important;width:100%;cursor:pointer}.ticket-note{border-top:1px solid #287a92;margin-top:12px;padding-top:12px;color:var(--cyan);font-weight:700}.ticket-note p{font-size:11px;color:#d9e7f1;font-weight:400;margin:5px 0}.below{max-width:1900px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:35px 20px;background:#062337}.below>div{padding:15px;border-left:2px solid var(--cyan)}.below h2{font-size:19px}.below p{font-size:14px;color:#d5e5ef}.below.about{grid-template-columns:1fr 1fr;background:#031a2b}.below a{color:var(--cyan)}.footer{background:#02111d;border-top:1px solid var(--cyan);display:flex;justify-content:space-around;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 25px;font-weight:700}.footer-brand img{display:block;width:190px;mix-blend-mode:screen}.footer span{padding:7px 16px;border-right:1px solid var(--cyan)}.page-content{min-height:55vh;padding:50px 30px}
@media(max-width:1450px){.header-points{display:none}.home-shell{grid-template-columns:minmax(0,1fr) 350px}.hero h1{font-size:34px}.hero-copy{width:58%}.hero-image{left:42%}.services{grid-template-columns:repeat(5,minmax(0,1fr))}.service-info h3{font-size:12px}}
@media(max-width:1100px){.header-message{display:none}.home-shell{grid-template-columns:minmax(0,1fr) 325px}.hero h1{font-size:29px}.hero p{font-size:12px}.hero li{font-size:11px}.services{grid-template-columns:repeat(3,minmax(0,1fr))}.benefits{grid-template-columns:repeat(3,1fr);border-radius:12px}.benefits span{padding:7px}.nav-wrap{flex-wrap:wrap;gap:5px}}
@media(max-width:800px){.home-shell{grid-template-columns:1fr}.support-panel{max-width:640px;width:100%;margin:auto}.hero-copy{width:62%}.services{grid-template-columns:repeat(2,minmax(0,1fr))}.below{grid-template-columns:1fr}.below.about{grid-template-columns:1fr}.years{display:none}}
@media(max-width:540px){.top-wrap{min-height:65px;padding:5px 12px}.brand-v9{min-width:0;width:70%}.support-btn{font-size:11px;padding:8px}.nav-wrap a{font-size:11px;padding:7px 3px}.hero{min-height:520px}.hero-copy{width:100%;padding:15px}.hero h1{font-size:28px;white-space:normal}.hero-image{inset:auto 0 0 0;height:205px;mask-image:linear-gradient(180deg,transparent,black 25%)}.hero-actions{flex-wrap:wrap}.services{grid-template-columns:1fr 1fr}.service-info{padding:7px}.service-info h3{font-size:12px}.service-icon{font-size:20px;flex-basis:20px}.benefits{grid-template-columns:1fr 1fr}.benefits b{font-size:9px}.service-image{height:90px}.footer span{border-right:0}}

/* Version 10: navigation, service landing pages and logo integration */
.brand-v9{background:transparent!important;border:0!important;box-shadow:none!important;overflow:hidden}.brand-v9 img{mix-blend-mode:screen;filter:brightness(1.05);object-fit:contain}.nav-dropdown{position:relative;display:flex;align-items:center}.nav-dropdown>a{padding:inherit}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;width:310px;max-height:min(70vh,650px);overflow-y:auto;background:#061d30;border:1px solid #12dce9;border-radius:0 0 10px 10px;z-index:1000;box-shadow:0 14px 28px #0009;padding:6px}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:block}.nav-dropdown-menu a{display:block!important;padding:9px 12px!important;font-size:13px!important;color:#e6f8ff!important;border-radius:5px}.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus{background:#104b62;color:#19f0f6!important}
.inner-page-shell{max-width:1420px;padding:28px 30px 70px;margin:auto;min-height:70vh}.crumbs{font-size:13px;color:#8eb9c9;margin:8px 0 24px}.crumbs a{color:#20dcea}.crumbs span{margin:0 10px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#17e7f2}.inner-page-shell h1{font-size:clamp(32px,3.4vw,54px);line-height:1.1;margin:14px 0 18px;color:#f3fbff}.inner-page-shell h2{font-size:23px;line-height:1.2}.detail-lead{font-size:18px;color:#c8e2ed;max-width:800px;line-height:1.6}.service-hero-detail{display:grid;grid-template-columns:1.1fr 0.9fr;align-items:center;gap:32px;background:linear-gradient(115deg,#08273c,#061a2b);border:1px solid #1b718b;border-radius:14px;padding:32px;overflow:hidden}.service-hero-detail img{width:100%;height:300px;object-fit:cover;border-radius:9px;border:1px solid #16859e}.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.detail-panel{background:linear-gradient(145deg,#082b42,#041b2b);border:1px solid #167e96;border-radius:12px;padding:28px}.detail-panel h2{margin:0 0 18px}.detail-list,.detail-steps{padding-left:24px;margin:0}.detail-list li,.detail-steps li{padding:7px 0;color:#d5eaf3}.detail-list li::marker{color:#13e3ed}.detail-steps li::marker{color:#13e3ed;font-weight:800}.detail-cta{text-align:center;padding:36px;margin-top:20px}.detail-cta p{max-width:770px;margin:0 auto 22px;color:#d5eaf3}.service-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}.service-index-card{display:block;background:#082a3e;border:1px solid #168ba2;border-radius:11px;overflow:hidden;transition:transform .15s}.service-index-card:hover{transform:translateY(-3px)}.service-index-card img{display:block;width:100%;height:155px;object-fit:cover}.service-index-card div{padding:16px}.service-index-card h2{font-size:19px;margin:0 0 8px}.service-index-card p{font-size:13px;line-height:1.55;color:#c6dfe9;min-height:60px}.service-index-card strong{color:#12e6f0}.footer a:hover{color:#12e6f0}
@media(max-width:950px){.service-index-grid{grid-template-columns:repeat(2,1fr)}.service-hero-detail{grid-template-columns:1fr}.service-hero-detail img{height:260px}.nav-dropdown-menu{left:-20px}}
@media(max-width:600px){.inner-page-shell{padding:20px 14px 45px}.service-hero-detail{padding:20px}.service-index-grid,.detail-columns{grid-template-columns:1fr}.detail-panel{padding:22px}.nav-dropdown-menu{left:-90px;width:min(90vw,310px)}.service-index-card p{min-height:0}}

/* Version 11 — clean, fully transparent vector branding */
.brand-v9,.footer-brand{background:none!important;box-shadow:none!important;border:0!important}
.brand-v9 img,.footer-brand img{mix-blend-mode:normal!important;filter:none!important;object-fit:contain!important}
.brand-v9 img{width:100%;height:auto;max-height:86px}
.footer-brand img{width:225px;height:auto}

/* V12: ensure header branding remains visible while navigating and scrolling */
.top{position:sticky;top:0;z-index:100;background:#031726!important;isolation:isolate}
.admin-bar .top{top:32px}
.top-wrap{min-height:84px}
.brand-v9{flex-shrink:0}
.brand-v9 img{display:block!important;visibility:visible!important;opacity:1!important;max-height:85px!important;min-height:45px;width:100%;height:auto;mix-blend-mode:normal!important}
@media(max-width:782px){.admin-bar .top{top:46px}}
@media(max-width:540px){.top-wrap{min-height:68px}.brand-v9 img{max-height:65px!important}}

/* V15 — header advertising carousel */
.header-rotator{position:relative;min-width:0;overflow:hidden}
.header-slides{position:relative;min-height:48px}
.header-slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .42s ease,transform .42s ease,visibility .42s}
.header-slide.is-active{opacity:1;visibility:visible;transform:translateY(0)}
.header-slide strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-slide small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-slide-dots{display:flex;justify-content:center;gap:7px;margin-top:4px}
.header-slide-dots button{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#3a7588;cursor:pointer}
.header-slide-dots button.is-active{background:#15e2ee;box-shadow:0 0 7px #15e2ee}
.header-slide-dots button:focus-visible{outline:2px solid white;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.header-slide{transition:none;transform:none}}

/* V16: full-width header advert. Remove the redundant experience and bullet columns. */
.top-wrap{display:grid;grid-template-columns:minmax(290px,355px) minmax(0,1fr) auto;gap:clamp(18px,2.5vw,44px);min-height:106px;padding:10px clamp(18px,2vw,36px);align-items:center;justify-content:stretch}
.brand-v9{width:100%;min-width:0;max-width:none}
.header-rotator{display:block;min-width:0;width:100%;padding-left:clamp(15px,2vw,32px);border-left:2px solid var(--cyan);overflow:visible}
.header-slides{height:65px;min-height:65px;position:relative;overflow:hidden}
.header-slide{justify-content:center;gap:7px;overflow:hidden}
.header-slide strong{font-size:clamp(20px,2.05vw,35px);line-height:1.1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.header-slide small{font-size:clamp(10px,.83vw,13px);line-height:1.25;letter-spacing:1.2px;margin-top:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.header-slide-dots{margin-top:3px;gap:10px;justify-content:flex-start}
.header-slide-dots button{width:7px;height:7px;flex:0 0 7px}
.top-wrap>.support-btn{justify-self:end;padding:12px 22px;font-size:14px}
@media(max-width:1100px){.header-message.header-rotator{display:block}.top-wrap{grid-template-columns:minmax(200px,28%) minmax(0,1fr) auto;gap:16px}.header-slide strong{font-size:clamp(16px,2vw,23px)}.header-slide small{font-size:10px;letter-spacing:.4px}.top-wrap>.support-btn{padding:10px 12px;font-size:12px}}
@media(max-width:740px){.top-wrap{grid-template-columns:minmax(0,1fr) auto;min-height:0;gap:9px;padding:12px 15px}.brand-v9{max-width:290px}.top-wrap>.support-btn{grid-column:2;grid-row:1}.header-message.header-rotator{grid-column:1/-1;grid-row:2;border-left:0;border-top:1px solid #126d83;padding:9px 0 0}.header-slides{height:58px;min-height:58px}.header-slide strong{font-size:clamp(16px,4.5vw,25px)}.header-slide small{font-size:10px;white-space:normal;line-height:1.2}.header-slide-dots{justify-content:center}}
@media(max-width:420px){.brand-v9{max-width:190px}.top-wrap>.support-btn{font-size:11px;padding:8px 10px}.header-slide strong{font-size:17px}}