/* =========================================
   LICENZA.CSS - Regole Custom Pagina Licenza
   ========================================= */


.hero {
    padding-bottom:0 !important;
}

.hero__badge{
   background-color: var(--color-accent);
}

.hero__title-highlight{
      color: var(--color-primary) !important;
}



.section--sm{
   padding-top:0 !important;
}

.pricing-card__chat-icon{
   display:none;
}

.pricing-card__feature-check{
   background-color: transparent;
   font-size:26px;
   color: var(--color-accent);
}

.pricing-card--dark .pricing-card__features{
       border-top: 1px solid var(--color-primary);
}


.btn{
      background-color: var(--color-primary);
      border: 1px solid var(--color-primary);
      color: var(--color-white);
      padding:5%;
      transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.btn:hover{
      background-color: var(--color-primary-light);
      border-color: var(--color-primary-light);
      color: var(--color-dark);
      transform: translateY(-2px);
      box-shadow: var(--shadow-md);
}
.pricing-card__features {
    margin-top: 0;
}

.pricing-card__description{
   color:white;
}

p{
   margin-bottom:0;
}


.pricing-card__header{
   background-color: transparent;
}


/* Layout prezzo (vecchio + nuovo + iva) */
.pricing-card__price{
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
}

/* Vecchio prezzo: grigio + barra color accent */
.pricing-card__price-old{
  position: relative;
  color: #999999;
  line-height: 1;
}

/* Barra “sbarrata” color accent (non dipende da text-decoration) */
.pricing-card__price-old::after{
  content: "";
  position: absolute;
  left: -2px;
  right: -2px;
  top: 50%;
  height: 1px;
  background: var(--color-accent);
  transform: translateY(-50%);
    transform: translateY(-50%) rotate(10deg);

}

/* Nuovo prezzo e +iva sempre in accent */
.pricing-card__price-value,
.pricing-card__price-currency,
.pricing-card__price-period{
  color: var(--color-accent) !important;
}


.pricing-card__name {
    font-size: 25px;
}

.pricing-card__price {
    font-size: 20px;
}

.pricing-card__price-value{
   font-size:22px;
}

.pricing-card__header{
   padding:0;
}

.pricing-card__price-period {
    font-size: 11px;
}

.pricing-card__price--placeholder,
.pricing-card__offer-placeholder {
  display: none;
}

.pricing-card__custom-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.35rem;
  width: 100%;
}

.pricing-card__description--custom-top {
  margin-bottom: 0;
}

.pricing-card__description--custom-spacer {
  display: none;
}


/* =========================================
   FLIP CARD (Licenza <-> Custom)
   ========================================= */

.pricing-flip {
  perspective: 1200px;
}

.pricing-flip__inner{
  display: grid;                 /* sovrappone le due facce */
  transform-style: preserve-3d;
  transition: transform 700ms cubic-bezier(.2,.8,.2,1);
}

.pricing-flip.is-flipped .pricing-flip__inner{
  transform: rotateY(180deg);
}

.pricing-flip__face{
  grid-area: 1 / 1;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.pricing-flip__face--back{
  transform: rotateY(180deg);
}

/* =========================================
   DESKTOP: no flip, cards side-by-side compact
   ========================================= */
@media (min-width: 1024px) {
  .tabs.tabs--center {
    display: none;
  }

  .pricing-flip {
    perspective: none;
    max-width: 980px;
    margin: 0 auto;
  }

  .pricing-flip__inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    transform: none !important;
    transition: none;
    align-items: stretch;
  }

  .pricing-flip.is-flipped .pricing-flip__inner {
    transform: none !important;
  }

  .pricing-flip__face {
    grid-area: auto;
    transform: none !important;
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
  }

  .pricing-flip__face--back {
    transform: none !important;
  }

  .pricing-flip__face .pricing-card {
    height: 100%;
  }

  .pricing-card__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
    padding: 0;
  }

  .pricing-card__name {
    font-size: 1.25rem;
  }

  .pricing-card__price {
    font-size: 1rem;
    gap: 0.5rem;
  }

  .pricing-flip__face--back .pricing-card__price--placeholder {
    display: flex;
    visibility: hidden;
    pointer-events: none;
  }

  .pricing-flip__face--back .pricing-card__custom-top {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
  }

  .pricing-flip__face--back .pricing-card__description--custom-top {
    position: absolute;
    top: calc(100% + 0.15rem);
    left: 0;
    margin: 0;
    max-width: 100%;
    text-align: left;
    font-size: 0.95rem;
  }

  .pricing-flip__face--back .pricing-card__offer-placeholder {
    display: block;
    visibility: hidden;
    pointer-events: none;
  }

  .pricing-flip__face--back .pricing-card__description--custom-spacer {
    display: block;
    visibility: hidden;
    pointer-events: none;
  }

  .pricing-card__price-value {
    font-size: 1.35rem;
  }

  .pricing-card__description {
    font-size: 0.95rem;
  }

  .pricing-card__features {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
  }

  .pricing-card__feature {
    font-size: 0.95rem;
  }

  .pricing-card__feature-check {
    font-size: 1.15rem;
  }

  .pricing-card__cta .btn {
    display: inline-flex;
    width: auto;
    padding: 0.55rem 1rem;
    font-size: 0.92rem;
    border-radius: 999px;
  }
}