/*
Theme Name: Titicacaways
Theme URI: https://titicacaways.com
Author: Titicacaways
Author URI: https://titicacaways.com
Description: Custom theme for Titicacaways - Tour operator in Puno, Peru
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: titicacaways
Tags: tourism, travel, puno, titicaca

Color Palette:
- Primary Red: #9C0000
- Accent Gold: #F5B72F
- Trust Blue: #2E7CBF
- Dark Navy: #1A1A2E
- White: #FFFFFF
*/

/* Theme styles - Tailwind handles most utilities */
/* Custom overrides below */

:root {
	--color-primary: #9C0000;
	--color-accent: #F5B72F;
	--color-trust: #2E7CBF;
	--color-dark: #1A1A2E;
	--color-white: #FFFFFF;
}

body {
	font-family: 'DM Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Accessibility: Screen reader only utility */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

/* Accessibility: Focus indicators for keyboard navigation */
*:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 2px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 2px;
}

/* High contrast focus for dark backgrounds */
.bg-primary:focus-visible,
[class*="bg-[#9C0000]"]:focus-visible,
[class*="from-[#1A1A2E]"]:focus-visible {
	outline-color: var(--color-accent);
}

/* ============================================
   PAGINATION STYLES - Tours Listing
   ============================================ */

/* Wrapper */
.titicacaways-pagination-wrapper {
	margin-top: 3rem;
	display: flex;
	justify-content: center;
}

/* Nav container */
.titicacaways-pagination-nav {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Main pagination container */
.titicacaways-pagination {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	background: #FFFFFF;
	border: 1px solid #E5E7EB;
	border-radius: 0.75rem;
	padding: 0.375rem;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
}

/* Numbers container */
.titicacaways-pagination-numbers {
	display: flex;
	align-items: center;
	gap: 0.125rem;
}

/* Number buttons */
.titicacaways-pagination-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	height: 2.5rem;
	padding: 0 0.75rem;
	border-radius: 0.5rem;
	font-size: 0.875rem;
	font-weight: 600;
	font-family: 'Plus Jakarta Sans', sans-serif;
	line-height: 1;
	text-decoration: none;
	color: #4B5563;
	background: transparent;
	border: 1px solid transparent;
	transition: all 0.2s ease;
	cursor: pointer;
}

.titicacaways-pagination-number:hover {
	background: #F3F4F6;
	color: #1A1A2E;
	border-color: #D1D5DB;
}

.titicacaways-pagination-number:focus-visible {
	outline: 2px solid #9C0000;
	outline-offset: 2px;
}

/* Current page */
.titicacaways-pagination-current {
	background: #9C0000 !important;
	color: #FFFFFF !important;
	border-color: #9C0000 !important;
	font-weight: 700;
	cursor: default;
	box-shadow: 0 2px 8px rgba(156, 0, 0, 0.3);
}

.titicacaways-pagination-current:hover {
	background: #9C0000 !important;
	color: #FFFFFF !important;
	border-color: #9C0000 !important;
}

/* Dots */
.titicacaways-pagination-dots {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	height: 2.5rem;
	color: #9CA3AF;
	font-weight: 700;
	letter-spacing: 0.1em;
	cursor: default;
	user-select: none;
}

/* Prev/Next buttons */
.titicacaways-pagination-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	height: 2.5rem;
	padding: 0 1rem;
	border-radius: 0.5rem;
	font-size: 0.875rem;
	font-weight: 600;
	font-family: 'Plus Jakarta Sans', sans-serif;
	line-height: 1;
	text-decoration: none;
	color: #374151;
	background: transparent;
	border: 1px solid transparent;
	transition: all 0.2s ease;
	cursor: pointer;
	white-space: nowrap;
}

.titicacaways-pagination-btn:hover {
	background: #F3F4F6;
	color: #1A1A2E;
	border-color: #D1D5DB;
}

.titicacaways-pagination-btn:focus-visible {
	outline: 2px solid #9C0000;
	outline-offset: 2px;
}

.titicacaways-pagination-btn svg {
	width: 1.25rem;
	height: 1.25rem;
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.titicacaways-pagination-prev:hover svg {
	transform: translateX(-2px);
}

.titicacaways-pagination-next:hover svg {
	transform: translateX(2px);
}

/* Disabled state */
.titicacaways-pagination-disabled {
	color: #D1D5DB !important;
	cursor: not-allowed !important;
	pointer-events: none;
}

.titicacaways-pagination-disabled:hover {
	background: transparent !important;
	border-color: transparent !important;
}

.titicacaways-pagination-disabled svg {
	opacity: 0.4;
}

/* Responsive - Mobile */
@media (max-width: 640px) {
	.titicacaways-pagination {
		gap: 0.125rem;
		padding: 0.25rem;
	}

	.titicacaways-pagination-number {
		min-width: 2.25rem;
		height: 2.25rem;
		font-size: 0.8125rem;
		padding: 0 0.5rem;
	}

	.titicacaways-pagination-btn {
		height: 2.25rem;
		padding: 0 0.75rem;
		font-size: 0.8125rem;
	}

	.titicacaways-pagination-btn span {
		display: none;
	}

	.titicacaways-pagination-dots {
		min-width: 2rem;
		height: 2.25rem;
	}
}

/* Responsive - Tablet */
@media (min-width: 641px) and (max-width: 768px) {
	.titicacaways-pagination-number {
		min-width: 2.5rem;
		height: 2.5rem;
	}
}