/* Cyclone Hosting V5 - Pricing Text Visibility Fix
   Load this AFTER the pricing v2/inheritance CSS files.
   Fixes feature text being covered/cut off by large blue bullet circles.
*/

.v5-plan-card ul{
    gap:9px !important;
}

.v5-plan-card li{
    display:flex !important;
    align-items:flex-start !important;
    gap:10px !important;
    padding-left:0 !important;
    color:#e8f5ff !important;
    font-size:14px !important;
    line-height:1.35 !important;
    overflow:visible !important;
    white-space:normal !important;
}

.v5-plan-card li:before{
    position:static !important;
    flex:0 0 20px !important;
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    margin-top:0 !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    font-size:12px !important;
    line-height:1 !important;
    content:'✓' !important;
    color:#071327 !important;
    background:#13dfff !important;
}

/* Intro banner should not have the check circle */
.v5-plan-card li.v5-feature-intro{
    display:block !important;
    padding:11px 13px !important;
    margin:6px 0 8px !important;
    border-radius:13px !important;
    background:linear-gradient(135deg,rgba(19,223,255,.95),rgba(35,109,255,.72)) !important;
    border:1px solid rgba(255,239,74,.45) !important;
    color:#ffffff !important;
    font-size:12px !important;
    font-weight:950 !important;
    line-height:1.25 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    box-shadow:0 0 24px rgba(19,223,255,.22) !important;
    white-space:normal !important;
}

.v5-plan-card li.v5-feature-intro:before{
    display:none !important;
    content:none !important;
}

/* Prevent card text from clipping on smaller laptop screens */
.v5-plan-card{
    overflow:visible !important;
}

.v5-plan-card ul li span,
.v5-plan-card li strong{
    overflow:visible !important;
}

.v5-clean-feature-list li.v5-feature-divider,
.v5-clean-feature-list .v5-feature-divider{
    display:block !important;
    height:1px !important;
    padding:0 !important;
    margin:10px 0 !important;
    background:linear-gradient(90deg, transparent, rgba(126,218,255,.35), transparent) !important;
    overflow:hidden !important;
}

.v5-clean-feature-list li.v5-feature-divider:before,
.v5-clean-feature-list .v5-feature-divider:before{
    display:none !important;
    content:none !important;
    width:0 !important;
    height:0 !important;
    background:none !important;
}