/*
Theme Name: Liberated Ankit
Theme URI: https://growsaral.com
Author: Growsaral Technologies
Author URI: https://growsaral.com
Description: A premium, commercial-ready WordPress Block Theme crafted for adventure creators, documentary filmmakers, trekking guides, and travel photographers. Features Cinematic Himalayan Editorial aesthetics, fluid typography, modular Gutenberg patterns, and zero heavy dependencies.
Version: 2.0.0
Requires at least: 6.5
Tested up to: 7.1
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: liberated-ankit
Tags: block-theme, full-site-editing, travel, photography, custom-colors, custom-typography, wide-blocks, editor-style, responsive-layout
*/

:root {
  --la-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --la-transition: 0.25s var(--la-ease-out);
}

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

:focus-visible {
  outline: 2px solid var(--wp--preset--color--primary, #C25E00);
  outline-offset: 3px;
}

a, button {
  transition: color var(--la-transition), background-color var(--la-transition), opacity var(--la-transition), transform var(--la-transition);
}

/* Commercial Editorial Card styling */
.la-card {
  transition: transform 0.35s var(--la-ease-out), box-shadow 0.35s var(--la-ease-out);
  border: 1px solid var(--wp--preset--color--border, #E6E2D8);
  border-radius: var(--wp--custom--radius--md, 4px);
  overflow: hidden;
  background: var(--wp--preset--color--surface, #ffffff);
}

.la-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 30px -15px rgba(15, 18, 22, 0.08);
}

/* Timeline & Itinerary style */
.la-timeline {
  border-left: 2px solid var(--wp--preset--color--primary, #C25E00);
  padding-left: 1.75rem;
  margin-left: 0.5rem;
}

.la-timeline-item {
  position: relative;
  margin-bottom: 2rem;
}

.la-timeline-item::before {
  content: '';
  position: absolute;
  left: -2.25rem;
  top: 0.35rem;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--wp--preset--color--primary, #C25E00);
  border: 3px solid #FFFFFF;
  box-shadow: 0 0 0 1px var(--wp--preset--color--primary, #C25E00);
}

/* Budget breakdown table styling */
.la-budget-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
}

.la-budget-table th,
.la-budget-table td {
  padding: 0.85rem 1.25rem;
  border-bottom: 1px solid var(--wp--preset--color--border, #E6E2D8);
  text-align: left;
}

.la-budget-table th {
  background-color: rgba(0, 0, 0, 0.02);
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-size: 0.8rem;
}

.la-budget-table tr:last-child td {
  font-weight: 800;
  border-bottom: 2px solid var(--wp--preset--color--contrast, #0F1216);
}

/* Responsive iframe & video embeds */
.wp-block-embed.is-type-video,
.wp-block-embed-youtube {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin-block: 0;
}

.wp-block-embed.is-type-video iframe,
.wp-block-embed-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
