/* site.css - shared styles for classes/subjects/chapters/viewer */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');
*{box-sizing:border-box;font-family:'Poppins',sans-serif}
html,body{height:100%;margin:0;background:#f5f7ff;color:#122;}

/* container */
.container{max-width:1100px;margin:20px auto;padding:16px}

/* topbar */
.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:48px;height:48px;border-radius:50%}
.brand h1{font-size:20px;margin:0}

/* cards grid */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:14px}
.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 6px 20px rgba(16,24,40,0.08);cursor:pointer;transition:transform .18s}
.card:hover{transform:translateY(-6px)}
.card h3{margin:6px 0 4px;font-size:16px}
.card p{margin:0;color:#5a6b84;font-size:13px}

/* selects / lists */
.block{margin-top:18px}
select, input[type="search"]{width:100%;padding:10px;border-radius:8px;border:1px solid #d6dff2}

/* list of chapters */
.chap-list{list-style:none;padding:0;margin:10px 0}
.chap-list li{padding:12px;border-radius:10px;background:#4f8cff;color:#fff;margin:8px 0;cursor:pointer}

/* back button */
.btn{padding:10px 14px;border-radius:8px;border:none;background:#4f8cff;color:#fff;cursor:pointer}

/* viewer page */
.viewer-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0}
.pdf-frame{width:100%;height:82vh;border:none;border-radius:8px;box-shadow:0 10px 30px rgba(2,6,23,0.12)}

/* responsive small */
@media(max-width:760px){
  .brand h1{font-size:16px}
  .grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
}
/* UNIVERSAL HOME BUTTON */
.home-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 55px;
    height: 55px;
    background: #007bff;
    border-radius: 50%;
    color: #fff;
    font-size: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 5px 20px rgba(0,0,0,0.25);
    cursor: pointer;
    z-index: 9999;
    transition: 0.2s;
}

.home-btn:active {
    transform: scale(0.88);
}
/* Pure app se text selection aur long-press blue highlight hatane ke liye */
* {
  -webkit-tap-highlight-color: transparent; /* Mobile tap highlight hatata hai */
  -webkit-touch-callout: none;                /* iOS par long-press menu disable karta hai */
  -webkit-user-select: none;                 /* Safari/Chrome select disable */
  -khtml-user-select: none;                  /* Konqueror */
  -moz-user-select: none;                    /* Firefox */
  -ms-user-select: none;                     /* IE/Edge */
  user-select: none;                         /* Standard logic */
}

/* Agar aap chahte hain ki sirf 'input' ya 'textarea' mein selection kaam kare */
input, textarea {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}