/* ============================================================
   Dynamic page tab-strip (tab_menu_group / tab_menu_item)
   Themes: purple (default), red, sports. One responsive layout.
   ============================================================ */
.tab-strip{margin-bottom:0;padding:2.5rem 0;position:relative}
.tab-strip .tab-strip-bar{position:relative}
.tab-strip .tab-strip-heading{font-size:24px;font-weight:700;line-height:1.2;text-align:center;margin:0 0 1.3rem;position:relative;padding-bottom:.7rem;color:#fff}
.tab-strip .tab-strip-heading:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:64px;height:3px;border-radius:2px}
.tab-strip .tab-strip-toggle{display:none}
.tab-strip .tab-strip-menu{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;width:auto;max-width:max-content;margin:0 auto}
.tab-strip .tab-strip-col{position:relative}
.tab-strip .tab-strip-link{display:inline-flex;align-items:center;gap:.35rem;line-height:1.3;padding:.55rem 1.2rem;border-radius:30px;font-weight:600;font-size:14px;white-space:nowrap;transition:.22s;text-decoration:none}
/* dropdown */
.tab-strip .tab-strip-dd{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);min-width:220px;background:#fff;border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.18);padding:.5rem;opacity:0;visibility:hidden;transition:.2s;z-index:60}
.tab-strip .tab-strip-col.has-dd:hover .tab-strip-dd{opacity:1;visibility:visible;transform:translateX(-50%) translateY(4px)}
.tab-strip .tab-strip-dd-item{display:block;padding:.6rem .9rem;border-radius:8px;font-size:14px;font-weight:600;color:#22314f;text-decoration:none;transition:.18s}
.tab-strip .tab-strip-dd-item:hover,.tab-strip .tab-strip-dd-item.active{background:#eef1fb;color:#16224a}

/* ---- Theme: purple (default) ---- */
.tab-strip.theme-purple{background:#211c3a}
.tab-strip.theme-purple .tab-strip-heading:after{background:#EE7832}
.tab-strip.theme-purple .tab-strip-link{color:#e8ecf6}
.tab-strip.theme-purple .tab-strip-link:hover,.tab-strip.theme-purple .tab-strip-link.active{background:rgba(255,255,255,.14);color:#fff}

/* ---- Theme: red (Bharat Asmita etc.) ---- */
.tab-strip.theme-red{background:linear-gradient(135deg,#B02A37,#7a1a24)}
.tab-strip.theme-red .tab-strip-heading:after{background:#F3BE34}
.tab-strip.theme-red .tab-strip-link{color:#fbe9ea}
.tab-strip.theme-red .tab-strip-link:hover,.tab-strip.theme-red .tab-strip-link.active{background:rgba(255,255,255,.16);color:#fff}

/* ---- Theme: sports (gold on navy) ---- */
.tab-strip.theme-sports{background:radial-gradient(circle at 12% 0,rgba(201,162,39,.16),transparent 42%),linear-gradient(135deg,#16305F,#0B1730);border-bottom:3px solid #C9A227}
.tab-strip.theme-sports .tab-strip-heading:after{background:linear-gradient(90deg,#C9A227,#E9CE7B)}
.tab-strip.theme-sports .tab-strip-menu{background:rgba(255,255,255,.05);border:1px solid rgba(233,206,123,.2);border-radius:44px;padding:.5rem .7rem}
.tab-strip.theme-sports .tab-strip-link{color:#dfe4f1}
.tab-strip.theme-sports .tab-strip-link:hover{background:rgba(201,162,39,.18);color:#F2D98A}
.tab-strip.theme-sports .tab-strip-link.active{background:linear-gradient(135deg,#C9A227,#E9CE7B);color:#231c05;box-shadow:0 5px 14px rgba(201,162,39,.42)}

/* ---- Responsive: hamburger dropdown ---- */
@media(max-width:991px){
.tab-strip .tab-strip-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.tab-strip .tab-strip-heading{text-align:left;margin:0;font-size:1.35rem;padding-bottom:0}
.tab-strip .tab-strip-heading:after{display:none}
.tab-strip .tab-strip-toggle{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);color:#fff;padding:.5rem 1rem;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap}
.tab-strip.theme-sports .tab-strip-toggle{background:rgba(201,162,39,.16);border-color:rgba(233,206,123,.45);color:#F2D98A}
.tab-strip .tab-strip-menu{display:none;flex-direction:column;flex-wrap:nowrap;align-items:stretch;max-width:100%;width:100%;margin-top:1rem;padding:.4rem;border-radius:14px;background:rgba(0,0,0,.22);gap:.15rem}
.tab-strip .tab-strip-menu.open{display:flex}
.tab-strip .tab-strip-col{width:100%}
.tab-strip .tab-strip-link{width:100%;text-align:left;border-radius:10px;padding:.75rem 1rem}
.tab-strip .tab-strip-dd{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;background:rgba(255,255,255,.06);display:none;min-width:0;margin:.2rem 0 .2rem .6rem;padding:.3rem}
.tab-strip .tab-strip-col.has-dd.open .tab-strip-dd{display:block}
.tab-strip .tab-strip-dd-item{color:#e8ecf6}
.tab-strip .tab-strip-dd-item:hover,.tab-strip .tab-strip-dd-item.active{background:rgba(255,255,255,.12);color:#fff}
.tab-strip .dd-toggle .fa-angle-down{margin-left:auto}
}