/* Claritas Art — Artist Membership Plans (Free / Basic / Pro / Premium) */
.cmp{
    --cmp-ink:#17130f;
    --cmp-ink-2:#262016;
    --cmp-paper:#fffdf9;
    --cmp-cream:#fbf7ef;
    --cmp-line:#e6dccb;
    --cmp-muted:#6e655a;
    --cmp-gold:#e0b65f;
    --cmp-gold-2:#c58b2e;
    --cmp-gold-ink:#9a6a1e;
    --cmp-serif:Georgia,"Times New Roman",serif;
    color:var(--cmp-ink);
    max-width:1280px;
    margin:0 auto 48px;
    box-sizing:border-box;
}
.cmp *,.cmp *::before,.cmp *::after{box-sizing:border-box}
.cmp--page{padding:0 16px}

.cmp-eyebrow{
    display:block;
    color:var(--cmp-gold);
    font-size:12px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
}

/* Hero */
.cmp-hero{
    padding:56px 40px 40px;
    border-radius:20px;
    background:linear-gradient(125deg,#111 0%,var(--cmp-ink-2) 100%);
    color:#fff;
    text-align:center;
    margin-bottom:28px;
}
.cmp--account .cmp-hero{padding:36px 28px 30px;text-align:left}
.cmp-hero__title{
    margin:14px auto 14px;
    max-width:820px;
    color:#fff!important;
    font-family:var(--cmp-serif);
    font-size:clamp(32px,4.6vw,54px);
    font-weight:500;
    line-height:1.08;
}
.cmp--account .cmp-hero__title{margin-left:0;font-size:clamp(28px,3.4vw,40px)}
.cmp-hero__sub{
    margin:0 auto 10px;
    max-width:720px;
    color:rgba(255,255,255,.82);
    font-size:17px;
    line-height:1.6;
}
.cmp--account .cmp-hero__sub{margin-left:0}
.cmp-hero__support{
    margin:0 0 26px;
    color:var(--cmp-gold);
    font-family:var(--cmp-serif);
    font-style:italic;
    font-size:18px;
}

/* Billing toggle */
.cmp-toggle{
    display:inline-flex;
    padding:4px;
    border:1px solid rgba(224,182,95,.45);
    border-radius:999px;
    background:rgba(255,255,255,.04);
}
.cmp-toggle__btn{
    appearance:none;
    border:0!important;
    margin:0;
    padding:10px 26px!important;
    border-radius:999px!important;
    background:transparent!important;
    color:rgba(255,255,255,.78)!important;
    font-size:13px!important;
    font-weight:700!important;
    letter-spacing:.12em;
    text-transform:uppercase;
    cursor:pointer;
    line-height:1.2!important;
}
.cmp-toggle__btn.is-active{
    background:linear-gradient(180deg,var(--cmp-gold),var(--cmp-gold-2))!important;
    color:#111!important;
}
.cmp-toggle__btn:focus-visible{outline:2px solid var(--cmp-gold);outline-offset:2px}

/* Billing visibility */
.cmp[data-billing="monthly"] .cmp-price--annual,
.cmp[data-billing="annual"] .cmp-price--monthly{display:none!important}

/* Current plan status (My Account) */
.cmp-status{
    display:grid;
    grid-template-columns:1.2fr 1fr auto;
    gap:24px;
    align-items:center;
    padding:24px 28px;
    margin-bottom:24px;
    border:1px solid var(--cmp-line);
    border-radius:18px;
    background:var(--cmp-paper);
}
.cmp-status .cmp-eyebrow{color:var(--cmp-gold-ink)}
.cmp-status h3{margin:6px 0 4px;font-family:var(--cmp-serif);font-size:28px;font-weight:500}
.cmp-status p{margin:0;color:var(--cmp-muted)}
.cmp-status__usage strong{display:block;margin:6px 0 8px;font-family:var(--cmp-serif);font-size:28px;font-weight:500}
.cmp-status__usage small{font-size:16px;color:var(--cmp-muted)}
.cmp-meter{height:6px;border-radius:999px;background:#efe6d6;overflow:hidden}
.cmp-meter span{display:block;height:100%;background:linear-gradient(90deg,var(--cmp-gold),var(--cmp-gold-2))}
.cmp-status__warn{margin-top:8px!important;color:#9b3a12!important;font-size:14px}

/* Cards */
.cmp-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
    align-items:stretch;
}
.cmp-card{
    position:relative;
    display:flex;
    flex-direction:column;
    padding:30px 24px 26px;
    border:1px solid var(--cmp-line);
    border-radius:18px;
    background:var(--cmp-paper);
    box-shadow:0 14px 38px rgba(44,33,17,.06);
}
.cmp-card.is-popular{
    border:1px solid var(--cmp-gold);
    background:linear-gradient(170deg,#18140f 0%,#2a2218 100%);
    color:#fff;
    box-shadow:0 22px 50px rgba(44,33,17,.22);
}
.cmp-card.is-current{outline:2px solid var(--cmp-gold-2);outline-offset:-2px}
.cmp-card__flag{
    position:absolute;
    top:-13px;
    left:50%;
    transform:translateX(-50%);
    padding:6px 14px;
    border-radius:999px;
    background:linear-gradient(180deg,var(--cmp-gold),var(--cmp-gold-2));
    color:#111;
    font-size:11px;
    font-weight:800;
    letter-spacing:.16em;
    white-space:nowrap;
}
.cmp-card__name{
    margin:0 0 8px!important;
    font-family:var(--cmp-serif)!important;
    font-size:26px!important;
    font-weight:500!important;
    color:inherit!important;
}
.cmp-card__headline{
    margin:0 0 20px;
    min-height:3.2em;
    color:var(--cmp-muted);
    font-size:15px;
    line-height:1.5;
}
.cmp-card.is-popular .cmp-card__headline{color:rgba(255,255,255,.75)}

.cmp-card__price{
    margin:0 0 20px;
    padding-bottom:20px;
    border-bottom:1px solid var(--cmp-line);
    min-height:84px;
}
.cmp-card.is-popular .cmp-card__price{border-color:rgba(224,182,95,.3)}
.cmp-card__price strong{font-family:var(--cmp-serif);font-size:42px;font-weight:500;line-height:1}
.cmp-card__price small{margin-left:4px;font-size:15px;color:var(--cmp-muted)}
.cmp-card.is-popular .cmp-card__price small{color:rgba(255,255,255,.7)}
.cmp-price{display:block}
.cmp-price__alt{display:block;margin-top:8px;font-style:normal;font-size:13px;color:var(--cmp-muted)}
.cmp-card.is-popular .cmp-price__alt{color:rgba(255,255,255,.6)}

.cmp-card__list{
    list-style:none;
    margin:0 0 20px!important;
    padding:0!important;
    flex:1 1 auto;
}
.cmp-card__list li{
    position:relative;
    margin:0 0 9px;
    padding-left:24px;
    font-size:14.5px;
    line-height:1.45;
}
.cmp-card__list li::before{
    content:"";
    position:absolute;
    left:2px;
    top:.42em;
    width:10px;
    height:6px;
    border-left:2px solid var(--cmp-gold-2);
    border-bottom:2px solid var(--cmp-gold-2);
    transform:rotate(-45deg);
}
.cmp-card.is-popular .cmp-card__list li::before{border-color:var(--cmp-gold)}
.cmp-card__list li.is-inherit{font-weight:700}

.cmp-card__best{
    margin:0 0 20px;
    padding:12px 14px;
    border-radius:12px;
    background:var(--cmp-cream);
    color:var(--cmp-muted);
    font-size:13.5px;
    font-style:italic;
    line-height:1.5;
}
.cmp-card__best span{font-style:normal;font-weight:700;color:var(--cmp-ink)}
.cmp-card.is-popular .cmp-card__best{background:rgba(255,255,255,.06);color:rgba(255,255,255,.75)}
.cmp-card.is-popular .cmp-card__best span{color:var(--cmp-gold)}

/* Buttons */
.cmp-card__cta{margin-top:auto}
.cmp-btn{
    display:block;
    width:100%;
    padding:14px 18px;
    border-radius:10px;
    text-align:center;
    font-size:13px;
    font-weight:800;
    letter-spacing:.12em;
    text-decoration:none!important;
    transition:transform .15s ease,box-shadow .15s ease;
}
.cmp-btn:hover{transform:translateY(-1px)}
.cmp-btn:focus-visible{outline:2px solid var(--cmp-gold-2);outline-offset:2px}
.cmp-btn--gold{background:linear-gradient(180deg,var(--cmp-gold),var(--cmp-gold-2));color:#111!important;box-shadow:0 8px 22px rgba(197,139,46,.28)}
.cmp-btn--dark{background:var(--cmp-ink);color:#fff!important}
.cmp-btn--outline{border:1px solid var(--cmp-ink);color:var(--cmp-ink)!important;background:transparent}
.cmp-btn--current{border:1px dashed var(--cmp-gold-2);color:var(--cmp-gold-ink)!important;background:transparent;cursor:default}
.cmp-btn--current:hover{transform:none}
.cmp-card.is-popular .cmp-btn--current{color:var(--cmp-gold)!important}
.cmp-status__cta .cmp-btn{width:auto;white-space:nowrap}

/* Compare table */
.cmp-section-title{
    margin:56px 0 18px!important;
    font-family:var(--cmp-serif)!important;
    font-size:clamp(26px,3vw,36px)!important;
    font-weight:500!important;
    text-align:center;
}
.cmp--account .cmp-section-title{text-align:left;margin-top:40px!important}
.cmp-compare__wrap{overflow-x:auto;border:1px solid var(--cmp-line);border-radius:16px;background:var(--cmp-paper)}
.cmp-compare__table{width:100%;min-width:760px;border-collapse:collapse;margin:0!important;border:0!important}
.cmp-compare__table th,.cmp-compare__table td{
    padding:16px 18px!important;
    border:0!important;
    border-bottom:1px solid var(--cmp-line)!important;
    text-align:left;
    vertical-align:top;
    font-size:14.5px;
    line-height:1.5;
    background:transparent!important;
}
.cmp-compare__table thead th{
    background:var(--cmp-cream)!important;
    color:var(--cmp-gold-ink);
    font-size:11.5px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}
.cmp-compare__table tbody th{font-family:var(--cmp-serif);font-size:17px;font-weight:600;white-space:nowrap}
.cmp-compare__table tbody tr:last-child th,.cmp-compare__table tbody tr:last-child td{border-bottom:0!important}
.cmp-compare__table tr.is-popular th,.cmp-compare__table tr.is-popular td{background:#fff6e4!important}
.cmp-tag{
    display:inline-block;
    margin-left:6px;
    padding:3px 8px;
    border-radius:999px;
    background:var(--cmp-ink);
    color:var(--cmp-gold);
    font-family:Arial,sans-serif;
    font-size:9.5px;
    font-weight:800;
    letter-spacing:.12em;
    vertical-align:middle;
}

/* Commission & note */
.cmp-info{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}
.cmp-info__card{padding:26px 28px;border:1px solid var(--cmp-line);border-radius:16px;background:var(--cmp-paper)}
.cmp-info__card .cmp-eyebrow{color:var(--cmp-gold-ink);margin-bottom:10px}
.cmp-info__card p{margin:0 0 8px;color:var(--cmp-muted);line-height:1.6}
.cmp-info__card p:last-child{margin-bottom:0}
.cmp-info__lead{font-family:var(--cmp-serif);font-size:20px;color:var(--cmp-ink)!important}

@media (max-width:1100px){
    .cmp-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
}
@media (max-width:760px){
    .cmp-hero{padding:40px 20px 30px}
    .cmp-grid{grid-template-columns:1fr}
    .cmp-card__headline,.cmp-card__price{min-height:0}
    .cmp-status{grid-template-columns:1fr}
    .cmp-info{grid-template-columns:1fr}
}

/* My Account: keep the billing toggle identical to the public plans page (beats the generic account button styles) */
body.woocommerce-account .woocommerce-MyAccount-content .cmp .cmp-toggle{display:inline-flex!important;gap:0!important;padding:4px!important;border:1px solid rgba(224,182,95,.45)!important;border-radius:999px!important;background:rgba(255,255,255,.04)!important}
body.woocommerce-account .woocommerce-MyAccount-content .cmp .cmp-toggle .cmp-toggle__btn{appearance:none!important;margin:0!important;min-height:0!important;width:auto!important;padding:12px 34px!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;color:rgba(255,255,255,.82)!important;font-family:inherit!important;font-size:13px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase!important;line-height:1.2!important;transform:none!important;cursor:pointer}
body.woocommerce-account .woocommerce-MyAccount-content .cmp .cmp-toggle .cmp-toggle__btn:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
body.woocommerce-account .woocommerce-MyAccount-content .cmp .cmp-toggle .cmp-toggle__btn.is-active,body.woocommerce-account .woocommerce-MyAccount-content .cmp .cmp-toggle .cmp-toggle__btn.is-active:hover{background:linear-gradient(180deg,#e0b65f,#c58b2e)!important;color:#111!important;box-shadow:0 6px 16px rgba(197,139,46,.28)!important}