/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

:root {
    --color-primary: #3E8A68;
    --color-secondary: #103954;
    --color-cream: #F8F7F5;
    --color-mint:#bad9ce; 
    --color-yellow:#f2bb16; 
    --color-orange:#bf820f;
    --ink:#0f2e2e; 
    --muted:#6b7c7c; 
    --border:#e6efef; 
    --bg:#f7fbfa;
}

.pmpro_card_actions {
    background-color: var(--color-primary)!important;
}

.pmpro_section a {
    color: var(--color-cream);
}

.custom-payment-subscription a {
    color: var(--color-secondary);
    text-decoration: underline;
}


/* ===== Materio – Pricing custom ===== */

.mat-pricing a {color: var(--color-secondary);}
.mat-pricing{max-width:1100px;margin:0 auto;padding:8px 16px 40px;}
.mat-pricing__hero{text-align:center;margin:10px 0 26px;}
.mat-pricing__hero h1{margin:0 0 6px;font-size:34px;font-weight:900;letter-spacing:.2px;color:var(--ink);}
.mat-pricing__hero p{margin:0;color:var(--muted);font-size:16px;}

.mat-pricing__grid{display:flex; gap:18px; align-items: center; justify-content: center;}
@media (max-width:1000px){.mat-pricing__grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:680px){.mat-pricing__grid{grid-template-columns:1fr;} }

.mat-card{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 14px 32px rgba(17,140,140,.06);padding:20px 20px 18px;display:flex;flex-direction:column;gap:14px; width: 50%; max-width: 600px; justify-content: center;}
.mat-card.is-featured{border-color:rgba(17,140,140,.35);box-shadow:0 22px 50px rgba(17,140,140,.1);position:relative;}
.mat-card__head{display:flex;align-items:center;justify-content:space-between;}
.mat-badge{background:rgba(17,140,140,.1);color:var(--color-primary);border:1px solid rgba(17,140,140,.25);font-weight:800;border-radius:999px;padding:6px 10px;}
.mat-chip{background:#fff2c0;color:#5b4700;border:1px solid #ffe48a;border-radius:999px;padding:6px 10px;font-weight:800;}

.mat-card__price{margin-top:2px;}
.mat-price{display:flex;align-items:baseline;gap:4px;}
.mat-price__amount{font-size:38px;font-weight:900;line-height:1;color:#000;}
.mat-price__currency{font-weight:800;}
.mat-price__period{color:var(--muted);font-size:13px;margin-top:2px;}
.mat-price--text{font-weight:800;color:#000;}

.mat-card__desc{color:var(--muted);font-size:14px;}
.mat-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.mat-list li{position:relative;padding-left:26px;color:var(--ink);}
.mat-list li:before{content:"✓";position:absolute;left:0;top:0;line-height:1.2;color:var(--color-teal);font-weight:900;}

.mat-card__cta{display:flex;gap:10px;margin-top:auto;}
.mat-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:12px;border:1px solid var(--border);text-decoration:none;font-weight:800;color:var(--ink);transition:.2s;flex:1;}
.mat-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.06);}
.mat-btn--primary{background:var(--color-teal);border-color:var(--color-teal);color:#fff;}
.mat-btn--primary:hover{background:var(--color-primary);border-color:var(--color-primary);}
.mat-btn--ghost{background:transparent;}

.mat-guarantee{text-align:center;margin-top:18px;color:var(--muted);font-weight:700;}


#pmpro_login {
    box-shadow: 0 0 15 10px rgba(0, 0, 0, 0.25);
}
#pmpro_login .pmpro_card_actions {
    background-color: var(--color-cream)!important;
}

#pmpro_login .pmpro_card_actions a {
    color: var(--color-primary);
}

.mat-summary.pmpro_box, .pmpro_card {
    background-color: white!important;
    padding: 1em;
    border-radius: 8px;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.15);
}

.pmpro_btn.pmpro_btn-submit-checkout {
    background-color: var(--color-cream);
    color:  var(--color-primary);
}

#pmpro_confirmation-1 {
    text-align: center;
}

.pmpro_actions_nav a {
    font-family: "Verdana";
    font-size: 1rem;
    font-weight: 700;
    line-height: 32px;
    fill: var(--color-cream);
    color: var(--color-cream);
    border-radius: 15px 15px 15px 15px;
    padding: 14px 30px 14px 030px;
}

.pmpro_card.pmpro_content_message {
    width: 500px;
    margin: 9rem auto;
}

.pmpro_card.pmpro_content_message a {
    color: var(--color-cream);
}