/* ============================================================
   E-Bugle — Aurora theme (white background, gold primary)
   Shared stylesheet: navbar, mobile navbar, footer, blogsfeed
   ============================================================ */

:root{
    --base:#FFFFFF;
    --ink:#111213;
    --gold:#EBC349;
    --gold-deep:#C99A2E;
    --copper:#E8863A;
    --wine:#8B2F45;

    --glass:rgba(235,195,73,0.06);
    --border:rgba(17,18,19,0.10);
    --muted:#6B6660;
    --card-shadow:0 4px 24px rgba(17,18,19,0.05);
    --card-shadow-hover:0 10px 28px rgba(17,18,19,0.08);
    --nav-height:72px;
}

/* Desktop vs. mobile navbar toggle — the old device-specific stylesheets (now removed)
   used to provide this; #nav_back is the desktop bar, #navbar_mobile the mobile one,
   on every page (main site AND auth pages, which reuse both ids). */
#nav_back{ display:block; }
#navbar_mobile{ display:none; }
@media (max-width:900px){
    #nav_back{ display:none; }
    #navbar_mobile{ display:block; }
}
@media (min-width: 900px){
    .aurora-navbar-logo {
        padding-right: 3.5%;
    }
}

/* ============================================================
   NAVBAR (desktop)
   ============================================================ */
#nav_back.aurora-navbar{
    position:fixed;
    top:0; left:0;
    width:100%;
    background:var(--base);
    border-bottom:1px solid var(--border);
    box-shadow:0 2px 16px rgba(17,18,19,0.04);
    z-index:9999;
    max-height:none;
}
.aurora-navbar-inner{ padding:0; }
.aurora-navbar-row{
    display:flex;
    align-items:center;
    gap:28px;
    max-width:1280px;
    margin:0 auto;
    padding:14px 130px;
    min-height:var(--nav-height);
    box-sizing:border-box;
}
.aurora-navbar-logo { margin: 0 auto; }
.aurora-navbar-logo img{ height:28px; display:block;}
.aurora-navbar-links{
    display:flex;
    align-items:center;
    gap:22px;
    width: 400px;
}
.aurora-nav-link{
    font-family:'Inter',sans-serif;
    font-size:15px;
    font-weight:600;
    color:var(--ink) !important;
    text-decoration:none !important;
    white-space:nowrap;
}
.aurora-nav-link:hover{ color:var(--gold-deep) !important; }
.aurora-nav-pill{
    font-family:'Inter',sans-serif;
    font-size:14px;
    font-weight:700;
    color:var(--ink) !important;
    text-decoration:none !important;
    background:linear-gradient(90deg,var(--gold),var(--copper));
    padding:9px 18px;
    border-radius:100px;
    white-space:nowrap;
}
.aurora-nav-pill:hover{ filter:brightness(0.97); }
.aurora-navbar-actions{
    display:flex;
    align-items:center;
    gap:14px;
    margin-left:auto;
}
.aurora-lang-btn{
    width:34px; height:34px;
    border-radius:50%;
    border:1px solid var(--border);
    background:var(--base);
    padding:0;
    overflow:hidden;
    cursor:pointer;
    flex-shrink:0;
}
.aurora-lang-btn img{ width:100%; height:100%; object-fit:cover; }
.aurora-searchbar{ display:flex; align-items:center; justify-content: center;}
.aurora-search-form{ display:flex; align-items:center; gap:6px; background:var(--glass); border:1px solid var(--border); border-radius:100px; padding:4px 6px 4px 14px; }
.aurora-search-input{
    border:none;
    background:transparent;
    font-family:'Inter',sans-serif;
    font-size:13.5px;
    color:var(--ink);
    width:150px;
    outline:none;
    box-shadow:none !important;
}
.aurora-search-input::placeholder{ color:var(--muted); }
.aurora-search-submit{
    border:none;
    background:linear-gradient(90deg,var(--gold),var(--copper));
    color:var(--ink);
    width:30px; height:30px;
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    cursor:pointer;
    flex-shrink:0;
}
.aurora-nav-pill-outline{
    font-family:'Inter',sans-serif;
    font-size:14px;
    font-weight:700;
    color:var(--ink) !important;
    text-decoration:none !important;
    border:1px solid var(--border);
    padding:9px 18px;
    border-radius:100px;
    white-space:nowrap;
    display:inline-flex;
    align-items:center;
    gap:8px;
}
.aurora-nav-pill-outline:hover{ border-color:var(--gold-deep); }

/* language modal — kept as a Bootstrap .modal so existing JS (languageModalShow()) still opens it; only reskinned */
#language-switch-modal .modal-content,
#language-switch-modal-mobile .modal-content{
    border-radius:20px;
    border:1px solid var(--border);
    box-shadow:0 20px 60px rgba(17,18,19,0.18);
    width: 500px;
    margin: 0 auto;
}
#language-switch-modal .modal-header,
#language-switch-modal-mobile .modal-header{
    border:none;
    padding-top:28px;
}
#language-switch-modal h4,
#language-switch-modal-mobile h4{
    font-family:'Inter',sans-serif;
    color:var(--ink);
}
#language-switch-modal img,
#language-switch-modal-mobile img{
    border-radius:10px;
    transition:box-shadow .15s;
}

/* ============================================================
   NAVBAR (mobile)
   ============================================================ */
#navbar_mobile.aurora-navbar-mobile{
    position:fixed;
    top:0; left:0;
    width:100%;
    background:var(--base);
    border-bottom:1px solid var(--border);
    box-shadow:0 2px 16px rgba(17,18,19,0.04);
    z-index:9999;
}
.aurora-mobile-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 20px;
}
.aurora-mobile-row .aurora-navbar-logo img{ height:26px; }
.aurora-hamburger{
    border:none;
    background:transparent;
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:8px;
    cursor:pointer;
}
.aurora-hamburger-bar{
    width:24px; height:2.5px;
    border-radius:2px;
    background:var(--ink);
    display:block;
}
#demo.aurora-mobile-menu{
    background:var(--base);
    padding:8px 20px 20px;
    border-top:1px solid var(--border);
    max-height:77vh;
    overflow-y:auto;
    text-align: center;
}
.aurora-mobile-link{
    display:block;
    padding:8.5px 4px;
    font-family:'Inter',sans-serif;
    font-size:16px;
    font-weight:600;
    color:var(--ink) !important;
    text-decoration:none !important;
    border-bottom:1px solid var(--border);
    text-align: center;
}
.aurora-mobile-link.selectedcategory,
.aurora-mobile-link--active{
    color:var(--gold-deep) !important;
}
.aurora-mobile-link--disabled{
    color:var(--muted) !important;
    pointer-events:none;
}
.aurora-mobile-pill{
    display:inline-block;
    margin:5px 0;
    padding:10px 18px;
    border-radius:100px;
    background:linear-gradient(90deg,var(--gold),var(--copper));
    color:var(--ink) !important;
    font-weight:700;
    text-decoration:none !important;
}
.aurora-mobile-flags{ display:flex; gap:12px; padding:14px 0; justify-content: center;}
.aurora-mobile-flags img{ width:34px; border-radius:6px; }
.aurora-flag--active{ box-shadow:0 0 0 2px var(--gold); }
.aurora-mobile-signout{
    margin-top:10px;
    padding-top:14px;
    border-top:1px solid var(--border);
}

/* ============================================================
   FOOTER
   ============================================================ */
footer#footer.aurora-footer{
    background:linear-gradient(180deg,#fff, #fff, #fff,#fff, #ebc34920);
    box-shadow: 0 1px 5px rgb(17 18 19 / 19%);
    /*background: linear-gradient(180deg, #fff, #fff, #fff, #fff, #fffaef);*/
}
.aurora-footer-inner{
    max-width:900px;
    margin:0 auto;
    padding:48px 24px 40px;
    text-align:center;
}
.aurora-footer-logo img{ height:28px; margin-bottom:14px; }
.aurora-footer-copyright{
    font-family:'Inter',sans-serif;
    font-size:14px;
    color:var(--muted);
    margin:0 0 16px;
}
.aurora-footer-links{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:20px;
    margin-bottom:18px;
}
.aurora-footer-links a{
    font-family:'Inter',sans-serif;
    font-size:14px;
    font-weight:600;
    color:var(--ink) !important;
    text-decoration:none !important;
}
.aurora-footer-links a:hover{ color:var(--gold-deep) !important; }
.aurora-footer-social{ display:flex; justify-content:center; gap:16px; margin-bottom:16px; padding-top: 10px; }
.aurora-footer-social a{
    width:36px; height:36px;
    /*border-radius:50%;*/
    /*border:1px solid var(--border);*/
    display:flex; align-items:center; justify-content:center;
    color:var(--ink) !important;
    font-size:15px;
}
.aurora-footer-social a:hover{ border-color:var(--gold-deep); color:var(--gold-deep) !important; }
.aurora-footer-email{
    font-family:'Inter',sans-serif;
    font-size:13px;
    color:var(--muted);
    margin:0;
}

@media (max-width:900px){
    .aurora-navbar-row{ padding:12px 20px; gap:16px; }
    .aurora-navbar-links{ gap:14px; }
    .aurora-search-input{ width:100px; }
    .aurora-searchbar { padding-top: 2%;}
}

@media (max-width:900px) {
    #demo.aurora-mobile-menu{
        max-height:85vh;
    }
}

/* HERO */

.hero{
    text-align:center;
    padding:0px 24px 60px;
    position:relative;
    margin-top: 90px;
    z-index:2;
}
.hero .kicker{
    font-size:13px;
    color:var(--muted);
    letter-spacing:.04em;
    text-transform:uppercase;
    margin-bottom:20px;
    font-weight:600;
}
.hero h1{
    font-weight:800;
    font-size:clamp(38px,6.5vw,76px);
    line-height:1.08;
    max-width:18ch;
    margin:0 auto;
    background:linear-gradient(120deg,var(--white) 25%,var(--gold) 60%,var(--copper) 90%);
    -webkit-background-clip:text;
    background-clip:text;
    color:black;
}
.hero p{
    max-width:46ch;
    margin:26px auto 0;
    color:var(--muted);
    font-size:17px;
    line-height:1.6;
}

/* ============================================================
   BLOGSFEED PAGE
   ============================================================ */
#ebuglelogofeed{
    display: block;
    margin: 3.2% auto -15%;
    opacity: 0.3;
    width: 14%;
    max-width: 330px;
    rotate: -10deg;
}

#newsfeed.aurora-page{
    color:var(--ink);
    font-family:'Inter',sans-serif;
    position:relative;
    padding-top:calc(var(--nav-height) + 0px);
}
.aurora-page a{ text-decoration:none; color:inherit; }
.aurora-visually-hidden{
    position:absolute; width:1px; height:1px; overflow:hidden;
    clip:rect(0,0,0,0); white-space:nowrap;
}

.aurora-mesh{
    position:fixed;
    inset:0;
    z-index:-1;
    background:
            radial-gradient(circle at 15% 15%, #EBC34950 0%, transparent 50%),
            radial-gradient(circle at 88% 10%, #8B2F4550 0%, transparent 50%),
            radial-gradient(circle at 50% 95%, #E8863A50 0%, transparent 50%),
            var(--base);
    opacity:0.16;
    filter:blur(20px);
    pointer-events:none;
}

.aurora-alert-success{
    margin:20px auto;
    max-width:600px;
    text-align:center;
    background:var(--glass);
    border:1px solid var(--border);
    border-radius:12px;
    padding:14px 20px;
    font-size:15px;
    color:var(--ink);
}

.aurora-hero-section{ padding:0 48px; position:relative; z-index:2; }
.aurora-hero-wrap{ padding-top:12px; clip-path: inset(0 1px -15px 0);
    box-shadow: 0 1px 5px rgb(17 18 19 / 19%);
    padding-bottom: 30px;
    margin-bottom: 50px; }
.aurora-hero-wrap-recent-blogs{ padding-top:12px; clip-path: inset(-15px 1px -15px 0);
    box-shadow: 0 1px 5px rgb(17 18 19 / 19%);
    padding-bottom: 30px;
    margin-bottom: 50px;
    padding-top: 15px;
    margin-top: 50px;
}

.aurora-breadcrumbs{ font-size:15px; color:#000000 !important; margin-bottom:12px; margin-top: 12px; font-weight: bold; font-family:'Inter',sans-serif; }
.aurora-breadcrumbs a{ text-decoration:none; color:inherit; }

.aurora-section-head{
    display:flex;
    align-items:baseline;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
    margin:40px 0 24px;
}
.aurora-section-head--center{ justify-content:center; text-align:center; }
.aurora-page-title{
    font-weight:800;
    font-size:clamp(26px,3.4vw,38px);
    letter-spacing:.01em;
    line-height:1.25;
    margin:0;
    color:var(--ink);
}
.aurora-page-title--center{ width:100%; text-align:center; }
.aurora-new-article-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-weight:700;
    font-size:15px;
    color:var(--ink);
    background:linear-gradient(90deg, #ebc34930, #ebc349);
    padding:10px 18px;
    border-radius:100px;
    white-space:nowrap;
}
.aurora-new-article-link:hover{ filter:brightness(0.97); }

.aurora-cats{
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    gap:10px;
    margin:20px 0 36px;
}
.aurora-cat{
    font-size:14px;
    font-weight:600;
    padding:9px 18px;
    border-radius:100px;
    border:1px solid var(--border);
    background:var(--glass);
    color:var(--ink);
}
.aurora-cat:hover{ border-color:var(--gold-deep); background:rgba(235,195,73,0.14); }
.aurora-cat--active{
    background:linear-gradient(90deg,var(--gold),var(--copper));
    border-color:transparent;
    color:var(--ink);
}
.aurora-cat--disabled{
    color:var(--muted);
    opacity:.55;
    cursor:default;
    pointer-events:none;
}

.aurora-scroller{
    display:flex;
    gap:18px;
    overflow-x:auto;
    padding:6px 2px 22px;
    scrollbar-width:thin;
}
.aurora-scroller::-webkit-scrollbar{ height:6px; }
.aurora-scroller::-webkit-scrollbar-thumb{ background:var(--border); border-radius:10px; }

.aurora-story-card{
    position:relative;
    flex:0 0 180px;
    border-radius:16px;
    overflow:hidden;
    border:1px solid var(--border);
    box-shadow:var(--card-shadow);
    background:#fff;
    cursor:pointer;
    transition:transform .15s, box-shadow .15s;
    height:auto;
    margin-top:0 !important;
    white-space:normal;
}

.aurora-storycard-new {
    margin: 0;
    border-radius: 0;
    padding: 92px 20px;
    text-align: center;
    background: linear-gradient(120deg, #ebc34930, #e6b79330);
    height: 300px;
    margin-top: -12px;
}
.aurora-story-card:hover{ transform:translateY(-3px); box-shadow:var(--card-shadow-hover); }
.aurora-story-media{ width:100%; height:190px; }
.aurora-story-media img{ width:100%; height:100%; object-fit:cover; }
.aurora-story-avatar{
    position:absolute;
    top:10px; left:10px;
    width:36px; height:36px;
    border-radius:50%;
    overflow:hidden;
    border:2px solid var(--base);
    z-index:2;
    box-shadow:0 2px 6px rgba(17,18,19,0.15);
}
.aurora-story-avatar img{ width:100%; height:100%; object-fit:cover; }
.aurora-story-title{ padding:12px; }
.aurora-story-title p{
    margin:0;
    font-size:13.5px;
    font-weight:600;
    line-height:1.35;
    color:var(--ink);
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.aurora-scroller--authors{ gap:14px; }
.aurora-author-card{
    flex:0 0 auto;
    /*display: flex;*/
    align-items:center;
    gap:10px;
    padding:10px 10px 10px 10px;
    border-radius:100px;
    margin-left: 10px;
    margin-right: 10px;
    /*border:1px solid var(--border);*/
    /*background:var(--glass);*/
    white-space:nowrap;
    height:auto !important;
    width:auto !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}
.aurora-author-card:hover{ border-color:var(--gold-deep); }
.aurora-author-avatar{
    width:64px; height:64px;
    border-radius:50%;
    margin: 0 auto;
    overflow:hidden;
    flex-shrink:0;
    background:linear-gradient(135deg,var(--gold),var(--copper));
    box-shadow: 0 1px 5px #c4c4c4;
}
.aurora-author-avatar img{ width:100%; height:100%; object-fit:cover; }
.aurora-author-name{ display:flex; flex-direction:column; line-height:1.2; text-align: center; padding-top: 10px; font-weight: 500;}
.aurora-author-name span{ font-size:13px; font-weight:600; color:var(--ink); }

.aurora-list{ display:flex; flex-direction:column; gap:22px; margin-top:8px; }

.aurora-feature{
    display:grid;
    grid-template-columns:340px 1fr;
    gap:0;
    border-radius:24px;
    border:1px solid var(--border);
    background:#fff;
    box-shadow:var(--card-shadow);
    overflow:hidden;
    transition:transform .15s, box-shadow .15s, border-color .15s;
    max-width: 1050px;
    width: 100%;
    margin: 0 auto;
}
.aurora-feature:hover{ transform:translateY(-3px); box-shadow:var(--card-shadow-hover); border-color:var(--gold-deep); }
.aurora-feature-media{ min-height:220px; background:linear-gradient(135deg,var(--gold),var(--copper)); }
.aurora-feature-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.aurora-feature-body{ padding:28px 32px; display:flex; flex-direction:column; justify-content:center; }
.aurora-feature-title{
    font-weight:700;
    font-size:22px;
    line-height:1.3;
    margin:14px 0 16px;
    color:var(--ink);
}

.aurora-tag{
    display:inline-block;
    font-size:12px;
    font-weight:700;
    padding:5px 13px;
    border-radius:100px;
    background:linear-gradient(90deg,var(--gold),var(--copper));
    color:var(--ink);
    width:fit-content;
    cursor:pointer;
}

.aurora-meta{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    font-size:13px;
    color:var(--muted);
}
.aurora-meta-author{ color:var(--ink) !important; font-weight:600; }
.aurora-meta i{ margin-right:4px; color:var(--gold-deep); }

.aurora-small-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    max-width: 1050px;
    width: 100%;
    margin: 0 auto;
}
.aurora-small-card{
    border-radius:18px;
    border:1px solid var(--border);
    background:#fff;
    box-shadow:var(--card-shadow);
    overflow:hidden;
    transition:transform .15s, box-shadow .15s, border-color .15s;
    display:flex;
    flex-direction:column;
    width:auto;
    margin-top:0;
}
.aurora-small-card:hover{ transform:translateY(-3px); box-shadow:var(--card-shadow-hover); border-color:var(--gold-deep); }
.aurora-small-card-img{ width:100%; height:150px; object-fit:cover; }
.aurora-small-card-body{ padding:18px; display:flex; flex-direction:column; gap:10px; }
.aurora-small-card-title{
    font-size:15.5px;
    font-weight:700;
    line-height:1.35;
    margin:0;
    color:var(--ink);
}

.aurora-cta{
    margin:48px 0;
    border-radius:28px;
    padding:56px 40px;
    text-align:center;
    background:linear-gradient(90deg, #ebc34930, #ebc349);
}
.aurora-cta-caption{
    font-weight:700;
    font-size:22px;
    color:var(--ink);
    margin:0 0 24px;
}
.aurora-btn{
    font-size:14px;
    font-weight:700;
    padding:13px 26px;
    border-radius:100px;
    border:none;
    cursor:pointer;
}
.aurora-btn--solid{ background:var(--ink); color:var(--gold) !important; }
.aurora-btn--solid:hover{ background:#000; }

.aurora-pagination{ margin:40px 0; display:flex; justify-content:center; }
.aurora-pagination ul{ display:flex; gap:6px; list-style:none; padding:0; margin:0; }
.aurora-pagination a, .aurora-pagination span{
    display:flex; align-items:center; justify-content:center;
    min-width:36px; height:36px; padding:0 10px;
    border-radius:10px; border:1px solid var(--border);
    font-size:13px; color:var(--ink);
}
.aurora-pagination .active span{ background:var(--gold); border-color:var(--gold); }

.aurora-footer-wrap{ /*border-top:1px solid var(--border);*/ margin-top:40px; }

@media (max-width:900px){
    #newsfeed.aurora-page{ padding-top:calc(var(--nav-height) + 0px); } /* extra room for mobile navbar row */
    .aurora-hero-section{ padding:0 20px; }
    .aurora-feature{ grid-template-columns:1fr; }
    .aurora-feature-media{ min-height:180px; }
    .aurora-feature-body{ padding:22px; }
    .aurora-small-grid{ grid-template-columns:1fr 1fr; }
    .aurora-storycard-new{ padding: 72px 0; }
    #newblogdiv{ margin: 0 auto; padding: 30px; }
}
@media (max-width:600px){
    .aurora-small-grid{ grid-template-columns:1fr; }
    .aurora-story-card{ flex:0 0 140px; }
    .aurora-story-media{ height:150px; }
}

#storyblogs_table { display: flex; justify-content: center; animation: spin 40s infinite linear; width: 1602px; flex: 0 0 auto;}
#more_blogs { justify-content: center; }
#more_blogs_table th { padding: 10px; }

@keyframes spin {
    from {translate: 0;}
    to {translate: -500px;}
}

/*---------*/


/* ============================================================
   AUTHORS DIRECTORY
   ============================================================ */
.aurora-authors-grid{ margin-top:12px; }
.aurora-authors-grid-inner{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}
.aurora-author-tile{
    display:flex;
    align-items:center;
    gap:16px;
    padding:20px;
    border-radius:20px;
    border:1px solid var(--border);
    background:#fff;
    box-shadow:var(--card-shadow);
    transition:transform .15s, box-shadow .15s, border-color .15s;
}
.aurora-author-tile:hover{ transform:translateY(-3px); box-shadow:var(--card-shadow-hover); border-color:var(--gold-deep); }
.aurora-author-tile-photo{
    width:76px; height:76px;
    border-radius:50%;
    overflow:hidden;
    flex-shrink:0;
    background:linear-gradient(135deg,var(--gold),var(--copper));
}
.aurora-author-tile-photo img{ width:100%; height:100%; object-fit:cover; }
.aurora-author-tile-body h3{ margin:0 0 4px; font-size:17px; font-weight:700; color:var(--ink); }
.aurora-author-tile-body h4{ margin:0; font-size:13px; font-weight:500; color:var(--muted); }

/* ============================================================
   BLOGSBOARD (author profile feed)
   ============================================================ */
.aurora-cover{
    height:220px;
    border-radius:24px;
    background:linear-gradient(120deg,var(--gold),var(--copper));
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:flex-end;
    padding:24px 32px;
    position:relative;
}
.aurora-cover-title{
    color:#fff;
    font-size:26px;
    font-weight:700;
    margin:0;
    text-shadow:0 2px 10px rgba(0,0,0,0.35);
}
.aurora-profile-row{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:20px;
    margin:-40px 0 30px;
    position:relative;
    z-index:2;
    padding:0 12px;
}
#profile_picture_box.aurora-profile-avatar-wrap{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    cursor:pointer;
}
.aurora-profile-avatar-wrap{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    margin: 0 auto;
    cursor:pointer;
}
.aurora-profile-avatar{
    width:110px; height:110px;
    border-radius:50%;
    object-fit:cover;
    border:4px solid #fff;
    box-shadow:var(--card-shadow-hover);
}
.aurora-profile-actions{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding-bottom:6px; }
.aurora-category-select select{
    border-radius:100px;
    border:1px solid var(--border);
    padding:9px 16px;
    font-family:'Inter',sans-serif;
    font-size:14px;
    color:var(--ink);
    background:var(--glass);
}
.aurora-btn--outline{
    background:#fff;
    border:1px solid var(--border);
    color:var(--ink);
    border-radius:100px;
    padding:9px 18px;
    font-size:13px;
    font-weight:700;
}
.aurora-btn--outline:hover{ border-color:var(--gold-deep); }

#profile_contents.aurora-profile-layout{
    display:block;
    width: 60%;
    margin: 0 auto;
    text-align: center;
    gap:32px;
    align-items:start;
}

.aurora-profile-layout{
    display:grid;
    grid-template-columns:1fr 320px;
    gap:32px;
    align-items:start;
}

.aurora-blog-metrics{
    display:flex;
    align-items:center;
    gap:6px;
    font-size:13px;
    color:var(--muted);
}
.aurora-blog-metrics img{ width:18px; height:18px; }
.aurora-metric-gold{ color:var(--gold-deep); font-weight:700; }

.aurora-profile-card{
    border-radius:20px;
    border:1px solid var(--border);
    background:#fff;
    box-shadow:var(--card-shadow);
    padding:24px;
}
.aurora-profile-card-photo img{
    width:100%;
    border-radius:14px;
    object-fit:cover;
}
.aurora-profile-card-about{
    font-size:14px;
    color:var(--muted);
    line-height:1.6;
    margin:16px 0;
}
.aurora-profile-card-stat{
    display:flex;
    justify-content:space-between;
    font-size:14px;
    padding:10px 0;
    border-top:1px solid var(--border);
}
.aurora-profile-card-stat span:first-child{ font-weight:700; color:var(--ink); }
.aurora-profile-card-stat span:last-child{ color:var(--muted); }

/* ============================================================
   PROFILE (view / edit / bugle points)
   ============================================================ */
.aurora-edit-cover-bar{ display:flex; justify-content:flex-end; margin:-56px 4px 20px; position:relative; z-index:3; }
.aurora-card-heading{ font-size:19px; font-weight:700; color:var(--ink); margin:0 0 18px; padding-bottom:14px; border-bottom:1px solid var(--border); }
.aurora-field-label{ display:block; font-size:13px; font-weight:700; color:var(--ink); margin:16px 0 6px; }
.aurora-input{
    border-radius:12px !important;
    border:1px solid var(--border) !important;
    font-family:'Inter',sans-serif;
    box-shadow:none !important;
}
.aurora-static-value{ font-size:14px; color:var(--muted); line-height:1.6; margin:0; }
.aurora-bugle-toggle{
    font-size:15px; font-weight:700; color:var(--ink);
    display:flex; align-items:center; gap:8px; cursor:pointer; margin:0 0 6px;
}
.aurora-bugle-explainer{ background:var(--glass); border-radius:14px; padding:16px; margin-bottom:16px; }
.aurora-bugle-explainer p{ font-size:13px; color:var(--muted); margin:0 0 8px; }
.aurora-bugle-points{ text-align:center; margin:10px 0 20px; }
.aurora-bugle-points img{ width:20%; }
.aurora-bugle-points h3{ color:var(--gold-deep); font-weight:800; margin-top:6px; }
.aurora-bugle-table{ width:100%; font-size:13px; text-align:center; border-collapse:collapse; }
.aurora-bugle-table th{ padding:8px 4px; color:var(--muted); font-size:12px; border-bottom:1px solid var(--border); text-align: center;}
.aurora-bugle-table td{ padding:8px 4px; border-bottom:1px solid var(--border); }
.aurora-bugle-link{ color:var(--ink) !important; text-decoration:none !important; font-weight:600; }
.aurora-bugle-gold{ color:var(--gold-deep) !important; }

/* ============================================================
   SITE-WIDE POLISH (forms, buttons, modals) — safe, additive only.
   These target existing Bootstrap classes used across every page
   (login/register/blog/profile forms) so the whole site feels
   consistent even on pages whose markup wasn't restructured.
   ============================================================ */
.form-control{
    border-radius:12px !important;
    border:1px solid var(--border) !important;
    font-family:'Inter',sans-serif !important;
    box-shadow:none !important;
}
.form-control:focus{
    border-color:var(--gold-deep) !important;
    box-shadow:0 0 0 3px rgba(235,195,73,0.25) !important;
}
.btn{
    border-radius:100px !important;
    font-family:'Inter',sans-serif !important;
    font-weight:600 !important;
    letter-spacing:.01em !important;
}
.modal-content{
    border-radius:20px !important;
    border:1px solid var(--border) !important;
    box-shadow:0 20px 60px rgba(17,18,19,0.18) !important;
}
.modal-header{ border:none !important; }
.modal-footer{ border:none !important; }

/* ============================================================
   BLOG (reader / editor / comments / bugle points)
   CSS-ONLY reskin — blog.blade.php's markup, ids and inline
   scripts are all untouched; everything below is color/type/
   spacing polish layered on the existing structure.
   ============================================================ */
#newsfeed #showBlog,
#newsfeed #editBlog{
    font-family:'Inter',sans-serif;
    color:var(--ink);
}
#newsfeed #newseditTitleHead{
    font-family:'Inter',sans-serif;
    font-weight:800;
    color:var(--ink);
}
#newsfeed #descr{
    font-family:'Inter',sans-serif;
    line-height:1.75;
    color:var(--ink);
}
#newsfeed .newsimage{
    border-radius:20px;
    box-shadow:var(--card-shadow);
}
#newsfeed #titleline{ border-bottom-color:var(--border) !important; }

/* "more posts" cards at the bottom of an article */
#newsfeed .more_blog{
    border-radius:18px;
    border:1px solid var(--border);
    box-shadow:var(--card-shadow);
    overflow:hidden;
    transition:transform .15s, box-shadow .15s, border-color .15s;
    background:#fff;
}

#newsfeed .more_blog:hover{ transform:translateY(-3px); box-shadow:var(--card-shadow-hover); border-color:var(--gold-deep); }
#newsfeed #bottom_part_description{ color:var(--ink); font-weight:600; }

/* about-the-author / comments blocks */
#newsfeed #about_author,
#newsfeed #commentsdiv .comments_header{
    border-radius:18px;
    border:1px solid var(--border);
    background:#fff;
    box-shadow:var(--card-shadow);
}
#newsfeed #name_author{ color:var(--ink); }
#newsfeed #title_author,
#newsfeed #bio_author{ color:var(--muted); }
#newsfeed .profimg_wrap img{ border-radius:50%; }

/* bugle points slider */
#newsfeed input[type="range"].slider{ accent-color:var(--gold-deep); }
#newsfeed #bugleslider_desc h3{ color:var(--ink); }

/* primary action buttons keep their existing semantic colors (gold = publish/save,
   red = delete) — only shape/typography is unified via the global .btn rule above. */
#newsfeed #submit_blog_btn,
#newsfeed #save_btn,
#newsfeed #submit_comment_btn{ background-color:var(--gold) !important; border-color:var(--gold) !important; color:var(--ink) !important; }
#newsfeed #newblogbtn{ background: linear-gradient(90deg, #ebc34930, #ebc349); color:var(--ink) !important; border-color:var(--border) !important; }

/* ============================================================
   AUTH PAGES (login / register / verify / password reset)
   ============================================================ */
.aurora-auth-shell{
    padding:calc(var(--nav-height) + 48px) 20px 80px;
    justify-content:center;
}
.aurora-auth-card{
    width:100%;
    max-width:480px;
    background:#fff;
    border:1px solid var(--border);
    border-radius:24px;
    box-shadow:var(--card-shadow);
    padding:40px 36px;
    margin: 0 auto;
    font-family:'Inter',sans-serif;
}
.aurora-auth-breadcrumbs{ font-size:13px; color:var(--muted); margin-bottom:16px; font-family:'Inter',sans-serif; }
.aurora-auth-heading{
    text-align:center;
    font-size:28px;
    font-weight:800;
    color:var(--ink);
    margin:0 0 10px;
}
.aurora-auth-subtitle{
    text-align:center;
    font-size:14px;
    font-weight:400;
    color:var(--muted);
    margin:0 0 24px;
}
.aurora-google-btn{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:12px 20px;
    border-radius:100px;
    border:1px solid var(--border);
    background:#fff;
    font-family:'Inter',sans-serif;
    font-size:14px;
    font-weight:600;
    color:var(--ink);
    cursor:pointer;
}
.aurora-google-btn:hover{ border-color:var(--gold-deep); }
.aurora-google-btn img{ width:20px; height:20px; }
.aurora-divider{
    display:flex;
    align-items:center;
    gap:14px;
    margin:24px 0;
    color:var(--muted);
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.aurora-divider::before, .aurora-divider::after{
    content:"";
    flex:1;
    height:1px;
    background:var(--border);
}
.aurora-form-group{ margin-bottom:18px; }
.aurora-error-text{
    display:block;
    font-size:12.5px;
    color:var(--wine);
    margin-top:6px;
}
.aurora-auth-footer-link{
    display:block;
    text-align:center;
    font-size:13px;
    color:var(--muted) !important;
    margin-top:16px;
}
.aurora-auth-footer-link:hover{ color:var(--gold-deep) !important; }
.aurora-checkbox-row{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:13.5px;
    color:var(--muted);
    margin-bottom:18px;
}
.aurora-alert-error{
    background:rgba(139,47,69,0.06);
    border:1px solid rgba(139,47,69,0.2);
    color:var(--wine);
    border-radius:12px;
    padding:12px 16px;
    font-size:13.5px;
    text-align:center;
    margin-bottom:18px;
}

/* ============================================================
   STATIC CONTENT PAGES (about us / privacy policy / rules)
   ============================================================ */
.aurora-content-shell{ max-width:820px; margin:0 auto; padding:0 20px 80px; }
.aurora-content-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:24px;
    box-shadow:var(--card-shadow);
    padding:44px 48px;
}
.aurora-content-title{
    font-size:32px;
    font-weight:800;
    color:var(--ink);
    margin:0 0 24px;
}


/*-------------*/


.pagination>li>a {
    color: #000000;
}

@media (min-width:1700px){
    .aurora-hero-section{ padding:0 24%; }
}

@media (max-width:900px){
    #newsfeed{ padding-top:calc(var(--nav-height) + 90px); } /* extra room for mobile navbar row */
    .aurora-hero-section{ padding:0 20px; }
    .aurora-feature{ grid-template-columns:1fr; }
    .aurora-feature-media{ min-height:180px; }
    .aurora-feature-body{ padding:22px; }
    .aurora-small-grid{ grid-template-columns:1fr 1fr; }
    .aurora-authors-grid-inner{ grid-template-columns:1fr 1fr; }
    .aurora-profile-layout{ grid-template-columns:1fr; }
    .aurora-navbar-logo {
        padding-left: 10%;
    }
    #profile_contents.aurora-profile-layout{ width: 100%; }
    #checkblogsBtn { width: 100% !important; }
    #slider_output { width: 10% !important; }
}
@media (max-width:600px){
    .aurora-small-grid{ grid-template-columns:1fr; }
    .aurora-story-card{ flex:0 0 140px; }
    .aurora-story-media{ height:150px; }
    .aurora-authors-grid-inner{ grid-template-columns:1fr; }
}

#app {
    min-height: calc(100vh - 350px);
}

/*------FONT AWESOME ICONS-------*/

.fa-search {
    background-image: url("../../search.svg");
    background-repeat: no-repeat;
    background-size: 14px 16px;
    padding: 7px;
    display: inline-flex;
}

.fa-sign-in-alt {
    background-image: url("../../login.svg");
    background-repeat: no-repeat;
    background-size: 14px 16px;
    padding: 7px;
    display: inline-flex;
}

.fa-sign-out-alt {
    background-image: url("../../logout.svg");
    background-repeat: no-repeat;
    background-size: 14px 16px;
    padding: 7px;
    display: inline-flex;
}

.fa-plus {
    background-image: url("../../plus.svg");
    background-repeat: no-repeat;
    background-size: 14px 16px;
    padding: 7px;
    display: inline-flex;
}

.fa-user {
    background-image: url("../../user.svg");
    background-repeat: no-repeat;
    background-size: 12px 12px;
    vertical-align: middle;
    padding: 7px;
    display: inline-flex;
    margin-right: 0 !important;
    color: var(--gold-deep);
}

.fa-clock {
    background-image: url("../../clock.svg");
    background-repeat: no-repeat;
    background-size: 12px 12px;
    vertical-align: middle;
    padding: 7.4px;
    margin-right: 0 !important;
    display: inline-flex;
    color: var(--gold-deep);
}

.fa-eye {
    background-image: url("../../eye.svg");
    background-repeat: no-repeat;
    background-size: 14px 16px;
    padding: 7px;
    display: inline-flex;
    margin-left: 4% !important;
    margin-right: 0 !important;
    color: var(--gold-deep);
}

.fa-comment {
    background-image: url("../../comment.svg");
    background-repeat: no-repeat;
    background-size: 14px 16px;
    padding: 7px;
    display: inline-flex;
    margin-left: 4% !important;
    margin-right: 0 !important;
    color: var(--gold-deep);
}

.fa-image {
    background-image: url("../../image.svg");
    background-repeat: no-repeat;
    background-size: 12px 12px;
    vertical-align: middle;
    padding: 7px;
    display: inline-flex;
}

#blog_time { margin-right: 7px;}