/* _content/StudyKindleAcademy/Views/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets.

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a {
  color: #0077cc;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}*/

/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
   for details on configuring this project to bundle and minify static web assets.

   StudyKindleAcademy — premium theme (navy + amber).
   Aligned with _Layout.cshtml. */

:root[b-505yy97rg7] {
    --sk-navy-1: #0e2350;
    --sk-navy-2: #16367d;
    --sk-amber: #f6a623;
    --sk-amber-d: #e0940f;
    --sk-ink: #1d2a44;
    --sk-slate: #5b6577;
    --sk-bg: #f5f7fb;
    --sk-line: #e6eaf2;
}

/* ---------- Base ---------- */
html[b-505yy97rg7] {
    scroll-behavior: smooth;
}

body[b-505yy97rg7] {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--sk-ink);
    background: var(--sk-bg);
}

h1[b-505yy97rg7], h2[b-505yy97rg7], h3[b-505yy97rg7], h4[b-505yy97rg7], h5[b-505yy97rg7], h6[b-505yy97rg7] {
    font-family: 'Poppins', sans-serif;
    color: var(--sk-navy-1);
    font-weight: 600;
}

.text-muted[b-505yy97rg7], .sk-muted[b-505yy97rg7] {
    color: var(--sk-slate) !important;
}

/* ---------- Links ---------- */
a[b-505yy97rg7] {
    color: var(--sk-navy-2);
    text-decoration: none;
    transition: color .2s;
}

    a:hover[b-505yy97rg7] {
        color: var(--sk-amber-d);
    }

/* Keep navbar/footer link colours defined in the layout untouched */
.navbar a:hover[b-505yy97rg7], .sk-footer a:hover[b-505yy97rg7] {
    color: inherit;
}

/* ---------- Buttons ---------- */
.btn[b-505yy97rg7] {
    border-radius: 10px;
    font-weight: 600;
    transition: transform .15s, box-shadow .2s, background .2s;
}

    .btn:active[b-505yy97rg7] {
        transform: translateY(1px);
    }

.btn-primary[b-505yy97rg7] {
    color: #fff;
    background: linear-gradient(135deg, var(--sk-navy-2), var(--sk-navy-1));
    border: none;
    box-shadow: 0 4px 14px rgba(14, 35, 80, .25);
}

    .btn-primary:hover[b-505yy97rg7],
    .btn-primary:focus[b-505yy97rg7] {
        color: #fff;
        background: linear-gradient(135deg, var(--sk-navy-1), var(--sk-navy-2));
        box-shadow: 0 7px 20px rgba(14, 35, 80, .35);
    }

.btn-warning[b-505yy97rg7],
.btn-amber[b-505yy97rg7] {
    background: linear-gradient(135deg, var(--sk-amber), var(--sk-amber-d));
    border: none;
    color: var(--sk-navy-1);
    box-shadow: 0 4px 14px rgba(246, 166, 35, .4);
}

    .btn-warning:hover[b-505yy97rg7],
    .btn-amber:hover[b-505yy97rg7] {
        color: var(--sk-navy-1);
        box-shadow: 0 7px 20px rgba(246, 166, 35, .55);
    }

.btn-outline-primary[b-505yy97rg7] {
    color: var(--sk-navy-2);
    border-color: var(--sk-navy-2);
}

    .btn-outline-primary:hover[b-505yy97rg7] {
        background: var(--sk-navy-2);
        border-color: var(--sk-navy-2);
        color: #fff;
    }

/* ---------- Nav pills ---------- */
.nav-pills .nav-link[b-505yy97rg7] {
    color: var(--sk-navy-2);
    border-radius: 30px;
    font-weight: 500;
}

    .nav-pills .nav-link.active[b-505yy97rg7],
    .nav-pills .show > .nav-link[b-505yy97rg7] {
        color: #fff;
        background: linear-gradient(135deg, var(--sk-navy-2), var(--sk-navy-1));
        border-color: transparent;
    }

/* ---------- Cards ---------- */
.card[b-505yy97rg7] {
    border: 1px solid var(--sk-line);
    border-radius: 16px;
    box-shadow: 0 .25rem .75rem rgba(14, 35, 80, .05);
    transition: transform .2s ease, box-shadow .2s ease;
    overflow: hidden;
}

    .card:hover[b-505yy97rg7] {
        transform: translateY(-4px);
        box-shadow: 0 1rem 2rem rgba(14, 35, 80, .12);
    }

    .card .card-header[b-505yy97rg7] {
        background: #fff;
        border-bottom: 1px solid var(--sk-line);
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
    }

/* ---------- Forms ---------- */
.form-control[b-505yy97rg7],
.form-select[b-505yy97rg7] {
    border-radius: 10px;
    border: 1px solid var(--sk-line);
    padding: .6rem .9rem;
}

    .form-control:focus[b-505yy97rg7],
    .form-select:focus[b-505yy97rg7] {
        border-color: var(--sk-navy-2);
        box-shadow: 0 0 0 .2rem rgba(22, 54, 125, .15);
    }

.form-label[b-505yy97rg7] {
    font-weight: 500;
    color: var(--sk-ink);
}

/* ---------- Tables ---------- */
.table > :not(caption) > * > *[b-505yy97rg7] {
    padding: .85rem 1rem;
}

.table thead th[b-505yy97rg7] {
    background: var(--sk-navy-1);
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    border-color: var(--sk-navy-1);
}

.table-hover tbody tr:hover[b-505yy97rg7] {
    background: #eef2fb;
}

/* ---------- Badges ---------- */
.badge.bg-primary[b-505yy97rg7] {
    background: var(--sk-navy-2) !important;
}

.badge.bg-warning[b-505yy97rg7] {
    background: var(--sk-amber) !important;
    color: var(--sk-navy-1) !important;
}

/* ---------- Section title helper ---------- */
.sk-section-title[b-505yy97rg7] {
    position: relative;
    display: inline-block;
    padding-bottom: .6rem;
    margin-bottom: 1.5rem;
}

    .sk-section-title[b-505yy97rg7]::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 48px;
        height: 3px;
        border-radius: 3px;
        background: var(--sk-amber);
    }

/* ---------- Utilities (kept from template) ---------- */
.border-top[b-505yy97rg7] {
    border-top: 1px solid var(--sk-line);
}

.border-bottom[b-505yy97rg7] {
    border-bottom: 1px solid var(--sk-line);
}

.box-shadow[b-505yy97rg7] {
    box-shadow: 0 .25rem .75rem rgba(14, 35, 80, .05);
}

button.accept-policy[b-505yy97rg7] {
    font-size: 1rem;
    line-height: inherit;
}

/* Brand can wrap gracefully on very small screens */
a.navbar-brand[b-505yy97rg7] {
    white-space: normal;
    word-break: break-word;
}

/* NOTE: the old absolute-positioned `.footer` rule was removed.
   The layout now uses a flex column (min-height:100vh) so the footer
   sticks to the bottom naturally without overlapping content. */