/* ============================================
   VISUAL TOKENS - Prague Theme
   ============================================ */

[data-style="prague"] {
  --switcher-container-bg-dark: transparent;
  --radius: 0.5rem;
  --theme-button-radius: 0.5rem;
  --theme-card-radius: 0.75rem;
  --theme-input-radius: 0.5rem;

  --theme-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --theme-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --theme-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
  --theme-shadow-button: 0 2px 4px rgba(0, 0, 0, 0.05);

  --theme-transition-speed: 200ms;
  --theme-transition-timing: ease-in-out;

  --theme-backdrop-blur: 8px;
  --theme-button-lift: -1px;

  --nav-link-font-family: 'Inter', sans-serif;
  --nav-link-font-size: 14px;
  --nav-link-line-height: 21px;
  --nav-link-letter-spacing: -0.1504px;
  --nav-link-color: #0a0a0a;
  --nav-link-color-dark: hsl(var(--foreground));
  --nav-link-opacity: 0.8;
  --nav-link-hover-opacity: 1;
  --nav-link-transition-property: opacity;

  --cta-border-radius: 0;
  --cta-font-family: 'Inter', sans-serif;
  --cta-shadow: none;
  --cta-transition: opacity var(--theme-transition-speed) var(--theme-transition-timing);

  --footer-link-font-family: 'Inter', sans-serif;
  --footer-link-font-size: 0.8125rem;
  --footer-link-line-height: 1.5;
  --footer-link-letter-spacing: -0.0476rem;
  --footer-text-color: hsl(var(--muted-foreground));
  --footer-text-color-dark: hsl(var(--muted-foreground));
  --footer-link-hover-color: hsl(var(--foreground));
  --footer-link-hover-color-dark: hsl(var(--foreground));

  --blog-title-font-size: 24px;
  --blog-title-font-weight: 600;
  --blog-title-line-height: 28px;
  --blog-title-letter-spacing: -0.96px;
}

/* ============================================
   COLOR SYSTEM - Prague Theme
   ============================================ */

[data-style="prague"]: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="prague"].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%;
}

/* ============================================
   COMPONENT STYLES - Prague Theme
   ============================================ */

[data-style="prague"] .theme-prague-post-page {
  background: hsl(var(--background));
}

[data-style="prague"] .theme-prague-back-button {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: -0.1504px;
  color: hsl(var(--muted-foreground));
  opacity: 0.8;
  text-decoration: none;
  transition: opacity var(--theme-transition-speed) var(--theme-transition-timing);
}

[data-style="prague"] .theme-prague-back-button:hover {
  opacity: 1;
}

[data-style="prague"].dark .theme-prague-back-button {
  color: hsl(var(--muted-foreground));
}

[data-style="prague"] .theme-prague-post-cover-wrapper {
  background: hsl(var(--border));
}

[data-style="prague"] .theme-prague-category-pill {
  background: hsl(var(--muted));
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: hsl(var(--foreground));
}

[data-style="prague"].dark .theme-prague-category-pill {
  background: hsl(var(--muted));
  color: hsl(var(--foreground));
}

[data-style="prague"] .theme-prague-post-title {
  font-family: 'Inter', sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  color: hsl(var(--foreground));
}

[data-style="prague"].dark .theme-prague-post-title {
  color: hsl(var(--foreground));
}

[data-style="prague"] .theme-prague-post-description {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: hsl(var(--muted-foreground));
}

[data-style="prague"].dark .theme-prague-post-description {
  color: hsl(var(--muted-foreground));
}

[data-style="prague"] .theme-prague-post-tags {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--brand-color);
}

[data-style="prague"] .theme-prague-post-tags span {
  color: var(--brand-color);
}

[data-style="prague"].dark .theme-prague-post-tags span {
  color: var(--brand-color);
}

[data-style="prague"] .theme-prague-author-avatar {
  border-radius: 50%;
  overflow: hidden;
}

[data-style="prague"] .theme-prague-author-initials {
  background: var(--brand-color);
  color: white;
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 16.5px;
  letter-spacing: 0.0645px;
}

[data-style="prague"] .theme-prague-author-name {
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: hsl(var(--foreground));
}

[data-style="prague"].dark .theme-prague-author-name {
  color: hsl(var(--foreground));
}

[data-style="prague"] .theme-prague-post-date {
  font-family: 'Inter', sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  color: hsl(var(--foreground));
}

[data-style="prague"].dark .theme-prague-post-date {
  color: hsl(var(--muted-foreground));
}

[data-style="prague"] .theme-prague-divider {
  background: hsl(var(--border));
}

[data-style="prague"].dark .theme-prague-divider {
  background: hsl(var(--border));
}

[data-style="prague"] .theme-prague-content-divider {
  background: hsl(var(--border));
}

[data-style="prague"].dark .theme-prague-content-divider {
  background: hsl(var(--border));
}

[data-style="prague"] .theme-prague-toc-sidebar h3,
[data-style="prague"] .theme-prague-toc-sidebar h4 {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.3125px;
  color: hsl(var(--foreground));
}

[data-style="prague"].dark .theme-prague-toc-sidebar h3,
[data-style="prague"].dark .theme-prague-toc-sidebar h4 {
  color: hsl(var(--foreground));
}

[data-style="prague"] .theme-prague-toc-sidebar ul {
  border-left: 1px solid hsl(var(--border));
}

[data-style="prague"].dark .theme-prague-toc-sidebar ul {
  border-left-color: hsl(var(--border));
}

[data-style="prague"] .theme-prague-toc-sidebar li {
  border-left: 1px solid transparent;
  transition: all var(--theme-transition-speed) var(--theme-transition-timing);
}

[data-style="prague"] .theme-prague-toc-sidebar a,
[data-style="prague"] .theme-prague-toc-sidebar button {
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: -0.1504px;
  text-transform: uppercase;
  color: hsl(var(--muted-foreground));
  text-decoration: none;
  text-align: left;
  opacity: 0.8;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all var(--theme-transition-speed) var(--theme-transition-timing);
}

[data-style="prague"].dark .theme-prague-toc-sidebar a,
[data-style="prague"].dark .theme-prague-toc-sidebar button {
  color: hsl(var(--muted-foreground));
}

[data-style="prague"] .theme-prague-toc-sidebar a:hover,
[data-style="prague"] .theme-prague-toc-sidebar button:hover {
  opacity: 1;
}

[data-style="prague"] .theme-prague-toc-sidebar li.active,
[data-style="prague"] .theme-prague-toc-sidebar li[aria-current="true"] {
  background: color-mix(in srgb, var(--brand-color) 8%, transparent);
  border-left-color: var(--brand-color);
}

[data-style="prague"] .theme-prague-toc-sidebar li.active a,
[data-style="prague"] .theme-prague-toc-sidebar li.active button,
[data-style="prague"] .theme-prague-toc-sidebar li[aria-current="true"] a,
[data-style="prague"] .theme-prague-toc-sidebar li[aria-current="true"] button {
  color: var(--brand-color);
  font-weight: 600;
  opacity: 1;
}

[data-style="prague"].dark .theme-prague-toc-sidebar li.active,
[data-style="prague"].dark .theme-prague-toc-sidebar li[aria-current="true"] {
  background: color-mix(in srgb, var(--brand-color) 10%, transparent);
}

[data-style="prague"].dark .theme-prague-toc-sidebar li.active a,
[data-style="prague"].dark .theme-prague-toc-sidebar li.active button,
[data-style="prague"].dark .theme-prague-toc-sidebar li[aria-current="true"] a,
[data-style="prague"].dark .theme-prague-toc-sidebar li[aria-current="true"] button {
  color: var(--brand-color);
}

[data-style="prague"] .theme-prague-post-article h2 {
  font-family: 'Inter', sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.3125px;
  color: hsl(var(--foreground));
}

[data-style="prague"].dark .theme-prague-post-article h2 {
  color: hsl(var(--foreground));
}

[data-style="prague"] .theme-prague-post-article p {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: hsl(var(--muted-foreground));
}

[data-style="prague"].dark .theme-prague-post-article p {
  color: hsl(var(--muted-foreground));
}

[data-style="prague"] .theme-prague-post-article strong,
[data-style="prague"] .theme-prague-post-article b {
  color: hsl(var(--foreground));
}

[data-style="prague"].dark .theme-prague-post-article strong,
[data-style="prague"].dark .theme-prague-post-article b {
  color: hsl(var(--foreground));
}

[data-style="prague"] .theme-prague-post-article blockquote {
  border: none;
  border-left: 4px solid hsl(var(--border));
}

[data-style="prague"].dark .theme-prague-post-article blockquote {
  border-left-color: hsl(var(--border));
}

[data-style="prague"] .theme-prague-post-article blockquote p {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: hsl(var(--muted-foreground));
}

[data-style="prague"] .theme-prague-post-article blockquote cite,
[data-style="prague"] .theme-prague-post-article blockquote footer {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-style: italic;
  line-height: 24.375px;
  letter-spacing: -0.2344px;
  color: hsl(var(--muted-foreground));
}

[data-style="prague"].dark .theme-prague-post-article blockquote cite,
[data-style="prague"].dark .theme-prague-post-article blockquote footer {
  color: hsl(var(--muted-foreground) / 0.7);
}

[data-style="prague"] .theme-prague-post-article ul {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: hsl(var(--muted-foreground));
  list-style-type: disc;
}

[data-style="prague"].dark .theme-prague-post-article ul {
  color: hsl(var(--muted-foreground));
}

[data-style="prague"] .theme-prague-post-article ul li {
  line-height: 1.5;
}

[data-style="prague"] .theme-prague-post-article ol {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: hsl(var(--muted-foreground));
  list-style-type: decimal;
}

[data-style="prague"].dark .theme-prague-post-article ol {
  color: hsl(var(--muted-foreground));
}

[data-style="prague"] .theme-prague-post-article ol li {
  line-height: 1.5;
}

[data-style="prague"] .theme-prague-post-article code {
  font-family: 'Monaco', 'Courier New', monospace;
  font-size: 14px;
  background: hsl(var(--muted));
  border-radius: 4px;
  color: hsl(var(--foreground));
}

[data-style="prague"].dark .theme-prague-post-article code {
  background: hsl(var(--muted));
  color: hsl(var(--foreground));
}

[data-style="prague"] .theme-prague-post-article pre {
  background: hsl(var(--muted));
  border-radius: 8px;
}

[data-style="prague"].dark .theme-prague-post-article pre {
  background: hsl(var(--muted));
}

[data-style="prague"] .theme-prague-post-article pre code {
  background: transparent;
}

[data-style="prague"] .theme-prague-nav-button {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: -0.1504px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: opacity var(--theme-transition-speed) var(--theme-transition-timing);
}

[data-style="prague"] .theme-prague-nav-prev {
  color: hsl(var(--muted-foreground));
  opacity: 0.8;
  background: transparent;
}

[data-style="prague"] .theme-prague-nav-prev:hover {
  opacity: 1;
}

[data-style="prague"].dark .theme-prague-nav-prev {
  color: hsl(var(--muted-foreground));
}

[data-style="prague"] .theme-prague-nav-next {
  background: var(--brand-color);
  color: #ffffff;
}

[data-style="prague"] .theme-prague-nav-next:hover {
  opacity: 0.9;
}

[data-style="prague"] .theme-prague-nav-disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}

[data-style="prague"] .theme-prague-search-wrapper {
  border: 1px solid hsl(var(--border));
  border-radius: 0;
  opacity: 0.8;
  background: transparent;
  overflow: hidden;
  transition: opacity var(--theme-transition-speed) var(--theme-transition-timing);
}

[data-style="prague"] .theme-prague-search-wrapper:hover {
  opacity: 1;
}

[data-style="prague"].dark .theme-prague-search-wrapper {
  border-color: hsl(var(--border));
  background: transparent;
}

[data-style="prague"] .theme-prague-search-icon {
  color: hsl(var(--muted-foreground));
}

[data-style="prague"].dark .theme-prague-search-icon {
  color: hsl(var(--muted-foreground));
}

[data-style="prague"] .theme-prague-search-input {
  background: transparent;
  border: none;
  outline: none;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: hsl(var(--foreground));
  letter-spacing: -0.1504px;
}

[data-style="prague"] .theme-prague-search-input:focus {
  outline: none;
  box-shadow: none;
  border: none;
}

[data-style="prague"].dark .theme-prague-search-input {
  color: hsl(var(--foreground));
}

[data-style="prague"] .theme-prague-search-input::placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 0.8;
}

[data-style="prague"].dark .theme-prague-search-input::placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 0.8;
}

[data-style="prague"] .theme-prague-blog-home-container {
  background: hsl(var(--background));
}

@media (min-width: 1024px) {
  [data-style="prague"] .theme-prague-blog-home-desktop {
    background: hsl(var(--background));
  }
}

[data-style="prague"] .theme-prague-blog-title {
  font-family: 'Inter', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.96px;
  color: hsl(var(--foreground));
}

[data-style="prague"].dark .theme-prague-blog-title {
  color: hsl(var(--foreground));
}

[data-style="prague"] .theme-prague-featured-label {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: hsl(var(--foreground));
}

[data-style="prague"].dark .theme-prague-featured-label {
  color: hsl(var(--foreground));
}

[data-style="prague"] .theme-prague-sort-dropdown-button {
  border: 1px solid hsl(var(--border));
  background: transparent;
  opacity: 0.8;
  cursor: pointer;
  transition: opacity var(--theme-transition-speed) var(--theme-transition-timing);
}

[data-style="prague"] .theme-prague-sort-dropdown-button:hover {
  opacity: 1;
}

[data-style="prague"].dark .theme-prague-sort-dropdown-button {
  border-color: hsl(var(--border));
}

[data-style="prague"] .theme-prague-sort-dropdown-button span {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.28px;
  color: hsl(var(--foreground));
}

[data-style="prague"].dark .theme-prague-sort-dropdown-button span {
  color: hsl(var(--foreground));
}

[data-style="prague"] .theme-prague-sort-dropdown-menu {
  background: hsl(var(--background));
  border: 1px solid hsl(var(--border));
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

[data-style="prague"].dark .theme-prague-sort-dropdown-menu {
  border-color: hsl(var(--border));
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

[data-style="prague"] .theme-prague-sort-option {
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.28px;
  color: hsl(var(--foreground));
  transition: background-color var(--theme-transition-speed) var(--theme-transition-timing);
}

[data-style="prague"] .theme-prague-sort-option:hover {
  background: hsl(var(--muted));
}

[data-style="prague"].dark .theme-prague-sort-option {
  color: hsl(var(--foreground));
}

[data-style="prague"].dark .theme-prague-sort-option:hover {
  background: hsl(var(--muted));
}

[data-style="prague"] .theme-prague-sort-option-active {
  background: hsl(var(--muted));
  font-weight: 600;
}

[data-style="prague"].dark .theme-prague-sort-option-active {
  background: hsl(var(--muted));
}

[data-style="prague"] .theme-prague-sidebar-content > div:has(button[aria-label*="mode"]) > div {
  background: transparent !important;
  border-radius: 0 !important;
}

[data-style="prague"] .theme-prague-sidebar-content button[aria-label*="mode"] {
  border-radius: 8px !important;
  background: transparent !important;
}

[data-style="prague"]:not(.dark) .theme-prague-sidebar-content button[aria-label*="light"][aria-pressed="true"] {
  background: hsl(var(--muted)) !important;
}

[data-style="prague"]:not(.dark) .theme-prague-sidebar-content button[aria-label*="dark"][aria-pressed="true"] {
  background: transparent !important;
}

[data-style="prague"] .theme-prague-sidebar-content button[aria-label*="mode"] > div {
  border-radius: 8px !important;
  background: transparent !important;
}

[data-style="prague"]:not(.dark) .theme-prague-sidebar-content button[aria-label*="light"][aria-pressed="true"] > div {
  background: hsl(var(--muted)) !important;
}

[data-style="prague"].dark .theme-prague-sidebar-content button[aria-label*="dark"][aria-pressed="true"] {
  background: hsl(var(--accent)) !important;
}

[data-style="prague"].dark .theme-prague-sidebar-content button[aria-label*="dark"][aria-pressed="true"] > div {
  background: hsl(var(--accent)) !important;
}

[data-style="prague"] .theme-prague-category-filter-desktop {
  border-left: 1px solid hsl(var(--border));
}

[data-style="prague"].dark .theme-prague-category-filter-desktop {
  border-left-color: hsl(var(--border));
}

[data-style="prague"] .theme-prague-category-item {
  background: transparent;
  border: none;
  border-left: 1px solid transparent;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: -0.1504px;
  text-transform: uppercase;
  color: hsl(var(--muted-foreground));
  opacity: 0.8;
  cursor: pointer;
  transition: all var(--theme-transition-speed) var(--theme-transition-timing);
}

[data-style="prague"] .theme-prague-category-item:hover {
  opacity: 1;
}

[data-style="prague"].dark .theme-prague-category-item {
  color: hsl(var(--muted-foreground));
}

[data-style="prague"] .theme-prague-category-item-active {
  background: color-mix(in srgb, var(--brand-color) 8%, transparent);
  border-left-color: var(--brand-color);
  color: var(--brand-color);
  font-weight: 600;
  opacity: 0.8;
}

[data-style="prague"].dark .theme-prague-category-item-active {
  background: color-mix(in srgb, var(--brand-color) 10%, transparent);
  color: var(--brand-color);
}

[data-style="prague"] .theme-prague-blog-mobile-title {
  font-family: 'Inter', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.96px;
  color: hsl(var(--foreground));
}

[data-style="prague"].dark .theme-prague-blog-mobile-title {
  color: hsl(var(--foreground));
}

[data-style="prague"] .theme-prague-category-mobile-button {
  background: color-mix(in srgb, var(--brand-color) 8%, transparent);
  border: none;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity var(--theme-transition-speed) var(--theme-transition-timing);
}

[data-style="prague"] .theme-prague-category-mobile-button:hover {
  opacity: 1;
}

[data-style="prague"].dark .theme-prague-category-mobile-button {
  background: color-mix(in srgb, var(--brand-color) 15%, transparent);
}

[data-style="prague"] .theme-prague-category-mobile-button span {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.28px;
  color: var(--brand-color);
  text-transform: uppercase;
}

[data-style="prague"].dark .theme-prague-category-mobile-button span {
  color: var(--brand-color);
}

[data-style="prague"] .theme-prague-category-mobile-button svg {
  color: var(--brand-color);
  flex-shrink: 0;
}

[data-style="prague"].dark .theme-prague-category-mobile-button svg {
  color: var(--brand-color);
}

[data-style="prague"] .theme-prague-category-mobile-dropdown {
  background: hsl(var(--background));
  border: 1px solid hsl(var(--border));
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

[data-style="prague"].dark .theme-prague-category-mobile-dropdown {
  border-color: hsl(var(--border));
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

[data-style="prague"] .theme-prague-category-mobile-item {
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.28px;
  text-transform: uppercase;
  color: hsl(var(--muted-foreground));
  transition: background-color var(--theme-transition-speed) var(--theme-transition-timing);
}

[data-style="prague"] .theme-prague-category-mobile-item:hover {
  background: hsl(var(--muted));
}

[data-style="prague"].dark .theme-prague-category-mobile-item {
  color: hsl(var(--muted-foreground));
}

[data-style="prague"].dark .theme-prague-category-mobile-item:hover {
  background: hsl(var(--muted));
}

[data-style="prague"] .theme-prague-category-mobile-item-active {
  background: color-mix(in srgb, var(--brand-color) 8%, transparent);
  color: var(--brand-color);
  font-weight: 600;
}

[data-style="prague"].dark .theme-prague-category-mobile-item-active {
  background: color-mix(in srgb, var(--brand-color) 10%, transparent);
  color: var(--brand-color);
}

[data-style="prague"] .theme-prague-mobile-sort-button {
  border: 1px solid hsl(var(--border));
  background: transparent;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity var(--theme-transition-speed) var(--theme-transition-timing);
}

[data-style="prague"] .theme-prague-mobile-sort-button:hover {
  opacity: 1;
}

[data-style="prague"].dark .theme-prague-mobile-sort-button {
  border-color: hsl(var(--border));
}

[data-style="prague"] .theme-prague-mobile-sort-button span {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.28px;
  color: hsl(var(--foreground));
  text-transform: uppercase;
}

[data-style="prague"].dark .theme-prague-mobile-sort-button span {
  color: hsl(var(--foreground));
}

[data-style="prague"] .theme-prague-mobile-sort-button svg {
  color: hsl(var(--foreground));
  flex-shrink: 0;
}

[data-style="prague"].dark .theme-prague-mobile-sort-button svg {
  color: hsl(var(--foreground));
}

[data-style="prague"] .theme-prague-mobile-sort-dropdown {
  background: hsl(var(--background));
  border: 1px solid hsl(var(--border));
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

[data-style="prague"].dark .theme-prague-mobile-sort-dropdown {
  border-color: hsl(var(--border));
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

[data-style="prague"] .theme-prague-mobile-sort-option {
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.28px;
  color: hsl(var(--foreground));
  transition: background-color var(--theme-transition-speed) var(--theme-transition-timing);
}

[data-style="prague"] .theme-prague-mobile-sort-option:hover {
  background: hsl(var(--muted));
}

[data-style="prague"].dark .theme-prague-mobile-sort-option {
  color: hsl(var(--foreground));
}

[data-style="prague"].dark .theme-prague-mobile-sort-option:hover {
  background: hsl(var(--muted));
}

[data-style="prague"] .theme-prague-mobile-sort-option-active {
  background: hsl(var(--muted));
  font-weight: 600;
}

[data-style="prague"].dark .theme-prague-mobile-sort-option-active {
  background: hsl(var(--muted));
}