/*
Theme Name: Bakura Theme
Author: Harry
Description: A custom WordPress theme for Bakura.
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: bakura-theme
Tags: custom-theme, one-page, business
*/

/* --- Base styles and Tailwind CSS imports --- */
/*
 * IMPORTANT: If you are using a build process to compile Tailwind CSS
 * into your theme's assets (e.g., /css/tailwind.css), you should link
 * that compiled file directly in functions.php instead of using @import
 * here or the CDN link in header.php.
 * For simplicity, we'll keep the CDN import here, but consider compiling.
 */
 @import url('https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css');
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
 
 /* --- Custom CSS for your theme --- */
 
 /* Font family applied globally as per your previous setup */
 body {
     font-family: 'Inter', sans-serif;
}

 /* Custom styles mimicking Shadcn UI Card */
 .card {
     border-radius: 0.5rem; /* rounded-lg */
     background-color: rgba(255, 255, 255, 0.8); /* bg-white/80 */
     -webkit-backdrop-filter: blur(8px); /* backdrop-blur-sm */
     backdrop-filter: blur(8px); /* backdrop-blur-sm */
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg (adjusted for more prominence) */
     transition: all 0.3s ease-in-out; /* transition-all duration-300 */
 }
 .card-content {
     padding: 1.5rem; /* p-6, p-8 */
 }
 
 .red{
    color: red;
 }
 /* Custom Badge styles mimicking Shadcn UI Badge */
 .badge {
     display: inline-flex;
     align-items: center;
     border-radius: 9999px; /* rounded-full */
     padding-left: 0.75rem; /* px-3 */
     padding-right: 0.75rem; /* px-3 */
     padding-top: 0.25rem; /* py-0.5 */
     padding-bottom: 0.25rem; /* py-0.5 */
     font-size: 0.75rem; /* text-xs */
     font-weight: 600; /* font-semibold */
     line-height: 1;
 }
 .badge-secondary {
     background-color: #e2e8f0; /* bg-gray-200 */
     color: #475569; /* text-gray-700 */
 }
 .badge-purple-100 {
     background-color: #f3e8ff; /* bg-purple-100 */
     color: #6d28d9; /* text-purple-700 */
 }
 .badge-purple-600 {
     background-color: #7c3aed; /* bg-purple-600 */
     color: #fff;
 }
 .badge-purple-600:hover {
     background-color: #6d28d9; /* hover:bg-purple-700 */
 }
 
 /* Mimic Lucide React Icons with SVG */
 .icon {
     display: inline-block;
     width: 1em;
     height: 1em;
     stroke-width: 2;
     stroke: currentColor;
     fill: none;
     line-height: 1;
     stroke-linecap: round;
     stroke-linejoin: round;
 }

 .icon.large {
    width: 4.5em;
    height: 4.5em;
}
 
 /* Hero Section Gradient - Added these classes directly to your hero section HTML,
    so you don't need a specific '.hero' rule for background here. */
 .bg-gradient-to-br {
     background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
 }

 header .logo, footer .logo {
    width: 150px;
    height: auto;
    max-width: 100%;
}

.splide__slide {
    min-height: 430px;
}