/*
Theme Name: TeamVexa Production
Theme URI: https://teamvexa.com/
Author: TeamVexa
Description: Production website theme for TeamVexa collaboration and meetings.
Version: 1.0.3
Text Domain: teamvexa
*/
:root{--tv-bg:#07111f;--tv-bg2:#0b1830;--tv-panel:#0f2039;--tv-panel2:#122845;--tv-line:rgba(255,255,255,.10);--tv-text:#f7fbff;--tv-muted:#aebbd0;--tv-orange:#ff8a1e;--tv-orange2:#ffae48;--tv-blue:#28a8ff;--tv-green:#34d399;--tv-purple:#a78bfa;--tv-danger:#fb7185;--tv-radius:20px;--tv-shadow:0 24px 60px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#06101d 0%,#081425 42%,#07111f 100%);color:var(--tv-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.tv-container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(6,16,29,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--tv-line)}.header-inner{height:78px;display:flex;align-items:center;gap:26px}.brand-link{display:flex;align-items:center;gap:12px;min-width:max-content}.header-logo{width:58px;height:46px;object-fit:contain;object-position:left center}.brand-name{font-weight:900;letter-spacing:.04em;font-size:21px}.brand-name .vexa{color:var(--tv-orange)}.desktop-nav{display:flex;gap:25px;margin-left:auto;align-items:center}.desktop-nav a{color:#dfe9f7;font-weight:650;font-size:14px}.desktop-nav a:hover{color:#fff}.header-actions{display:flex;gap:10px;align-items:center}.tv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:.18s ease;font-size:14px}.tv-btn:hover{transform:translateY(-1px)}.tv-btn-primary{background:linear-gradient(135deg,var(--tv-orange),var(--tv-orange2));color:#111827;box-shadow:0 10px 28px rgba(255,138,30,.22)}.tv-btn-blue{background:linear-gradient(135deg,#168ddd,var(--tv-blue));color:white}.tv-btn-outline{border-color:rgba(255,255,255,.20);background:rgba(255,255,255,.03);color:white}.menu-toggle{display:none;background:none;border:1px solid var(--tv-line);color:white;border-radius:10px;padding:9px 11px;font-size:20px}.mobile-nav{display:none;padding:0 20px 20px}.mobile-nav.open{display:grid;gap:8px}.mobile-nav a{padding:11px 12px;border-radius:10px;background:rgba(255,255,255,.04)}
.hero{position:relative;overflow:hidden;padding:92px 0 78px;border-bottom:1px solid var(--tv-line)}.hero:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 25% 30%,rgba(40,168,255,.15),transparent 28%),radial-gradient(circle at 75% 25%,rgba(255,138,30,.12),transparent 25%),linear-gradient(115deg,transparent 30%,rgba(40,168,255,.04) 50%,transparent 70%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:66px;align-items:center}.hero-logo{width:min(430px,100%);filter:drop-shadow(0 18px 40px rgba(0,0,0,.35))}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;letter-spacing:.17em;color:#c9d9ec;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:2px;background:var(--tv-orange)}h1,h2,h3{line-height:1.08;margin:0 0 18px}.hero h1{font-size:clamp(50px,6vw,82px);letter-spacing:-.045em;margin-top:18px}.hero h1 .orange{color:var(--tv-orange)}.hero h1 .blue{color:var(--tv-blue)}.hero-copy{font-size:18px;color:var(--tv-muted);max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.trust-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:#c6d4e7;font-size:13px}.trust-row span:before{content:"✓";color:var(--tv-green);font-weight:900;margin-right:7px}
.section{padding:82px 0}.section-alt{background:rgba(12,28,49,.58);border-top:1px solid var(--tv-line);border-bottom:1px solid var(--tv-line)}.section-head{text-align:center;max-width:760px;margin:0 auto 42px}.section-head h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.03em}.section-head p{color:var(--tv-muted);font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{background:linear-gradient(180deg,rgba(18,40,69,.92),rgba(10,27,48,.92));border:1px solid var(--tv-line);border-radius:var(--tv-radius);padding:26px;box-shadow:0 18px 40px rgba(0,0,0,.14)}.feature-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:24px;margin-bottom:20px;background:rgba(40,168,255,.12);border:1px solid rgba(40,168,255,.25)}.feature-card:nth-child(2) .feature-icon{background:rgba(52,211,153,.12);border-color:rgba(52,211,153,.25)}.feature-card:nth-child(3) .feature-icon{background:rgba(167,139,250,.12);border-color:rgba(167,139,250,.25)}.feature-card:nth-child(4) .feature-icon{background:rgba(255,138,30,.12);border-color:rgba(255,138,30,.25)}.feature-card h3{font-size:20px}.feature-card p{margin:0;color:var(--tv-muted);font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:stretch}.panel{background:linear-gradient(180deg,rgba(18,40,69,.86),rgba(10,27,48,.86));border:1px solid var(--tv-line);border-radius:24px;padding:34px;box-shadow:var(--tv-shadow)}.panel h2{font-size:34px}.panel p{color:var(--tv-muted)}.meeting-choice{display:flex;align-items:flex-start;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid var(--tv-line)}.choice-icon{flex:0 0 48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(40,168,255,.12);font-size:23px}.choice-icon.join{background:rgba(52,211,153,.12)}.meeting-choice h3{margin-bottom:7px}.meeting-choice p{margin:0 0 14px}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.workflow-step{text-align:center;position:relative;padding:22px 14px}.workflow-num{width:56px;height:56px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#102b4f,#17406d);border:1px solid rgba(40,168,255,.35);box-shadow:0 0 0 7px rgba(40,168,255,.05)}.workflow-step h3{font-size:18px}.workflow-step p{font-size:13px;color:var(--tv-muted)}.cta-band{border:1px solid rgba(255,138,30,.25);background:linear-gradient(110deg,rgba(255,138,30,.12),rgba(40,168,255,.10));border-radius:26px;padding:42px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-band h2{font-size:34px}.cta-band p{color:var(--tv-muted);margin:0}.page-hero{padding:72px 0 44px;border-bottom:1px solid var(--tv-line)}.page-hero h1{font-size:clamp(40px,5vw,62px);letter-spacing:-.04em}.page-hero p{font-size:18px;color:var(--tv-muted);max-width:760px}.content-wrap{padding:58px 0 82px}.content-card{background:rgba(15,32,57,.78);border:1px solid var(--tv-line);border-radius:22px;padding:32px}.content-card h2{margin-top:30px}.content-card h2:first-child{margin-top:0}.content-card p,.content-card li{color:#c7d4e6}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{background:rgba(15,32,57,.86);border:1px solid var(--tv-line);border-radius:22px;padding:30px;position:relative}.price-card.featured{border-color:rgba(255,138,30,.5);box-shadow:0 20px 50px rgba(255,138,30,.08)}.price-badge{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#111827;background:var(--tv-orange);padding:6px 9px;border-radius:999px;margin-bottom:18px}.price{font-size:36px;font-weight:900;margin:14px 0}.price-card ul{padding-left:18px;color:var(--tv-muted)}.join-box{max-width:720px;margin:auto}.join-box label,.contact-form label{display:block;font-weight:700;margin-bottom:8px}.tv-input,.contact-form input,.contact-form textarea{width:100%;background:#071525;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:white;padding:13px 14px;font:inherit;outline:none}.tv-input:focus,.contact-form input:focus,.contact-form textarea:focus{border-color:var(--tv-blue);box-shadow:0 0 0 3px rgba(40,168,255,.10)}.form-row{margin-bottom:18px}.login-wrap .login-username,.login-wrap .login-password,.login-wrap .login-remember{margin-bottom:15px}.login-wrap input[type=text],.login-wrap input[type=password]{width:100%;background:#071525;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:white;padding:13px 14px}.login-wrap input[type=submit]{border:0;border-radius:12px;background:linear-gradient(135deg,var(--tv-orange),var(--tv-orange2));padding:12px 18px;font-weight:900;cursor:pointer}.notice{padding:14px 16px;border-radius:12px;background:rgba(52,211,153,.10);border:1px solid rgba(52,211,153,.25);color:#d8fff1;margin-bottom:20px}.notice.error{background:rgba(251,113,133,.10);border-color:rgba(251,113,133,.25);color:#ffdbe2}.site-footer{border-top:1px solid var(--tv-line);background:#050d18;padding:54px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px}.footer-brand img{width:170px}.footer-brand p{color:var(--tv-muted);max-width:320px}.footer-col h3{font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:#eaf2fc}.footer-col a{display:block;color:var(--tv-muted);margin:8px 0;font-size:14px}.footer-col a:hover{color:white}.footer-bottom{margin-top:38px;padding-top:20px;border-top:1px solid var(--tv-line);display:flex;justify-content:space-between;gap:20px;color:#7f91aa;font-size:12px}.woocommerce{color:#dbe7f6}.woocommerce input,.woocommerce select,.woocommerce textarea{background:#071525!important;color:white!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:10px!important}.woocommerce button.button,.woocommerce a.button{background:var(--tv-orange)!important;color:#111827!important;border-radius:10px!important}.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:980px){.desktop-nav{display:none}.header-actions .tv-btn-outline{display:none}.menu-toggle{display:block;margin-left:auto}.hero-grid,.split{grid-template-columns:1fr}.hero-logo{width:340px;margin:auto;display:block}.feature-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}.workflow{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.hero{padding-top:60px}}
@media(max-width:620px){.tv-container{width:min(100% - 26px,1180px)}.header-inner{height:68px}.header-logo{width:48px}.brand-name{font-size:18px}.header-actions .tv-btn-primary{display:none}.hero{padding:48px 0}.hero h1{font-size:46px}.hero-grid{gap:30px}.feature-grid,.workflow,.footer-grid{grid-template-columns:1fr}.section{padding:60px 0}.panel,.content-card,.price-card{padding:24px}.cta-band{padding:28px;align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column}}

.price small{font-size:15px;font-weight:700;color:var(--tv-muted)}.price-action{width:100%;margin-top:18px}.price-card{display:flex;flex-direction:column}.price-card ul{flex:1}

.login-wrap .wp-login-lost-password,.login-wrap a[href*="lostpassword"]{color:#111827!important;font-weight:700}.login-wrap .wp-login-lost-password:hover,.login-wrap a[href*="lostpassword"]:hover{color:#0b66c3!important;text-decoration:underline}

.woocommerce .lost_password a,.woocommerce-LostPassword a{color:#111827!important;font-weight:700!important}.woocommerce .lost_password a:hover,.woocommerce-LostPassword a:hover{color:#0b66c3!important;text-decoration:underline!important}

.woocommerce-ResetPassword,.woocommerce-ResetPassword p,.woocommerce-ResetPassword label{color:#111827!important}

/* TeamVexa WooCommerce button contrast fix */
.woocommerce .wp-block-button__link,
.woocommerce .wp-element-button,
.woocommerce button.wp-block-button__link,
.woocommerce .wc-block-components-button {
    color: #ffffff !important;
}

/* TeamVexa SumUp recurring-payment button contrast fix */
#sumup-card button,
#sumup-card button span,
#sumup-card input[type="submit"],
#sumup-card input[type="button"] {
    color: #ffffff !important;
}

#sumup-card button:not(#wc-sumup-payment-modal-close),
#sumup-card input[type="submit"],
#sumup-card input[type="button"] {
    background-color: #000000 !important;
}

#sumup-card #wc-sumup-payment-modal-close,
#sumup-card #wc-sumup-payment-modal-close span {
    color: #1d2327 !important;
}

/* TeamVexa SumUp recurring-payment button contrast fix */
#sumup-card button,
#sumup-card button span,
#sumup-card input[type="submit"],
#sumup-card input[type="button"] {
    color: #ffffff !important;
}

#sumup-card button:not(#wc-sumup-payment-modal-close),
#sumup-card input[type="submit"],
#sumup-card input[type="button"] {
    background-color: #000000 !important;
}

#sumup-card #wc-sumup-payment-modal-close,
#sumup-card #wc-sumup-payment-modal-close span {
    color: #1d2327 !important;
}
