/*
Theme Name: Overflow Support Services
Theme URI: https://example.org/
Author: Mega House Media
Description: Custom accessible WordPress theme inspired by the Overflow Hostinger export. Editable page content and Customizer settings.
Version: 1.4
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: overflow
*/
:root{--navy:#163556;--blue:#1b3e64;--ice:#e7f2f9;--sky:#b7d4ea;--bg:#f3f7fb;--peach:#f6d6c4;--ink:#18364c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);line-height:1.7;background:white}h1,h2,h3{line-height:1.14;letter-spacing:-.035em;color:var(--navy)}h1{font-size:clamp(2.7rem,5.6vw,5.8rem)}h2{font-size:clamp(2rem,3.8vw,3.6rem)}h3{font-size:1.32rem}em{font-family:Georgia,serif;font-weight:400}a{color:var(--blue)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f49c69;outline-offset:3px}.wrap{width:min(1180px,calc(100% - 42px));margin:auto}.topbar{background:var(--navy);color:#fff;font-size:.78rem;padding:6px 0}.topbar .wrap{display:flex;justify-content:space-between}.topbar a{color:white}.header{background:#fff;position:relative;z-index:10;box-shadow:0 2px 18px #16355612}.header .wrap{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:850;color:var(--navy);font-size:1.5rem;letter-spacing:-.06em;text-decoration:none;line-height:1}.brand small{display:block;font-size:.63rem;letter-spacing:.18em;text-transform:uppercase;margin-top:8px}.brand img{max-height:60px;width:auto;max-width:220px}.nav{display:flex;gap:18px;align-items:center}.nav a{font-size:.83rem;font-weight:700;text-decoration:none;color:var(--navy)}.nav a:hover{text-decoration:underline}.button,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:50px;background:var(--navy);color:#fff;text-decoration:none;padding:14px 25px;font:700 .9rem Manrope,Arial,sans-serif;cursor:pointer}.button:hover{background:#315e86;color:white}.button.peach{background:var(--peach);color:var(--navy)}.button.outline{border:1px solid white;background:transparent;color:white}.menu-toggle{display:none;background:transparent;border:1px solid #ddd;padding:8px 12px;border-radius:8px}.hero{min-height:690px;display:flex;align-items:center;position:relative;color:white;background:linear-gradient(90deg,rgba(12,33,55,.88),rgba(12,33,55,.5) 53%,rgba(12,33,55,.1)),var(--navy);background-position:center;background-size:cover}.hero h1{color:white;max-width:780px;margin:18px 0}.hero h1 em{color:var(--peach)}.hero p{max-width:620px;font-size:1.13rem}.hero .wrap{padding:85px 0}.eyebrow{font-size:.78rem;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:#547e9e}.hero .eyebrow{color:#e8d2c4}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-badges{display:flex;gap:24px;flex-wrap:wrap;margin-top:65px;font-size:.84rem}.section{padding:95px 0}.section.soft{background:var(--bg)}.section.ice{background:var(--ice)}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.split img{width:100%;border-radius:24px;display:block;object-fit:cover;max-height:510px}.intro{max-width:760px;margin:0 auto 45px;text-align:center}.intro p{font-size:1.07rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:30px;background:white;border-radius:22px;border:1px solid #dce9f2;box-shadow:0 8px 28px #1635560a}.card h3{margin-top:5px}.card a{text-decoration:none;font-weight:800}.card .symbol{font-size:1.7rem;color:#5784a5}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{padding:24px;border-left:2px solid var(--sky)}.step .number{font-size:2.3rem;font-weight:800;color:#8eb1cc}.cta{background:var(--navy);color:white;padding:85px 0}.cta h2{color:white}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta p{max-width:620px}.pagehero{padding:95px 0;background:var(--ice)}.pagehero h1{margin:12px 0 0;font-size:clamp(2.7rem,5vw,4.9rem)}.content{max-width:850px;margin:auto}.content h2{margin-top:50px}.content p{font-size:1.04rem}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.form{max-width:780px;background:var(--bg);border-radius:22px;padding:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:18px}.field label{display:block;font-weight:700;margin-bottom:5px}.field input,.field textarea,.field select{display:block;width:100%;border:1px solid #b9cbd8;border-radius:9px;padding:12px 14px;font:inherit;background:white}.field textarea{min-height:140px}.check{display:flex;align-items:flex-start;gap:12px}.check input{margin-top:7px}.notice{padding:18px 22px;border-left:4px solid #6b91ac;background:#edf5fa;border-radius:8px;margin:25px 0}.faq details{border-bottom:1px solid #d5e3ed;padding:20px 0}.faq summary{cursor:pointer;font-weight:800;font-size:1.07rem}.footer{background:#102c48;color:#e5f1f8;padding:60px 0 24px}.footer h3{color:white}.footer a{color:#e5f1f8}.footergrid{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:40px}.footer ul{list-style:none;padding:0}.footer li{margin:7px 0}.footerbottom{border-top:1px solid #ffffff33;padding-top:22px;margin-top:40px;font-size:.8rem}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:9999;background:white;padding:10px}.site-content{min-height:45vh}.placeholder{border:2px dashed #acc9db;border-radius:20px;min-height:300px;background:linear-gradient(135deg,#e7f2f9,#f3f7fb);display:flex;align-items:center;justify-content:center;padding:30px;text-align:center;color:#456c89}.muted{color:#59758b}.wp-content img{max-width:100%;height:auto}@media(max-width:1050px){.nav{gap:11px}.nav a{font-size:.75rem}.header-cta{display:none}}@media(max-width:800px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;flex-direction:column;padding:22px;align-items:stretch;box-shadow:0 14px 24px #16355620}.nav.open{display:flex}.split,.cards,.steps,.service-grid,.footergrid{grid-template-columns:1fr 1fr}.cta .wrap{display:block}.hero{min-height:600px}.section{padding:65px 0}}@media(max-width:580px){.topbar .wrap{display:block}.split,.cards,.steps,.service-grid,.footergrid,.form-grid{grid-template-columns:1fr}.hero{min-height:590px}.hero .wrap{padding:65px 0}.hero-badges{margin-top:35px}.section{padding:52px 0}.pagehero{padding:60px 0}.header .wrap{min-height:75px}.brand{font-size:1.2rem}}

/* Gutenberg-editable homepage */
.overflow-editable-home .wp-block-cover{padding:90px max(24px,calc((100vw - 1180px)/2));}.overflow-editable-home .wp-block-cover h1{color:#fff;max-width:800px}.overflow-editable-home .wp-block-cover p{color:#fff;max-width:670px}.overflow-editable-home .wp-block-group.alignwide{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:21px;padding-right:21px}.overflow-editable-home .wp-block-columns{gap:24px}.overflow-editable-home .wp-block-column{background:#f3f7fb;border-radius:18px;padding:24px}

/* Elementor full-width content area */
.overflow-editable-home{width:100%;min-height:0}.overflow-editable-home .elementor{width:100%}.overflow-editable-home .elementor-widget-heading h1,.overflow-editable-home .elementor-widget-heading h2{margin:0}.overflow-editable-home .elementor-widget-text-editor p:last-child{margin-bottom:0}

/* Elementor canvas within OSS theme */
.overflow-elementor-page{min-height:200px}.overflow-elementor-page .elementor{width:100%}
