/*
Theme Name: Damavand Pro - Modern Expedition Theme
Theme URI: https://mountdamavand.com
Author: Damavand Expedition Team
Author URI: https://mountdamavand.com
Description: Ultra-modern, interactive mountain expedition theme with emoji support, animations, and tour management. Perfect for adventure tourism, trekking tours, and climbing expeditions. Features include dynamic pricing tables, timeline itineraries, booking system, and real-time tour availability.
Version: 2.0.0
Requires at least: 5.8
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: damavand-pro
Tags: adventure, mountaineering, tours, trekking, expedition, travel, tourism, modern, interactive, animated, booking-system, responsive, emoji, gradient, colorful
*/

/* 
=================================================
  DAMAVAND PRO - MODERN EXPEDITION THEME
  Version: 2.0.0
  
  🏔️ Ultra-Modern Design
  🎨 Gradient Colors & Animations
  📱 Fully Responsive
  ⚡ Lightning Fast
  🎯 Interactive Elements
  
  Table of Contents:
  1. WordPress Core Styles
  2. Base Styles
  3. Animations
  4. Typography
  5. Buttons & Forms
  6. Layout Components
  7. Tour Management
  8. Booking System
  9. Media & Responsive
=================================================
*/

/* ============================================
   1. WORDPRESS CORE STYLES
============================================ */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
    border-radius: 8px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Clearing */
.clear::before,
.clear::after,
.entry-content::before,
.entry-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-content::after,
.site-footer::before,
.site-footer::after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear::after,
.entry-content::after,
.site-header::after,
.site-content::after,
.site-footer::after {
    clear: both;
}

/* Gallery */
.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gallery-caption {
    display: block;
    margin-top: 8px;
    font-size: 14px;
    color: #666;
}

.gallery-item img {
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.gallery-item:hover img {
    transform: scale(1.05);
}

/* Sticky Post */
.sticky {
    display: block;
    border-left: 4px solid #ff6b00;
    padding-left: 15px;
}

/* Navigation */
.post-navigation,
.posts-navigation {
    margin: 3em 0;
    padding: 2em 0;
    border-top: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0;
}

.nav-links {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.nav-previous,
.nav-next {
    flex: 1;
}

.nav-next {
    text-align: right;
}

.nav-previous a,
.nav-next a {
    display: inline-block;
    padding: 12px 24px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    text-decoration: none;
    border-radius: 50px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.nav-previous a:hover,
.nav-next a:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
}

/* Comments */
.comment-list {
    list-style: none;
    padding: 0;
}

.comment-body {
    margin-bottom: 2em;
    padding: 1.5em;
    background: #f9f9f9;
    border-radius: 12px;
    border-left: 4px solid #667eea;
}

.comment-meta {
    margin-bottom: 1em;
    font-size: 0.9em;
    color: #666;
}

.comment-author {
    font-weight: bold;
    color: #333;
}

.comment-content {
    line-height: 1.8;
}

.reply {
    margin-top: 1em;
}

.comment-reply-link {
    display: inline-block;
    padding: 8px 16px;
    background: #667eea;
    color: #fff;
    text-decoration: none;
    border-radius: 20px;
    font-size: 14px;
    transition: background 0.3s ease;
}

.comment-reply-link:hover {
    background: #764ba2;
}

/* Pagination */
.pagination {
    margin: 3em 0;
    text-align: center;
}

.page-numbers {
    display: inline-block;
    padding: 10px 16px;
    margin: 0 5px;
    background: #f0f0f0;
    color: #333;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.page-numbers.current,
.page-numbers:hover {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    transform: translateY(-2px);
}

.page-numbers.dots {
    background: none;
}

/* Search Form */
.search-form {
    display: flex;
    margin-bottom: 2em;
    border-radius: 50px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.search-field {
    flex: 1;
    padding: 14px 24px;
    border: none;
    font-size: 16px;
    outline: none;
}

.search-submit {
    padding: 14px 32px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    border: none;
    cursor: pointer;
    font-weight: 600;
    transition: transform 0.3s ease;
}

.search-submit:hover {
    transform: scale(1.05);
}

/* 
NOTE: Main theme styling is in assets/css/main.css
This file contains only WordPress-required core styles.
*/