/* ipmat-local.css (26 Oct 2026)
   Shared look of the two IPMAT & BBA local pages (/ipmat-bba-coaching-surat and /ipmat-bba-coaching-vadodara).
   Same design system as the CMAT / bank local pages (bk-* classes), written once here instead of inline on each page.
   Loaded with <link> from the page's $extra_head. Uses only the site's colour variables. */

.bk-alt{background:var(--ink2);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}
.bk-head{max-width:760px;margin:0 auto 34px;text-align:center}
.bk-head .section-sub{margin-left:auto;margin-right:auto}
.bk-flex{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.bk-flex>*{flex:0 0 calc(33.333% - 12px);min-width:0}
.bk-four>*{flex-basis:calc(25% - 14px)}
@media(max-width:1180px){.bk-four>*{flex-basis:calc(50% - 9px)}}
@media(max-width:1023px){.bk-flex>*{flex-basis:calc(50% - 9px)}}
@media(max-width:640px){.bk-flex>*{flex-basis:100%}}

@media(min-width:1024px){.bk-flex.il-two>*{flex-basis:calc(50% - 9px)}}
.bk-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 60%),var(--panel);border:1px solid var(--edge);border-radius:20px;padding:26px 24px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.bk-card:hover{transform:translateY(-3px);border-color:rgba(232,162,48,.45);box-shadow:0 14px 34px rgba(0,0,0,.28)}
.bk-ico{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;margin-bottom:16px;font-size:18px;font-weight:800;color:#0b1630;background:linear-gradient(135deg,var(--ember2),var(--ember))}
.bk-card:nth-child(3n+2) .bk-ico{background:linear-gradient(135deg,#5eead4,#0abfbc)}
.bk-card:nth-child(3n+3) .bk-ico{background:linear-gradient(135deg,#a5b8ff,#6f93ff)}
.bk-card h3{font-size:17px;font-weight:700;line-height:1.3;margin:0 0 8px}
.bk-card p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}
@media(min-width:700px){.bk-card h3{min-height:2.6em}}

/* hero extras */
.bk-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;max-width:360px}
.bk-trust span{font-size:12.5px;font-weight:600;color:var(--text);border:1px solid var(--edge2);background:rgba(255,255,255,.04);border-radius:100px;padding:6px 14px;text-align:center}
.bk-trust b{color:var(--ember2)}
.il-updated{font-size:12.5px;color:var(--dim);margin:14px 0 0}
/* Career Counselling pages: the two hero buttons always sit side by side, same width and height (also on phones) */
.cc-ctas-row{flex-wrap:nowrap;gap:12px}
.cc-ctas-row>.btn{flex:1 1 0;min-width:0;justify-content:center;text-align:center;white-space:normal;line-height:1.25}
@media(max-width:560px){.cc-ctas-row{gap:10px}.cc-ctas-row>.btn{padding:14px 10px;font-size:14px;min-height:52px}}

/* batch formats: two chips under the batches heading */
.il-formats{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px}
.il-formats span{font-size:14px;font-weight:600;color:var(--text);border:1px solid var(--edge2);background:rgba(255,255,255,.04);border-radius:100px;padding:8px 18px}
.il-formats b{color:var(--ember2)}

/* the ten exam cards: 5 per row on desktop, 2 per row below that, 1 on phones (10 cards always fill the rows) */
.il-exams{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
@media(max-width:1180px){.il-exams{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.il-exams{grid-template-columns:1fr}}
.il-exam{display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 60%),var(--panel);border:1px solid var(--edge);border-radius:20px;padding:22px 20px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.il-exam:hover{transform:translateY(-3px);border-color:rgba(232,162,48,.45);box-shadow:0 14px 34px rgba(0,0,0,.28)}
.il-exam h3{font-size:16px;font-weight:700;line-height:1.3;margin:0 0 8px}
@media(min-width:1181px){.il-exam h3{min-height:4.2em}}
.il-exam p{font-size:13.5px;line-height:1.6;color:var(--muted);margin:0 0 14px}
.il-exam.il-feature{grid-column:1/-1;border-color:rgba(232,162,48,.45);background:linear-gradient(180deg,rgba(232,162,48,.09),rgba(232,162,48,0) 55%),var(--panel)}
@media(min-width:1181px){.il-exam.il-feature h3{min-height:0;font-size:19px}.il-exam.il-feature p{max-width:760px;font-size:14.5px}}
.il-exam a{margin-top:auto;font-size:13px;font-weight:700;color:var(--ember2);text-decoration:none}
.il-exam a:hover{text-decoration:underline}

/* fees table */
.il-table-wrap{overflow-x:auto;border:1px solid var(--edge);border-radius:20px;background:var(--panel)}
.il-table{width:100%;min-width:620px;border-collapse:collapse;font-size:14px}
.il-table th,.il-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--edge);vertical-align:top;line-height:1.5}
.il-table th{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:rgba(255,255,255,.03)}
.il-table tr:last-child td{border-bottom:0}
.il-table td:first-child{font-weight:700}
.il-table .il-fee{font-family:'Inter',sans-serif;font-weight:800;font-size:17px;white-space:nowrap}
.il-table .il-fee small{font-size:12px;font-weight:600;color:var(--muted)}
.il-note{font-size:13px;color:var(--muted);text-align:center;margin:16px auto 0;max-width:760px}

/* centres */
.bk-centres{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.bk-centres.one{grid-template-columns:minmax(0,1fr)}
@media(max-width:559px){.bk-centres{grid-template-columns:1fr}} /* Vesu and Adajan side by side from tablet width up; stacked only on phones */
@media(max-width:860px){.bk-centre{padding:22px 18px}.bk-btns .btn{padding-left:14px;padding-right:14px}}
.bk-centre{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--edge);border-radius:22px;padding:28px}
.bk-centre h3{font-size:19px;font-weight:700;margin:0 0 14px}
.bk-row{padding:12px 0;border-top:1px solid var(--edge);font-size:14px;line-height:1.55}
.bk-row:first-of-type{border-top:0;padding-top:0}
.bk-lbl{display:block;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.bk-btns{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px}
.bk-map{margin-top:auto;border:1px solid var(--edge);border-radius:18px;overflow:hidden;min-height:240px}
.bk-map iframe{display:block;width:100%;height:100%;min-height:240px;border:0}
.il-near{margin-top:26px;background:var(--panel);border:1px solid var(--edge);border-radius:22px;padding:26px 28px}
.il-near h3{font-size:18px;font-weight:700;margin:0 0 10px}
.il-near p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 8px}
.il-near p:last-child{margin-bottom:0}
.bk-gal3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}
@media(max-width:1023px){.bk-gal3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.bk-gal3{grid-template-columns:1fr}}
.bk-gal3 figure{margin:0}
.bk-gal3 img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:18px;border:1px solid var(--edge);background:var(--panel)}
.bk-gal3 figcaption{font-size:13px;color:var(--muted);margin-top:8px;text-align:center}

/* people */
.bk-person{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 60%),var(--panel);border:1px solid var(--edge);border-radius:20px;padding:24px 20px;text-align:center}
.bk-avatar{width:88px;height:88px;border-radius:50%;margin:0 auto 14px;padding:3px;background:linear-gradient(135deg,var(--ember2),#0abfbc)}
.bk-avatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--ink2)}
.bk-person h3{font-size:17px;font-weight:700;margin:0}
.bk-role{font-size:13px;color:var(--muted);margin:3px 0 10px;min-height:2.8em}
.bk-chip{display:inline-block;font-size:12px;font-weight:600;color:var(--text);border:1px solid var(--edge2);border-radius:100px;padding:4px 12px}

/* resources */
.bk-link{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--edge);border-radius:20px;padding:0 22px 20px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.bk-link::before{content:"";display:block;height:4px;margin:0 -22px 18px;background:var(--c,var(--ember))}
.bk-link:hover{transform:translateY(-3px);border-color:var(--c,var(--ember));box-shadow:0 14px 34px rgba(0,0,0,.28)}
.bk-link h3{font-size:17px;font-weight:700;margin:0 0 6px}
@media(min-width:700px){.bk-link h3{min-height:2.6em}}
.bk-link p{font-size:13.5px;line-height:1.55;color:var(--muted);margin:0 0 14px}
.bk-link span{margin-top:auto;font-size:13px;font-weight:700;color:var(--c,var(--ember2))}

/* phones: faculty rows and photo galleries swipe sideways instead of stacking */
@media(max-width:640px){
  .bk-flex.bk-swipe,.bk-gal3.bk-swipe{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 2px 14px}
  .bk-flex.bk-swipe>*,.bk-gal3.bk-swipe>*{flex:0 0 78%;scroll-snap-align:start}
  .bk-swipe::-webkit-scrollbar{height:6px}.bk-swipe::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:99px}
}

/* demo form: two fields side by side on tablet / desktop */
.il-form-wrap{max-width:640px;margin:0 auto}
.il-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:560px){.il-form-row{grid-template-columns:1fr}}
.il-form-wrap .lead-input{margin-bottom:12px;width:100%}
.il-form-wrap .lead-input{font-size:16px} /* 16px stops iPhone / iPad from zooming into the field */
.subnav a{display:inline-flex;align-items:center;min-height:44px} /* tap target for the section links */
.il-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* sticky call bar on phones */
.bk-sticky{display:none}
@media(max-width:700px){
  body{padding-bottom:68px}
  .bk-sticky{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:90;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(10,12,20,.94);border-top:1px solid var(--edge2);backdrop-filter:blur(8px)}
  .bk-sticky .btn{flex:1;justify-content:center;padding:12px 10px;font-size:14px;min-height:44px;white-space:nowrap}
}