/*
Theme Name: tiberias-hotelz
Theme URI: https://www.tiberias-hotelz.co.il/
Author: Tiberias Hotels Portal
Author URI: https://www.tiberias-hotelz.co.il/
Description: תבנית פרימיום מודרנית עבור פורטל "הוטלז - מלונות בטבריה", בהשראת אתר טיולי (tiuli.com). כוללת אינטגרציה מלאה ל-50 מקומות הלינה הקיימים (Custom Post Type: accommodation), תמיכה בעמודי פוסטים ומאמרי תיירות, מערכת סינונים מתקדמת לפי כוכבים ואזורים, גופן אחיד ומודרני (Rubik), תוסף נגישות מובנה WCAG 2.1 AA, חלון עוגיות, והתאמה מושלמת למובייל ולדסקטופ.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.2
Requires PHP: 7.4
Text Domain: tiberias-hotelz
Domain Path: /languages
Tags: travel, hotels, tourism, rtl-language-support, custom-menu, featured-images, full-width-template, grid-layout
*/

/* ==========================================================================
   Base Design Tokens & Single Typography System (Rubik)
   ========================================================================== */
:root {
	--font-primary: 'Rubik', sans-serif;
	
	/* Palette inspired by Sea of Galilee & tiuli.com */
	--color-primary: #0284c7;       /* Sky 600 */
	--color-primary-dark: #0369a1;  /* Sky 700 */
	--color-primary-light: #38bdf8; /* Sky 400 */
	--color-accent: #06b6d4;        /* Cyan 500 */
	--color-gold: #f59e0b;          /* Amber 500 */
	--color-emerald: #10b981;       /* Emerald 500 */
	
	/* Surfaces */
	--bg-body: #f8fafc;             /* Slate 50 */
	--bg-surface: #ffffff;
	--bg-surface-soft: #f1f5f9;     /* Slate 100 */
	--border-color: #e2e8f0;        /* Slate 200 */
	--border-light: #f1f5f9;
	
	/* Text */
	--text-main: #0f172a;           /* Slate 900 */
	--text-muted: #64748b;          /* Slate 500 */
	--text-sub: #475569;            /* Slate 600 */
}

*, *::before, *::after {
	box-sizing: border-box;
}

html {
	font-family: var(--font-primary) !important;
	scroll-behavior: smooth;
	direction: rtl;
	text-align: right;
}

body {
	font-family: var(--font-primary) !important;
	background-color: var(--bg-body);
	color: var(--text-main);
	margin: 0;
	padding: 0;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

/* Force Rubik font on all headings and inputs */
h1, h2, h3, h4, h5, h6, input, button, select, textarea {
	font-family: var(--font-primary) !important;
}

a {
	color: inherit;
	text-decoration: none;
	transition: all 0.2s ease;
}

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

/* ==========================================================================
   Uniform Hotel Card Image Box (Strict 240px & object-fit: cover)
   ========================================================================== */
.hotel-card-img-wrap {
	width: 100% !important;
	height: 240px !important;
	min-height: 240px !important;
	max-height: 240px !important;
	position: relative !important;
	overflow: hidden !important;
	background-color: #e2e8f0 !important;
}

.hotel-card-img-wrap img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
	transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.hotel-card:hover .hotel-card-img-wrap img {
	transform: scale(1.06) !important;
}

@media (max-width: 640px) {
	.hotel-card-img-wrap {
		height: 210px !important;
		min-height: 210px !important;
		max-height: 210px !important;
	}
}

/* ==========================================================================
   Accessibility Support Classes
   ========================================================================== */
body.acc-high-contrast {
	background-color: #000000 !important;
	color: #ffff00 !important;
}
body.acc-high-contrast div,
body.acc-high-contrast section,
body.acc-high-contrast article,
body.acc-high-contrast header,
body.acc-high-contrast footer,
body.acc-high-contrast nav {
	background-color: #000000 !important;
	color: #ffffff !important;
	border-color: #ffff00 !important;
}
body.acc-high-contrast a {
	color: #00ffff !important;
	text-decoration: underline !important;
}

body.acc-monochrome {
	filter: grayscale(100%) !important;
}

body.acc-font-lg {
	font-size: 115% !important;
}

body.acc-font-xl {
	font-size: 130% !important;
}

body.acc-readable-font * {
	font-family: Arial, sans-serif !important;
	letter-spacing: 0.05em !important;
}

body.acc-highlight-links a {
	background-color: #fef08a !important;
	color: #000000 !important;
	text-decoration: underline !important;
	font-weight: bold !important;
}