/*
Theme Name: Adventure Time Ladakh
Theme URI: https://digitalprime.co.il
Author: Digital Prime
Author URI: https://digitalprime.co.il
Description: One-page site for Adventure Time, private tours in Leh, Ladakh with Irshad Ali. Tours, destinations and vehicles are edited from the WordPress admin. Includes a WhatsApp button and an enquiry form.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: adventure-time
*/

:root { color-scheme: dark; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #0B0B0C; color: #F5F2EA; }
img { max-width: 100%; }

.at {
	--accent: #F5B82E;
	container-type: inline-size;
	background: #0B0B0C;
	color: #F5F2EA;
	font-family: 'Barlow', 'Helvetica Neue', Arial, sans-serif;
	font-size: 17px;
	line-height: 1.55;
}
.at * { box-sizing: border-box; }
.at a { color: #F5B82E; }
.at a:hover { color: #FFD468; }

.at-header { position: sticky; top: 0; z-index: 40; background: #0B0B0C; border-bottom: 1px solid #2A2927; }
body.admin-bar .at-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .at-header { top: 46px; } }
@media (max-width: 600px) { body.admin-bar .at-header { top: 0; } }

.at .at-navlink { color: #F5F2EA; text-decoration: none; font-weight: 500; font-size: 16px; padding: 12px 4px; }
.at .at-navlink:hover { color: #F5B82E; }
.at-btn { transition: transform .15s ease, filter .15s ease; }
.at-btn:hover { filter: brightness(1.08); transform: translateY(-1px); }
.at-card img { transition: transform .7s ease; }
.at-card:hover img { transform: scale(1.04); }
.at .at-tourlink { text-underline-offset: 4px; }
.at .at-tourlink:hover { text-decoration-thickness: 2px; }
.at .at-tourlink-dark, .at .at-tourlink-dark:hover { color: #141414; }
.at .at-tourlink-gold, .at .at-tourlink-gold:hover { color: #F5B82E; }

.at-nav { display: flex; }
.at-scrim { background: linear-gradient(90deg, rgba(11,11,12,0.88) 0%, rgba(11,11,12,0.6) 42%, rgba(11,11,12,0.06) 78%), linear-gradient(0deg, rgba(11,11,12,0.92) 0%, rgba(11,11,12,0) 38%); }
.at-scrim-bottom { background: linear-gradient(0deg, rgba(11,11,12,0.94) 0%, rgba(11,11,12,0.66) 34%, rgba(11,11,12,0) 74%); }
.at-scrim-wide { background: linear-gradient(90deg, rgba(11,11,12,0.86) 0%, rgba(11,11,12,0.5) 42%, rgba(11,11,12,0) 70%); }
.at-dest { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 340px; gap: 16px; }
.at-d2 { grid-column: span 2; }

.at-field { width: 100%; font: inherit; font-size: 16px; color: #F5F2EA; background: #0B0B0C; border: 1px solid #57534B; border-radius: 4px; padding: 13px 14px; min-height: 48px; }
.at-field:focus { outline: 2px solid #F5B82E; outline-offset: 1px; border-color: #F5B82E; }
.at-field::placeholder { color: #8F8A80; }
.at a:focus-visible, .at button:focus-visible { outline: 2px solid #F5B82E; outline-offset: 3px; }
.at-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.at-notice { border-radius: 4px; padding: 14px 16px; font-weight: 500; }
.at-notice-ok { background: #12351F; border: 1px solid #2FA35A; color: #E6F6EC; }
.at-notice-err { background: #3A1512; border: 1px solid #E0392B; color: #FBE9E7; }

/* Ordinary pages and posts (privacy policy and so on) */
.at-prose { max-width: 760px; margin: 0 auto; padding: clamp(48px, 7cqw, 96px) clamp(20px, 4cqw, 48px); }
.at-prose h1 { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: clamp(38px, 5cqw, 64px); line-height: 1; text-transform: uppercase; margin: 0 0 24px; }
.at-prose h2, .at-prose h3 { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; text-transform: uppercase; line-height: 1.05; margin: 36px 0 12px; }
.at-prose h2 { font-size: 32px; }
.at-prose h3 { font-size: 24px; }
.at-prose p, .at-prose li { color: #E9E5DB; }
.at-prose img { height: auto; border-radius: 4px; }

@container (max-width: 900px) {
	.at-dest { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.at-nav { display: none; }
}
@container (max-width: 600px) {
	.at-dest { grid-template-columns: minmax(0, 1fr); grid-auto-rows: 300px; }
	.at-d2 { grid-column: auto; }
	.at-wa-long { display: none; }
	.at-scrim { background: linear-gradient(0deg, rgba(11,11,12,0.95) 0%, rgba(11,11,12,0.78) 55%, rgba(11,11,12,0.45) 100%); }
	.at-scrim-wide { background: linear-gradient(0deg, rgba(11,11,12,0.94) 0%, rgba(11,11,12,0.66) 34%, rgba(11,11,12,0) 74%); }
}
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.at-btn, .at-card img { transition: none; }
}