/* HND Study Hub Premium Compact Polish
   Keeps the original layout, only refines typography, spacing, mobile app feel, and clarity. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+Sinhala:wght@400;500;600;700;800&family=Noto+Sans+Tamil:wght@400;500;600;700;800&display=swap');

:root{
    --premium-blue:#0A73FF;
    --premium-blue-dark:#075ED1;
    --premium-blue-soft:#EAF3FF;
    --premium-ink:#111827;
    --premium-muted:#667085;
    --premium-border:#E7ECF3;
    --premium-bg:#F7FAFF;
    --premium-card:#FFFFFF;
    --premium-radius:20px;
    --premium-shadow:0 14px 36px rgba(17,24,39,.055);
    --premium-shadow-hover:0 22px 48px rgba(10,115,255,.13);
}

html{scroll-behavior:smooth; font-size:15px;}
body{
    font-family:'Inter','Noto Sans Sinhala','Noto Sans Tamil',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
    font-size:14.5px !important;
    line-height:1.62 !important;
    color:var(--premium-ink) !important;
    background:linear-gradient(180deg,#FFFFFF 0%,var(--premium-bg) 100%) fixed !important;
    text-rendering:geometricPrecision;
    -webkit-font-smoothing:antialiased;
}
body *{letter-spacing:-.012em;}
p,.text-muted,.hero-subtitle,.bc-text,.dc-desc,.nc-desc,.footer-desc,.card-text{font-size:.92rem !important; line-height:1.68 !important; color:var(--premium-muted);}
small,.small{font-size:.78rem !important;}

h1,.h1,.hero-title{font-size:clamp(2.05rem,5vw,3.25rem) !important; line-height:1.08 !important; letter-spacing:-.055em !important; font-weight:850 !important;}
h2,.h2,.section-title{font-size:clamp(1.55rem,3.5vw,2.25rem) !important; line-height:1.16 !important; letter-spacing:-.045em !important; font-weight:820 !important;}
h3,.h3,.bc-title,.dc-title,.nc-title{font-size:clamp(1.05rem,2vw,1.28rem) !important; line-height:1.25 !important; font-weight:760 !important;}
h4,.h4,.cat-title,.footer-heading{font-size:1rem !important; font-weight:750 !important;}

.container{max-width:1120px !important;}
section{position:relative;}

/* Existing UI polish without changing structure */
#sh-header-wrapper .sh-navbar{
    height:72px !important;
    background:rgba(255,255,255,.84) !important;
    backdrop-filter:blur(22px) saturate(170%) !important;
    -webkit-backdrop-filter:blur(22px) saturate(170%) !important;
    border-bottom:1px solid rgba(231,236,243,.9) !important;
    box-shadow:0 8px 30px rgba(17,24,39,.035) !important;
}
body{padding-top:72px !important;}
.sh-brand{gap:10px !important;}
.sh-brand-icon{width:38px !important; height:38px !important; border-radius:12px !important; font-size:1.05rem !important; background:linear-gradient(135deg,var(--premium-blue),#56A2FF) !important; box-shadow:0 10px 24px rgba(10,115,255,.22) !important;}
.sh-brand-text h1{font-size:1.05rem !important; letter-spacing:-.035em !important;}
.sh-brand-text span{font-size:.62rem !important; letter-spacing:.12em !important;}
.sh-nav-list{gap:3px !important;}
.sh-nav-link{font-size:.86rem !important; font-weight:680 !important; padding:7px 11px !important; border-radius:999px !important;}
.sh-nav-link:hover,.sh-nav-link.active{background:var(--premium-blue-soft) !important; color:var(--premium-blue) !important;}
.sh-drop-item{font-size:.86rem !important; padding:9px 12px !important;}
.sh-btn-login,.sh-btn-join{font-size:.86rem !important; padding:8px 16px !important;}
.sh-btn-join,.btn-apple-primary,.glass-search-btn,.btn-apple{background:linear-gradient(135deg,var(--premium-blue),#48A1FF) !important; box-shadow:0 12px 24px rgba(10,115,255,.22) !important;}
.sh-mobile-toggle{width:40px !important;height:40px !important;border-radius:14px !important;font-size:1.05rem !important;background:#F2F7FF !important;color:var(--premium-blue) !important;}

.hero-section,.library-hero,.notice-hero,.search-hero,
.page-hero,.search-page-hero,.jobs-hero{padding-top:24px !important; padding-bottom:28px !important;}
.hero-badge,.badge-new,.type-badge,.urgent-badge,.pro-badge,.dc-tag,.filter-pill,.filter-btn{font-size:.74rem !important; font-weight:760 !important; letter-spacing:.01em !important;}
.hero-subtitle{max-width:620px !important; margin-bottom:25px !important;}
.typed-container{min-height:54px !important;}

.apple-hero-search,.search-box,.glass-search-form,.apple-search{
    border:1px solid var(--premium-border) !important;
    border-radius:999px !important;
    box-shadow:0 16px 42px rgba(17,24,39,.06) !important;
    background:rgba(255,255,255,.92) !important;
}
.apple-hero-search input,.search-box input,.glass-input,.apple-search input,.form-control,.form-select{
    font-size:.91rem !important;
}
button,.btn,.sh-btn-join,.btn-apple-primary{font-weight:720 !important;}

.cat-card,.bento-card,.tool-card,.notice-card,.detailed-card,.dashboard-card,.course-mini-card,.group-card,.notice-item,.stats-container,.slider-card,.card,.modal-content{
    border:1px solid var(--premium-border) !important;
    border-radius:var(--premium-radius) !important;
    box-shadow:var(--premium-shadow) !important;
}
.cat-card:hover,.bento-card:hover,.tool-card:hover,.notice-card:hover,.detailed-card:hover,.course-mini-card:hover,.group-card:hover,.slider-card:hover,.card:hover{
    transform:translateY(-4px) !important;
    box-shadow:var(--premium-shadow-hover) !important;
    border-color:rgba(10,115,255,.28) !important;
}
.bento-card,.cat-card,.tool-card,.notice-card .nc-content,.detailed-card{padding:22px !important;}
.bc-icon,.dc-icon,.cat-icon,.footer-logo-icon,.contact-icon{transform:scale(.9);}
.stat-num{font-size:clamp(2rem,4vw,2.55rem) !important;}
.stat-label{font-size:.74rem !important;}

.site-footer{background:linear-gradient(180deg,#fff,#f8fbff) !important;}
.footer-brand h3{font-size:1.18rem !important;}
.footer-links a,.contact-text a,.copyright-text{font-size:.88rem !important;}
.footer-bottom{padding-bottom:calc(22px + env(safe-area-inset-bottom));}

/* Notices and resource readability */
.notice-list{gap:14px !important;}
.notice-item{padding:18px !important;}
.notice-date .d{font-size:1.3rem !important;}
.notice-content h3{font-size:1.03rem !important;}
.table{font-size:.86rem !important;}
.table th{font-size:.73rem !important;}

/* Google Translate compact pill */
.premium-language-pill{
    position:fixed; right:18px; bottom:92px; z-index:1002;
    background:rgba(255,255,255,.92); border:1px solid var(--premium-border); border-radius:999px;
    box-shadow:0 14px 32px rgba(17,24,39,.10); padding:8px 12px; display:flex; align-items:center; gap:8px;
    backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
}
.premium-language-pill i{color:var(--premium-blue);}
.hnd-lang-select,#google_translate_element select{border:0;background:transparent;outline:0;font-size:.78rem;font-weight:700;color:var(--premium-ink);max-width:120px;cursor:pointer;}
.goog-logo-link,.goog-te-gadget span{display:none!important;}
.goog-te-gadget{font-size:0!important;}
body>.skiptranslate{display:none!important;}
body{top:0!important;}

/* Contextual WhatsApp help chip (library/search only) */
.premium-help-chip{
    position:fixed; right:16px; bottom:96px; z-index:1002; max-width:min(320px,calc(100vw - 32px));
    background:rgba(255,255,255,.96); border:1px solid var(--premium-border); border-radius:20px;
    box-shadow:0 20px 48px rgba(17,24,39,.12); padding:14px 14px 12px;
    backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
    animation:premiumChipIn .45s cubic-bezier(.2,.8,.2,1);
}
.premium-help-chip[hidden]{display:none!important;}
@keyframes premiumChipIn{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
.premium-help-dismiss{
    position:absolute; top:8px; right:8px; width:26px; height:26px; border:0; border-radius:8px;
    background:#f3f4f6; color:#667085; display:flex; align-items:center; justify-content:center; font-size:.75rem;
}
.premium-help-chip-text{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;color:var(--premium-ink);padding-right:24px;margin-bottom:10px;}
.premium-help-chip-text .fa-whatsapp{color:#25D366;font-size:1.1rem;}
.premium-help-chip-btn{
    display:block;text-align:center;background:#25D366;color:#fff!important;text-decoration:none;
    border-radius:12px;padding:9px 12px;font-size:.82rem;font-weight:800;
}
.premium-help-chip-btn:hover{color:#fff!important;filter:brightness(1.05);}

/* Mobile app bottom navigation — hidden on desktop */
.premium-mobile-nav{
    position:fixed; left:10px; right:10px; bottom:10px; z-index:1001;
    display:none !important;
    padding:8px 8px calc(8px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.9); border:1px solid rgba(231,236,243,.95); border-radius:24px;
    box-shadow:0 20px 50px rgba(17,24,39,.14); backdrop-filter:blur(22px) saturate(170%); -webkit-backdrop-filter:blur(22px) saturate(170%);
}
.premium-mobile-nav a{flex:1; min-width:0; color:#667085; text-decoration:none; display:flex; flex-direction:column; align-items:center; gap:3px; font-size:.66rem!important; font-weight:740; padding:7px 4px; border-radius:16px;}
.premium-mobile-nav a i{font-size:1rem;}
.premium-mobile-nav a.active{background:var(--premium-blue-soft); color:var(--premium-blue);}

.premium-site-banner{margin:18px auto 0; max-width:1120px; padding:0 16px;}
.premium-site-banner-inner{background:linear-gradient(135deg,#EAF3FF,#FFFFFF); border:1px solid rgba(10,115,255,.18); border-radius:22px; box-shadow:var(--premium-shadow); padding:14px 18px; display:flex; align-items:center; gap:14px;}
.premium-site-banner-icon{width:38px;height:38px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--premium-blue);background:white;box-shadow:0 10px 24px rgba(10,115,255,.12);}
.premium-site-banner h3{margin:0;font-size:.98rem!important;}
.premium-site-banner p{margin:2px 0 0!important;font-size:.84rem!important;}
.premium-site-banner a{margin-left:auto; white-space:nowrap; font-weight:760; color:var(--premium-blue); text-decoration:none; font-size:.84rem;}

[data-premium-reveal]{opacity:0; transform:translateY(18px); transition:opacity .65s ease, transform .65s cubic-bezier(.2,.8,.2,1);}
[data-premium-reveal].is-visible{opacity:1; transform:translateY(0);}

@media (min-width:992px){
    .premium-mobile-nav{display:none!important;}
    body.premium-body{padding-bottom:0!important;}
    #backToTop{bottom:28px!important;}
    .premium-language-pill{bottom:28px!important;}
}

@media (max-width:991px){
    html{font-size:14px;}
    body.premium-body{padding-top:68px!important; padding-bottom:92px!important;}
    #sh-header-wrapper .sh-navbar{height:68px!important;}
    .premium-mobile-nav{display:flex!important;}
    #wc-super-bot{bottom:108px!important; right:12px!important;}
    #wc-super-bot .wc-bot-toggler{width:52px;height:52px;font-size:20px;animation:none;}
    .premium-help-chip{bottom:102px; right:12px;}
    .premium-language-pill{bottom:168px; right:12px; padding:7px 10px;}
    #backToTop{bottom:108px!important;}
    .hero-section,.library-hero,.notice-hero,.search-hero,
    .page-hero,.search-page-hero,.jobs-hero{padding-top:12px!important; padding-bottom:18px!important;}
    .hero-title{margin-bottom:10px!important;}
    .notice-hero .hero-title,.library-hero .hero-title{margin-bottom:10px!important;}
    .hero-subtitle{font-size:.9rem!important; padding:0 6px; margin-bottom:14px!important;}
    .hero-badge{margin-bottom:12px!important;}
    .apple-hero-search,.premium-search-bar,.search-page-bar{margin-bottom:14px!important;}
    .hero-cta-row{margin-bottom:0!important;}
    .home-quick-strip{margin-top:14px!important;}
    .home-section{padding-top:32px!important; padding-bottom:32px!important;}
    .scroll-hint{display:none!important;}
    .typed-container{min-height:42px!important;}
    .apple-hero-search,.search-box,.glass-search-form,.apple-search{border-radius:22px!important;}
    .bento-grid{gap:14px!important;}
    .bento-card,.cat-card,.tool-card,.notice-card .nc-content,.detailed-card{padding:18px!important;}
    .stats-container{padding:20px!important;}
    .stat-box{border-right:0!important; border-bottom:1px solid #f1f5f9;}
    .stat-box:last-child{border-bottom:0;}
    .premium-site-banner{margin-top:12px;}
    .premium-site-banner-inner{align-items:flex-start; padding:12px; border-radius:18px;}
    .premium-site-banner a{display:none;}
}

@media (max-width:576px){
    body{font-size:13.8px!important;}
    .container{padding-left:16px!important; padding-right:16px!important;}
    .hero-badge{font-size:.68rem!important;padding:5px 13px!important;}
    .btn-apple-primary,.btn,.glass-search-btn{font-size:.86rem!important;padding:10px 16px!important;}
    .nc-img-box,.slider-img{height:150px!important;}
    .slider-card{height:auto!important;}
}

@media (prefers-reduced-motion: reduce){
    *{animation:none!important; transition:none!important; scroll-behavior:auto!important;}
}