/* Shared site styles for Imagination Studio */
:root{--brand-primary:#f29240;--brand-secondary:#ffad5e}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;margin:0;color:#111}
.site-container{max-width:1200px;margin:0 auto;padding:0 20px}
/* Navbar (matches index mega-header) */
.mega-header{position:sticky;top:0;z-index:1000;background:#ffffffeb;border-bottom:1px solid #f0f2f5;backdrop-filter:saturate(180%) blur(8px);box-shadow:0 2px 10px rgba(0,0,0,.04)}
.mega-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:72px}
.custom-logo{height:32px;width:auto;transform:scale(3.5);transform-origin:left center}
.mega-header__nav .mega-menu{display:flex;gap:28px;list-style:none;margin:0;padding:0}
.mega-header__nav .mega-menu a{text-decoration:none;color:#111;font-weight:700;font-size:15px;padding:8px 2px;border-radius:6px}
.mega-header__nav .mega-menu a:hover{color:var(--brand-primary)}
.mega-header__cta .wp-block-button__link,
.wp-element-button,
.wp-block-button__link{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary))!important;color:#fff!important;border-color:transparent!important;border-radius:9999px;padding:12px 22px;font-weight:800;box-shadow:0 6px 18px rgba(242,146,64,.25)}
.is-style-outline .wp-block-button__link{background:transparent!important;color:var(--brand-primary)!important;border-color:var(--brand-primary)!important}
a{color:var(--brand-primary)}
a:hover{color:#e08537}
/* Simple content wrappers */
.wrap{max-width:1100px;margin:0 auto;padding:40px 20px}
h1{margin:16px 0 12px}
/* Forms */
label{display:block;margin:12px 0 6px}
input,textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #e5e7eb}
textarea{min-height:140px}
button,.btn{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:#fff;border:0;border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}
/* Footer (exactly as homepage ims-footer) */
.site-footer{display:none!important}
.ims-footer{background:#ffffffeb;color:#111;text-align:center;padding:24px 16px;border-top:1px solid #f0f2f5;backdrop-filter:saturate(180%) blur(8px)}
.ims-social{display:flex;gap:14px;justify-content:center;margin:8px 0 16px 0;padding:0;list-style:none}
.ims-social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#f29240;color:#fff;font-weight:700;text-decoration:none}
.ims-social a:hover{filter:saturate(110%) brightness(.98)}
.ims-links{display:flex;gap:24px;justify-content:center;margin:0 0 12px 0;padding:0;list-style:none}
.ims-links a{color:#111;text-decoration:none}
.ims-links a:hover{color:#f29240}
.ims-copy{opacity:.72;font-size:12px}

/* Hero section background image mode */
.hero-image-bg{position:relative;background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:transparent!important}
.hero-image-bg::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.35);pointer-events:none}
.hero-image-bg > *{position:relative;z-index:1}
.hero-image-bg .articulate-intro__heading{color:#fff}
.hero-image-bg .articulate-intro__preamble{color:#f8fafc}
.hero-image-bg .wp-block-button__link{box-shadow:0 8px 24px rgba(0,0,0,.25)}

/* Services section (modern cards) */
#editable-services-section{padding:56px 0;position:relative;width:100vw;left:50%;margin-left:-50vw}
#editable-services-section .services-wrap{max-width:none;width:100%;margin:0;padding:0 5vw}
@media (min-width:900px){#editable-services-section .services-wrap{padding:50px 48px}}
#editable-services-section .services-header{text-align:center;margin-bottom:32px}
#editable-services-section .services-header h2{font-size:2.25rem;margin:0 0 10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#editable-services-section .services-header p{color:#6b7280;font-size:1.125rem;margin:0 auto;max-width:760px}
#editable-services-section .services-accent{height:4px;width:96px;margin:16px auto;background:linear-gradient(90deg,#60a5fa,#a78bfa);border-radius:999px}
#editable-services-section .services-grid{display:grid;grid-template-columns:1fr;gap:20px}
@media (min-width:700px){#editable-services-section .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1040px){#editable-services-section .services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
#editable-services-section .svc-card{width:min(450px,90vw);margin:0 auto;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 20px rgba(17,24,39,.08);padding:22px 22px 16px;transition:transform .25s ease,box-shadow .25s ease}
#editable-services-section .svc-card:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(17,24,39,.14),0 2px 10px rgba(17,24,39,.08)}
#editable-services-section .svc-header{display:flex;align-items:center;gap:14px;margin-bottom:6px}
#editable-services-section .icon-wrap{width:40px;height:40px;display:grid;place-items:center;border-radius:12px}
#editable-services-section .icon-wrap svg{width:22px;height:22px;color:#fff}
#editable-services-section .svc-card .title{font-weight:700;font-size:22px;margin:0}
#editable-services-section .svc-card .subtitle{margin:6px 0 14px 54px;color:#6b7280}
#editable-services-section .accordion{border-top:1px solid #e5e7eb;padding-top:4px}
#editable-services-section details{border-radius:10px;padding:6px 8px;transition:background .2s ease}
#editable-services-section details:hover{background:rgba(17,24,39,.02)}
#editable-services-section details+details{margin-top:2px}
#editable-services-section summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 8px;border-radius:10px}
#editable-services-section summary::-webkit-details-marker{display:none}
#editable-services-section .chev{width:20px;height:20px;transition:transform .25s ease}
#editable-services-section details[open] .chev{transform:rotate(90deg)}
#editable-services-section .sum-text{font-weight:700}
#editable-services-section .content{overflow:hidden;max-height:0;opacity:0;transition:max-height .45s ease,opacity .35s ease .05s}
#editable-services-section details[open] .content{max-height:600px;opacity:1}
#editable-services-section .note{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:14px;margin:6px 8px 14px 34px;color:#1f2937}
#editable-services-section .note p{margin:0;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
#editable-services-section .cta{margin-top:12px}
#editable-services-section .btn{border:1px solid #e5e7eb;background:#f9fafb;font-weight:600;padding:10px 14px;border-radius:10px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:transform .08s ease,background .2s ease;color:#1f2937;text-decoration:none}
#editable-services-section .btn:hover{background:#ffffff}
#editable-services-section .btn:active{transform:translateY(1px)}
#editable-services-section .arrow{width:18px;height:18px;transition:transform .2s ease}
#editable-services-section .btn:hover .arrow{transform:translateX(3px)}

/* Services accordion */
/* remove old button/accordion styles superseded by details/summary */

/* Global loading overlay */
#ims-loading{position:fixed;inset:0;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(6px);display:grid;place-items:center;z-index:99999}
#ims-loading .ims-spinner{width:48px;height:48px;border-radius:999px;border:4px solid #e5e7eb;border-top-color:var(--brand-primary);animation:ims-spin 1s linear infinite}
@keyframes ims-spin{to{transform:rotate(360deg)}}

/* Animated background logos max size */
.articulate-animated-gallery img.ims-animated-logo{max-width:140px!important;max-height:90px!important;width:auto;height:auto}

/* Ensure What's New hard-coded image is visible and not absolutely positioned by theme */
.articulate-hero-rc__wrap-aside .articulate-video__container img{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    height:auto!important;
    display:block!important;
    object-fit:cover;
    border-radius:8px
}

/* Logo showcase redesign */
.t2-logo-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;justify-items:center;padding:20px 0}
@media (min-width:700px){.t2-logo-showcase{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1040px){.t2-logo-showcase{grid-template-columns:repeat(5,minmax(0,1fr))}}
.t2-logo-card{width:100%;max-width:200px;min-height:120px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 18px rgba(17,24,39,.06);display:flex;align-items:center;justify-content:center;padding:18px;transition:transform .2s ease,box-shadow .2s ease}
.t2-logo-card:hover{transform:translateY(-3px);box-shadow:0 16px 28px rgba(17,24,39,.12)}
.t2-logo-img{max-width:140px;max-height:60px;width:auto;height:auto;object-fit:contain;filter:grayscale(0);opacity:.95}