/*!
Theme Name: Everest Mobile Tyre
Theme URI: http://underscores.me/
Author: Web Creation Nepal
Author URI: https://webcreationnepal.com/
Description: At Everest Mobile Tyre, we believe tyre care should be simple, fast, and stress-free. That’s why we bring our expert mobile tyre service directly to you—whether you’re at home, at work, or stranded on the roadside. Our skilled technicians are equipped to handle tyre fitting, replacement, puncture repair, and balancing on the spot, using high-quality tools and premium tyres to get you safely back on the road. We pride ourselves on delivering not only exceptional workmanship, but also unmatched convenience—saving you the time and hassle of visiting a garage. From urgent roadside assistance to scheduled tyre changes, Everest Mobile Tyre is your trusted partner for keeping your journey smooth, safe, and uninterrupted. Wherever you are, we’ll get you moving again.
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: everest_mobile_tyre
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.

Everest Mobile Tyre 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;
}

/*style*/
.services-single h3 {
  position: relative;
  font-size: 28px;
  line-height: 1.4em;
  font-weight: 700;
}
.contact-form .form-group {
  position: relative;
  margin-bottom: 8px;
}
.contact-form textarea {
  height: 150px;
}

.tyre-search-wrapper{
	background:#f6f6f6;
	padding:40px;
	border-radius:8px;
}

.tyre-search-wrapper h2{
	text-align:center;
	margin-bottom:30px;
	font-weight:600;
}

.tyre-search-grid{
	display:flex;
	gap:15px;
	justify-content:center;
	flex-wrap:wrap;
}

.tyre-search-grid select{
	height:50px;
	padding:10px;
	border:1px solid #ddd;
	border-radius:4px;
	width:150px;
	font-size:16px;
}

.tyre-search-grid button{
	height:50px;
	padding:0 30px;
	color:#fff;
	border:none;
	border-radius:4px;
	font-weight:600;
	cursor:pointer;
}

.tyre-product{
	border:1px solid #eee;
	padding:15px;
	text-align:center;
	background:#fff;
}

.tyre-product img{
	max-width:100%;
	height:auto;
}

.tyre-product h3{
	font-size:18px;
	margin:10px 0;
}

.tyre-product .price{
	color:#e4002b;
	font-weight:600;
}


.brand-title {
  text-align: left !important;
  margin-top: 30px;
}
.tyre-img {
  position: relative;
}

.tyre-img img {
	height: 250px;
	object-fit: cover;
}
code {
  font-size: 87.5%;
  color: #000;
  word-break: break-word;
	font-size: 18px !important;
	font-family: 'Yantramanav', sans-serif;
}
.woocommerce-cart .cart-collaterals .cart_totals tr th {
	border-bottom: 1px solid #e9e6ed;
}
.woocommerce {
  background: #f9f9f9;
}
.service-remove.button {
  background-color: #ff5454 !important;
  color: #fff !important;
}
.service-remove.button:hover {
  background-color: #da0f0f !important;
}
.service-add.button {
  background-color: #027502 !important;
  color: #fff !important;
}
.service-add.button:hover {
  background-color: #065706 !important;
  color: #fff !important;
}
.checkout-button.button.alt.wc-forward {
  float: right;
  width: 25%;
}
.sort_items {
  float: right;
}
.orderby.form-select.form-select-sm {
  display: block;
  width: 100%;
  height: 42px;
  font-size: 16px;
  padding: 10px 22px;
  background: #fff;
  color: #000;
  border: 1px solid #ddd;
  -webkit-transition: all 500ms ease;
}
.sort_items_title {
  color: #001659;
  font-weight: 500;
  font-size: 18px;
}
.position-relative.me-4.my-auto {
  margin-right: 30px;
}
.fa.fa-shopping-bag.fa-2x {
  color: #565656;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
  background: #081336;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  padding: 12px;
	color: #081336;
}
.tyre-search-grid {
  align-items: flex-end;
}

.tyre-search-grid .field {
  display: flex;
  flex-direction: column; /* 🔥 This makes label go above select */
}

.tyre-card{
	border:2px solid #f28c28;
	border-radius:10px;
	padding:20px;
	background:#fff;
	text-align:center;
	height: 100%;
}

.tyre-price{
	font-size:26px;
	font-weight:bold;
	margin:10px 0;
}
.qty-wrapper{
	display:flex;
	align-items:center;
	justify-content:center;
	margin:15px 0;
}

.qty-wrapper button{
	width:35px;
	height:35px;
	border:1px solid #ddd;
	background:#f5f5f5;
	cursor:pointer;
	font-size:18px;
}

.qty-wrapper input{
	width:60px;
	height:35px;
	text-align:center;
	border:1px solid #ddd;
	margin:0 5px;
}
/* Hide arrows in Chrome, Safari, Edge */
.tyre-card .qty::-webkit-outer-spin-button,
.tyre-card .qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide arrows in Firefox */
.tyre-card .qty {
    -moz-appearance: textfield;
}

.add-to-cart-btn{
	background:#f28c28;
	color:#fff;
	border:none;
	padding:12px;
	width:100%;
	font-weight:600;
	cursor:pointer;
}

.add-to-cart-btn:hover{
	background:#d9761d;
}

.tyre-popup{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:9999;
}

.tyre-popup-content{
	background:#fff;
	width:500px;
	max-width:90%;
	margin:120px auto;
	padding:30px;
	border-radius:6px;
	text-align:center;
	position:relative;
}

.popup-close{
	position:absolute;
	right:15px;
	top:10px;
	font-size:20px;
	cursor:pointer;
}

.popup-buttons{
	margin-top:20px;
	display:flex;
	gap:15px;
	justify-content:center;
}

.popup-buttons button,
.popup-buttons a{
	background:#e67e22;
	color:#fff;
	padding:12px 20px;
	border:none;
	text-decoration:none;
	cursor:pointer;
	font-weight:600;
}

/* ===== CART PAGE LAYOUT ===== */

/* Cart table */
.woocommerce-cart table.shop_table {
    border: none;
    background: #fff;
}

.woocommerce-cart table.shop_table th {
    background: #f7f7f7;
    padding: 14px;
    font-weight: 600;
}

.woocommerce-cart table.shop_table td {
    padding: 16px;
    border-bottom: 1px solid #eee;
}

/* Product image */
.woocommerce-cart table.shop_table img {
    width: 80px;
}

/* Quantity input */
.woocommerce-cart .quantity input {
    width: 60px;
    text-align: center;
}

/* Remove button */
.woocommerce-cart .product-remove a {
    color: #ff3b3b;
    font-size: 20px;
}

/* ===== CART TOTAL BOX ===== */

.cart-collaterals {
    background: #f9f9f9;
    padding: 0 25px 25px 25px;
    border-radius: 8px;
}

.cart_totals h2 {
    font-size: 20px;
    margin-bottom: 20px;
}

.cart_totals table {
    border: none;
}

.cart_totals tr {
    border-bottom: 1px solid #e5e5e5;
}

.cart_totals th,
.cart_totals td {
    padding: 12px;
}

/* Checkout button */
.checkout-button {
    width: 100%;
    text-align: center;
    background: #ff6600;
    border-radius: 5px;
    padding: 14px;
    font-size: 16px;
}

.checkout-button:hover {
    background: #e25600;
}

/* ===== TYRE SERVICES SECTION ===== */

.tyre-services-cart {
    list-style: none;
    margin: 30px 0;
    padding: 0;
}

.tyre-services-cart li {
    border: 1px solid #e5e5e5;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 6px;
    background: #fafafa;
}

.tyre-services-cart label {
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.tyre-services-cart input[type="checkbox"] {
    margin-right: 10px;
    transform: scale(1.2);
}

.tyre-services-cart p {
    margin-top: 5px;
    font-size: 13px;
    color: #777;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
  float: right;
  width: 100%;
}
.woocommerce-cart-form__cart-item td{
 text-align: left !important;
}
.woocommerce .cart-collaterals .cart_totals .shop_table td {
  text-align: right;
	background: #f7f7f7;
}
.tyre-services-table {
  width: 100%;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
  background-color: #d6af09;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
  background-color: #bf9c08;
  color: #fff;
}

/* General Checkout Form Styling */
form.checkout.woocommerce-checkout {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    font-family: 'Arial', sans-serif;
    color: #333;
}

/* Cart Table / Billing & Shipping Box */
.cart-table {
    background-color: #fafafa;
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #eee;
}

.cart-table h3 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #111;
}

/* Billing & Shipping Columns */

#customer_details > div {
    flex: 1;
    min-width: 250px;
}

/* Input Fields */
.cart-table input.input-text,
.cart-table select,
.cart-table textarea {
    width: 100%;
    padding: 12px 15px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.cart-table input.input-text:focus,
.cart-table select:focus,
.cart-table textarea:focus {
    border-color: #0071a1;
    box-shadow: 0 0 5px rgba(0,113,161,0.3);
    outline: none;
}

/* Order Review Box */
.carttotals {
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 10px;
    position: sticky;
    top: 20px;
}

.carttotals h5#order_review_heading {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Order Review Table */
#order_review table.shop_table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

#order_review table.shop_table th,
#order_review table.shop_table td {
    padding: 12px 10px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
}

#order_review table.shop_table th {
    font-weight: 600;
    text-align: left;
}
#order_review table.shop_table tfoot tr:last-child td {
    font-size: 16px;
    font-weight: 700;
}

/* Place Order Button */
form.checkout button#place_order {
    width: 100%;
    padding: 15px;
    background-color: #0071a1;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

form.checkout button#place_order:hover {
    background-color: #005f85;
}

.woocommerce-input-wrapper {
  width: 100%;
}

.woocommerce-order {
  padding: 20px;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
  float: left;
  width: 48%;
  max-width: 100%;
}


/* Responsive Styles */
@media (max-width: 992px) {
    form.checkout .col-sm-7,
    form.checkout .col-md-7,
    form.checkout .col-sm-5,
    form.checkout .col-md-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .carttotals {
        margin-top: 30px;
        position: relative;
        top: 0;
    }
    
}
/* ===== RESPONSIVE ===== */

@media (max-width: 992px) {

    .woocommerce-cart .woocommerce {
        grid-template-columns: 1fr;
    }

    .cart-collaterals {
        margin-top: 30px;
    }

}
@media (max-width: 778px) { 
    .tyre-grid {
        grid-template-columns: repeat(1,1fr);
    }
}