/*
Theme Name: SyncVault Dark
Theme URI: https://syncvault.com
Author: SyncVault LLC
Description: Dark digital products storefront theme with WooCommerce support, product collections and legal page templates.
Version: 2.1.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: syncvault-dark
License: GPL-2.0-or-later
*/
:root{--bg:#080e1c;--surface:#101b30;--surface2:#16243c;--line:#283952;--text:#f3f7ff;--muted:#9daec8;--accent:#5d8dff;--mint:#43e5bf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--mint)}img{max-width:100%;height:auto}.container{width:min(1160px,92%);margin:auto}.site-header{border-bottom:1px solid var(--line);background:#080e1cf0;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.header-inner,.nav,.footer-cols,.split,.actions{display:flex;align-items:center;gap:24px}.header-inner{justify-content:space-between;min-height:76px}.brand{font-weight:850;font-size:1.3rem;letter-spacing:-.05em}.brand-mark{display:inline-grid;place-items:center;background:linear-gradient(130deg,var(--accent),var(--mint));color:#071126;width:34px;height:34px;border-radius:10px;margin-right:9px}.nav{gap:23px}.nav a{font-size:.93rem;color:#c8d6ee}.btn,.button,button[type=submit],input[type=submit]{display:inline-block;padding:12px 20px;border:1px solid transparent;border-radius:10px;background:var(--accent);color:#fff;font-weight:750;cursor:pointer}.btn:hover,.button:hover{background:#779fff;color:white}.btn-outline{background:transparent;border-color:#455878}.btn-outline:hover{background:var(--surface2)}.hero{padding:105px 0 80px;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;top:-220px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,#3153b04d,transparent 65%);pointer-events:none}.eyebrow{color:var(--mint);text-transform:uppercase;letter-spacing:.18em;font-weight:750;font-size:.77rem}.hero h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1.08;letter-spacing:-.06em;margin:20px 0;max-width:850px}.hero p,.lead{color:var(--muted);font-size:1.1rem;max-width:660px}.actions{margin-top:30px;flex-wrap:wrap}.section{padding:72px 0}.section h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.15;letter-spacing:-.04em;margin:10px 0}.section-intro{color:var(--muted);margin-bottom:30px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:linear-gradient(145deg,#13223a,#0f192c);border:1px solid var(--line);border-radius:18px;padding:27px}.card h3{margin:12px 0 6px;font-size:1.2rem}.card p,.card li{color:var(--muted)}.card .icon{font-size:1.7rem}.product-price{font-size:1.45rem;font-weight:800;color:var(--mint)}.product-card .btn{margin-top:16px}.pill{border:1px solid var(--line);background:#15243c;padding:6px 12px;border-radius:99px;color:#b7c8e1;font-size:.8rem}.callout{border:1px solid #335478;background:linear-gradient(120deg,#172b48,#101b30);padding:40px;border-radius:20px}.site-footer{border-top:1px solid var(--line);padding:48px 0 24px;color:var(--muted)}.footer-cols{justify-content:space-between;align-items:start;flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;gap:14px}.copyright{border-top:1px solid var(--line);padding-top:22px;margin-top:32px;font-size:.85rem}.content{padding:64px 0;min-height:55vh}.content h1{line-height:1.2}.content a:not(.btn){color:#9db9ff}.content input:not([type=submit]),.content textarea,.content select{max-width:100%;background:#111f34;border:1px solid #42516a;border-radius:8px;padding:12px;color:white}.content label{display:block;margin-top:12px}.notice{border-left:3px solid var(--mint);padding:12px 16px;background:var(--surface);color:var(--muted)}.woocommerce ul.products li.product{background:var(--surface);padding:18px;border-radius:14px;border:1px solid var(--line)}.woocommerce div.product .price,.woocommerce ul.products li.product .price{color:var(--mint)}.woocommerce a.button,.woocommerce button.button{background:var(--accent);color:white}.menu-toggle{display:none}@media(max-width:760px){.grid{grid-template-columns:1fr}.hero{padding:65px 0}.header-inner{flex-wrap:wrap;padding:16px 0}.menu-toggle{display:inline-block;background:transparent;border:1px solid var(--line);border-radius:8px;padding:7px 12px;color:white}.nav{display:none;flex-basis:100%;flex-direction:column;align-items:flex-start;padding-bottom:15px}.nav.open{display:flex}.header-cta{display:none}.callout{padding:24px}}

/* v2 SaaS storefront */
.sv-hero-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center}.sv-preview{border:1px solid #344d70;border-radius:22px;background:linear-gradient(155deg,#192d4d,#0a1428);padding:24px;box-shadow:0 35px 80px #0006}.sv-preview-top{display:flex;gap:7px;border-bottom:1px solid #344d70;padding-bottom:16px}.sv-dot{width:9px;height:9px;border-radius:50%;background:#6d83a5}.sv-preview-inner{padding:30px 10px}.sv-preview-inner strong{font-size:2rem;letter-spacing:-.04em}.sv-feature-row{border:1px solid #294060;background:#12223b;border-radius:12px;margin-top:14px;padding:14px 18px}.sv-feature-row span{float:right;color:var(--mint)}.sv-steps{counter-reset:steps}.sv-steps .card{position:relative}.sv-steps .card:before{counter-increment:steps;content:'0' counter(steps);color:var(--mint);font-weight:800}.sv-pricing-note{padding:20px;border:1px dashed #496182;border-radius:12px;color:var(--muted)}.sv-mini{font-size:.85rem;color:var(--muted)}.sv-faq details{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:16px 20px}.sv-faq summary{cursor:pointer;font-weight:700}.sv-faq p{color:var(--muted)}.sv-account-links{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:850px){.sv-hero-layout{grid-template-columns:1fr}}

/* SyncVault Professional Footer */

.site-footer.sv-footer {
    background: #090e1b;
    color: #a8b7d2;
    border-top: 1px solid #263247;
    padding: 65px 0 22px;
}

.sv-footer .sv-footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 0.8fr 1fr 1.1fr;
    gap: 36px;
    align-items: start;
}

.sv-footer .sv-footer-column {
    min-width: 0;
}

.sv-footer .sv-footer-logo {
    color: #ffffff;
    font-size: 21px;
    font-weight: 800;
    margin: 0 0 18px;
    letter-spacing: 0.4px;
}

.sv-footer .sv-footer-column h4 {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    margin: 4px 0 22px;
}

.sv-footer .sv-footer-about {
    color: #9aabc7;
    font-size: 14px;
    line-height: 1.8;
    margin: 0 0 22px;
}

.sv-footer .sv-footer-info {
    margin-bottom: 18px;
    font-size: 13px;
    line-height: 1.7;
}

.sv-footer .sv-footer-info strong {
    display: block;
    color: #e4ebf8;
    font-size: 13px;
    margin-bottom: 5px;
}

.sv-footer .sv-footer-info p {
    margin: 0;
    color: #9aabc7;
    line-height: 1.8;
}

.sv-footer .sv-footer-nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
}

.sv-footer .sv-footer-nav a,
.sv-footer .sv-footer-info a {
    color: #9aabc7;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s ease;
}

.sv-footer .sv-footer-nav a:hover,
.sv-footer .sv-footer-info a:hover {
    color: #60a5fa;
}

.sv-footer .sv-footer-contact-btn {
    display: inline-block;
    background: #2563eb;
    color: #ffffff;
    padding: 11px 18px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    margin-top: 6px;
    transition: background 0.2s ease;
}

.sv-footer .sv-footer-contact-btn:hover {
    background: #1d4ed8;
    color: #ffffff;
}

.sv-footer .sv-footer-bottom {
    border-top: 1px solid #263247;
    margin-top: 42px;
    padding-top: 23px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.sv-footer .sv-copyright,
.sv-footer .sv-developer-credit {
    margin: 0;
    color: #8899b6;
    font-size: 12px;
    line-height: 1.7;
}

.sv-footer .sv-developer-credit a {
    color: #3bdc2a;
    font-weight: 700;
    text-decoration: none;
    margin-left: 4px;
    transition: color 0.2s ease;
}

.sv-footer .sv-developer-credit a:hover {
    color: #ffffff;
}

/* Tablet */
@media (max-width: 991px) {
    .sv-footer .sv-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 35px;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .site-footer.sv-footer {
        padding: 45px 0 20px;
    }

    .sv-footer .sv-footer-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .sv-footer .sv-footer-column h4 {
        margin-bottom: 14px;
    }

    .sv-footer .sv-footer-bottom {
        flex-direction: column;
        text-align: center;
        margin-top: 32px;
        gap: 8px;
    }
}