/*
 Theme Name:   ListingPro Child
 Theme URI:    https://hryp.com/
 Description:  Child theme for ListingPro
 Author:       Luigi De Santo
 Template:     listingpro
 Version:      1.0.0
*/

/* Importa lo stile del tema principale */
@import url("../listingpro/style.css");



/* === HRYP Pricing Plans (compatibile con WPBakery) === */

.hryp-pricing-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 30px !important;
  margin-top: 40px !important;
}

.hryp-pricing-box {
  background: #fff !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08) !important;
  padding: 25px !important;
  width: 300px !important;
  position: relative !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  border: 1px solid #eee;
  text-align: left; /* <-- tolto !important per non bloccare gli override */
}

.hryp-pricing-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

/* --- Badge "Special Offer" --- */
.hryp-offer-badge {
  position: absolute;
  top: -15px;
  left: 20px;
  background: linear-gradient(45deg, #2563eb, #f59e0b);
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  padding: 6px 14px;
  border-radius: 20px;
  text-transform: uppercase;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  letter-spacing: 0.4px;
  z-index: 5;
}

/* --- Title colors --- */
.highlight-silver .hryp-plan-title { color: #f59e0b !important; }
.highlight-gold .hryp-plan-title { color: #6366f1 !important; }
.highlight-premium .hryp-plan-title { color: #ef4444 !important; }

.hryp-plan-title {
  font-size: 1.5em !important;
  font-weight: bold !important;
  margin-bottom: 10px !important;
  text-align: inherit; /* <-- eredita l’allineamento dal contenitore */
}

/* --- Link HR categories --- */
.hryp-pricing-box a {
  color: #2563eb;
  font-weight: 600;
  text-decoration: none;
}

.hryp-pricing-box a:hover {
  text-decoration: underline;
}

/* --- Responsive --- */
@media (max-width: 768px) {
  .hryp-pricing-box {
    width: 90% !important;
  }
}

/* === Ribbon diagonale migliorato === */
.hryp-ribbon {
  position: absolute;
  top: 25px; /* abbassato da 15px */
  left: -55px;
  width: 220px;
  text-align: center;
  background: linear-gradient(45deg, #2563eb, #f59e0b);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 8px 0;
  transform: rotate(-45deg);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
  z-index: 10;
}

/* Glow sottile */
.hryp-ribbon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(245, 158, 11, 0.4);
  z-index: -1;
}

/* Box Silver ottimizzato */
.hryp-pricing-box.highlight-silver {
  position: relative;
  overflow: hidden;
  text-align: center; /* ora viene rispettato */
  padding-top: 55px; /* un po’ più di spazio per il ribbon */
}

/* Migliora spaziatura titolo e descrizione */
.hryp-pricing-box.highlight-silver .hryp-plan-title {
  margin-top: 15px;
  margin-bottom: 10px;
}