/* InsightBD R17 — Featured projects: all standalone themes, including Original. */
.ib-featured{width:100%;max-width:100%;min-width:0;position:relative}
.ib-featured-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 0 16px;min-height:44px}
.ib-featured-controls button{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;font:normal 29px/1 Arial,sans-serif;cursor:pointer;transition:background .2s,transform .2s,color .2s}
.ib-featured-controls button:not(:disabled):hover{background:var(--accent,#d54141);color:#fff;border-color:var(--accent,#d54141);transform:translateY(-1px)}
.ib-featured-controls button:disabled{opacity:.25;cursor:not-allowed}
.ib-featured-position{min-width:67px;text-align:center;font-size:12px;letter-spacing:.04em;opacity:.8}
/* Override theme-specific project grid only INSIDE the homepage feature slider. */
.ib-featured .ib-featured-track,
.insight-exact .ib-featured .insight-project-grid.ib-featured-track{
 display:flex!important;flex-wrap:nowrap!important;gap:24px!important;align-items:stretch;
 width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;
 padding:2px 1px 18px!important;scroll-snap-type:x mandatory;scroll-padding-left:1px;
 scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;
 -webkit-overflow-scrolling:touch;
}
.ib-featured .ib-featured-track::-webkit-scrollbar{display:none}
.ib-featured .ib-featured-track:focus-visible{outline:2px solid var(--accent,#d54141);outline-offset:2px}
.ib-featured .ib-featured-track>.project-card,
.insight-exact .ib-featured .insight-project-grid.ib-featured-track>.insight-work{
 flex:0 0 calc((100% - 48px) / 3)!important;
 box-sizing:border-box;width:calc((100% - 48px) / 3)!important;
 min-width:0;max-width:calc((100% - 48px) / 3)!important;
 scroll-snap-align:start;scroll-snap-stop:always;
}
/* Old 2015 theme needs controls and cards laid out within its existing Bootstrap container. */
.insight-exact .ib-featured-legacy-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;padding:0 8px 10px}
.insight-exact .ib-featured-legacy-actions>a{color:#a72222;font-weight:700;font-size:15px;text-decoration:underline;text-underline-offset:4px}
.insight-exact .ib-featured-legacy-actions .ib-featured-controls{margin:0}
.insight-exact .ib-featured .portfolio,
.insight-exact .ib-featured .portfolio>.row,
.insight-exact .ib-featured .portfolio>.row>.col-md-12{min-width:0;width:100%;max-width:100%}
.insight-exact .ib-featured .insight-work{float:none!important;position:relative!important;left:auto!important;top:auto!important;transform:none!important}
.insight-exact .ib-featured .ib-featured-controls button{color:#333;border-color:#bbb}
.insight-exact .ib-featured .ib-featured-controls button:not(:disabled):hover{color:#fff}
@media(max-width:950px){
 .ib-featured .ib-featured-track,
 .insight-exact .ib-featured .insight-project-grid.ib-featured-track{gap:16px!important}
 .ib-featured .ib-featured-track>.project-card,
 .insight-exact .ib-featured .insight-project-grid.ib-featured-track>.insight-work{
  flex-basis:calc((100% - 16px) / 2)!important;
  width:calc((100% - 16px) / 2)!important;
  max-width:calc((100% - 16px) / 2)!important
 }
}
@media(max-width:640px){
 .ib-featured .ib-featured-track,
 .insight-exact .ib-featured .insight-project-grid.ib-featured-track{gap:12px!important}
 .ib-featured .ib-featured-track>.project-card,
 .insight-exact .ib-featured .insight-project-grid.ib-featured-track>.insight-work{
  flex-basis:100%!important;width:100%!important;max-width:100%!important
 }
 .ib-featured-controls{gap:8px}
 .ib-featured-controls button{width:40px;height:40px;flex-basis:40px}
 .insight-exact .ib-featured-legacy-actions{padding-inline:1px}
}
@media(prefers-reduced-motion:reduce){.ib-featured .ib-featured-track{scroll-behavior:auto!important}}
