/* Combined kitties.css (base + phub-style + phub-purple) - generated 2025-10-20T15:04:18.3567357-05:00 *//* 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:transparent !important; overflow-y:auto; -webkit-overflow-scrolling:touch; }/* --- Purple PH look: header + body + us_menu fallback --- *//* Global dark surface */body{background-color:#181818;color:#e6e6e6;font-family:Arial,sans-serif}/* Navbar (header) */.navbar{background-color:#111!important}.navbar .nav-link{color:#ccc;text-transform:uppercase;font-weight:700;font-size:.85rem;letter-spacing:.4px}.navbar .nav-link:hover{color:var(--phub-accent,#9b59b6)!important}/* Ensure legacy file-based us_menu matches dark theme */.us_menu.horizontal{background:#111!important;border-bottom:1px solid #222!important;margin:0;padding:.25rem .5rem}.us_menu.horizontal a{color:#ccc!important;text-transform:uppercase;font-weight:700;font-size:.85rem;padding:.5rem .75rem;border-radius:4px;text-decoration:none!important;letter-spacing:.4px}.us_menu.horizontal a:hover{background:#222!important;color:var(--phub-accent,#9b59b6)!important}/* PH purple theme accents */:root{  --phub-accent:#9b59b6;  --phub-bg:#0f0f0f;  --phub-fg:#eee;  --phub-muted:#aaa;}/* Top navbar wrapper */.navbar{ background-color:#111 !important; }.navbar .nav-link{  color:#ccc;  text-transform:uppercase;  font-weight:700;  font-size:.85rem;}.navbar .nav-link:hover{ color:var(--phub-accent); }.navbar-brand.ph-brand{font-weight:800;font-size:1.25rem;letter-spacing:.5px;line-height:1}.navbar-brand.ph-brand .ph-left{color:#fff}.navbar-brand.ph-brand .ph-right{margin-left:.25rem;padding:.12rem .4rem;border-radius:4px;background:var(--phub-accent);color:#fff}/* Header grid and search */.k-nav-grid{display:grid;grid-template-columns:1fr minmax(320px,640px) 1fr;align-items:center;gap:12px}.k-left{justify-self:start}.k-center{justify-self:center;width:100%}.k-right{justify-self:end}.k-search{width:100%;margin:0;display:flex}.k-search-input.form-control{  border:2px solid var(--phub-accent)!important;  border-radius:6px;background-color:#1a1a1a;color:#fff;}.k-search-input.form-control::placeholder{color:var(--phub-muted);opacity:.8}.k-search-input.form-control:hover{border-color:var(--phub-accent)!important}.k-search-input.form-control:focus{  border-color:#b17ccc!important;box-shadow:0 0 0 .2rem rgba(155,89,182,.35)!important;outline:0}/* Subnav bar */nav.lk-subnav.navbar{ background-color:#111!important; border-bottom:1px solid #222!important; min-height:56px; margin:0; padding:0; }nav.lk-subnav.navbar .nav-link{ color:#ccc!important; font-weight:700; font-size:.70rem; text-transform:uppercase; letter-spacing:.4px; padding:.45rem .75rem; margin:0 .1rem; border-radius:4px; text-decoration:none!important; transition:background .25s ease,color .25s ease }nav.lk-subnav.navbar .nav-link:hover,nav.lk-subnav.navbar .nav-link:focus{ background-color:#222!important; color:var(--phub-accent)!important }nav.lk-subnav.navbar .nav-link.active{ background-color:var(--phub-accent)!important; color:#111!important }/* --- BEGIN phub-style.css --- *//* phub-style.css * Pornhub-inspired dark skin for Kitties theme. * This file should load AFTER kitties.base.css. */:root{  --phub-accent:#ff9900;  --phub-bg:#0f0f0f;  --phub-fg:#eee;  --phub-muted:#aaa;}/* =======================================================   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).   ======================================================= *//* ===== 1) Global ===== */body {  background-color: #181818;  color: #e6e6e6;  font-family: Arial, sans-serif;}/* ===== 2) Top Navbar ===== */.navbar {  background-color: #111 !important;}.navbar .nav-link {  color: #ccc;  font-size: 0.85rem;        /* from 1.0.5.a refinement */  font-weight: 700;          /* bold like reference */  text-transform: uppercase; /* match reference */  padding: 0.5rem 0.75rem;   /* compact spacing */  letter-spacing: 0.5px;     /* subtle separation */}.navbar .nav-link:hover {  color: #ff9900;}/* Brand / Navbar title */.navbar-brand {  font-weight: bold;  color: #ff9900 !important;}.navbar-brand:hover {  color: #ffa733 !important;}/* ===== 3) Hero Header ===== */.lk-hero {  padding: 1.5rem;  background: linear-gradient(180deg, #1a1a1a 0%, #111 100%);  border-radius: 6px;  text-align: center;  box-shadow: 0 2px 6px rgba(0,0,0,0.4);}.lk-hero h1 {  color: #fff;  font-weight: 700;  font-size: 1.8rem;  margin: 0;  letter-spacing: 0.5px;  border-bottom: 3px solid #ff9900;  display: inline-block;  padding-bottom: 0.3rem;}/* ===== 4) Category Bar (Unified Hover + Active) ===== */.lk-category-bar {  display: flex;  gap: 1rem;  border-bottom: 1px solid #333;  padding-bottom: 0.5rem;}.lk-cat {  position: relative;  color: #aaa;  text-decoration: none;  font-weight: 500;  padding: 6px 12px;  border-radius: 6px;  transition: background 0.3s ease, color 0.3s ease, border 0.3s ease;  border: 1px solid transparent;}.lk-cat:hover {  background: rgba(255,153,0,0.15);  color: #ff9900;}.lk-cat.active {  background: #ff9900;  color: #111;  font-weight: 600;  border: 1px solid #ff9900;  box-shadow: 0 2px 10px rgba(255,153,0,0.25);}.lk-cat.active:hover {  background: rgba(255,153,0,0.15);  color: #ff9900;  border: 1px solid #ffa733;}.lk-card {  background: #1a1a1a;  border-radius: 6px;  overflow: hidden;  padding: 0.5rem;  transition: transform 0.2s ease, box-shadow 0.2s ease;}.lk-card:hover {  transform: translateY(-3px);  box-shadow: 0 4px 12px rgba(0,0,0,0.4);}.lk-thumb::before {  content: "";  position: absolute; inset: 0;  background: rgba(0, 0, 0, 0.4);  opacity: 0; transition: opacity 0.3s ease; z-index: 1;}.lk-thumb::after {  content: "";  position: absolute; bottom: 0; left: 0;  height: 4px; width: 0;  background: #ff9900;  transition: width 0.3s ease; z-index: 2;}.lk-duration {  position: absolute; bottom: 6px; right: 6px;  background: rgba(0,0,0,0.8); color: #fff;  font-size: 0.75rem; padding: 2px 6px; border-radius: 4px; z-index: 3;}.lk-title {  font-size: 0.9rem; font-weight: 600;  margin-top: 6px; margin-bottom: 2px;  color: #f1f1f1; line-height: 1.2;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  transition: color 0.3s ease;}.lk-title:hover { color: #ff9900; cursor: pointer; }.lk-meta { font-size: 0.75rem; color: #aaa; margin: 0; }/* ===== 6) Footer ===== */.footer { background: #111; color: #888; padding: 1rem 0; }.footer small { color: #666; }.k-backdrop {  position: fixed; inset: 0;  background: rgba(0,0,0,.5);  z-index: 1040;}/* Under-navbar sidebar placement + width var */#sidebarMenu {  position: fixed;  top: var(--navbar-height, 56px);  left: -260px;  width: var(--sidebar-width, 260px);  height: calc(100vh - var(--navbar-height, 56px));  background: #111;  border-right: 1px solid #333;  z-index: 1051;  transition: left 0.25s ease, width 0.25s ease;  overflow-y: auto;}#sidebarBackdrop {  position: fixed;  top: var(--navbar-height, 56px);  left: 0; right: 0; bottom: 0;  background: rgba(0,0,0,0.5);  z-index: 1050;}#sidebarMenu .nav-link {  color: #ccc; padding: 0.5rem 1rem; border-radius: 4px; white-space: nowrap;}#sidebarMenu .nav-link:hover {  background: rgba(255,153,0,0.15);  color: #ff9900;}/* Hamburger */.k-burger { color: inherit; font-size: 1.25rem; }/* Sidebar refinement block (kept intact) */.sidebar {  background: #111; color: #ccc; padding: 1rem;}.sidebar h6 {  font-size: 0.75rem; text-transform: uppercase;  color: #ff9900; margin-bottom: 0.5rem;}.sidebar .nav-link {  color: #bbb; padding: 0.25rem 0.5rem; border-radius: 4px;}.sidebar .nav-link:hover {  background: rgba(255,153,0,0.1); color: #ff9900;}/* ===== 8) Forms in Navbar ===== */.navbar .form-control {  background: #222 !important; color: #fff !important;}.navbar .form-control::placeholder { color: #888; }.navbar .btn-outline-light {  border-color: #666; color: #ccc;}.navbar .btn-outline-light:hover {  background: #ff9900; color: #111;}.usmsg {  background: #222; border: 1px solid #444; color: #eee;  padding: 0.5rem 1rem; border-radius: 6px;}/* ===== 10) Utilities ===== */.text-orange { color: #ff9900 !important; }.text-orange:hover { color: #ffa733 !important; }.bg-orange { background-color: #ff9900 !important; color: #111 !important; }.bg-orange:hover { background-color: #ffa733 !important; color: #111 !important; }.border-orange { border: 1px solid #ff9900 !important; }.border-orange:hover { border-color: #ffa733 !important; }.btn-orange {  background-color: #ff9900; color: #111;  border: 1px solid #ff9900; border-radius: 4px; font-weight: 600;  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;}.btn-orange:hover, .btn-orange:focus {  background-color: #ffa733; border-color: #ffa733; color: #111;}.btn-orange:active {  background-color: #e68a00; border-color: #e68a00; color: #111;}/* ===== 11) Subnav — Unified with Main Navbar =====   (Flat links; no underline; exact background match; compact) */nav.lk-subnav.navbar {  background-color: #111 !important;      /* match top navbar */  border-bottom: 1px solid #222 !important;  margin: 0; padding: 0;  min-height: var(--navbar-height, 56px);}nav.lk-subnav.navbar .nav-link {  color: #ccc !important;  font-weight: 700;  font-size: 0.70rem;                      /* per your change */  text-transform: uppercase;  letter-spacing: 0.4px;  padding: 0.45rem 0.75rem;                /* reduced height */  margin: 0 0.1rem;                        /* tighten gaps */  border-radius: 4px;  border: none !important;  text-decoration: none !important;        /* kill underline */  transition: background 0.25s ease, color 0.25s ease;}nav.lk-subnav.navbar .nav-link:hover,nav.lk-subnav.navbar .nav-link:focus {  background-color: #222 !important;       /* lighter dark hover */  color: #ff9900 !important;               /* orange hover */}nav.lk-subnav.navbar .nav-link.active {  background-color: #ff9900 !important;    /* orange active */  color: #111 !important;                  /* readable dark text */}/* ===== 12) Dropdowns — kept & tightened for consistency   (Subnav is flat now, but this supports top navbar dropdowns) */.lk-subnav .dropdown-menu,.navbar .dropdown-menu {  background: #181818;  border: 1px solid #333;  border-radius: 4px;  margin-top: 0.25rem;          /* smaller gap from nav */  padding: 0.25rem 0;           /* less vertical padding */  min-width: 10rem;}.lk-subnav .dropdown-item,.navbar .dropdown-item {  font-size: 0.70rem;           /* compact text */  font-weight: 600;             /* bold like nav */  text-transform: uppercase;    /* match nav/subnav */  color: #ccc;  padding: 0.4rem 0.75rem;      /* tighter padding */  letter-spacing: 0.4px;}.lk-subnav .dropdown-item:hover,.navbar .dropdown-item:hover {  background: rgba(255,153,0,0.15);  color: #ff9900;}/* === Subnav Hover Preview Bar (append-only) === */.lk-subnav-preview { background:transparent !important; border:0 !important; }.lk-subnav-preview iframe { display:block; width:100%; height:65vh; border:0; background:#111; }.lk-subnav-preview { position: relative; width: 100%; padding:0; min-height:220px; transition: opacity .2s ease; }/* chips & overlays */.k-chip{display:inline-flex;align-items:center;gap:.4ch;font-size:.75rem;padding:.15rem .5rem;border-radius:999px;background:#1e1e1e;color:#ddd;border:1px solid #2a2a2a}.k-chip-badge{border-color:#444;background:#141414}.k-card{background:#181818;border:1px solid #242424;border-radius:12px;overflow:hidden;transition:transform .1s ease, box-shadow .1s ease}.k-card:hover{transform:translateY(-2px);box-shadow:0 10px 18px rgba(0,0,0,.55)}.k-card .k-title{font-weight:600;padding:10px 12px}.k-card .k-title a{color:#eee;text-decoration:none}.k-card .k-title a:hover{color:var(--phub-accent)}.k-card .k-meta{display:flex;gap:8px;flex-wrap:wrap;padding:0 12px 12px;color:#aaa}.k-thumb{position:relative;display:block;aspect-ratio:16/9;background:#0c0c0c}.k-thumb img{width:100%;height:100%;object-fit:cover;display:block}.k-thumb .k-time{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.75);color:#fff;  font-size:.75rem;padding:.15rem .4rem;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.k-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.k-search{flex:1;display:flex}.k-search-input{background:#1a1a1a;border:1px solid #2a2a2a;color:#fff}.k-search-input:focus{border-color:var(--phub-accent);box-shadow:0 0 0 .2rem rgba(255,153,0,.15);outline:0}.k-reduced-motion * { transition: none !important; animation: none !important; }/* --- BEGIN phub-purple.css --- *//* phub-purple.css * Purple accent override for Pornhub-inspired theme. * Loads AFTER phub-style.css to replace orange with purple. */:root{  --phub-accent:#9b59b6;              /* base purple */  --phub-accent-r:155;                /* for rgba usage */  --phub-accent-g:89;  --phub-accent-b:182;}/* General link/brand hovers */.navbar .nav-link:hover { color: var(--phub-accent) !important; }.navbar-brand { color: var(--phub-accent) !important; }.navbar-brand:hover { color: #b17ccc !important; }/* Hero underline */.lk-hero h1 { border-bottom-color: var(--phub-accent) !important; }/* Category pills */.lk-cat:hover { background: rgba(var(--phub-accent-r),var(--phub-accent-g),var(--phub-accent-b),0.15) !important; color: var(--phub-accent) !important; }.lk-cat.active { background: var(--phub-accent) !important; color: #111 !important; border-color: var(--phub-accent) !important; box-shadow: 0 2px 10px rgba(var(--phub-accent-r),var(--phub-accent-g),var(--phub-accent-b),0.25) !important; }.lk-cat.active:hover { background: rgba(var(--phub-accent-r),var(--phub-accent-g),var(--phub-accent-b),0.15) !important; color: var(--phub-accent) !important; border-color: #b17ccc !important; }/* Titles */.lk-title:hover { color: var(--phub-accent) !important; }/* Utility classes mapped from orange to purple */.text-orange { color: var(--phub-accent) !important; }.text-orange:hover { color: #b17ccc !important; }.bg-orange { background-color: var(--phub-accent) !important; color: #111 !important; }.bg-orange:hover { background-color: #b17ccc !important; color: #111 !important; }.border-orange { border-color: var(--phub-accent) !important; }.border-orange:hover { border-color: #b17ccc !important; }.btn-orange { background-color: var(--phub-accent) !important; border-color: var(--phub-accent) !important; color: #111 !important; }.btn-orange:hover, .btn-orange:focus { background-color: #b17ccc !important; border-color: #b17ccc !important; color: #111 !important; }.btn-orange:active { background-color: #7a3ea1 !important; border-color: #7a3ea1 !important; color: #111 !important; }/* Subnav unified hover/active */nav.lk-subnav.navbar .nav-link:hover,nav.lk-subnav.navbar .nav-link:focus {  background-color: #222 !important;  color: var(--phub-accent) !important;}nav.lk-subnav.navbar .nav-link.active {  background-color: var(--phub-accent) !important;  color: #111 !important;}/* Search input outlines (kitties.css uses hard-coded orange) */.k-search-input,.k-search-input.form-control {  border: 2px solid var(--phub-accent) !important;}.k-search-input:focus,.k-search-input.form-control:focus {  border-color: #b17ccc !important;  box-shadow: 0 0 0 0.2rem rgba(var(--phub-accent-r),var(--phub-accent-g),var(--phub-accent-b),.35) !important;}/* Misc hover states pulling orange in base */.lk-subnav .dropdown-item:hover,.navbar .dropdown-item:hover {  background: rgba(var(--phub-accent-r),var(--phub-accent-g),var(--phub-accent-b),0.15) !important;  color: var(--phub-accent) !important;}/* --- PH-style brand lockup --- */.ph-brand{font-weight:800;font-size:1.25rem;letter-spacing:.5px;line-height:1}.ph-brand .ph-left{color:#fff}.ph-brand .ph-right{margin-left:.25rem;padding:.12rem .4rem;border-radius:4px;background:var(--phub-accent,#9b59b6);color:#fff}@media (max-width: 575.98px){  .ph-brand{font-size:1.05rem}}