/* ==============================================
   style-public.css
   Navbar & Footer for public layout (layouts/dashboard.blade.php)
   ============================================== */

/* ===== NAVBAR ===== */
.pub-navbar {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 60%, #0f3460 100%);
    border-bottom: 3px solid #c8102e;
    box-shadow: 0 4px 20px rgba(0,0,0,0.35);
    padding: 0;
    position: sticky;
    top: 0;
    z-index: 1030;
}
.pub-navbar .navbar-brand { display:flex; align-items:center; gap:10px; padding:10px 0; text-decoration:none; }
.pub-navbar .brand-icon {
    width:40px; height:40px;
    background:linear-gradient(135deg,#c8102e,#e84061);
    border-radius:10px; display:flex; align-items:center; justify-content:center;
    flex-shrink:0; box-shadow:0 2px 8px rgba(200,16,46,0.5);
}
.pub-navbar .brand-icon i { color:#fff; font-size:1.1rem; }
.pub-navbar .brand-name { color:#fff; font-weight:800; font-size:.95rem; line-height:1.15; }
.pub-navbar .brand-sub { color:rgba(255,255,255,.45); font-size:.66rem; font-weight:400; line-height:1; }
.pub-navbar .navbar-toggler { border:1px solid rgba(255,255,255,.25); padding:6px 10px; border-radius:8px; }
.pub-navbar .navbar-toggler i { color:rgba(255,255,255,.85); font-size:1rem; }
.pub-navbar .pub-nav-link {
    color:rgba(255,255,255,.75) !important;
    padding:18px 14px !important;
    font-weight:600; font-size:.85rem; letter-spacing:.3px;
    display:flex !important; align-items:center; gap:6px;
    transition:color .15s, background .15s;
    border-bottom:3px solid transparent;
    text-decoration:none;
}
.pub-navbar .pub-nav-link:hover { color:#fff !important; background:rgba(255,255,255,.06); border-bottom-color:rgba(200,16,46,.5); text-decoration:none; }
.pub-navbar .pub-nav-link.is-active { color:#fff !important; background:rgba(200,16,46,.15); border-bottom-color:#c8102e; }
.pub-navbar .pub-nav-link i { font-size:.85rem; }
.pub-navbar .nav-price-link {
    background:linear-gradient(135deg,#c8102e,#e84061);
    color:#fff !important; border-radius:50px;
    padding:8px 18px !important; font-weight:700; font-size:.82rem;
    border-bottom:none !important; margin-left:4px;
    transition:transform .15s, box-shadow .15s;
}
.pub-navbar .nav-price-link:hover { transform:translateY(-2px); box-shadow:0 4px 14px rgba(200,16,46,.45); background:linear-gradient(135deg,#e84061,#c8102e) !important; color:#fff !important; text-decoration:none; }
.pub-navbar .nav-btn-login { color:rgba(255,255,255,.8) !important; border:1px solid rgba(255,255,255,.2); border-radius:8px; padding:7px 16px !important; font-size:.83rem; font-weight:600; transition:all .15s; display:flex; align-items:center; gap:6px; }
.pub-navbar .nav-btn-login:hover { background:rgba(255,255,255,.1); color:#fff !important; text-decoration:none; }
.pub-navbar .nav-btn-register { background:#ffd700; color:#1a1a2e !important; border-radius:8px; padding:7px 16px !important; font-size:.83rem; font-weight:700; transition:all .15s; display:flex; align-items:center; gap:6px; }
.pub-navbar .nav-btn-register:hover { background:#ffe033; color:#1a1a2e !important; transform:translateY(-1px); text-decoration:none; }
.pub-navbar .nav-btn-dashboard { background:rgba(255,215,0,.15); color:#ffd700 !important; border:1px solid rgba(255,215,0,.3); border-radius:8px; padding:7px 16px !important; font-size:.83rem; font-weight:700; transition:all .15s; display:flex; align-items:center; gap:6px; }
.pub-navbar .nav-btn-dashboard:hover { background:rgba(255,215,0,.25); color:#ffd700 !important; text-decoration:none; }
.pub-navbar .dropdown-menu { background:#1e2a3a; border:1px solid rgba(255,255,255,.1); border-radius:10px; box-shadow:0 8px 32px rgba(0,0,0,.4); padding:6px 0; margin-top:4px; }
.pub-navbar .dropdown-item { color:rgba(255,255,255,.75); padding:10px 18px; font-size:.85rem; display:flex; align-items:center; gap:8px; transition:background .15s; }
.pub-navbar .dropdown-item:hover { background:rgba(200,16,46,.2); color:#fff; }
.pub-navbar .dropdown-toggle::after { border-top-color:rgba(255,255,255,.6); }
.pub-navbar .user-dropdown-toggle { color:rgba(255,255,255,.85) !important; font-size:.85rem; font-weight:600; display:flex; align-items:center; gap:6px; padding:10px 14px !important; }

/* ===== FOOTER ===== */
.pub-footer { background:#0f1923; padding:0; margin-top:0; }
.pub-footer-top { background:linear-gradient(90deg,#c8102e 0%,#8b0000 40%,#1a1a2e 100%); height:4px; }
.pub-footer-body { padding:20px 28px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; }
.pub-footer-left { font-size:.8rem; color:rgba(255,255,255,.5); line-height:1.6; }
.pub-footer-left a { color:#ffd700; font-weight:600; text-decoration:none; }
.pub-footer-left a:hover { text-decoration:underline; }
.pub-footer-right { font-size:.78rem; color:rgba(255,255,255,.35); letter-spacing:.3px; }

/* ===== MOBILE RESPONSIVE NAVBAR ===== */
@media(max-width:576px){
    .pub-footer-body { flex-direction:column; text-align:center; gap:6px; }
}
@media(max-width:767.98px){
    .pub-navbar { position:sticky; overflow:visible; }
    .layout-top-nav .pub-navbar .navbar-collapse:not(.show):not(.collapsing) { display:none !important; }
    .layout-top-nav .pub-navbar .navbar-collapse.show,
    .layout-top-nav .pub-navbar .navbar-collapse.collapsing {
        display:block !important;
        position:absolute; top:100%; left:0; right:0;
        background:linear-gradient(180deg,#141e30 0%,#111827 100%);
        border-top:1px solid rgba(255,255,255,.08);
        border-bottom:3px solid #c8102e;
        box-shadow:0 8px 32px rgba(0,0,0,.6);
        z-index:1029; padding:6px 0 14px;
        border-radius:0 0 14px 14px; overflow:hidden;
    }
    .pub-navbar .navbar-collapse .navbar-nav { flex-direction:column !important; width:100% !important; margin:0 !important; gap:0 !important; }
    .pub-navbar .navbar-collapse .navbar-nav .nav-item { width:100%; }
    .pub-navbar .navbar-collapse .pub-nav-link { padding:12px 22px !important; border-bottom:none !important; border-left:3px solid transparent !important; border-radius:0 !important; }
    .pub-navbar .navbar-collapse .pub-nav-link:hover,
    .pub-navbar .navbar-collapse .pub-nav-link.is-active { border-left-color:#c8102e !important; background:rgba(200,16,46,.12); }
    .pub-navbar .navbar-collapse .nav-price-link { margin:6px 16px !important; border-radius:10px !important; padding:10px 20px !important; text-align:center; justify-content:center; border-left:none !important; display:flex; background:linear-gradient(135deg,#c8102e,#e84061) !important; }
    .pub-navbar .mob-sep { border:none; border-top:1px solid rgba(255,255,255,.1); margin:8px 16px; }
    .pub-navbar .navbar-collapse .nav-btn-login,
    .pub-navbar .navbar-collapse .nav-btn-register,
    .pub-navbar .navbar-collapse .nav-btn-dashboard { margin:4px 16px !important; justify-content:center; border-radius:8px; padding:10px 16px !important; }
    .pub-navbar .navbar-collapse .user-dropdown-toggle { margin:4px 16px !important; padding:10px 22px !important; justify-content:flex-start; }
    .pub-navbar .navbar-collapse .dropdown-menu { position:static !important; margin:4px 16px !important; width:calc(100% - 32px); border-radius:8px; }
    .pub-navbar .navbar-toggler { display:flex !important; align-items:center; }
}