/*
Theme Name: CompService
Theme URI: https://example.com
Author: Your Name
Author URI: https://example.com
Description: WordPress theme converted from Next.js frontend
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: compservice
*/

/* Tailwind CSS будет подключен через CDN в functions.php */
/* Здесь только кастомные стили */

/* Base styles */
body {
  background-color: rgb(17, 24, 39); /* bg-gray-900 */
  color: rgb(243, 244, 246); /* text-gray-100 */
  font-family: "Tektur", Arial, Helvetica, sans-serif;
}

@font-face {
  font-family: 'Tektur';
  src: url('assets/fonts/Tektur/static/Tektur-Medium.ttf') format('truetype');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GeistMono';
  src: url('assets/fonts/GeistMonoVF.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --background: rgb(24, 32, 38);
  --foreground: #171717;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: rgb(157, 169, 179);
    --foreground: #ededed;
  }
}

body {
  font-family: "Tektur", Arial, Helvetica, sans-serif;
}

/* Custom scrollbar */
.custom-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #F97316 #1F2937;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: #1F2937;
  border-radius: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #F97316;
  border-radius: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #EA580C;
}

.pagination-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 60px 0 40px;
}

.pagination-wrapper ul.page-numbers {
  display: flex;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.pagination-wrapper li {
  margin: 0;
}

.pagination-wrapper a,
.pagination-wrapper span {
  min-width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1f2937;
  color: #f3f4f6;
  border-radius: 12px;
  font-weight: 600;
  text-decoration: none;
}

.pagination-wrapper a:hover {
  background: #f97316;
  color: #fff;
}

.pagination-wrapper .current {
  background: #f97316;
  color: #fff;
}