/*
Theme Name: Movie Themeson
Theme URI: https://themeson.example.com/movie-themeson
Author: Themeson
Author URI: https://themeson.example.com
Description: A sleek movie listing blog theme with a custom Movie post type, Bootstrap 5, and dark/light mode.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: movie-themeson
Tags: blog, custom-post-type, bootstrap, dark-mode, light-mode, responsive
*/

/* Root variables for light + dark themes */
:root {
  --mt-font-sans: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji';
  --mt-bg: #0b0d10;
  --mt-bg-soft: #12151a;
  --mt-text: #e9edf1;
  --mt-text-soft: #c2c9d1;
  --mt-card: #11151b;
  --mt-border: #222a35;
  --mt-primary: #0d6efd; /* Bootstrap primary */
  --mt-accent: #7c4dff;
  --mt-shadow: 0 1px 2px rgba(0,0,0,.2), 0 8px 24px rgba(0,0,0,.25);
  --mt-radius: .75rem;
  --mt-gap: 1rem;
}

/* Light mode overrides follow system preference */
@media (prefers-color-scheme: light) {
  :root {
    --mt-bg: #f7f9fb;
    --mt-bg-soft: #ffffff;
    --mt-text: #0e1013;
    --mt-text-soft: #4b5563;
    --mt-card: #ffffff;
    --mt-border: #e5e7eb;
  }
}

html, body { height: 100%; }
body {
  background-color: var(--mt-bg);
  color: var(--mt-text);
  font-family: var(--mt-font-sans);
  line-height: 1.6;
}

a { color: var(--mt-primary); }
a:hover { color: #0b5ed7; }

.navbar, .footer {
  background: var(--mt-bg-soft);
  border-bottom: 1px solid var(--mt-border);
}

.mt-card {
  background: var(--mt-card);
  border: 1px solid var(--mt-border);
  border-radius: .75rem;
  overflow: hidden;
}

.mt-card .ratio img { object-fit: cover; }

.ratio-2x3 { --bs-aspect-ratio: 150%; }

.mt-badge {
  background: rgba(13, 110, 253, .12);
  color: var(--mt-primary);
  border: 1px solid rgba(13, 110, 253, .25);
}

.mt-empty {
  border: 2px dashed var(--mt-border);
  border-radius: .75rem;
  padding: 2rem;
  background: var(--mt-bg-soft);
  color: var(--mt-text-soft);
}

.mt-hero {
  background: linear-gradient(180deg, rgba(124,77,255,.15), rgba(124,77,255,0));
  border-bottom: 1px solid var(--mt-border);
}

.mt-genre-badge {
  display: inline-block;
  padding: .25rem .5rem;
  margin: 0 .25rem .25rem 0;
  border-radius: 999px;
  background: var(--mt-bg-soft);
  border: 1px solid var(--mt-border);
  color: var(--mt-text-soft);
  font-size: .75rem;
}

/* Removed theme toggle button */

.footer {
  border-top: 1px solid var(--mt-border);
}

/* Utility spacing tweaks */
.section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* WordPress Alignments */
.alignwide { max-width: 1200px; margin-left: auto; margin-right: auto; }
.alignfull { width: 100%; }

/* Forms in metabox preview (front-end safety) */
input, select, textarea { color-scheme: dark light; }

/* Typography */
h1, .h1, h2, .h2, h3, .h3 { letter-spacing: -.01em; }
.lead { color: var(--mt-text-soft); }

/* Navbar refinements */
.navbar .navbar-brand { font-weight: 600; }
.navbar .navbar-brand img { height: 28px; width: auto; display: block; }
.navbar .nav-link { color: var(--mt-text-soft); transition: color .2s ease, background-color .2s ease; border-radius: .5rem; }
.navbar .nav-link:hover, .navbar .nav-link:focus { color: var(--mt-text); background: rgba(255,255,255,.04); }
.navbar .current-menu-item > a.nav-link, .navbar .nav-link.active { color: var(--mt-text); background: rgba(13,110,253,.12); }
.navbar .form-control { background: var(--mt-card); border: 1px solid var(--mt-border); color: var(--mt-text); }
.navbar .form-control:focus { border-color: var(--mt-primary); box-shadow: 0 0 0 .2rem rgba(13,110,253,.15); }

/* Buttons */
.btn { border-radius: .6rem; }
.btn-outline-light { color: var(--mt-text); border-color: var(--mt-border); background: transparent; }
.btn-outline-light:hover { background: var(--mt-bg-soft); border-color: var(--mt-text-soft); }
.btn-primary { box-shadow: 0 6px 18px rgba(13,110,253,.25); }

/* Cards and hover */
.mt-card { transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.mt-card:hover { transform: translateY(-2px); box-shadow: var(--mt-shadow); border-color: rgba(255,255,255,.08); }

/* Movie grid spacing defaults (leverages Bootstrap cols) */
.post-type-archive-movie .row.g-3, .home .row.g-3 { row-gap: 1.25rem !important; }

/* Pagination styling (WordPress page-numbers) */
.navigation, .nav-links { display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; }
.page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 2.25rem; height: 2.25rem; padding: 0 .5rem; border-radius: .5rem; background: var(--mt-bg-soft); border: 1px solid var(--mt-border); color: var(--mt-text-soft); text-decoration: none; }
.page-numbers.current { background: rgba(13,110,253,.15); border-color: rgba(13,110,253,.35); color: var(--mt-text); font-weight: 600; }
.page-numbers:hover { border-color: rgba(255,255,255,.25); color: var(--mt-text); }

/* Forms */
.form-control, .form-select, .wp-block-search__input { background: var(--mt-card); border: 1px solid var(--mt-border); color: var(--mt-text); border-radius: .6rem; }
.form-control:focus, .form-select:focus, .wp-block-search__input:focus { border-color: var(--mt-primary); box-shadow: 0 0 0 .2rem rgba(13,110,253,.15); }

/* Single movie layout details */
.single-movie .mt-genre-badge { background: rgba(255,255,255,.03); }
.single-movie dl { background: var(--mt-bg-soft); border: 1px solid var(--mt-border); border-radius: var(--mt-radius); padding: 1rem; }
.single-movie dt { color: var(--mt-text-soft); font-weight: 500; }
.single-movie dd { margin-bottom: .5rem; }

/* Download section */
.mt-download .btn-download {
  background: var(--mt-bg-soft);
  color: var(--mt-text);
  border: 1px solid var(--mt-border);
  border-radius: var(--mt-radius);
  padding: .75rem 1rem;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.mt-download .btn-download:hover {
  transform: translateY(-1px);
  box-shadow: var(--mt-shadow);
  border-color: rgba(255,255,255,.15);
}
.mt-download .btn-download.server-1 { border-color: rgba(16,185,129,.35); }
.mt-download .btn-download.server-2 { border-color: rgba(13,110,253,.35); }
.mt-download .btn-download.server-3 { border-color: rgba(124,77,255,.35); }
.mt-download .btn-download.server-4 { border-color: rgba(234,179,8,.35); }

/* Archive header spacing */
.post-type-archive-movie h1.h3 { margin-bottom: .25rem; }
.post-type-archive-movie .text-muted.small { color: var(--mt-text-soft) !important; }

/* Empty state polish */
.mt-empty { text-align: center; backdrop-filter: saturate(120%) blur(2px); }
.mt-empty h3 { margin-bottom: .25rem; }

/* Footer */
.footer .nav .menu-item a, .footer .nav .nav-link { color: var(--mt-text-soft); }
.footer .nav .menu-item a:hover { color: var(--mt-text); }

/* Light theme tweaks */
@media (prefers-color-scheme: light) {
  .btn-outline-light { color: #111; border-color: #d1d5db; }
  .btn-outline-light:hover { background: #f3f4f6; border-color: #9ca3af; }
  .navbar .nav-link:hover { background: rgba(0,0,0,.04); }
  .page-numbers { background: var(--mt-bg-soft); border-color: #e5e7eb; }
  .single-movie dl { background: var(--mt-card); }
}