/*
Theme Name: Cool Games Theme
Theme URI: https://example.com/cool-games-theme
Author: Your Name
Author URI: https://example.com
Description: A modern WordPress theme for gaming websites featuring a responsive design and interactive game galleries.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: coolgames
Tags: gaming, entertainment, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* Base styles will be handled by Tailwind CSS */
/* This file is primarily for theme identification */

/* Additional custom styles not covered by Tailwind */
@layer base {
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

@layer components {
    .pagination {
        @apply flex justify-center gap-2;
    }

    .pagination .page-numbers {
        @apply inline-block px-3 py-1 bg-gray-100 text-gray-700 rounded hover:bg-gray-200 transition-colors;
    }

    .pagination .current {
        @apply bg-indigo-500 text-white hover:bg-indigo-600;
    }

    .wp-caption {
        @apply max-w-full;
    }

    .wp-caption img {
        @apply w-full h-auto;
    }

    .wp-caption-text {
        @apply text-sm text-gray-600 mt-2;
    }

    .gallery {
        @apply grid gap-4;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }

    .gallery-item {
        @apply text-center;
    }

    .gallery-icon img {
        @apply w-full h-auto rounded-lg;
    }

    .aligncenter {
        @apply mx-auto;
    }

    .alignleft {
        @apply float-left mr-4;
    }

    .alignright {
        @apply float-right ml-4;
    }
}