/*!
Theme Name: Motorycle Tour In Nepal
Theme URI: http://underscores.me/
Author: Web Creation Nepal
Author URI: https://www.webcreationnepal.com/
Description: Motorycle Tour In Nepal
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: motorycle_tour
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Motorycle Tour In Nepal is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */


/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*language*/
#google_translate_element {
    display: none !important;
}

.goog-te-banner-frame,
.goog-te-balloon-frame {
    display: none !important;
}

body {
    top: 0 !important;
}

.goog-tooltip {
    display: none !important;
}

.goog-text-highlight {
    background: transparent !important;
    box-shadow: none !important;
}
.skiptranslate {
  display: none !important;
}

 /******************new css details***************/

 .features-section {
    background: #111316;
    padding: 60px 0;
 }

.features {
    width: 100%;
    max-width: 820px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .feature {
    padding: 28px 20px 30px;
  }

  /* dividers: vertical between columns, horizontal between rows */
  .feature:nth-child(odd)  { border-right: 1px solid #2b2e2a; }
  .feature:nth-child(-n+2) { border-bottom: 1px solid #2b2e2a; }
  .feature:nth-child(even) { padding-left: 22px; }

    .feature h3 {
        color: #fff;
        font-size: 0.95rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .feature p {
        color: #fff;
        font-size: 0.93rem;
        line-height: 1.55;
        max-width: 340px;
    }
  
    .tour-content {
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 20px;
        z-index: 3;
        color: #fff;
    }
    
    .cta-content {
        max-width: 860px;
        text-align: center;
        color: #ffffff;
    }

  /* Tablet tweaks */
  @media (max-width: 768px) {
    .feature { padding: 24px 16px; }
    .feature:nth-child(even) { padding-left: 18px; }
  }

  /* Mobile: single column */
  @media (max-width: 560px) {
    .features { grid-template-columns: 1fr; }

    .feature,
    .feature:nth-child(even) { padding: 22px 4px; }

    .feature:nth-child(odd) { border-right: none; }
    .feature:nth-child(-n+3) { border-bottom: 1px solid #2b2e2a; }
    .feature:last-child { border-bottom: none; }

    .feature p { max-width: none; }
  }



  .garage-card {
    position: relative;

    width: 100%;
    max-width: 370px;
    height: 300px;

    overflow: hidden;

    background: #111;
    border-radius: 24px;
    overflow: hidden;
    text-decoration: none;

    isolation: isolate;
}

.garage-card>img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform .6s ease;
}



.archive-list {
    display: flex;
    flex-direction: column;
    /*gap: 30px;*/
}

/* Base Card Styles */
.archive-card {
    display: flex;
    flex-direction: column;
}

/* Desktop Alternating Layout */
@media (min-width: 768px) {
    .archive-card {
        display: grid;
        /*grid-template-columns: 1fr 1fr;*/
        align-items: center;
        gap: 40px;
    }
    

    /* Odd items: Title on Top Left above image, Text on Right */
    .archive-card:nth-child(odd) {
        grid-template-areas:
            "header text"
            "image  text";
    }

    /* Even items: Title on Top Right above image, Text on Left */
    .archive-card:nth-child(even) {
        grid-template-areas:
            "text header"
            "text image";
    }

    .archive-card-header {
        grid-area: header;
    }

    .archive-card-image {
        grid-area: image;
    }

    .archive-card-content {
        grid-area: text;
    }
}

/* Header & Typography */
.archive-card-header h2 {
    font-size: clamp(26px, 3.5vw, 38px);
    font-weight: 800;
    line-height: 1.1;
    margin: 0 0 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.archive-card-header h2 a {
    color: var(--color-accent);; /* High-contrast orange accent */
    text-decoration: none;
    transition: color 0.25s ease;
}

.archive-card-header h2 a:hover {
    color: var(--color-hover);
}

/* Image Container */
.archive-card-image {
    display: block;
    width: 100%;
    overflow: hidden;
}

.archive-card-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    max-height: 350px;
    transition: transform 0.3s ease;
}

.archive-card:hover .archive-card-image img {
    transform: scale(1.03);
}

/* Content & Excerpt */
.archive-card-content p {
    color: #222222;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Pagination */
.archive-pagination {
    margin-top: 60px;
    text-align: center;
}

/* Mobile Adjustments */
@media (max-width: 767px) {
    .archive-list {
        gap: 50px;
    }

    .archive-card-header {
        margin-bottom: 15px;
    }

    .archive-card-image {
        margin-bottom: 20px;
    }
}

.view-detail-btn {
  display: inline-block;
  background: var(--color-accent);
  color: #ffffff;
  padding: 10px 22px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.25s ease, transform 0.2s ease;
}
.view-detail-btn:hover {
  background: var(--color-hover);
  color: #ffffff;
  transform: translateY(-2px);
}

/* Page Layout */
.single-bike-page {
    background-color: #ffffff;
    color: #333333;
    padding: 40px 0 80px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.6;
}

.single-bike-container {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 20px;
}

.single-bike-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
}

@media (min-width: 992px) {
    .single-bike-layout {
        grid-template-columns: 7fr 4fr;
    }
}

/* Social Icons */
.social-share-bar {
    display: flex;
    gap: 8px;
    margin-bottom: 15px;
}

.social-share-bar a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid #dcdcdc;
    color: #d9822b;
    text-decoration: none;
    font-size: 13px;
    border-radius: 2px;
}

/* Titles */
.bike-main-title {
    font-size: 26px;
    font-weight: 700;
    color: #222222;
    margin: 0 0 4px 0;
}

.bike-brand-subtitle {
    font-size: 13px;
    color: #666666;
    margin-bottom: 20px;
}

/* Main Featured Image */
.bike-featured-media {
    margin-bottom: 25px;
}

.bike-featured-media img {
    width: 100%;
    max-height: 480px;
    object-fit: cover;
    border-radius: 4px;
    display: block;
}

/* Content Typography & Layout */
.section-heading-label {
    font-size: 15px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 8px;
}

.content-subheading {
    font-size: 22px;
    font-weight: 700;
    color: #009688;
    margin: 0 0 15px 0;
}

.bike-body-content p {
    margin-bottom: 15px;
    color: #444;
}

/* Special Highlight Box */
.highlight-promo-box {
    background-color: #f1f8b4;
    border: 1px dashed #d4e068;
    padding: 12px 18px;
    color: #d9381e;
    font-weight: 700;
    font-size: 14px;
    margin: 20px 0;
    border-radius: 3px;
}

.inquiry-btn-group {
    margin: 20px 0 25px;
}

.enquire-green-btn {
    display: inline-block;
    background-color: #00c853;
    color: #ffffff;
    padding: 10px 20px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 3px;
    font-size: 13px;
    cursor: pointer;
    border: none;
}

.enquire-green-btn:hover {
    background-color: #00a843;
    color: #ffffff;
}



/* Key Specs Table */
.key-specs-title {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    margin: 30px 0 15px;
}

.key-specs-table {
    width: 100%;
    border-collapse: collapse;
    background: #fcfcfc;
    border: 1px solid #e2e2e2;
}

.key-specs-table th {
    background-color: #f0f0f0;
    color: #222;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    text-align: left;
    padding: 10px 14px;
    border: 1px solid #e2e2e2;
}

.key-specs-table td {
    padding: 10px 14px;
    border: 1px solid #e2e2e2;
    font-size: 13px;
    color: #333;
}

.key-specs-table tr:nth-child(even) {
    background-color: #ffffff;
}

/* Sidebar "Your Price" Widget */
.price-widget-box {
    border: 1px solid #dddddd;
    border-radius: 2px;
    background: #ffffff;
}

.price-widget-header {
    font-weight: 700;
    font-size: 20px;
}

.price-table-header {
    background-color: #d21f34;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    padding: 8px 18px;
    font-size: 12px;
    font-weight: 700;
    border-top: 1px solid rgba(255,255,255,0.2);
}

.price-widget-body {
    padding: 18px;
}

.price-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px dashed #e8e8e8;
    font-size: 12px;
    color: #555;
}

.price-row.total-row {
    border-bottom: none;
    font-size: 14px;
    font-weight: 700;
    color: #222;
    margin-top: 10px;
}

.form-group-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.form-group-row label {
    font-size: 12px;
    color: #444;
    font-weight: 600;
    width: 55%;
}

.form-group-row input, .form-group-row textarea, 
.form-group-row select {
    width: 62% !important;
    padding: 6px 8px !important;
    border: 1px solid #4a2a18;;
    border-radius: 3px !important;
    font-size: 12px !important;
}

.price-widget-body textarea {
  min-height: 80px !important;
}
.book-now-btn {
    display: block;
    background-color: #e09938;
    color: #ffffff;
    text-align: center;
    padding: 10px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 3px;
    margin-top: 15px;
    border: none;
    cursor: pointer;
}

.book-now-btn:hover {
    background-color: #c8832a;
    color: #ffffff;
}

.enquire-link {
    display: inline-block;
    color: #009688;
    font-size: 12px;
    font-weight: 700;
    text-decoration: underline;
    margin-top: 10px;
    cursor: pointer;
}

/* ================= MODAL STYLES ================= */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 99999;
}

.modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

.modal-container {
    background: #ffffff;
    width: 90%;
    max-width: 520px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    position: relative;
    transform: translateY(-20px);
    transition: transform 0.3s ease;
}

.modal-overlay.active .modal-container {
    transform: translateY(0);
}

.modal-header {
    background-color: #e09938;
    color: #ffffff;
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.modal-close-btn {
    background: transparent;
    border: none;
    color: #ffffff;
    font-size: 24px;
    cursor: pointer;
    line-height: 1;
}

.modal-body {
    padding: 24px;
}

.modal-form .form-group {
    margin-bottom: 15px;
}

.modal-form label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #333;
}

.modal-form input[type="text"],
.modal-form input[type="email"],
.modal-form input[type="tel"],
.modal-form input[type="date"],
.modal-form textarea {
    width: 100%;
    padding: 9px 12px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-size: 13px;
    box-sizing: border-box;
}

.modal-form textarea {
    resize: vertical;
    height: 80px;
}

.modal-submit-btn {
    width: 100%;
    background-color: #e09938;
    color: #ffffff;
    border: none;
    padding: 12px 0;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.modal-submit-btn:hover {
    background-color: #c8832a;
}

.secondary-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 20px 0;
}

.secondary-gallery .secondary-thumbnail {
    flex: 0 0 calc(33.333% - 10px);
    max-width: 180px;
}

.secondary-gallery .secondary-thumbnail img {
    width: 100%;
    /*height: auto;*/
    border-radius: 4px;
    object-fit: cover;
    height: 120px;
}