/*
Theme Name: WEBicity Electric
Theme URI: https://webicity.com/
Author: WEBicity Design
Author URI: https://webicity.com/
Description: A responsive, full-site-editing WordPress block theme for WEBicity Design, inspired by electric blue, cyan, and gold energy.
Version: 1.1.2
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: webicity-electric
Tags: full-site-editing, block-patterns, block-styles, custom-logo, custom-menu, featured-images, wide-blocks, blog, portfolio
*/

:root { --webicity-navy:#050b20; --webicity-blue:#087bff; --webicity-cyan:#21d8ff; --webicity-gold:#ffbd16; --webicity-orange:#ff6a16; --webicity-ink:#10182c; }
html { scroll-behavior:smooth; }
body { background:#f5f8fc; color:var(--webicity-ink); }
a { text-decoration-thickness:1px; text-underline-offset:3px; }
.wp-site-blocks { overflow:hidden; }
.webicity-header { background:linear-gradient(115deg,#030817 0%,#071735 55%,#11112a 100%); position:relative; isolation:isolate; }
.webicity-header:before { content:""; position:absolute; inset:0; z-index:-1; opacity:.38; background:radial-gradient(ellipse at 14% 20%,rgba(0,174,255,.38),transparent 32%),radial-gradient(ellipse at 86% 0%,rgba(255,177,0,.25),transparent 28%); }
.webicity-brand img { width:min(100%,680px); height:auto; display:block; filter:drop-shadow(0 8px 28px rgba(0,153,255,.2)); }
.webicity-slogan { color:#fff; font-family:"Brush Script MT","Segoe Script","URW Chancery L",cursive; font-size:clamp(1.65rem,3vw,2.5rem); line-height:1.1; font-style:italic; text-shadow:0 0 16px rgba(33,216,255,.65),0 2px 2px #000; margin:.25rem 0 .8rem; }
.webicity-nav a { color:#e9f7ff; text-decoration:none; font-weight:650; }
.webicity-nav a:hover,.webicity-nav a:focus { color:var(--webicity-gold); }
.webicity-hero { background:radial-gradient(ellipse at 80% 10%,rgba(8,123,255,.24),transparent 35%),linear-gradient(135deg,#061027,#0b1740 60%,#10112b); color:#fff; position:relative; }
.webicity-hero:after { content:""; position:absolute; width:48rem; height:48rem; right:-26rem; top:-30rem; border:1px solid rgba(33,216,255,.18); border-radius:50%; box-shadow:0 0 0 34px rgba(33,216,255,.035),0 0 0 70px rgba(255,189,22,.025); pointer-events:none; }
.webicity-kicker { color:var(--webicity-cyan); letter-spacing:.18em; text-transform:uppercase; font-size:.78rem; font-weight:800; }
.webicity-gradient-text { background:linear-gradient(90deg,#fff 5%,#7be8ff 45%,#ffca3a 95%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.webicity-button .wp-block-button__link { background:linear-gradient(100deg,#087bff,#10bfe9); border:1px solid rgba(255,255,255,.25); border-radius:999px; box-shadow:0 8px 26px rgba(0,130,255,.28); font-weight:750; padding:.9rem 1.5rem; }
.webicity-button.is-style-outline .wp-block-button__link { background:transparent; border:1px solid var(--webicity-cyan); color:#fff; box-shadow:none; }
.webicity-section-title { color:#0a1530; }
.webicity-card { height:100%; border:1px solid #dce8f6; border-radius:18px; background:#fff; padding:1.55rem; box-shadow:0 12px 34px rgba(8,35,78,.07); transition:transform .2s ease,box-shadow .2s ease; }
.webicity-card:hover { transform:translateY(-5px); box-shadow:0 18px 42px rgba(8,35,78,.13); }
.webicity-card-icon { font-size:2rem; line-height:1; }
.webicity-band { background:linear-gradient(105deg,#06122e,#0a2b5c 62%,#10213c); color:#fff; }
.webicity-band h2,.webicity-band h3 { color:#fff; }
.webicity-band .webicity-accent { color:var(--webicity-gold); }
.webicity-footer { background:#030817; color:#c9d7e9; }
.webicity-footer a { color:#79ddff; }
.webicity-footer .wp-block-site-title a { color:#fff; text-decoration:none; }
.wp-block-post-featured-image img { border-radius:16px; }
.wp-block-query .wp-block-post { border:1px solid #e1eaf4; border-radius:16px; padding:1.25rem; background:#fff; }
.wp-block-post-title a { text-decoration:none; }
.wp-block-post-title a:hover { color:#087bff; }
@media (max-width:781px) { .webicity-header .wp-block-columns { gap:1rem; } .webicity-header .wp-block-navigation__responsive-container { background:#061027; color:#fff; } .webicity-brand img { max-width:540px; margin-inline:auto; } .webicity-card { padding:1.2rem; } }
@media (prefers-reduced-motion:reduce) { html {scroll-behavior:auto;} *,*:before,*:after {transition:none!important;animation:none!important;} }

/* 1.0.2 header repair */
.webicity-header-inner{gap:1.5rem;padding-top:14px!important;padding-bottom:14px!important;min-height:112px}
.webicity-brand{width:min(100%,340px);flex:0 1 340px}
.webicity-brand img{width:100%;max-width:340px;height:auto;max-height:114px;object-fit:contain;object-position:left center}
.webicity-slogan{font-size:clamp(1.25rem,2vw,1.8rem);margin:.12rem 0 0 .35rem}
.webicity-logo-fallback{font-size:2rem;font-weight:900;color:#fff}
.webicity-nav{flex:1 1 360px}
@media(max-width:781px){.webicity-header-inner{justify-content:center!important}.webicity-brand{flex-basis:280px;text-align:center}.webicity-brand img{margin-inline:auto}.webicity-nav{flex-basis:100%;justify-content:center}}

/* 1.0.3 brand/header correction */
.webicity-header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-top:14px!important;padding-bottom:14px!important;min-height:128px}
.webicity-brand{flex:0 1 380px;width:min(100%,380px);margin:0!important}
.webicity-logo-wordmark{margin:0!important;min-height:92px;display:flex;align-items:center}
.webicity-logo-wordmark a{display:block;width:100%;height:92px;background-image:url("assets/images/webicity-logo.png");background-repeat:no-repeat;background-position:left center;background-size:contain;text-indent:-9999px;overflow:hidden}
.webicity-slogan{font-family:"Brush Script MT","Segoe Script","URW Chancery L",cursive!important;font-style:italic!important;font-weight:500!important;color:#fff!important;font-size:clamp(1.8rem,2.6vw,2.5rem)!important;line-height:1.05!important;text-shadow:0 0 14px rgba(33,216,255,.65),0 2px 2px #000!important;margin:0 0 0 1rem!important;white-space:nowrap}
.webicity-nav{flex:1 1 420px}
.webicity-nav a{color:#e9f7ff!important}
@media(max-width:781px){.webicity-header-inner{justify-content:center!important}.webicity-brand{flex-basis:min(100%,340px);text-align:center}.webicity-logo-wordmark a{background-position:center}.webicity-slogan{white-space:normal;text-align:center;margin:.25rem 0 0!important}.webicity-nav{flex-basis:100%;justify-content:center}}


/* 1.1.0 portfolio and integrated header */
.webicity-header{background:linear-gradient(115deg,#030817 0%,#071735 55%,#11112a 100%);position:relative}
.webicity-header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding-top:16px!important;padding-bottom:16px!important;min-height:120px}
.webicity-brand{display:flex!important;flex:0 1 auto;align-items:center!important;gap:1.1rem!important;margin:0!important}
.webicity-logo{width:clamp(250px,29vw,370px);margin:0!important;flex:0 1 auto}
.webicity-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 18px rgba(0,153,255,.2))}
.webicity-slogan{font-family:"Brush Script MT","Segoe Script","URW Chancery L",cursive!important;font-style:italic!important;font-weight:500!important;color:#fff!important;font-size:clamp(1.8rem,2.6vw,2.55rem)!important;line-height:1!important;text-shadow:0 0 14px rgba(33,216,255,.65),0 2px 2px #000!important;margin:0!important;white-space:nowrap}
.webicity-nav{flex:0 1 auto}
.webicity-nav a{color:#e9f7ff!important}
.webicity-intro{background:radial-gradient(ellipse at 80% 0%,rgba(8,123,255,.18),transparent 36%),linear-gradient(135deg,#061027,#0b1740 65%,#10112b);color:#fff;padding:54px 24px 76px}
.webicity-intro h1{color:#fff;font-size:clamp(2rem,4vw,3.15rem);margin:12px 0}
.webicity-intro-copy{color:#d9eaff;font-size:1.08rem}
.webicity-project-grid{gap:22px;margin-top:36px}
.webicity-project-card{height:100%;overflow:hidden;background:#fff;color:#10182c;border:1px solid #dce8f6;border-radius:16px;box-shadow:0 14px 35px rgba(0,0,0,.22);padding:0 0 22px}
.webicity-project-image{margin:0!important;background:#eef3fa;overflow:hidden}
.webicity-project-image img{display:block;width:100%;height:auto;aspect-ratio:1.18;object-fit:contain;object-position:center top}
.webicity-project-card h2{font-size:1.35rem;margin:20px 22px 8px;color:#092a58}
.webicity-project-card p{margin:0 22px;color:#53627a;line-height:1.55}
.webicity-services{background:#f1f6fc;padding:72px 24px}
.webicity-services h2{color:#092a58;font-size:clamp(1.8rem,3.5vw,2.65rem);margin:12px 0 32px}
.webicity-service-card{height:100%;background:#fff;border:1px solid #dce8f6;border-radius:16px;padding:26px;box-shadow:0 10px 28px rgba(8,35,78,.07)}
.webicity-service-card h3{color:#092a58}
.webicity-service-card p{color:#53627a}
.webicity-button .wp-block-button__link{background:linear-gradient(100deg,#087bff,#10bfe9);border-radius:999px;padding:.85rem 1.5rem;font-weight:700}
.webicity-blog{padding-top:70px;padding-bottom:70px}
.webicity-footer{background:#030817;color:#c9d7e9}
@media(max-width:900px){.webicity-header-inner{justify-content:center!important}.webicity-brand{justify-content:center;flex-wrap:wrap!important}.webicity-logo{width:min(100%,340px)}.webicity-slogan{font-size:2rem!important}.webicity-nav{flex-basis:100%;justify-content:center}}
@media(max-width:781px){.webicity-project-grid{display:grid!important;grid-template-columns:1fr!important}.webicity-project-grid>.wp-block-column{flex-basis:100%!important}.webicity-intro{padding:42px 18px 56px}.webicity-services{padding:52px 18px}}

/* Theme-relative image assets: paths resolve from this stylesheet */
.webicity-logo{margin:0!important;flex:0 1 auto}
.webicity-logo-image{display:block;width:clamp(260px,27vw,340px);height:114px;background:url("assets/images/webicity-logo.png") left center/contain no-repeat;text-indent:-9999px;overflow:hidden}
.webicity-project-image{display:block;width:100%;aspect-ratio:1.18;background-color:#eef3fa;background-position:center top;background-repeat:no-repeat;background-size:contain}
.webicity-project-image.readrite{background-image:url("assets/images/readrite-project.png")}
.webicity-project-image.tcs386{background-image:url("assets/images/tcs386-project.png")}
.webicity-project-image.ttw{background-image:url("assets/images/ttw-project.png")}
.webicity-nav .wp-block-navigation-item__content{font-size:.9rem}
@media(max-width:900px){.webicity-logo-image{background-position:center}}


/* 1.1.1 refinements: blend logo into header and give the slogan its own front-page section */
.webicity-header{background:#01020d!important;isolation:auto!important}
.webicity-header:before{display:none!important}
.webicity-header-inner{background:transparent!important;min-height:120px;padding-top:8px!important;padding-bottom:8px!important}
.webicity-brand{background:transparent!important}
.webicity-logo-image{width:clamp(270px,31vw,390px)!important;height:130px!important;background-position:left center!important;background-size:100% auto!important}
.webicity-slogan-block{max-width:930px!important;margin:0 auto 54px!important;padding:30px 34px 32px!important;border:1px solid rgba(33,216,255,.28);border-radius:18px;background:linear-gradient(120deg,rgba(1,7,24,.82),rgba(7,31,69,.88) 58%,rgba(18,22,48,.9));box-shadow:0 16px 42px rgba(0,0,0,.22)}
.webicity-slogan-block .webicity-slogan{font-family:"Brush Script MT","Segoe Script","URW Chancery L",cursive!important;font-style:italic!important;font-weight:500!important;color:#fff!important;font-size:clamp(2.5rem,5vw,4rem)!important;line-height:1.12!important;margin:0 0 18px!important;text-shadow:0 0 16px rgba(33,216,255,.55),0 2px 3px #000!important}
.webicity-slogan-copy{max-width:790px;margin:0 auto!important;color:#e2efff!important;font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.8}
.webicity-intro h2{color:#fff;font-size:clamp(1.8rem,3.5vw,2.6rem);margin:12px 0}
@media(max-width:900px){.webicity-logo-image{background-position:center!important;width:min(100%,370px)!important}.webicity-header-inner{justify-content:center!important}.webicity-slogan-block{padding:24px 20px;margin-bottom:40px!important}}

/* 1.1.2: ensure footer identity remains readable */
.webicity-footer h3{color:#ffffff!important}
.webicity-footer{background:#030817!important;color:#c9d7e9!important}