/**
 * Theme Name: Store Front Novel child
 * Template:   storefront
 * Version: 1.0 
 * Author: Rajasekar B
 * Author URI: https://pinkride.in
 * Description: This is child theme of Store Front WooCommerce theme
 */
 
/* Hide My Account menu on mobile */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation {
        display: none !important;
    }
}
@media (max-width: 768px) {
    .woocommerce-account .woocommerce {
        display: block !important;
    }
}
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    margin-bottom: 0.2em;
}

.status-gif {
    width: 12vw;
    max-width: 64px;
    min-width: 40px;
    height: auto;
}

 /* Hide WooCommerce mini-cart widgets/menus */
.widget_shopping_cart,
.woocommerce-mini-cart,
.site-header-cart,
.header-cart,
.header .cart {
  display: none !important;
}

@media only screen and (max-width: 768px) {	
  .storefront-handheld {
    display: none;
  }
  .menu-toggle {
    display: none;
  }
  h1 {
	  font-size: 1.6em !important;
	}
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #e6f3ff;   /* light blue background */
    color: #000 !important;       /* text color */
    font-weight: bold;
    border-radius: 6px;
}
.woocommerce-MyAccount-navigation ul li a {
    display: block;
    border-radius: 6px;
}
.hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
	padding-left: 0.4em;
}

.woocommerce-MyAccount-navigation {
	width: 18.6470588235%;
	float: left;
	margin-right: 4.8823529412%;
}

/* For Select2 search box in book ride and schedule ride pages */
.select2-container--default .select2-selection__clear {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    padding: 0 6px !important;
    margin-right: 6px !important;
    color: inherit !important;
    opacity: 0.9;
}

.select2-container--default .select2-selection__clear::before,
.select2-container--default .select2-selection__clear::after {
    content: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* New multiple select choice spacing */
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 25px !important;
}

.storefront-primary-navigation {
    width: 100%;
}
#site-navigation {
    width: 100%;
}
#site-navigation .primary-navigation {
    width: 100%;
    justify-content: space-between; /* or center */
}


button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {
  background-color: #68d25f !important;
  border-color: green;
  color: #fff;
}
input, textarea, input[type="text"], input[type=password], input[type=email] {
	background-color: transparent !important;
	border: solid 1px black;
}

/* Remove extra left padding inside Select2 when used as multiple with 1 value */
.select2-container--default .select2-selection--multiple {
    padding-left: 0 !important;
}

/* Remove bullet/indent caused by list structure */
.select2-container--default .select2-selection--multiple ul.select2-selection__rendered {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Default payment method box */
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 10px;
    background: #f9f9f9;
    transition: background 0.3s, border-color 0.3s;
}

/* Highlight on hover */
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method:hover {
    border-color: #0073aa;
	background: #e6f7ff !important;
}

/* Selected payment method */
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method input[type="radio"]:checked + label {
    background: #e6f7ff; /* your highlight color */
    border: 2px solid #0073aa;
    border-radius: 8px;
    display: block;
    padding: 10px;
    margin: -10px; /* fix spacing from extra border */
}

table:not(.has-background) th {
  background-color:transparent;
}
/* For cart template */
.grid-container {
  display: grid; /* Enables CSS Grid layout */
  grid-template-columns: 3fr 2fr; /* Creates two columns with a 60:40 ratio (3 fractional units to 2 fractional units) */
}

/* Media query for smaller screens to stack the divs */
@media (max-width: 768px) {
  .grid-container {
	grid-template-columns: 1fr; /* Stacks the divs in a single column on smaller screens */
  }
}

/*  Retain Search box in mobile  */
.woocommerce-active .site-header .site-branding {
  width: 20% !important;
  float: left !important;
  margin-right: !important;
}
.woocommerce-active .site-header .site-search {
  max-width: 79% !important;
  float: right !important;
  clear: none !important;
}
@media (min-width: 768px) {
  .woocommerce-active .site-header .site-search {
    width: 30%;
  }
}
.site-search {
  display:block;
}	
.wc-block-checkout__add-note {
	display: none;
}
.widget_product_search form:not(.wp-block-search) input[type="search"] {
  width: 100%;
  display: inline-block;
}
.dp-footer {
  display: none;
}
.wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link {
   display: none !important;
}
.entry-content {
  min-height: 40vh !important;
}
 ul.order_details li {
  display: inline-block !important;
}
.site-info {
  padding: 0.1em 0;
}
.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
  padding-top: 0;
}
body, button, input, select, textarea {
  font-family: Inter,Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,sans-serif !important ;
}
.term-description {
	font-size:24px;
}
@media (min-width: 768px) {
  .storefront-sorting {
    margin-bottom: 0;
  }
}
.site-header {
    padding-top: 1em;
    padding-bottom: 1em;
}
.storefront-primary-navigation {
    clear: both;
    background-color: #367c26;
}
.main-navigation ul.nav-menu > li > a {
    padding: 1em;
    color: #fff !important;
    font-weight: bold;
	text-transform: uppercase;
}
.main-navigation ul.menu li > a:hover{
    text-decoration: underline;
	background: red !important;	 
}
.site-header-cart .cart-contents {
    padding: 1em 0;
    background-color: rgba(0,0,0,0);
	color: #fff !important;
	font-weight: bold;
}
.site-header-cart .cart-contents .count {
    opacity: 0.9 !important;
    font-size: 1em;
	font-weight: bold;
	color: pink !important;
}
.main-navigation ul li a {
	color: #fff !important;
}
.main-navigation ul li a:hover {
	text-decoration: underline;	 
}
h1 {
  text-transform: uppercase;
}
header h1 {
	border-bottom: 1px solid #367c26;
	color: #367c26;
}
.wc-block-checkout__terms.wc-block-checkout__terms--with-separator {
  padding-top: none !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
}
.storefront-breadcrumb {
	display: none !important;
}
.woocommerce-breadcrumb {
  font-size: 1.2em;
}
.woocommerce-ordering, .woocommerce-result-count {		
	display: none !important;
}
ul.products li.product .button {
	border-radius: 10px !important;
	border: 2px solid #73AD21;
}
/* search input in Header */
.site-search .widget_product_search input[type="search"] {
	padding: 1em;
}
input[type="search"] {
	border-radius: 20px !important;
	border: 2px solid #73AD21;
	height: 3em;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {
  background-color: #68d25f !important;
  border-color: green;
  color: #333333;
}	
/* Site footer margins */
.site-footer {
  padding: 0.5em;
    background-color: #E0EFE0;
  color: #000;
}
.site-footer a {
  text-decoration: none;
}
.site-footer a:hover {
  text-decoration: underline;
  color: red !important;
}
.storefront-full-width-content .woocommerce-products-header {
  padding: 0 0 1em 0;
}
 .page-template-template-homepage .entry-header h1 {
  font-size:  2.617924em !important;
}
.page-template-template-homepage .type-page {
  padding-top: 0 !important;
}
a {
  color: #000 !important;
}
a:hover {
   color: #888 !important;
}
.woocommerce-page .woocommerce-MyAccount-navigation ul li {
	border-bottom: 1px solid #ddd !important;
}
.entry-header {
    padding: 0  !important;
}
.wc-block-components-button {
	background-color: #367c26;
}
.wc-block-components-button:hover {
	background-color: red !important;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover {
  background-color: #a1f0b9;
}
.wc-block-components-button:not(.is-link) {
    background-color: #367c26;
}
.added_to_cart.alt, .added_to_cart, .widget a.button.checkout {
    background-color: #367c26 !important;
	color: white !important;
}
.added_to_cart.alt:hover, .added_to_cart:hover, .widget a.button.checkout:hover {
    background-color: red !important;
	color: white !important;
}
.wc-block-components-checkout-place-order-button {
	padding: 0 !important;
   background-color: #367c26 !important;
}
.wc-block-components-button__text {
	 color: white !important;
}
.wc-block-components-checkout-place-order-button:hover {
	
   background-color: red !important;
}

.home.post-type-archive-product .site-header {
  margin-bottom: 0 !important;
}
.woocommerce-message a, .woocommerce-info a, .woocommerce-error a, .woocommerce-noreviews a, p.no-comments a {
    color: #fff !important;
}
/* for 2 col responsiveness */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.col {
	display: block;
	float:left;
	margin: 0.1% 0 0 0.1%;
}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.8%;
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 685px) {
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%; 
	}
}
.glossymenu { 	
	list-style-type: none; 
	margin: 0 0 24px 0; 
	max-width: 300px;
}
.glossymenu li a	{
	background: #24890D ;
	padding: 6px 10px;
	color: #FFF !important;
	border: 1px solid #437D1F;
	display: block;
	text-decoration:  none!important;
	margin-bottom: 3px;
	 font-weight: bold;
}
.glossymenu a:hover {
	background: red ; 
}

// floating labels
.pr-row {
	display: flex;
	gap: 15px;
}

.pr-row .form-group {
	flex: 1;
}
	
.form-group {
  position: relative;
  margin-bottom: 25px; /* Add some space below the field */
  flex: 1;
}

.form-control {
  padding: 10px;
  display: block;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box; /* Ensures padding/border are included in the width */
  font-size: 16px;
}

.form-label {
  position: absolute;
  top: 10px; /* Initial position: aligned with the input text */
  left: 10px;
  color: #999;
  transition: all 0.3s ease; /* Smooth animation */
  pointer-events: none; /* Allows clicks to pass through to the input */
}

/* Move and resize the label when the input is focused or filled */
.form-control:focus ~ .form-label,
.form-control:not(:placeholder-shown) ~ .form-label {
  top: -15px; /* Move up */
  left: 5px;
  font-size: 12px; /* Make it small */
  color: #555;
  background-color: white; /* Optional: add a background to prevent text overlap */
  padding: 0 5px; /* Optional: adds a little padding around the text */
}

.form-control:focus {
  outline: none; /* Removes the default blue glow */
  border-color: #007bff; /* Optional: change border color on focus */
}