/*
Theme Name: Ultimate Slots Classic
Theme URI: https://example.com/
Author: Andrew + ChatGPT
Description: A clean, Tailwind-CDN powered WordPress theme based on the Ultimate Slots UI. Phase 1: standard posts/pages/categories. No React.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ultimate-slots
Tags: blog, entertainment, dark, responsive-layout
*/

body { font-family: 'Inter', sans-serif; }
.no-scroll { overflow: hidden; }

/* Nav underline (used by .us-nav-link) */
.us-nav-link{ position: relative; display: inline-block; }
.us-nav-link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  height:4px;
  width:100%;
  border-radius:999px;
  background:#fbbf24;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform 300ms ease-out;
}
.us-nav-link:hover::after,
.us-nav-link:focus::after{ transform:scaleX(1); }

/* Pagination (WordPress outputs its own classes) */
.nav-links{ display:flex; flex-wrap:wrap; gap:8px; }
.page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  height:44px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.6); /* slate-400 */
  background:#fff;
  color:#0f172a; /* slate-900 */
  text-decoration:none;
}
.page-numbers.current{
  background:#fbbf24; /* amber-400 */
  border-color:#fbbf24;
  color:#111827;
}
.page-numbers:hover{ border-color:#f59e0b; } /* amber-500 */


/* wp_page_menu fallback styling inside header */
#site-header .menu > ul{
  display:flex;
  align-items:center;
  gap:2rem;
  list-style:none;
  margin:0;
  padding:0;
}
#site-header .menu > ul > li > a{
  position:relative;
  display:inline-block;
  color:#fff;
  padding:.5rem 0;
  font-size:1.25rem;
  font-weight:600;
  text-decoration:none;
}
#site-header .menu > ul > li > a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  height:4px;
  width:100%;
  border-radius:999px;
  background:#fbbf24;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform 300ms ease-out;
}
#site-header .menu > ul > li > a:hover::after,
#site-header .menu > ul > li > a:focus::after{ transform:scaleX(1); }