/*
====================================================
PTM - Trial UI
====================================================
Estilização dos shortcodes:

[ptm_trial_cta]
[ptm_trial_notice]
====================================================
*/

.ptm-trial-cta{
    font-family: var(--ptm-font);
    margin: 20px 0;
}

/* BOX PRINCIPAL */

.ptm-trial-box{
    background:#fff;
    border-radius:16px;
    padding:28px;
    border:1px solid var(--ptm-c-border);
    box-shadow:0 8px 22px rgba(0,0,0,0.05);
    max-width:720px;
}

.ptm-trial-box h3{
    margin:0 0 12px 0;
    font-size:22px;
    font-weight:700;
    color:var(--ptm-c-text);
}

.ptm-trial-box p{
    margin:8px 0;
    font-size:15px;
    line-height:1.6;
    color:var(--ptm-c-text);
}

/* BOTÃO */

.ptm-trial-button{
    display:inline-block;
    margin-top:12px;
    padding:12px 20px;
    border-radius:999px;
    font-weight:600;
    text-decoration:none;
    background:var(--ptm-c-primary);
    color:#fff;
    transition:all .2s ease;
}

.ptm-trial-button:hover{
    background:#19a7aa;
    transform:translateY(-1px);
}

/* VARIANTES */

.ptm-trial-box--eligible{
    border-left:6px solid var(--ptm-c-primary);
}

.ptm-trial-box--active{
    border-left:6px solid var(--ptm-c-accent);
}

.ptm-trial-box--used{
    border-left:6px solid #999;
}

.ptm-trial-box--logged-out{
    border-left:6px solid var(--ptm-c-secondary);
}

.ptm-trial-box--unavailable{
    border-left:6px solid #ccc;
}

/* NOTICE */

.ptm-trial-notice{
    font-family:var(--ptm-font);
    border-radius:10px;
    padding:14px 18px;
    margin:14px 0;
    font-size:14px;
}

.ptm-trial-notice p{
    margin:0;
}

/* INFO */

.ptm-trial-notice--info{
    background:#eef9fa;
    border-left:4px solid var(--ptm-c-primary);
}

/* WARNING */

.ptm-trial-notice--warning{
    background:#fff8e5;
    border-left:4px solid #ffb400;
}

/* URGENT */

.ptm-trial-notice--urgent{
    background:#ffecec;
    border-left:4px solid #ff3b3b;
}

/* EXPIRED */

.ptm-trial-notice--expired{
    background:#f5f5f5;
    border-left:4px solid #999;
}

/* FEEDBACK DO CONTROLLER */

.ptm-trial-feedback{
    margin-bottom:16px;
    padding:12px 16px;
    border-radius:8px;
}

.ptm-trial-feedback--success{
    background:#e8f8f3;
    border-left:4px solid #24bd7a;
}

.ptm-trial-feedback--error{
    background:#ffecec;
    border-left:4px solid #ff4c4c;
}