/*
Theme Name: World Class Speakers Platform
Theme URI: https://worldclassspeakers.com
Author: Professional Developers Team
Author URI: https://worldclassspeakers.com
Description: A premium WordPress theme for showcasing and booking world-class speakers
Version: 1.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: world-class-speakers
*/

:root {
    --primary-color: #1a4b8c;
    --secondary-color: #e63946;
    --text-color: #333333;
    --light-gray: #f8f9fa;
    --border-color: #e5e7eb;
}

/* Tailwind Base Styles */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Global Styles */
body {
    @apply font-['Inter'] leading-relaxed text-gray-800;
}

/* Header Styles */
.site-header {
    @apply bg-white shadow-md fixed w-full z-50;
}

/* Navigation */
.main-navigation {
    @apply py-4;
}

/* Speaker Grid */
.speaker-grid {
    @apply grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 p-8;
}

/* Speaker Card */
.speaker-card {
    @apply bg-white border border-gray-200 rounded-lg overflow-hidden transition-transform duration-300 hover:-translate-y-1 hover:shadow-lg;
}

/* Buttons */
.btn-primary {
    @apply bg-blue-600 text-white px-6 py-3 rounded-md inline-block font-medium transition-colors duration-300 hover:bg-blue-700;
}

/* Custom Classes */
.site-title a {
    @apply text-2xl font-bold text-gray-900 hover:text-blue-600;
}

.menu-toggle {
    @apply md:hidden p-2 rounded-md hover:bg-gray-100;
}

.primary-menu-container ul li a {
    @apply text-gray-700 hover:text-blue-600 font-medium;
}

.search-form-container {
    @apply hidden md:block;
}

/* Mobile Menu */
@media (max-width: 768px) {
    .primary-menu-container {
        @apply hidden absolute top-full left-0 w-full bg-white shadow-lg;
    }
    
    .primary-menu-container.active {
        @apply block;
    }
    
    .primary-menu-container ul {
        @apply flex-col p-4 space-y-4;
    }
}