/* Prescott Style - Visual tokens, typography, and color system */

[data-style="prescott"] {
  --radius: 0.375rem;
  --theme-button-radius: 0.375rem;
  --theme-card-radius: 0.5rem;
  --theme-input-radius: 0.375rem;

  --theme-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.03);
  --theme-shadow-md: 0 2px 4px rgba(0, 0, 0, 0.05);
  --theme-shadow-lg: 0 4px 8px rgba(0, 0, 0, 0.08);
  --theme-shadow-button: none;

  --theme-transition-speed: 150ms;
  --theme-transition-timing: ease-out;

  --theme-backdrop-blur: 0px;
  --theme-button-lift: 0px;

  --nav-link-font-size: 14px;
  --nav-link-line-height: 21px;
  --nav-link-letter-spacing: -0.1504px;
  --nav-link-color: rgba(10, 10, 10, 0.8);
  --nav-link-color-dark: rgba(250, 250, 250, 0.8);
  --nav-link-hover-color: hsl(var(--foreground));
  --nav-link-hover-color-dark: hsl(var(--foreground));
  --nav-link-transition-property: color;

  --cta-hover-transform: translateY(var(--theme-button-lift));

  --mobile-menu-link-text-letter-spacing: -0.009375rem;
  --mobile-menu-chevron-color: #737373;

  --search-border-radius: 999px;
  --search-bg: rgba(245, 245, 245, 0.8);
  --search-bg-focus: rgba(245, 245, 245, 1);
  --search-placeholder-color: rgba(115, 115, 115, 0.6);

  --footer-bg: rgba(245, 245, 245, 0.3);
  --footer-border-color: hsl(var(--border));

  --sort-dropdown-radius: 999px;
  --sort-dropdown-bg: hsl(var(--background));

  --post-card-image-radius: 12px;
  --post-card-title-font-weight: 400;
  --post-card-title-line-height: 22px;
  --post-card-description-line-clamp: 3;

  --category-tab-color-dark: hsl(var(--muted-foreground));

  --pagination-item-radius: 9999px;
  --pagination-font-size: 0.875rem;
  --pagination-line-height: 1.5;
  --pagination-letter-spacing: -0.01075em;
  --pagination-disabled-opacity: 0.5;
  --pagination-text-color: hsl(var(--muted-foreground));
  --pagination-hover-bg: transparent;
  --pagination-hover-color: hsl(var(--foreground));
  --pagination-active-bg: var(--brand-color);
  --pagination-active-color: #ffffff;
  --pagination-active-font-weight: 400;
  --pagination-disabled-color: hsl(var(--muted-foreground));

  --switcher-container-radius: 360px;

  --header-bg: #ffffff;
  --header-border-bottom-color: #e5e5e5;

  --switcher-container-bg: #fafafa;
  --switcher-active-bg: #e5e5e5;
}

/* ============================================
   COLOR SYSTEM
   ============================================ */

[data-style="prescott"]:not(.dark) {
  --foreground: 0 0% 3.9%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 3.9%;
  --popover: 0 0% 100%;
  --popover-foreground: 0 0% 3.9%;
  --primary: 0 0% 9%;
  --primary-foreground: 0 0% 98%;
  --secondary: 0 0% 96.1%;
  --secondary-foreground: 0 0% 9%;
  --muted: 0 0% 96.1%;
  --muted-foreground: 0 0% 45.1%;
  --accent: 0 0% 96.1%;
  --accent-foreground: 0 0% 9%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 0 0% 98%;
  --border: 0 0% 89.8%;
  --input: 0 0% 89.8%;
  --ring: 0 0% 3.9%;
}

[data-style="prescott"].dark {
  --foreground: 0 0% 98%;
  --card: 0 0% 9%;
  --card-foreground: 0 0% 98%;
  --popover: 0 0% 9%;
  --popover-foreground: 0 0% 98%;
  --primary: 0 0% 98%;
  --primary-foreground: 0 0% 0%;
  --secondary: 0 0% 15%;
  --secondary-foreground: 0 0% 98%;
  --muted: 0 0% 9%;
  --muted-foreground: 0 0% 45%;
  --accent: 0 0% 9%;
  --accent-foreground: 0 0% 98%;
  --destructive: 0 62.8% 45%;
  --destructive-foreground: 0 0% 98%;
  --border: 0 0% 15%;
  --input: 0 0% 15%;
  --ring: 0 0% 75%;
  --header-border-bottom-color-dark: #262626;
  --search-bg-dark: #262626;
  --search-bg-focus-dark: #262626;
  --search-placeholder-color-dark: #d4d4d4;

  /* Mobile menu dark mode */
  --mobile-menu-dropdown-bg-dark: #000000;
  --mobile-menu-title-color-dark: #fafafa;
  --mobile-menu-link-text-color-dark: #737373;
  --mobile-menu-link-text-active-color-dark: #fafafa;
  --mobile-menu-link-text-hover-color-dark: #fafafa;
  --mobile-menu-chevron-color-dark: #737373;
  --mobile-menu-chevron-active-color-dark: #fafafa;
  --mobile-menu-chevron-hover-color-dark: #fafafa;
  --pagination-text-color-dark: #737373;
  --pagination-hover-bg-dark: #171717;
  --pagination-hover-color-dark: var(--brand-color);
  --pagination-disabled-opacity-dark: 1;
  --pagination-disabled-color-dark: #737373;
  --blog-home-container-bg-dark: hsl(var(--background));
  --footer-bg-dark: hsl(var(--background));
  --footer-border-color-dark: #262626;
  --sort-dropdown-bg-dark: hsl(var(--background));
  --switcher-container-bg-dark: rgba(38, 38, 38, 0.7);
  --switcher-active-bg-dark: #404040;
}

/* ============================================
   COMPONENT STYLES
   ============================================ */

[data-style="prescott"] .prescott-search-input {
  border-radius: var(--search-border-radius);
  background: var(--search-bg);
  border: none;
  height: var(--search-height);
  padding: var(--search-padding);
}

[data-style="prescott"].dark .prescott-search-input {
  background: var(--search-bg-dark);
  opacity: 0.8;
}

[data-style="prescott"] .prescott-search-input:focus-within {
  background: var(--search-bg-focus);
  box-shadow: none;
}

[data-style="prescott"].dark .prescott-search-input:focus-within {
  background: var(--search-bg-focus-dark);
  opacity: 1;
}

[data-style="prescott"] .prescott-search-input input::placeholder {
  color: var(--search-placeholder-color);
  font-size: 0.875rem;
}

[data-style="prescott"].dark .prescott-search-input input::placeholder {
  color: var(--search-placeholder-color-dark);
}

[data-style="prescott"] .prescott-search-input [data-slot="input-group-addon"] svg {
  width: 1rem;
  height: 1rem;
  color: rgba(115, 115, 115, 0.6);
}

[data-style="prescott"].dark .prescott-search-input [data-slot="input-group-addon"] svg {
  color: rgba(255, 255, 255, 0.5);
}

[data-style="prescott"] .mobile-menu-search .prescott-search-input {
  background: var(--search-bg);
  border-radius: var(--search-border-radius);
  height: 36px;
}

[data-style="prescott"].dark .mobile-menu-search .prescott-search-input {
  background: rgba(38, 38, 38, 0.8);
}

/* ============================================
   MOBILE MENU - Prescott
   ============================================ */

/* Theme row (last item in nav list, no border-bottom) */
[data-style="prescott"] .mobile-menu-prescott-theme-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 45px;
  width: 100%;
}

/* Full-width CTA button inside the mobile menu dropdown */
[data-style="prescott"] .mobile-menu-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 37px;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: -0.1504px;
  text-decoration: none;
  box-sizing: border-box;
}

/* CTA button shown in the mobile header bar for Prescott */
[data-style="prescott"] .prescott-mobile-cta {
  display: none;
}

@media (max-width: 1023px) {
  [data-style="prescott"] .prescott-mobile-cta {
    display: inline-flex;
  }

  [data-style="prescott"].dark .prescott-mobile-cta {
    display: none;
  }
}

[data-style="prescott"] .theme-pagination-next {
  background: hsl(var(--muted));
  color: var(--brand-color);
  border-radius: 9999px;
}

[data-style="prescott"].dark .theme-pagination-next {
  background: hsl(var(--muted));
  color: var(--brand-color);
}