/*
Theme Name: American Self Storage Bainbridge
Theme URI: https://bainbridgegastorage.com/
Author: Kale Technology
Description: Lightweight, responsive custom theme for American Self Storage Bainbridge. Includes editable storage-unit pricing, local business details and online rental links. No page builder required.
Version: 1.0.1
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: bainbridge-american-storage
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-logo, custom-menu, featured-images, responsive-layout, accessibility-ready
*/
:root{--navy:#10283c;--navy-deep:#0b1e2c;--navy-light:#1b3a4f;--orange:#f0a24d;--orange-dark:#d67b20;--cream:#f7f8f6;--paper:#fff;--ink:#10283c;--muted:#647481;--line:#dce4e7;--radius:16px;--shadow:0 15px 45px rgba(11,30,44,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;height:auto}img{display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}p,h1,h2,h3,h4{margin-top:0}p{margin-bottom:1.2rem}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,5vw,5rem)}h2{font-size:clamp(2rem,3.1vw,3.15rem)}h3{font-size:1.35rem}.container{width:min(1160px,calc(100% - 44px));margin:0 auto}.narrow{max-width:780px}.skip-link{position:absolute;left:-9999px;top:5px;z-index:1000;background:#fff;padding:12px 20px}.skip-link:focus{left:10px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:.77rem;text-transform:uppercase;letter-spacing:.17em;color:var(--orange-dark);margin-bottom:16px}.eyebrow:before{content:"";width:26px;height:3px;border-radius:3px;background:currentColor}.section{padding:95px 0}.section-muted{background:var(--cream)}.section-heading{max-width:720px;margin-bottom:40px}.section-heading p{color:var(--muted);font-size:1.09rem}.section-heading h2{margin-bottom:16px}.center{text-align:center}.center .eyebrow:before{display:none}.center.section-heading{margin:0 auto 46px}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 23px;border-radius:8px;border:2px solid transparent;font-size:.91rem;font-weight:800;line-height:1.3;min-height:52px;white-space:nowrap;text-align:center;transition:background .15s ease,color .15s ease,transform .15s ease}.btn svg{width:20px;height:20px;flex:0 0 20px}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--orange);color:var(--navy-deep)}.btn-primary:hover{background:#ffc077}.btn-dark{background:var(--navy);color:#fff}.btn-dark:hover{background:var(--navy-light)}.btn-outline{border-color:rgba(255,255,255,.6);color:#fff;background:transparent}.btn-outline:hover{background:#fff;color:var(--navy)}.btn-outline-dark{border-color:var(--navy);color:var(--navy)}.btn-outline-dark:hover{background:var(--navy);color:#fff}.btn-block{width:100%}
.topbar{background:var(--navy-deep);color:#e1e9ed;font-size:.79rem}.topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:38px}.topbar a{color:#fff;font-weight:700}.topbar a:hover{color:var(--orange)}.topbar-item{display:inline-flex;align-items:center;gap:8px}.topbar svg{width:15px;height:15px;color:var(--orange)}.site-header{background:#fff;position:relative;z-index:30;border-bottom:1px solid rgba(16,40,60,.08)}.header-inner{min-height:89px;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand-icon{color:#fff;width:45px;height:45px;border-radius:10px;background:var(--navy);display:grid;place-items:center}.brand-icon svg{width:32px;height:32px}.brand-name{display:flex;flex-direction:column;line-height:1.07;font-weight:900;letter-spacing:.01em;font-size:1.05rem}.brand-name small{color:var(--orange-dark);font-size:.59rem;font-weight:900;letter-spacing:.17em;margin-top:5px}.custom-logo-link img{max-height:68px;width:auto}.nav-area{margin-left:auto;display:flex;gap:28px;align-items:center}.main-nav ul{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:27px}.main-nav a{font-size:.86rem;font-weight:750;color:#284154;transition:color .2s}.main-nav a:hover,.main-nav .current-menu-item>a,.main-nav .current_page_item>a{color:var(--orange-dark)}.header-actions{display:flex;gap:10px;flex-shrink:0}.header-actions .btn{gap:8px;padding:13px 17px;min-height:44px;font-size:.8rem}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:8px;width:44px;height:44px;align-items:center;justify-content:center;color:var(--navy)}.menu-toggle svg{width:22px;height:22px}
.hero{background:var(--navy-deep);overflow:hidden;color:#fff;position:relative}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 3% 75%,rgba(43,81,105,.55),transparent 52%),linear-gradient(90deg,rgba(6,20,31,.15),transparent);pointer-events:none}.hero-inner{min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%;position:relative}.hero-copy{padding:80px 0 94px;position:relative;z-index:2}.hero .eyebrow{color:var(--orange)}.hero h1{margin:0 0 22px;max-width:670px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-lead{font-size:1.14rem;color:#c6d7df;max-width:520px;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:29px}.hero-proof{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin-top:34px;color:#d2e0e6;font-size:.81rem}.hero-proof span{display:inline-flex;align-items:center;gap:8px}.hero-proof svg{width:16px;height:16px;color:var(--orange)}.hero-media{position:relative;min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:center}.hero-graphic{position:relative;width:117%;max-width:none;margin-right:-15%;filter:drop-shadow(0 22px 30px rgba(0,0,0,.16))}.hero-photo{width:100%;height:490px;object-fit:cover;border-radius:18px;border:7px solid rgba(255,255,255,.1);box-shadow:0 20px 50px rgba(0,0,0,.2)}.hero-sticker{position:absolute;bottom:84px;left:-28px;background:#fff;box-shadow:var(--shadow);color:var(--navy);padding:18px 22px;border-radius:12px;display:flex;gap:14px;align-items:center}.sticker-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#fff3e4;color:#bc6c19}.sticker-icon svg{width:24px;height:24px}.hero-sticker strong{font-size:1.45rem;line-height:1.05;display:block}.hero-sticker small{color:#61717b;font-size:.72rem;font-weight:600;display:block}.ribbon{background:var(--orange);color:var(--navy-deep);font-weight:800}.ribbon-inner{display:flex;justify-content:center;align-items:center;gap:11px;min-height:47px;font-size:.84rem;letter-spacing:.015em}.ribbon a{text-decoration:underline;text-underline-offset:3px}
.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.feature-card{border:1px solid var(--line);border-radius:var(--radius);padding:26px 23px;background:#fff;box-shadow:0 5px 20px rgba(20,45,60,.025)}.feature-icon{display:grid;place-items:center;width:49px;height:49px;color:var(--orange-dark);background:#fff3e6;border-radius:10px;margin-bottom:18px}.feature-icon svg{width:24px;height:24px}.feature-card h3{font-size:1.03rem;margin-bottom:9px}.feature-card p{color:var(--muted);font-size:.88rem;line-height:1.65;margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.visual-card{background:#e8eff0;border-radius:22px;padding:30px;position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden}.visual-card img{width:100%;border-radius:12px;max-height:460px;object-fit:cover}.visual-badge{position:absolute;bottom:25px;right:25px;border-radius:10px;background:#fff;padding:16px 20px;box-shadow:var(--shadow);font-size:.8rem;font-weight:800;display:flex;align-items:center;gap:8px}.check-list{padding:0;list-style:none;margin:25px 0 30px;display:grid;gap:10px}.check-list li{display:flex;align-items:center;gap:11px;font-weight:700;font-size:.95rem}.check-list svg{width:19px;height:19px;flex:0 0 19px;color:#37987b}.split p{color:var(--muted);font-size:1.04rem}.split h2{margin-bottom:18px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.unit-card{background:#fff;border:1px solid #dbe5e8;border-radius:16px;padding:27px;position:relative;box-shadow:0 8px 28px rgba(15,47,65,.04);transition:transform .2s,box-shadow .2s}.unit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.unit-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}.unit-label{font-size:.7rem;text-transform:uppercase;font-weight:900;letter-spacing:.12em;color:#3b6975;background:#e8f1f2;border-radius:5px;padding:6px 10px}.unit-symbol{color:var(--orange-dark)}.unit-symbol svg{width:29px;height:29px}.unit-card h3{font-size:2.25rem;line-height:1;margin-bottom:12px}.unit-card .unit-desc{color:var(--muted);font-size:.87rem;min-height:49px}.unit-price{display:flex;align-items:baseline;gap:5px;border-top:1px solid #e8edef;padding-top:17px;margin:22px 0}.unit-price strong{font-size:2rem;line-height:1;letter-spacing:-.04em}.unit-price small{color:var(--muted);font-size:.82rem}.unit-card .btn{min-height:47px;font-size:.84rem}.price-foot{text-align:center;color:var(--muted);font-size:.83rem;margin:27px 0 0}.pricing-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:29px}.mini-note{font-size:.85rem;color:var(--muted)}
.dark-panel{background:var(--navy);color:#fff}.dark-panel h2,.dark-panel h3{color:#fff}.dark-panel p{color:#c6d5de}.promises{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:46px}.promise{border-top:2px solid rgba(255,255,255,.19);padding-top:24px}.promise .feature-icon{color:var(--orange);background:rgba(240,162,77,.12)}.promise p{font-size:.94rem}.promise h3{margin-bottom:11px}
.location-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}.location-box{border:1px solid var(--line);background:#eaf0ef;border-radius:16px;min-height:330px;overflow:hidden}.location-box iframe{width:100%;height:340px;display:block;border:0}.address-block{display:flex;gap:13px;margin:21px 0}.address-block svg{width:22px;height:22px;flex:0 0 22px;color:var(--orange-dark);margin-top:4px}.address-block strong{display:block}.address-block p{margin:0;color:var(--muted)}.location-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.faq-list{display:grid;gap:12px}.faq-list details{padding:19px 23px;border:1px solid var(--line);border-radius:11px;background:#fff}.faq-list summary{list-style:none;font-weight:800;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-size:1.35rem;line-height:1;color:var(--orange-dark)}.faq-list details[open] summary:after{content:"−"}.faq-list details p{color:var(--muted);margin:14px 0 2px}.cta-section{background:var(--navy-deep);color:#fff;padding:66px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:38px}.cta-inner h2{font-size:clamp(1.9rem,3vw,2.75rem);margin:0 0 10px}.cta-inner p{color:#c5d4db;margin:0}.cta-buttons{display:flex;gap:12px;flex-wrap:wrap}
.site-footer{background:#091924;color:#d2dde2;padding:64px 0 20px}.footer-columns{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:70px;padding-bottom:55px}.site-footer .brand-name{color:#fff}.site-footer .brand-icon{background:#193a4d}.site-footer p{color:#aabac3;font-size:.89rem;max-width:330px;margin:22px 0}.footer-title{color:#fff;text-transform:uppercase;letter-spacing:.13em;font-size:.73rem;font-weight:900;margin-bottom:20px}.footer-links{list-style:none;padding:0;margin:0;display:grid;gap:11px}.footer-links a{font-size:.9rem;color:#b8c9d1}.footer-links a:hover{color:var(--orange)}.footer-contact{font-size:.9rem;display:grid;gap:12px}.footer-contact a:hover{color:var(--orange)}.footer-bottom{border-top:1px solid #213746;display:flex;justify-content:space-between;gap:14px;align-items:center;padding-top:23px;color:#99adb9;font-size:.79rem}
.page-hero{background:var(--navy);color:#fff;padding:76px 0 72px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:310px;height:310px;border:65px solid rgba(240,162,77,.08);border-radius:50%;right:-80px;bottom:-205px}.page-hero h1{font-size:clamp(2.6rem,4.3vw,4.2rem);margin-bottom:14px}.page-hero p{max-width:670px;color:#d0dce2;font-size:1.06rem;margin:0}.content-section{padding:75px 0 95px;min-height:360px}.prose h2{margin-top:40px;font-size:1.8rem}.prose h3{margin-top:27px}.prose p,.prose li{color:#506370}.prose a{text-decoration:underline;text-underline-offset:3px;color:var(--orange-dark)}.prose img{border-radius:14px}.prose .wp-block-button__link{color:#fff;text-decoration:none}.contact-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:54px}.contact-panel{background:#f5f8f8;padding:30px;border-radius:16px;border:1px solid var(--line)}.contact-panel h2{font-size:1.8rem}.contact-panel .btn{margin:10px 0 0}.contact-map{border:1px solid var(--line);border-radius:16px;overflow:hidden;min-height:430px}.contact-map iframe{border:0;width:100%;height:100%;min-height:430px;display:block}.pricing-grid.all-units{grid-template-columns:repeat(3,1fr)}.nothing-found{padding:25px;background:#fff6e7;border-radius:12px}.post-item{padding:20px 0;border-bottom:1px solid var(--line)}.post-item h2{font-size:1.6rem}.post-item p{color:var(--muted)}.site-content{min-height:40vh}main:focus{outline:none}
@media(max-width:1040px){.header-inner{gap:16px}.nav-area{gap:13px}.main-nav ul{gap:13px}.main-nav a{font-size:.78rem}.header-actions .btn{padding:12px}.hero-inner{min-height:550px}.hero h1{font-size:clamp(2.9rem,4.8vw,4.4rem)}.hero-graphic{width:125%}.split{gap:45px}}
@media(max-width:810px){.topbar-inner{justify-content:center}.topbar-location{display:none}.header-inner{min-height:76px;justify-content:space-between}.menu-toggle{display:inline-flex;margin-left:auto}.nav-area{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);box-shadow:0 20px 30px rgba(0,0,0,.08);padding:20px 22px 28px;z-index:50}.nav-area.is-open{display:flex;flex-direction:column;align-items:stretch;gap:18px}.main-nav ul{flex-direction:column;align-items:stretch;gap:0}.main-nav li{border-bottom:1px solid var(--line)}.main-nav a{display:block;padding:11px 0;font-size:1rem}.header-actions{flex-direction:column}.header-actions .btn{width:100%}.hero-inner{grid-template-columns:1fr;min-height:unset;gap:0}.hero-copy{padding:71px 0 24px}.hero-media{min-height:280px}.hero-graphic{width:min(710px,100%);margin:0 auto -30px}.hero-photo{height:340px}.hero-sticker{left:20px;bottom:30px}.feature-row{grid-template-columns:repeat(2,1fr)}.split,.location-wrap,.contact-grid{grid-template-columns:1fr;gap:35px}.visual-card{min-height:260px}.promises{gap:22px}.footer-columns{gap:36px}.pricing-grid,.pricing-grid.all-units{grid-template-columns:repeat(2,1fr)}.cta-inner{flex-direction:column;align-items:flex-start}.section{padding:70px 0}}
@media(max-width:550px){.container{width:min(100% - 32px,1160px)}.topbar{font-size:.73rem}.brand-icon{width:39px;height:39px}.brand-name{font-size:.9rem}.brand-name small{font-size:.55rem}.hero h1{font-size:clamp(2.55rem,12vw,3.6rem)}.hero-copy{padding:55px 0 15px}.hero-lead{font-size:1rem}.hero-proof{gap:12px;margin-top:24px}.hero-media{min-height:220px}.hero-sticker{padding:13px 15px;bottom:30px;left:0}.hero-sticker strong{font-size:1.2rem}.ribbon-inner{font-size:.72rem;text-align:center}.feature-row,.pricing-grid,.pricing-grid.all-units,.promises,.footer-columns{grid-template-columns:1fr}.feature-card{padding:23px}.split{gap:30px}.visual-card{min-height:210px;padding:15px}.section{padding:58px 0}.section-heading{margin-bottom:27px}.section-heading h2{font-size:2rem}.pricing-actions{flex-direction:column;align-items:stretch}.promises{gap:20px;margin-top:22px}.location-buttons{flex-direction:column;align-items:stretch}.cta-section{padding:50px 0}.cta-buttons{width:100%;flex-direction:column}.cta-buttons .btn{width:100%}.footer-columns{gap:28px;padding-bottom:35px}.site-footer{padding-top:46px}.footer-bottom{flex-direction:column;align-items:flex-start}.page-hero{padding:56px 0}.content-section{padding:55px 0 65px}.contact-panel{padding:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}