/* =========================================================
   GEMMA AUTOIMPORT — PREMIUM UI SYSTEM (GLOBAL)
   ========================================================= */
:root {
    --primary: #1e3a5f;
    --primary-dark: #142c47;
    --primary-light: #edf3f8;
    --success: #16a34a;
    --danger: #dc2626;
    --warning: #f59e0b;
    --bg: #f5f7fb;
    --card: #ffffff;
    --muted: #6b7280;
    --text: #111827;
    --border: #e5e7eb;
    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-lg: 24px;
    --shadow-sm: 0 2px 10px rgba(15,23,42,.04);
    --shadow-md: 0 4px 18px rgba(15,23,42,.06);
    --transition: .18s ease;
}

/* BASE */
html { scroll-behavior: smooth; }
body {
    background: var(--bg);
    color: var(--text);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
a { text-decoration: none; }
img { max-width: 100%; }
.container-fluid { max-width: 1800px; }

/* NAVBAR */
.navbar {
    border-bottom: 1px solid rgba(0,0,0,.04);
    background: rgba(255,255,255,.92) !important;
    backdrop-filter: blur(10px);
}
.navbar-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 800;
    color: var(--primary) !important;
    letter-spacing: -.3px;
}
.navbar-logo { width: 190px; height: 40px; object-fit: contain; }
.nav-link {
    font-weight: 600;
    color: #374151 !important;
    border-radius: 12px;
    padding: 10px 14px !important;
    transition: var(--transition);
}
.nav-link:hover { background: #f3f4f6; }

/* BUTTONS */
.btn {
    border-radius: 14px;
    font-weight: 600;
    box-shadow: none !important;
}
.btn-primary { background: var(--primary); border-color: var(--primary); }
.btn-primary:hover { background: var(--primary-dark); border-color: var(--primary-dark); }
.btn-light { background: #f3f4f6; border: 1px solid #e5e7eb; }
.btn-outline-primary { border-color: #dbe4ee; color: var(--primary); }
.btn-outline-primary:hover { background: var(--primary); border-color: var(--primary); }

/* BADGES */
.badge { border-radius: 999px; padding: .5em .8em; font-weight: 700; }

/* TABLES */
.table { --bs-table-bg: transparent; }
.table td,
.table th { padding: 14px; vertical-align: middle; }

/* MODALS */
.modal-content { border: none; border-radius: 24px; }
.image-modal-content { background: rgba(0,0,0,.96); }
.image-modal-body {
    width: 100%; height: 100vh;
    display: flex; align-items: center; justify-content: center;
    padding: 24px;
}
.fullscreen-image { max-width: 100%; max-height: 100%; object-fit: contain; }
.image-close-btn {
    position: absolute; top: 18px; right: 18px;
    width: 48px; height: 48px; border: none; border-radius: 50%;
    background: rgba(255,255,255,.12); color: white;
}

/* MOBILE BOTTOM NAV */
.mobile-bottom-nav {
    position: fixed; bottom: 0; left: 0; right: 0; z-index: 1030;
    background: rgba(255,255,255,.94);
    backdrop-filter: blur(12px);
    border-top: 1px solid rgba(0,0,0,.05);
}
.bottom-nav-inner {
    max-width: 520px; margin: 0 auto; height: 64px;
    display: flex; align-items: center; justify-content: space-around;
}
.mobile-bottom-nav .nav-item{
flex:1;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:2px;
border:none;
background:none;
color:#6b7280;
transition:var(--transition)
}
.mobile-bottom-nav .nav-item i{
font-size:20px
}

.mobile-bottom-nav .nav-item .label{
font-size:11px;
font-weight:600
}

.mobile-bottom-nav .nav-item.active{
color:var(--primary)
}
/* OFFCANVAS */
.custom-offcanvas-width { --bs-offcanvas-width: 420px; }
.offcanvas { border: none !important; border-radius: 0 !important; }
.offcanvas-header { padding: 22px; border-bottom: 1px solid var(--border); }
.offcanvas-body { padding: 18px; }
.list-group-item {
    border: none !important; border-radius: 16px !important;
    margin-bottom: 8px; font-weight: 600; padding: 16px 18px;
}
.list-group-item:hover { background: #f3f4f6; }

/* COMMON BREADCRUMBS */
.premium-breadcrumb-wrap { margin-bottom: 14px; }
.premium-breadcrumb {
    display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
    margin: 0; padding: 10px 14px; background: white;
    border-radius: 16px; border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 2px 8px rgba(15,23,42,.03);
}
.premium-breadcrumb .breadcrumb-item { font-size: 13px; font-weight: 600; }
.premium-breadcrumb .breadcrumb-item a { color: #6b7280; text-decoration: none; transition: .15s; }
.premium-breadcrumb .breadcrumb-item a:hover { color: #111827; }
.premium-breadcrumb .breadcrumb-item.active { color: #111827; font-weight: 800; }

/* IMPORTS */
@import url('./components/toolbar.css');
@import url('./components/pagination.css');
@import url('./components/cards.css');

/* ===== LEGACY (временный мост, возвращает весь старый дизайн) ===== */
@import url('./legacy-premium.css');

/* ===== Стиль детальных страниц ===== */
@import url('./components/hero.css');