/*
Theme Name: CleverOpps AI Modern Block
Theme URI: https://cleveropps.ai/
Author: CleverOpps AI Consulting
Description: Modern WordPress Block Theme for CleverOpps AI Consulting. Preserves the original navy/blue color scheme, header, logo, and menu styling.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: cleveropps-ai-modern-block
Tags: block-theme, full-site-editing, business, consulting, custom-logo
*/
:root{--navy:#07182b;--deep:#0a2745;--blue:#00a8e8;--cyan:#52d9ff;--ice:#eaf8ff;--muted:#9fb9c9;--panel:rgba(255,255,255,.08);--line:rgba(255,255,255,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ice);background:radial-gradient(circle at 78% 8%,rgba(0,168,232,.42),transparent 26%),linear-gradient(135deg,#061421,#0b2b4c 55%,#07182b)}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;background:rgba(7,24,43,.9)!important;backdrop-filter:blur(15px);border-bottom:1px solid var(--line);z-index:10;color:#d6f6ff!important}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:14px;font-weight:900}.site-header .custom-logo,.site-header .wp-block-site-logo img{height:336px!important;width:auto!important;max-height:336px!important;display:block}.menu,.site-header .wp-block-navigation__container{display:flex;gap:22px;font-weight:700;color:#d6f6ff;align-items:center}.site-header .wp-block-navigation a{color:#d6f6ff!important;text-decoration:none}.site-header .wp-block-navigation-item:last-child a{border:1px solid var(--cyan);border-radius:999px;padding:10px 16px}.hero{display:grid;grid-template-columns:1.04fr .96fr;gap:44px;align-items:center;min-height:760px;padding:70px 0}.eyebrow{color:var(--cyan);font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero h1{font-size:clamp(42px,7vw,80px);line-height:.94;letter-spacing:-.06em;margin:14px 0 24px;color:var(--ice)}.lead{font-size:20px;line-height:1.7;color:#c8dfec}.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;min-height:48px;padding:0 22px;font-weight:900}.primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#03111f!important}.secondary{border:1px solid var(--line);background:rgba(255,255,255,.06)}.hero-card,.card,.panel,.step,form{background:var(--panel);border:1px solid var(--line);border-radius:28px}.hero-card{padding:24px;box-shadow:0 25px 80px rgba(0,0,0,.25)}.hero-card img{width:100%;border-radius:20px;display:block}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.metrics div{background:rgba(7,24,43,.7);padding:16px;border-radius:18px;border:1px solid var(--line)}.metrics strong{display:block;margin-bottom:6px;color:var(--ice)}.metrics span{color:var(--muted);font-size:13px}.section{padding:85px 0}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}h1,h2,h3{color:var(--ice)}h2{font-size:clamp(32px,4vw,52px);line-height:1;letter-spacing:-.04em;margin:0 0 20px}h3{margin:0 0 10px;font-size:21px}p{line-height:1.7;color:#c8dfec}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.card,.step{padding:26px}.panel{padding:52px;background:rgba(4,16,29,.58)}.chips{display:flex;flex-wrap:wrap;gap:13px;margin-top:25px}.chips span{border:1px solid rgba(82,217,255,.38);background:rgba(82,217,255,.08);border-radius:999px;padding:12px 16px;font-weight:800}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}.num{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(0,168,232,.18);color:var(--cyan);font-weight:900;margin-bottom:20px}.cta{display:flex;justify-content:space-between;gap:28px;align-items:center;background:linear-gradient(135deg,rgba(0,168,232,.25),rgba(255,255,255,.08));border:1px solid var(--line);border-radius:32px;padding:46px}.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px}form{padding:28px}label{display:block;font-weight:800;margin-bottom:16px;color:var(--ice)}input,textarea{width:100%;margin-top:8px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(3,17,31,.65);color:white;font:inherit}button{border:0}.page-content{padding:80px 0}.page-content .content-box{background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:40px}.site-footer{border-top:1px solid var(--line);padding:38px 0 60px}.foot{display:flex;justify-content:space-between;align-items:center;gap:20px}.foot .wp-block-site-logo img{height:54px!important;width:auto!important}.wp-site-blocks{padding:0!important}.wp-block-post-title{color:var(--ice)}@media(max-width:900px){.site-header .wp-block-navigation{display:none}.site-header .custom-logo,.site-header .wp-block-site-logo img{height:82px!important;max-height:82px!important}.hero,.split,.contact{grid-template-columns:1fr;min-height:auto}.cards,.steps{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr}.cta,.foot{flex-direction:column;align-items:flex-start}}@media(max-width:620px){.cards,.steps{grid-template-columns:1fr}.panel,.cta{padding:30px}.site-header .custom-logo,.site-header .wp-block-site-logo img{height:64px!important;max-height:64px!important}}

/* Static hosting adjustments */
.site-header{position:sticky;top:0}.site-logo{height:112px;width:auto;display:block}.logo-link{display:flex;align-items:center}.menu a{color:#d6f6ff!important}.menu a:last-child{border:1px solid var(--cyan);border-radius:999px;padding:10px 16px}.site-footer .site-logo{height:54px}.inner-page-hero{padding:95px 0 45px;border-bottom:1px solid var(--line)}.simple-list{display:grid;gap:18px}.simple-list li{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;color:#c8dfec}.blog-placeholder{background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:34px}
@media(max-width:900px){.menu{display:none}.site-logo{height:82px}.site-footer .site-logo{height:54px}}@media(max-width:620px){.site-logo{height:64px}}


/* CleverOpps header logo enlargement */
.logo img,
.brand img,
.site-logo img,
.header-logo img,
.navbar-brand img,
header img[src*="logo"],
header img[src*="clever"],
header img:first-of-type {
    width: 420px !important;
    max-width: 420px !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
}

.logo,
.brand,
.site-logo,
.header-logo,
.navbar-brand {
    width: 420px !important;
    max-width: 420px !important;
    flex: 0 0 420px !important;
    display: flex !important;
    align-items: center !important;
}

header,
.site-header,
.header,
.navbar {
    min-height: 120px !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    overflow: visible !important;
}

header .container,
.site-header .container,
.header .container,
.navbar .container,
.nav-wrap,
.header-inner {
    display: flex !important;
    align-items: center !important;
}

nav,
.menu,
.nav-menu,
.main-navigation {
    display: flex !important;
    align-items: center !important;
}

@media (max-width: 900px) {
    .logo img,
    .brand img,
    .site-logo img,
    .header-logo img,
    .navbar-brand img,
    header img[src*="logo"],
    header img[src*="clever"],
    header img:first-of-type {
        width: 260px !important;
        max-width: 260px !important;
    }

    .logo,
    .brand,
    .site-logo,
    .header-logo,
    .navbar-brand {
        width: 260px !important;
        max-width: 260px !important;
        flex-basis: 260px !important;
    }
}

.cleveropps-main-logo {
    width: 420px !important;
    max-width: 420px !important;
    height: auto !important;
    max-height: none !important;
}
@media (max-width: 900px) {
    .cleveropps-main-logo {
        width: 260px !important;
        max-width: 260px !important;
    }
}


/* Slimmer header while keeping logo/menu sizes */
header,
.site-header,
.header,
.navbar {
    min-height: 70px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

header .container,
.site-header .container,
.header .container,
.navbar .container,
.nav-wrap,
.header-inner {
    min-height: 70px !important;
    align-items: center !important;
}


/* Ultra-slim header: keep logo/menu size, remove excess vertical space */
header,
.site-header,
.header,
.navbar {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

header .container,
.site-header .container,
.header .container,
.navbar .container,
.nav-wrap,
.header-inner {
    height: 48px !important;
    min-height: 48px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    align-items: center !important;
    overflow: visible !important;
}

.logo,
.brand,
.site-logo,
.header-logo,
.navbar-brand {
    margin-top: -18px !important;
    margin-bottom: -18px !important;
}

nav,
.menu,
.nav-menu,
.main-navigation {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* Make header scroll normally instead of staying fixed over content */
header,
.site-header,
.header,
.navbar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: 10 !important;
}

body {
    padding-top: 0 !important;
}


/* Mobile header fix: keep desktop header unchanged, make phone header fit */
@media (max-width: 768px) {
    header,
    .site-header,
    .header,
    .navbar {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 10px 14px !important;
        overflow: visible !important;
    }

    header .container,
    .site-header .container,
    .header .container,
    .navbar .container,
    .nav-wrap,
    .header-inner {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .logo,
    .brand,
    .site-logo,
    .header-logo,
    .navbar-brand {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        margin: 0 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .logo img,
    .brand img,
    .site-logo img,
    .header-logo img,
    .navbar-brand img,
    header img[src*="logo"],
    header img[src*="clever"],
    header img:first-of-type,
    .cleveropps-main-logo {
        width: 260px !important;
        max-width: 82vw !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 auto !important;
        display: block !important;
    }

    nav,
    .menu,
    .nav-menu,
    .main-navigation {
        width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px 12px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    nav a,
    .menu a,
    .nav-menu a,
    .main-navigation a,
    header a {
        font-size: 13px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        padding: 6px 4px !important;
    }

    header .button,
    header .btn,
    header a[href*="contact"],
    header a:last-child {
        padding: 7px 14px !important;
        border-radius: 999px !important;
    }
}

@media (max-width: 420px) {
    .logo img,
    .brand img,
    .site-logo img,
    .header-logo img,
    .navbar-brand img,
    header img[src*="logo"],
    header img[src*="clever"],
    header img:first-of-type,
    .cleveropps-main-logo {
        width: 220px !important;
        max-width: 86vw !important;
    }

    nav a,
    .menu a,
    .nav-menu a,
    .main-navigation a,
    header a {
        font-size: 12px !important;
        padding: 5px 3px !important;
    }
}


/* Mobile-only logo nudge left */
@media (max-width: 768px) {
    .logo img,
    .brand img,
    .site-logo img,
    .header-logo img,
    .navbar-brand img,
    .cleveropps-main-logo {
        transform: translateX(-30px) !important;
    }
}


/* Remove AI Readiness Assessment menu item and section */
a[href*="ai-readiness"],
a[href*="readiness"],
.menu a[title*="AI Readiness"],
.wp-block-navigation-item a[href*="ai-readiness"] {
    display: none !important;
}

/* Hide any section with AI Readiness identifiers */
#ai-readiness,
.ai-readiness,
.ai-readiness-section {
    display: none !important;
}