/*
Theme Name: Mulberry Hotel Theme
Theme URI: https://mulberry.co.ke
Description: Luxurious hotel and resort theme with integrated booking system for Mulberry POS
Version: 1.0.0
Author: Mulberry Solutions
Author URI: https://mulberry.co.ke
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.txt
Text Domain: mulberry-hotel
Tags: hotel, resort, booking, luxury, responsive, purple
Requires at least: 5.8
Tested up to: 6.4
Requires PHP: 7.4

This theme is designed specifically for hotels and resorts using Mulberry POS.
It features a luxurious design with integrated booking functionality, 
room showcases, amenities, dining options, and more.
*/

/* Mulberry Brand Colors */
:root {
    --mulberry-purple: #a855f7;
    --mulberry-purple-dark: #9333ea;
    --mulberry-purple-light: #f3e8ff;
    --mulberry-purple-50: #faf5ff;
    --accent-gold: #f59e0b;
    --text-dark: #1f2937;
    --text-gray: #6b7280;
    --bg-light: #f9fafb;
}

/* Base Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: var(--text-dark);
    line-height: 1.6;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem;
}

h1 { font-size: 3.5rem; }
h2 { font-size: 2.5rem; }
h3 { font-size: 2rem; }
h4 { font-size: 1.5rem; }

/* WordPress Core */
.alignnone {
    margin: 1.5rem 0;
}

.aligncenter {
    display: block;
    margin: 1.5rem auto;
}

.alignleft {
    float: left;
    margin: 0.5rem 1.5rem 1.5rem 0;
}

.alignright {
    float: right;
    margin: 0.5rem 0 1.5rem 1.5rem;
}

img {
    max-width: 100%;
    height: auto;
}

/* Screen Reader Text */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

/* Skip to Content */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: var(--mulberry-purple);
    color: white;
    padding: 8px;
    text-decoration: none;
    z-index: 100;
}

.skip-link:focus {
    top: 0;
}