/*
Theme Name: Unique Study Point - V2
Theme URI: https://uniquestudyonline.com
Author: Sumeet Sahu
Author URI: https://uniquestudyonline.com
Description: Custom theme for Unique Study Point — V2 Professional Layout with dark blue gradient header, colorful resource cards, sidebar, and SEO-optimized structure.
Version: 2.0
License: GNU General Public License v2
Text Domain: usp-theme
*/

/* ===== RESET & BASE ===== */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#F0F4F8;color:#1E293B;line-height:1.6;overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;}

/* ===== HIDE SKIP LINK ===== */
.skip-link,.screen-reader-text,a[href="#main"]{position:absolute;left:-9999px;top:-9999px;overflow:hidden;height:1px;width:1px;}

/* ===== ANNOUNCEMENT BAR ===== */
.usp-announce{background:linear-gradient(90deg,#E94560,#C62A2F,#E94560);color:#fff;text-align:center;padding:8px 16px;font-size:12px;font-weight:700;letter-spacing:0.5px;}
.usp-announce span{opacity:0.85;font-weight:500;}

/* ===== HEADER ===== */
.usp-header{background:linear-gradient(160deg,#0A1628 0%,#0F3460 40%,#16537E 80%,#1A6FA0 100%);position:sticky;top:0;z-index:100;box-shadow:0 4px 24px rgba(15,52,96,0.4);}
.usp-hdr-top{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;max-width:1400px;margin:0 auto;border-bottom:1px solid rgba(255,255,255,0.08);}
.usp-logo{display:flex;align-items:center;gap:14px;}
.usp-logo-mark{width:46px;height:46px;background:linear-gradient(135deg,#E94560,#F77F00);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:#fff;box-shadow:0 4px 15px rgba(233,69,96,0.4);position:relative;overflow:hidden;}
.usp-logo-mark::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.15) 0%,transparent 60%);animation:usp-shimmer 3s ease-in-out infinite;}
@keyframes usp-shimmer{0%,100%{transform:translate(-30%,-30%)}50%{transform:translate(30%,30%)}}
.usp-logo h1{font-size:20px;font-weight:800;color:#fff;letter-spacing:-0.5px;line-height:1.2;}
.usp-logo p{font-size:11px;color:rgba(255,255,255,0.6);font-weight:600;letter-spacing:0.8px;text-transform:uppercase;}
.usp-hdr-acts{display:flex;align-items:center;gap:10px;}
.usp-srch{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.12);border-radius:8px;padding:8px 16px;color:#fff;font-size:13px;width:260px;outline:none;transition:all 0.2s;font-family:inherit;}
.usp-srch::placeholder{color:rgba(255,255,255,0.4);}
.usp-srch:focus{background:rgba(255,255,255,0.18);border-color:rgba(255,255,255,0.25);width:300px;}
.usp-btn{padding:8px 18px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;border:none;transition:all 0.15s;display:inline-flex;align-items:center;gap:6px;}
.usp-btn-acc{background:linear-gradient(135deg,#E94560,#F77F00);color:#fff;box-shadow:0 2px 10px rgba(233,69,96,0.3);}
.usp-btn-acc:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(233,69,96,0.4);}
.usp-btn-out{background:rgba(255,255,255,0.1);color:#fff;border:1px solid rgba(255,255,255,0.2);}

/* ===== NAV ===== */
.usp-nav{display:flex;align-items:center;gap:0;padding:0 28px;max-width:1400px;margin:0 auto;overflow-x:auto;scrollbar-width:none;}
.usp-nav::-webkit-scrollbar{display:none;}
.usp-nav a{padding:11px 18px;color:rgba(255,255,255,0.6);font-size:13px;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent;transition:all 0.2s;position:relative;}
.usp-nav a:hover{color:#fff;background:rgba(255,255,255,0.04);}
.usp-nav a.active{color:#fff;border-bottom-color:#E94560;background:rgba(255,255,255,0.06);}
.usp-nav .badge{position:absolute;top:5px;right:4px;background:#E94560;color:#fff;font-size:8px;padding:1px 5px;border-radius:10px;font-weight:800;}

/* ===== BREADCRUMB ===== */
.usp-bread{font-size:12px;color:#64748B;margin-bottom:20px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.usp-bread a{color:#16537E;font-weight:600;}
.usp-bread a:hover{text-decoration:underline;}

/* ===== MAIN CONTENT AREA ===== */
.usp-wrap{max-width:1360px;margin:0 auto;padding:28px;}
.usp-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start;}
.usp-main{min-width:0;}

/* ===== SIDEBAR ===== */
.usp-sidebar{position:sticky;top:120px;}
.usp-sb-card{background:#fff;border-radius:10px;border:1px solid #E2E8F0;padding:18px;margin-bottom:14px;box-shadow:0 1px 3px rgba(0,0,0,0.04);}
.usp-sb-card h3{font-size:13px;font-weight:700;color:#1E293B;margin-bottom:12px;display:flex;align-items:center;gap:8px;}
.usp-sb-link{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;font-size:13px;font-weight:600;color:#1E293B;transition:all 0.15s;margin-bottom:2px;}
.usp-sb-link:hover{background:#F1F5F9;color:#0F3460;}
.usp-sb-link .sl-ico{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;}
.usp-sb-dark{background:linear-gradient(135deg,#0F3460,#16537E)!important;color:#fff!important;border:none!important;}
.usp-sb-dark h3{color:#fff!important;}
.usp-sb-dark .usp-sb-link{color:rgba(255,255,255,0.85)!important;}
.usp-sb-dark .usp-sb-link:hover{background:rgba(255,255,255,0.1)!important;}
.usp-sb-about{background:linear-gradient(135deg,#0A1628,#16213E)!important;color:#fff!important;border:none!important;}
.usp-sb-about h3{color:#fff!important;}

/* ===== FOOTER ===== */
.usp-footer{background:linear-gradient(160deg,#0A1628,#0F3460);color:rgba(255,255,255,0.7);padding:48px 28px 20px;margin-top:48px;}
.usp-ftr-grid{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr 1fr;gap:32px;margin-bottom:36px;}
.usp-ftr-col h4{font-size:14px;font-weight:700;color:#fff;margin-bottom:14px;}
.usp-ftr-col a{display:block;color:rgba(255,255,255,0.55);font-size:13px;padding:3px 0;transition:color 0.15s;}
.usp-ftr-col a:hover{color:#fff;}
.usp-ftr-col p{font-size:13px;line-height:1.8;margin-bottom:10px;}
.usp-ftr-bot{max-width:1360px;margin:0 auto;padding-top:20px;border-top:1px solid rgba(255,255,255,0.08);display:flex;justify-content:space-between;font-size:12px;flex-wrap:wrap;gap:8px;}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
    .usp-layout{grid-template-columns:1fr;}
    .usp-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px;}
}
@media(max-width:768px){
    .usp-hdr-top{flex-direction:column;gap:12px;padding:12px 16px;}
    .usp-hdr-acts{width:100%;justify-content:center;}
    .usp-srch{width:180px;}
    .usp-nav{padding:0 16px;}
    .usp-nav a{padding:10px 14px;font-size:12px;}
    .usp-wrap{padding:16px;}
    .usp-ftr-grid{grid-template-columns:1fr 1fr;}
    .usp-sidebar{grid-template-columns:1fr;}
}
@media(max-width:480px){
    .usp-ftr-grid{grid-template-columns:1fr;}
    .usp-hdr-acts .usp-srch{width:140px;}
}