/*
Theme Name: Astra Child Checkout Momently
Theme URI: https://momently.com.br
Description: Tema filho Astra para checkout Momently com Stripe Checkout e ativação por token.
Author: Elion Soluções Digitais
Template: astra
Version: 1.1.0
Text Domain: astra-child-checkout-momently
*/

:root{
  --mom-bg:#0B0B0F;
  --mom-card:#15151D;
  --mom-card-2:#1D1D29;
  --mom-border:#2B2B3A;
  --mom-text:#FFFFFF;
  --mom-muted:#C8C8D2;
  --mom-purple:#7C5CFF;
  --mom-purple-hover:#9B87FF;
  --mom-success:#00D68F;
  --mom-danger:#FF5C7A;
}

body.page-template-default,
body{
  background:var(--mom-bg)!important;
}

.momently-checkout-page{
  min-height:100vh;
  background:radial-gradient(circle at top center, rgba(124,92,255,.18), transparent 32%), var(--mom-bg);
  color:var(--mom-text);
  font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  padding:56px 20px 80px;
}

.momently-wrap{max-width:1180px;margin:0 auto;}
.momently-hero{text-align:center;margin-bottom:54px;}
.momently-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.05;margin:0 0 20px;font-weight:850;letter-spacing:-.04em;color:#fff;}
.momently-hero p{font-size:clamp(18px,2vw,24px);line-height:1.35;color:var(--mom-muted);max-width:780px;margin:0 auto 18px;}
.momently-hero .highlight{display:block;color:var(--mom-purple);font-weight:750;font-size:17px;}

.momently-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:36px;align-items:start;}
.momently-card{background:rgba(21,21,29,.92);border:1px solid var(--mom-border);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.24);}
.momently-email{padding:28px;margin-bottom:42px;}
.momently-email h2,.momently-section-title{font-size:28px;color:#fff;margin:0 0 10px;font-weight:800;letter-spacing:-.03em;}
.momently-email p{margin:0 0 24px;color:var(--mom-muted);}
.momently-input{width:100%;height:58px;border-radius:10px;border:1px solid var(--mom-border);background:#101018;color:#fff;padding:0 18px;font-size:16px;outline:none;transition:.2s ease;}
.momently-input:focus{border-color:var(--mom-purple);box-shadow:0 0 0 4px rgba(124,92,255,.18);}
.momently-input[readonly]{opacity:.74;cursor:not-allowed;background:#0d0d14;}

.momently-plans-title{font-size:32px;margin:0 0 24px;color:#fff;font-weight:850;letter-spacing:-.04em;}
.momently-plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.momently-plan{position:relative;padding:28px;border-radius:16px;border:1px solid var(--mom-border);background:var(--mom-card);cursor:pointer;transition:.22s ease;min-height:590px;display:flex;flex-direction:column;}
.momently-plan:hover{transform:translateY(-4px);border-color:rgba(124,92,255,.65);box-shadow:0 20px 60px rgba(124,92,255,.15);}
.momently-plan.active{border:2px solid var(--mom-purple);box-shadow:0 0 0 4px rgba(124,92,255,.16),0 22px 70px rgba(124,92,255,.16);transform:translateY(-4px);}
.momently-badge{position:absolute;top:-14px;right:28px;background:var(--mom-purple);color:#fff;padding:8px 18px;border-radius:8px;font-weight:800;font-size:14px;text-transform:uppercase;}
.momently-plan h3{margin:0 0 10px;color:#fff;font-size:25px;font-weight:850;letter-spacing:-.03em;}
.momently-price{font-size:42px;font-weight:900;color:var(--mom-purple);letter-spacing:-.04em;margin:4px 0 22px;}
.momently-price span{font-size:16px;color:var(--mom-muted);font-weight:600;letter-spacing:0;}
.momently-features{list-style:none;margin:0;padding:0;display:grid;gap:14px;}
.momently-features li{display:flex;gap:12px;color:#fff;font-size:16px;line-height:1.35;}
.momently-features li:before{content:'✓';color:var(--mom-purple);font-weight:900;}
.momently-select{margin-top:auto;background:#050509;border:none;color:#fff;border-radius:8px;height:56px;font-weight:850;cursor:pointer;transition:.2s ease;}
.momently-select:hover{background:var(--mom-purple);}

/* Upgrades */
.momently-upgrade-plans{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:24px !important;
  max-width:760px;
}

.momently-upgrade-plan{
  min-height:410px;
  padding:24px;
  height:100%;
}
.momently-upgrade-plan h3{font-size:26px;line-height:1.1;}
.momently-upgrade-price{font-size:27px;letter-spacing:-.03em;margin-bottom:22px;}
.momently-plan.premium{background:linear-gradient(145deg, rgba(124,92,255,.26), rgba(21,21,29,.98));border-color:rgba(124,92,255,.75);}

.momently-summary{position:sticky;top:30px;padding:28px;}
.momently-summary h3{display:flex;gap:10px;align-items:center;margin:0 0 24px;color:#fff;font-size:18px;font-weight:850;}
.momently-summary-box{border:1px dashed var(--mom-border);border-radius:14px;min-height:98px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--mom-muted);padding:18px;margin-bottom:24px;}
.momently-summary-box strong{display:block;color:#fff;font-size:18px;margin-bottom:4px;}
.momently-summary-box span{display:block;color:var(--mom-muted);margin-top:2px;}
.momently-pay{width:100%;height:64px;border:none;border-radius:10px;background:var(--mom-purple);color:#fff;font-size:18px;font-weight:900;cursor:pointer;transition:.2s ease;}
.momently-pay:hover:not(:disabled){background:var(--mom-purple-hover);transform:translateY(-2px);}
.momently-pay:disabled{opacity:.55;cursor:not-allowed;color:#aaa;}
.momently-trust{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px;}
.momently-trust-item{background:var(--mom-card-2);border-radius:12px;text-align:center;padding:18px 10px;color:var(--mom-muted);font-size:13px;font-weight:700;}
.momently-trust-item span{display:block;color:var(--mom-purple);font-size:22px;margin-bottom:8px;}
.momently-error{display:none;margin-top:14px;background:rgba(255,92,122,.12);border:1px solid rgba(255,92,122,.35);color:#ffd7df;padding:14px;border-radius:10px;}
.momently-loading{opacity:.75;pointer-events:none;}
.momently-small-note{font-size:13px;color:var(--mom-muted);margin-top:16px;line-height:1.4;}
.momently-footer-note{text-align:center;margin-top:46px;color:#8f8fa3;font-size:14px;}

@media (max-width: 1100px){
  .momently-upgrade-plans{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 980px){
  .momently-grid{grid-template-columns:1fr;}
  .momently-summary{position:static;}
}
@media (max-width: 720px){
  .momently-checkout-page{padding:34px 16px 56px;}
  .momently-plans,.momently-upgrade-plans{grid-template-columns:1fr;}
  .momently-plan{min-height:auto;}
  .momently-email{margin-bottom:30px;}
}