/* kitties.base.css
 * Structural/base styles split from original kitties.css.
 * This file should load BEFORE phub-style.css.
 */

/* =======================================================
   Mama's Kitties Theme - kitties.css
   Version: 1.0.6.a (DRAFT)
   Date: 2025-08-24
   Status: MERGED — 1.0.5.a baseline kept intact +
           subnav parity, specificity & spacing refinements
   Notes:
   - All 1.0.5.a sections preserved.
   - Subnav unified to match top navbar exactly.
   - Dropdowns tightened (even if subnav uses flat links today).
   ======================================================= */
/* ===== 5) Video Grid ===== */
.lk-grid { margin-top: 1rem; }

.lk-thumb {
  position: relative;
  display: block;
  border-radius: 4px;
  overflow: hidden;
}

.lk-thumb img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}

.lk-thumb:hover::before { opacity: 1; }

.lk-thumb:hover::after { width: 100%; }


/* ===== 7) Sidebar / Off-canvas ===== */
.k-no-scroll { overflow: hidden; }

#sidebarMenu.is-open { left: 0; }

.k-burger:hover { opacity: .85; }


/* ===== 9) UserSpice Messages ===== */
.usmsgblock {
  z-index: 999 !important; position: fixed; top: 4.5em; right: 1em;
}

nav.lk-subnav.navbar .navbar-nav {
  display: flex; gap: 0.25rem;             /* slightly tighter */
}

.lk-subnav-preview[hidden] { display:none; }


/* Disable preview UI on tablets/phones */
@media (max-width: 991.98px){
  
}


/* Optional sticky-to-bottom effect */


/* --- Navbar true centering grid --- */
.k-nav-grid {
  display: grid !important;
  grid-template-columns: 1fr minmax(320px, 640px) 1fr; /* center column is the search */
  align-items: center;
  gap: 12px;
}

.k-left  { justify-self: start; }
.k-center{ justify-self: center; width: 100%; }
.k-right { justify-self: end; }

/* Search sizing */
.k-search {
  width: 100%;
  margin: 0;                 /* override any prior centering attempts */
  display: flex;
}
.k-search-input { width: 100%; }

/* Responsive: stack search on its own row under lg if needed */
@media (max-width: 991.98px) {
  .k-nav-grid {
    grid-template-columns: 1fr auto;      /* left | right on first row */
    grid-template-areas:
      "left right"
      "center center";
  }
  .k-left   { grid-area: left; }
  .k-right  { grid-area: right; }
  .k-center { grid-area: center; }
}
/* --- Search bar styling --- */
.k-search-input {
  border: 2px solid #ff6600;   /* orange outline */
  border-radius: 6px;          /* optional rounded corners */
  background-color: #111;      /* dark background for contrast */
  color: #fff;                 /* white text */
}

.k-search-input:focus {
  border-color: #ffa64d;       /* lighter orange when focused */
  box-shadow: 0 0 0 0.2rem rgba(255,102,0,.25); /* glow effect */
  outline: none;               /* remove default outline */
}
/* MK guard: preview overlay must be opaque over the locked page */
:root{ --lk-peek-bg: rgba(12,12,12,.96); }
.lk-subnav-peek{
  background: var(--lk-peek-bg) !important;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}