/* ================================
   Global + Theme
================================ */
:root{
  --bg: #ffffff;
  --text: #111827;
  --muted: #6b7280;

  /* Uttarakhand Inspired Colors */
  --uttarakhand-green: #2E7D32;   /* Forest green */
  --uttarakhand-blue: #1565C0;    /* Mountain sky blue */
  --uttarakhand-orange: #FF6F00;  /* Kedarnath flag color */

  --accent: var(--uttarakhand-green);

  --glass: rgba(0,0,0,0.03);
  --nav-height: 64px;
  --container: 1100px;
}

/* ================================
   Reset + Base
================================ */
*{box-sizing:border-box;}
html,body{height:100%;}
body{
  margin:0;
  font-family: 'Noto Sans Devanagari', 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.4;
}

/* Container */
.container{
  width:100%;
  max-width:var(--container);
  margin:0 auto;
  padding:0 16px;
}

/* Uttarakhand Theme Strip */
.uk-strip{
  width:100%;
  background: linear-gradient(90deg, var(--uttarakhand-green), var(--uttarakhand-blue));
  padding:10px 0;
  display:flex;
  gap:12px;
  justify-content:center;
}
.uk-strip a{
  color:white;
  text-decoration:none;
  font-weight:600;
  padding:8px 14px;
  border-radius:6px;
}
.uk-strip a:hover{
  background:rgba(255,255,255,0.15);
}

/* Focus styles */
a:focus, button:focus, input:focus{
  outline: 3px solid rgba(11,108,246,0.2);
  outline-offset:2px;
  border-radius:8px;
}

/* Responsive Utilities */
@media (max-width:719px){
  .uk-strip{
    justify-content:flex-start;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .uk-strip::-webkit-scrollbar{ display:none; }
}
/* Uttarakhand Category Navigation Strip */
.uk-strip{
  width:100%;
  background: linear-gradient(
    90deg,
    #2E7D32 0%,   /* Forest Green (Uttarakhand hills) */
    #1565C0 50%,  /* Sky Blue (Himalayas) */
    #FF6F00 100%  /* Orange (temple flags) */
  );
  padding:10px 8px;
  display:flex;
  gap:12px;
  justify-content:center;
  align-items:center;
}

.uk-strip a{
  color:white;
  text-decoration:none;
  font-weight:600;
  padding:8px 14px;
  border-radius:6px;
  font-size:15px;
  white-space:nowrap;
}

.uk-strip a:hover{
  background:rgba(255,255,255,0.18);
}

/* Mobile smooth scrolling */
@media(max-width:750px){
  .uk-strip{
    justify-content:flex-start;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .uk-strip::-webkit-scrollbar{
    display:none;
  }
}