/*
Theme Name: Accessify Theme
Theme URI: https://accessify.co.za
Author: GoApp Dev
Author URI: https://goappdev.co.za
Description: Clean, fast classic theme for Accessify with full WooCommerce support.
Version: 0.1.2
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: accessify
Tags: e-commerce, custom-logo, custom-menu, responsive-layout
*/
@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(assets/fonts/poppins-600.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:700;font-display:swap;src:url(assets/fonts/poppins-700.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(assets/fonts/inter-400.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(assets/fonts/inter-500.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(assets/fonts/inter-600.woff2) format("woff2")}
:root{--red:#DF392F;--teal:#2EB5B1;--sand:#F2C993;--dred:#B73325;--brown:#693D37;--dbrown:#593730;--ink:#0C0F19;--bg:#FAF7F2;--line:#E4E1DC;--muted:#5b5e66;--r:12px;--w:1140px}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:Poppins,system-ui,sans-serif;font-weight:700;line-height:1.2;margin:0 0 .6em;color:var(--ink)}
h1{font-size:clamp(2rem,4.5vw,3.2rem)}h2{font-size:clamp(1.6rem,3vw,2.3rem)}h3{font-size:1.2rem;font-weight:600}
a{color:var(--dred)}a:hover{color:var(--red)}img{max-width:100%;height:auto}
.container{max-width:var(--w);margin:0 auto;padding:0 20px}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:#fff;padding:8px 12px;z-index:100}
:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.btn,.button,button,input[type=submit],.wp-block-button__link{display:inline-block;background:var(--red);color:#fff;border:0;border-radius:999px;padding:.8em 1.6em;font:600 1rem Inter,sans-serif;text-decoration:none;cursor:pointer;transition:background .15s}
.btn:hover,.button:hover,button:hover,input[type=submit]:hover{background:var(--dred);color:#fff}
.btn-ghost{background:transparent;color:var(--ink);border:2px solid var(--line)}.btn-ghost:hover{background:#fff;color:var(--ink);border-color:var(--ink)}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
.site-logo img{height:38px;width:auto;display:block}
.nav-toggle{display:none;background:none;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.4em .8em}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:26px;align-items:center}
.main-nav a{color:var(--ink);text-decoration:none;font-weight:500}.main-nav a:hover{color:var(--red)}
.header-cta{display:flex;gap:12px;align-items:center}
@media(max-width:860px){.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:16px 20px}.main-nav.open{display:block}.main-nav ul{flex-direction:column;align-items:flex-start;gap:14px}.header-cta .btn{display:none}}
.site-main{min-height:50vh}.content-area{padding:56px 0}
.section{padding:80px 0}.section-alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.eyebrow{display:inline-block;font:600 .8rem Inter;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin-bottom:12px}
.lead{font-size:1.15rem;color:var(--muted);max-width:640px}
.hero{padding:88px 0 72px}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.hero .actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 14px}.hero small{color:var(--muted)}
.hero-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 20px 40px -24px rgba(12,15,25,.25)}
.flow{display:flex;flex-direction:column;gap:12px}.flow div{border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;font-weight:500;display:flex;justify-content:space-between}
.flow .arrow{border:0;justify-content:center;color:var(--teal);padding:0;font-size:1.4rem}
.tag{font-size:.8rem;background:var(--bg);border-radius:999px;padding:2px 10px;color:var(--brown)}
.tag-ok{background:#e3f5f4;color:#1d7f7c}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px}
.section-alt .card{background:var(--bg)}
.step-num{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--sand);color:var(--dbrown);font:700 1.1rem Poppins;margin-bottom:14px}
.status{font-size:.8rem;font-weight:600;padding:3px 10px;border-radius:999px}.status.live{background:#e3f5f4;color:#1d7f7c}.status.soon{background:#fbeede;color:var(--brown)}
.price-box{background:var(--ink);color:#fff;border-radius:20px;padding:40px}.price-box h2,.price-box h3{color:#fff}
.price{font:700 3rem Poppins;color:var(--sand)}.price span{font-size:1rem;color:#c9cad0;font-weight:400}
.price-box ul{padding-left:1.1em}.price-box li{margin:.4em 0}
.check li::marker{color:var(--teal)}
.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 22px;margin-bottom:12px}
.faq summary{font:600 1.05rem Poppins;cursor:pointer}.faq details p{margin:.8em 0 0;color:var(--muted)}
.cta-band{background:var(--red);color:#fff;text-align:center;padding:64px 0}.cta-band h2{color:#fff}.cta-band .btn{background:#fff;color:var(--dred)}
.site-footer{background:var(--dbrown);color:#eadbd3;padding:56px 0 28px;font-size:.95rem}
.site-footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:.4em 0}
.footer-logo{height:64px;width:auto;filter:brightness(0) invert(1)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:36px;padding-top:20px;color:#cdb8ae}
@media(max-width:860px){.hero-grid,.grid-3,.grid-2,.footer-grid{grid-template-columns:1fr}.section{padding:56px 0}.hero{padding:56px 0}}
input,select,textarea{font:inherit;padding:.6em .8em;border:1px solid var(--line);border-radius:8px;background:#fff;max-width:100%}
.entry{max-width:780px}.posts article{margin-bottom:40px}
/* WooCommerce */
.woocommerce ul.products li.product .price,.woocommerce div.product p.price{color:var(--dred)}
.woocommerce span.onsale{background:var(--teal)}
.woocommerce .button.alt,.woocommerce button.button.alt,.woocommerce a.button.alt{background:var(--red)}
.woocommerce .woocommerce-message,.woocommerce .woocommerce-info{border-top-color:var(--teal)}
.woocommerce .woocommerce-message::before,.woocommerce .woocommerce-info::before{color:var(--teal)}
/* 0.1.1: WooCommerce page layout + brand buttons */
body{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1}
.woocommerce-page .entry,.woocommerce-cart .entry,.woocommerce-checkout .entry,.woocommerce-account .entry{max-width:none}
.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.wc-block-components-button:not(.is-link),.wp-element-button{background:var(--red);color:#fff;border-radius:999px;font-weight:600;padding:.75em 1.5em}
.woocommerce .button:hover,.woocommerce button.button:hover,.woocommerce a.button:hover,.wc-block-components-button:not(.is-link):hover,.wp-element-button:hover{background:var(--dred);color:#fff}
.woocommerce form.login,.woocommerce form.register{background:#fff;border-color:var(--line);border-radius:var(--r)}
.woocommerce-info,.woocommerce-message,.woocommerce-error{background:#fff;border-radius:var(--r)}
.wc-block-cart,.wc-block-checkout{max-width:var(--w)}