/* InstagramGest UI — Bootstrap 5.3 Color Modes (data-bs-theme) */
:root{
  --ig-radius: 6px;
  --ig-radius2: 8px;
}

/* Base */
html{ scroll-behavior:smooth; }
body{ text-rendering:optimizeLegibility; }
a{ text-decoration:none; }
/*::selection{ background: rgb(var(--bs-primary-rgb) / .25); }*/

/* Navbar */
.ig-nav{
  background-color: rgb(var(--bs-body-bg-rgb) / .98) !important;
}

/* Hero */
.ig-hero{
  position:relative;
  overflow:hidden;
}
.ig-hero:before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(1200px 600px at 15% 15%, rgb(var(--bs-primary-rgb) / .28), transparent 60%),
    radial-gradient(900px 500px at 85% 30%, rgb(var(--bs-danger-rgb) / .20), transparent 60%),
    radial-gradient(900px 500px at 60% 95%, rgb(var(--bs-info-rgb) / .18), transparent 60%),
    linear-gradient(180deg, rgb(var(--bs-body-bg-rgb) / 0), rgb(var(--bs-body-bg-rgb) / 1));
  pointer-events:none;
}
.ig-hero > .container{ position:relative; z-index:1; }

.ig-badge{
  border:1px solid rgb(var(--bs-body-color-rgb) / .12);
  background-color: rgb(var(--bs-body-bg-rgb) / .98);
}

.ig-mock{
  border-radius: var(--ig-radius2);
  border: 1px solid rgb(var(--bs-body-color-rgb) / .10);
  background: rgb(var(--bs-body-bg-rgb) / .98);
}
.ig-mock .card-header{
  background: rgb(var(--bs-body-bg-rgb) / .98) !important;
  border-bottom: 1px solid rgb(var(--bs-body-color-rgb) / .10) !important;
}
.ig-dot{
  width:10px;height:10px;border-radius:50%;
  display:inline-block;
  opacity:.9;
}

/* Cards / sections */
.ig-section{
  position:relative;
}
.ig-card{
  border-radius: var(--ig-radius2);
  border: 1px solid rgb(var(--bs-body-color-rgb) / .10);
  background: rgb(var(--bs-body-bg-rgb) / .98);
  box-shadow: 0 8px 24px rgb(var(--bs-body-color-rgb) / .08);
}
.ig-card:hover{
  box-shadow: 0 10px 28px rgb(var(--bs-body-color-rgb) / .10);
}
.ig-card{ transition: transform .15s ease, box-shadow .25s ease; }

.ig-pill{
  border-radius: 6px;
  border: 1px solid rgb(var(--bs-body-color-rgb) / .12);
  background: rgb(var(--bs-body-bg-rgb) / .98);
}

.ig-footer{
  border-top:1px solid rgb(var(--bs-body-color-rgb) / .10);
  background: rgb(var(--bs-body-bg-rgb) / .98);
}

/* Forms */
.form-control, .form-select{
  border-radius: 6px;
}
.btn{
  border-radius: 6px;
}
.btn-lg{ border-radius: 6px; }

/* Small helpers */
.ig-muted{ color: rgb(var(--bs-body-color-rgb) / .70) !important; }
.ig-divider{
  height:1px;
  background: rgb(var(--bs-body-color-rgb) / .10);
}


/* Hero video background */
.ig-hero-video video{ filter: saturate(1.05) contrast(1.05); }
.ig-hero-overlay{
  background: linear-gradient(180deg, rgb(var(--bs-body-bg-rgb) / .78), rgb(var(--bs-body-bg-rgb) / .92));
}
[data-bs-theme="dark"] .ig-hero-overlay{
  background: linear-gradient(180deg, rgb(var(--bs-body-bg-rgb) / .70), rgb(var(--bs-body-bg-rgb) / .92));
}

/* App shell */
.ig-app{
  min-height: 100vh;
}
.ig-sidebar{
  width: 280px;
  transition: width .2s ease;
}
.ig-sidebar.collapsed{
  width: 86px;
}
.ig-sidebar .nav-link{
  border-radius: 6px;
}
.ig-sidebar .nav-link.active{
  background: rgb(var(--bs-primary-rgb) / .12);
  color: var(--bs-body-color);
}
.ig-content{
  min-width: 0;
}