/* ============================================================================
   Pricing & Plans — restyle pagina "Prezzi e Piani" (NewSubscription) + pricing
   pubblica. Scoped sotto .lic-pricing per non impattare altre pagine.
   Coerente col tema Vuexy (Bootstrap 5) + accento brand lavoraincloud (#F39237).
   ============================================================================ */

.lic-pricing {
   --lic-accent: #F39237;          /* arancio brand */
   --lic-accent-soft: rgba(243, 146, 55, .12);
   --lic-ink: #2f2b3d;             /* testo heading Vuexy */
   --lic-muted: #6f6b7d;
   --lic-card-border: #e6e6ea;
   --lic-card-radius: 1rem;
   --lic-enterprise-bg: linear-gradient(160deg, #2b2c40 0%, #1f1f33 100%);
}

/* Heading più arioso */
.lic-pricing .pricing-head h2 {
   letter-spacing: -.02em;
}
.lic-pricing .pricing-head p {
   color: var(--lic-muted);
   max-width: 46rem;
   margin-inline: auto;
}

/* ---- Griglia: card di pari altezza, respiro tra le colonne ---- */
.lic-pricing .pricing-plans { align-items: stretch; }
.lic-pricing .pricing-plans > [class*="col-"] { display: flex; }

/* ---- Card base ---- */
.lic-pricing .pricing-card {
   position: relative;
   width: 100%;
   height: 100%;
   border: 1px solid var(--lic-card-border) !important;
   border-radius: var(--lic-card-radius);
   background: #fff;
   box-shadow: 0 2px 10px rgba(47, 43, 61, .04);
   transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
   overflow: hidden;
}
.lic-pricing .pricing-card:hover {
   transform: translateY(-6px);
   box-shadow: 0 18px 40px rgba(47, 43, 61, .12);
   border-color: #d9d9e3 !important;
}
.lic-pricing .pricing-card .card-body {
   padding: 2rem 1.75rem 1.75rem;
}

/* Nome piano + slogan */
.lic-pricing .pricing-card .card-title {
   font-weight: 700;
   color: var(--lic-ink);
   letter-spacing: -.01em;
}

/* ---- Blocco prezzo ---- */
.lic-pricing .price-yearly,
.lic-pricing .pricing-card h1.price-toggle {
   font-weight: 800;
   font-size: 2.75rem;
   line-height: 1;
   letter-spacing: -.03em;
}
.lic-pricing .pricing-duration { color: var(--lic-muted); font-weight: 500; }

/* ---- Lista feature ---- */
.lic-pricing .pricing-card .list-group { margin-block: 1.25rem .5rem; }
.lic-pricing .pricing-card .list-group li {
   align-items: flex-start;
   color: #514f5e;
}
.lic-pricing .pricing-card .list-group li i { margin-top: .1rem; font-size: 1.05rem; }
.lic-pricing .pricing-card .list-group li i.ri-checkbox-circle-fill { color: var(--lic-accent); }
.lic-pricing .pricing-card .list-group li i.ri-close-circle-line { color: #c9c7d1; }

/* ---- CTA pinned a fondo card ---- */
.lic-pricing .pricing-card .btn { border-radius: .6rem; font-weight: 600; padding-block: .65rem; }

/* ---- Piano corrente (highlight) ---- */
.lic-pricing .pricing-card-current {
   border-color: #28c76f !important;
   box-shadow: 0 0 0 1px #28c76f, 0 10px 30px rgba(40, 199, 111, .12);
}

/* ---- Piano "popolare" (Pro): accento arancio in alto ---- */
.lic-pricing .pricing-card-popular { border-color: var(--lic-accent) !important; }
.lic-pricing .pricing-card-popular::before {
   content: "";
   position: absolute; inset: 0 0 auto 0; height: 4px;
   background: var(--lic-accent);
}
.lic-pricing .pricing-badge-popular {
   position: absolute; top: 1rem; right: 1rem; z-index: 2;
   background: var(--lic-accent); color: #fff;
   font-size: .72rem; font-weight: 700; letter-spacing: .02em;
   padding: .3rem .7rem; border-radius: 2rem;
   box-shadow: 0 4px 12px rgba(243,146,55,.4);
}

/* ============================================================================
   Card ENTERPRISE / "Contattaci" — trattamento premium scuro, centrato.
   Risolve l'aspetto "vuoto": diventa l'ancora visiva della pagina.
   ============================================================================ */
.lic-pricing .pricing-card-contact {
   background: var(--lic-enterprise-bg);
   border-color: transparent !important;
   color: #e9e8f0;
}
.lic-pricing .pricing-card-contact:hover { box-shadow: 0 22px 48px rgba(31,31,51,.45); }
.lic-pricing .pricing-card-contact .card-body {
   align-items: center;
   text-align: center;
   justify-content: center;
}
.lic-pricing .pricing-card-contact .card-title { color: #fff; }
.lic-pricing .pricing-card-contact .text-muted,
.lic-pricing .pricing-card-contact p { color: #b7b5c9 !important; }
.lic-pricing .pricing-card-contact hr { border-color: rgba(255,255,255,.12); width: 100%; }

.lic-pricing .pricing-contact-icon {
   width: 64px; height: 64px; border-radius: 18px;
   display: inline-flex; align-items: center; justify-content: center;
   background: var(--lic-accent-soft); color: var(--lic-accent);
   font-size: 1.9rem; margin-bottom: 1rem;
}
.lic-pricing .pricing-contact-price {
   font-size: 1.6rem; font-weight: 800; color: #fff; letter-spacing: -.02em;
}
.lic-pricing .pricing-contact-list {
   list-style: none; padding: 0; margin: 1.25rem 0 1.5rem; width: 100%;
   text-align: left;
}
.lic-pricing .pricing-contact-list li {
   display: flex; align-items: flex-start; gap: .6rem;
   color: #d7d6e4; font-size: .92rem; margin-bottom: .65rem;
}
.lic-pricing .pricing-contact-list li i { color: var(--lic-accent); margin-top: .1rem; }

.lic-pricing .pricing-card-contact .btn-contact {
   background: var(--lic-accent); border-color: var(--lic-accent); color: #fff;
   width: 100%; margin-top: auto;
}
.lic-pricing .pricing-card-contact .btn-contact:hover {
   background: #e07f23; border-color: #e07f23; color: #fff;
}

/* Badge "Piano corrente" su card scura (se Enterprise fosse il piano attivo) */
.lic-pricing .pricing-card-contact .badge.bg-label-success {
   background: rgba(40,199,111,.18) !important; color: #5ee0a0 !important;
}

@media (max-width: 991.98px) {
   .lic-pricing .pricing-card:hover { transform: none; }
}