/*
Fichier de styles locaux au détecteur d'intelligence artificielle
*/
/* 
    Created on : 15 mars 2025, 11:59:05
    Author     : sebastien
*/
:root{
    --brand: #F07D00; /* orange -smartlegal */
    --brand-dark: #cc6d16;
    --bg-soft: #fff8f2;
}
.btn-brand{background:var(--brand);border-color:var(--brand);} .btn-brand:hover{background:var(--brand-dark);border-color:var(--brand-dark);}
.text-brand{color:var(--brand);} .bg-soft{background:var(--bg-soft);}
.badge-soft{background:rgba(241,132,32,.1);color:var(--brand);}
.hero{background:linear-gradient(110deg,#fff, var(--bg-soft));}
.feature-icon{width:3rem;height:3rem;display:inline-grid;place-items:center;border-radius:.75rem;background:rgba(0,0,0,.04)}
[data-state] .only-guest,[data-state] .only-activate,[data-state] .only-active{display:none;}
[data-state="guest"] .only-guest{display:block;}
[data-state="activate"] .only-activate{display:block;}
[data-state="active"] .only-active{display:block;}
.plan{border:1px solid #eee;border-radius:1rem;padding:1.25rem;background:#fff}
.plan.pop{border-color:var(--brand);box-shadow:0 .5rem 1.25rem rgba(241,132,32,.15)}
.check{color: #198754}
.muted{opacity:.85}
.btn-custom{
    background: #F07D00;
    border: 0 none;
    border-radius: 30px;
    padding: 5px 15px;
    color: #fff;
}
a.btn-outline-secondary{
    color:#F07D00;
}
.flexReassur{
    justify-content: space-around;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.flexReassur .feature-icon{
    margin-bottom: 10px;
}
#pricing{
    padding: 30px 0;
}

.glyphicon-refresh.spinning {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
@-webkit-keyframes spin { from { -webkit-transform: rotate(0);} to { -webkit-transform: rotate(360deg);} }
@keyframes spin { from { transform: rotate(0);} to { transform: rotate(360deg);} }
.token-pending { opacity: .7; }


.ia-gauge-wrap { display:inline-block; }
#iaGaugeProgress {
    transition: stroke-dasharray .8s ease, stroke .25s ease;
}
.glyphicon-refresh.spinning {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
@-webkit-keyframes spin { from { -webkit-transform: rotate(0);} to { -webkit-transform: rotate(360deg);} }
@keyframes spin { from { transform: rotate(0);} to { transform: rotate(360deg);} }


.token-wallet{
    background:#fff;
    border:2px solid #F18420;
    border-radius:14px;
    padding:16px 18px;
    box-shadow:0 8px 24px rgba(241,132,32,.15);
    display:flex; align-items:center; justify-content:space-between;
    margin:18px 0 10px;
}
.tw-left{ display:flex; align-items:baseline; gap:10px; }
.tw-icon{ font-size:28px; line-height:1; }
.tw-label{ color:#888; font-size:16px; }
.tw-value{ font-weight:700; font-size:28px; color:#222; }
.tw-right .btn{ font-weight:600; border-radius:10px; padding:10px 16px; }
@media (max-width:768px){
    .token-wallet{ display:block; text-align:center; }
    .tw-right{ margin-top:10px; }
}
.token-wallet.low { border-color:#E53935; box-shadow:0 8px 24px rgba(229,57,53,.15); }
.token-wallet.low .tw-value{ color:#E53935; }