/* Minimal styling for pricing cards */
.ig-pricing-root{max-width:1100px;margin:0 auto;padding:2rem 0}
.ig-pricing-group{margin-bottom:3rem}
.ig-pricing-group-title{text-align:center;color:#fff;font-size:2rem;margin-bottom:1rem}
.ig-pricing-cards{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:stretch}
.ig-pricing-card{background:#fff;color:#222;border-radius:8px;padding:1.25rem;width:260px;box-shadow:0 6px 18px rgba(0,0,0,.12);position:relative;display:flex;flex-direction:column}
.ig-pricing-badge{background:#afc136;color:#fff;padding:.35rem .6rem;border-radius:4px;font-size:.75rem;margin-top:.5rem}
.ig-pricing-header{margin-bottom:.75rem}
.ig-pricing-name{font-size:1.1rem;margin:0}
.ig-pricing-price{font-size:1.6rem;color:#2a9d8f;margin-top:.25rem}
.ig-pricing-unit{font-size:.8rem;color:#777}
.ig-pricing-limits,.ig-pricing-features{list-style:none;padding:0;margin:0 0 .75rem 0}
.ig-pricing-limits li{font-size:.85rem;padding:.25rem 0;border-bottom:1px solid #f0f0f0}
.ig-pricing-features li{font-size:.85rem;padding:.15rem 0;color:#444}
.ig-pricing-cta{text-align:center;margin-top:auto}
.ig-pricing-cta-button{display:inline-block;padding:.5rem 1rem;background:#6c5ce7;color:#fff;border-radius:4px;text-decoration:none}
.ig-pricing-error{color:#fff;background:#c0392b;padding:.5rem;border-radius:4px}

/* Toggle UI */
.ig-pricing-toggle{display:flex;justify-content:center;margin-bottom:1rem;gap:.5rem}
.ig-pricing-toggle-btn{border:0;padding:.5rem 1rem;background:#eee;border-radius:20px;cursor:pointer}
.ig-pricing-toggle-btn.active{background:#6c5ce7;color:#fff}

/* Group tabs UI */
.ig-group-tabs{display:flex;justify-content:center;gap:.75rem;margin:1rem 0;border-bottom:1px solid #e6e6ef}
.ig-group-tab-btn{border:0;background:transparent;padding:.6rem 1rem;color:#555;cursor:pointer;position:relative}
.ig-group-tab-btn.active{color:#222}
.ig-group-tab-btn.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#6c5ce7;border-radius:2px}
.ig-group-panels{margin-top:.75rem}
.ig-group-panel[hidden]{display:none}

/* Price toggles */
.ig-pricing-price-mo,.ig-pricing-price-yr{display:none}

/* Show/hide based on the current period set on the root element */
.ig-pricing-root[data-current-period="mo"] .ig-pricing-price-mo{display:inline-block}
.ig-pricing-root[data-current-period="mo"] .ig-pricing-price-yr{display:none}
.ig-pricing-root[data-current-period="yr"] .ig-pricing-price-mo{display:none}
.ig-pricing-root[data-current-period="yr"] .ig-pricing-price-yr{display:inline-block}

/* Features matrix styles */
.ig-pricing-features-matrix{margin-top:1.5rem;overflow-x:auto}
.ig-pricing-features-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.08);font-size:1rem}
.ig-pricing-features-table thead th{background:#f7f7fb;padding:.75rem 1rem;text-align:left;border-bottom:1px solid #eee;color:#333}
.ig-pricing-features-table tbody td{padding:.6rem 1rem;color:#444}
.ig-pricing-features-table tbody tr{border-top:1px solid #f1f1f3}
.ig-pricing-features-table .feature-group-row td{background:#fafafa;font-weight:600;padding:.6rem 1rem}
.ig-pricing-features-table .feature-label{width:40%;min-width:180px}
.ig-pricing-features-table .plan-col{text-align:center;min-width:120px}
.ig-pricing-features-table .plan-value{ text-align:center }
.ig-feature-tooltip{display:inline-block;margin-left:.35rem;font-size:.75rem;line-height:1;width:1.1rem;height:1.1rem;border-radius:50%;background:#eef2ff;color:#334;text-align:center;cursor:help}

/* Visual markers */
.ig-pricing-features-table .plan-value > .check { color: #2a9d8f }

/* Mobile stacked layout: each row becomes a block listing plan values */
@media (max-width:700px){
	.ig-pricing-features-table{display:block}
	.ig-pricing-features-table thead{display:none}
	.ig-pricing-features-table tbody tr{display:block;border-bottom:1px solid #eee;margin-bottom:.5rem}
	.ig-pricing-features-table .feature-row{padding:0}
	.ig-pricing-features-table .feature-row .feature-label{display:block;padding:.6rem 1rem;background:#fff;font-weight:600}
	.ig-pricing-features-table .feature-row .plan-value{display:flex;justify-content:space-between;padding:.45rem 1rem;background:#fff}
	.ig-pricing-features-table .feature-group-row td{display:block;background:#f7f7fb}
}