/*
Theme Name: SaaS ListPad Studio
Theme URI: https://saaslistpad.com/
Author: SaaS ListPad
Description: Custom full-width SaaS directory theme. Designed to work with SaaS ListPad Directory v2.
Version: 1.0.0
Requires PHP: 8.0
Text Domain: saaslistpad-studio
*/
:root{--pad-ink:#202632;--pad-muted:#626d7c;--pad-gold:#b98b12;--pad-pale:#fff7dc;--pad-stroke:#ebe8dd;--pad-radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0!important;background:#fff;color:var(--pad-ink);font-family:'Poppins',system-ui,sans-serif;font-size:14px;line-height:1.65}body.admin-bar{--adminbar:32px}a{color:inherit}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ddb332;outline-offset:3px} .site-main{width:100%;max-width:none!important;min-width:0;margin:0!important;padding:0!important}.site-main>.slp-site,.site-main>.slp-shell{max-width:none} .slp-site{width:100%;max-width:none!important;margin:0!important;padding:0!important}.slp-shell{width:min(1320px,calc(100% - 64px))!important;max-width:1320px!important;margin-inline:auto!important} .slp-section{padding-top:68px!important;padding-bottom:68px!important}.slp-hero{padding:92px 0 105px!important}.slp-hero h1{font-size:clamp(34px,4.7vw,62px)!important;font-weight:750!important;letter-spacing:-.055em!important;max-width:900px}.slp-hero p{font-size:16px}.slp-site h1,.slp-shell h1,.slp-site h2,.slp-shell h2{font-weight:730!important;letter-spacing:-.045em!important} .slp-btn,.slp-search button{font-size:13px!important;font-weight:600!important;min-height:42px!important;padding:9px 17px!important;border-radius:11px!important} .slp-global-header .slp-btn{min-height:40px!important}.slp-topline{min-height:70px!important;gap:26px}.slp-brand{font-size:20px!important;font-weight:750!important;letter-spacing:-.055em}.slp-brand-mark{width:32px!important;height:32px!important;font-size:21px!important}.slp-nav a,.slp-nav-actions>a:not(.slp-btn){font-size:12px!important;font-weight:600!important}.slp-global-header{position:sticky!important;top:var(--adminbar,0px)!important;z-index:1001!important;box-shadow:0 3px 12px #2b211308}.slp-nav-actions{gap:16px!important}.slp-global-footer{padding-top:52px!important;padding-bottom:20px!important}.slp-footer-grid{gap:35px!important}.slp-footer-bottom{margin-top:36px!important}.slp-single{padding:30px 0 78px!important}.slp-single-head{padding:26px 0!important;gap:18px!important}.slp-single-head h1{font-size:clamp(35px,4vw,54px)!important;font-weight:750!important}.slp-single-head p{font-size:16px!important}.slp-single-head .slp-logo{width:78px!important;height:78px!important}.slp-single-layout{grid-template-columns:minmax(0,1fr) minmax(250px,320px)!important;gap:40px!important}.slp-story h2{font-size:clamp(25px,3vw,33px)!important}.slp-story{max-width:100%}.slp-story p{font-size:15px!important}.slp-card{box-shadow:0 8px 26px rgba(34,39,44,.045)!important}.slp-card h3{font-weight:650!important}.slp-nav,.slp-nav-actions{min-width:0}.slp-mega{z-index:1010}.slp-form{max-width:100%}.slp-narrow{width:min(550px,calc(100% - 32px))!important;margin-top:50px!important;margin-bottom:70px!important;padding:36px!important}.slp-narrow h1{font-size:34px!important}.slp-hero-links{font-weight:550}.slp-grid{gap:17px!important}.slp-global-footer{clear:both} .pad-internal-content{width:min(1100px,calc(100% - 48px));margin:70px auto;min-height:48vh}.pad-internal-content h1{font-size:clamp(30px,4vw,48px)}.pad-fallback-head,.pad-fallback-footer{display:none}body:not(.pad-has-directory) .pad-fallback-head,body:not(.pad-has-directory) .pad-fallback-footer{display:block}.pad-fallback-head{border-bottom:1px solid var(--pad-stroke);padding:20px 0}.pad-fallback-head nav{display:flex;gap:20px;align-items:center}.pad-fallback-footer{background:#222630;color:#fff;padding:40px 0}.pad-a11y-skip{position:absolute;top:-90px;left:10px;z-index:10000;background:white;padding:10px 18px}.pad-a11y-skip:focus{top:10px}
@media(max-width:1050px){.slp-shell{width:calc(100% - 44px)!important}.slp-topline{gap:12px!important}.slp-nav,.slp-nav-actions{gap:12px!important}.slp-single-layout{gap:24px!important}.slp-footer-grid{gap:22px!important}}
@media(max-width:700px){body.admin-bar{--adminbar:46px}.slp-shell{width:calc(100% - 30px)!important}.slp-topline{min-height:62px!important;gap:8px!important}.slp-brand{font-size:19px!important}.slp-nav,.slp-nav-actions{width:100%;gap:12px!important}.slp-global-header.slp-menu-open .slp-nav,.slp-global-header.slp-menu-open .slp-nav-actions{display:flex;flex-direction:column;align-items:stretch;gap:3px!important;padding:8px 0}.slp-global-header.slp-menu-open .slp-nav a,.slp-global-header.slp-menu-open .slp-nav-actions>a{padding:9px 6px!important}.slp-mega-wrap{width:100%;padding:0!important}.slp-mega{position:static!important;display:grid!important;width:100%!important;visibility:visible!important;opacity:1!important;transform:none!important;box-shadow:none!important;border:1px solid #f1e9d5!important;padding:14px!important;margin:7px 0}.slp-hero{padding:64px 0 76px!important}.slp-hero h1{font-size:clamp(32px,9vw,48px)!important}.slp-orbit{opacity:.22!important}.slp-section{padding-top:48px!important;padding-bottom:48px!important}.slp-grid,.slp-single-layout,.slp-feature-grid,.slp-steps{grid-template-columns:1fr!important}.slp-single{padding-top:20px!important}.slp-single-head{align-items:center!important;gap:14px!important}.slp-single-head h1{font-size:36px!important}.slp-single-head .slp-logo{width:66px!important;height:66px!important}.slp-single-layout{gap:24px!important}.slp-side .slp-card{position:static!important}.slp-footer-grid{grid-template-columns:1fr 1fr!important;gap:28px 14px!important}.slp-footer-grid>div:first-child{grid-column:1/-1}.slp-narrow{padding:25px!important}.slp-hero-links{gap:10px!important}.slp-filters{flex-direction:column!important}.slp-filters select{max-width:none!important}.slp-site{overflow-x:clip}}
@media(max-width:400px){.slp-footer-grid{grid-template-columns:1fr!important}.slp-footer-grid>div:first-child{grid-column:auto}.slp-shell{width:calc(100% - 24px)!important}.slp-hero h1{font-size:32px!important}.slp-single-head h1{font-size:31px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
