/*
Theme Name: Landmaster
Theme URI: http://demo.7iquid.net/landmaster/
Author: 7iquid
Author URI: http://themeforest.net/user/7iquid
Description: Landmaster  is a refreshing, clean, reliable, robust, dynamic and feature-full gardening and landscaping WordPress theme for lawn services, sod cutting services, gardening and landscaping, lawn decorators, farm producers, nurseries, garden designers, florists, landscape architects, environmentalist, forest department and forest guards, green tourism industry, conservationist, organic food producer, renewable energy provider, land scrappers, NGOs, organic farmers, ecologists, fertilizer maker and supplier, gardening tools store and all such websites.
Version: 1.0.5
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: landmaster
Tags: elementor, garden , landscape , agriculture, farm, organic, flower, business, farmer shop, plant shop, florist, gardener, gardening, grass, groundskeeper, industry , landscaping, lawn services,one-column, two-columns, left-sidebar, right-sidebar, grid-layout, accessibility-ready, custom-colors, custom-menu, editor-style, featured-images, footer-widgets, microformats, post-formats, sticky-post, theme-options, 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 with others.
*/
body {font-family: 'Open Sans', sans-serif;}


.swiper-slide-image {
  display: block;
  transition: transform 1.2s;   /* smoother zoom */
  /* thumbnails keeping same ratio */
  max-height: 250px;
  min-height: 250px;
  object-fit: cover;
}


/* Spinning services icons (services section on Home1) */
.carousel-item:hover .service-icon {
	transform: rotateY(360deg);
}

.cms-service-carousel.layout1 .service-icon-wrap img {
	display: inline-block;
	transition: transform 1000ms ease;
}

/* Add white color to service items on the footer */
.service-item-footer {
	color: white;
}

/* Change color on hover to footer contact items  */
#colophon div.cms-contact-info-item > div > a:hover {
	color: #309123;
}

/* Change color on hover to footer phone number */
.ct-phone a:hover {
	color: #309123;
}


.owl-item {
	pointer-events: none;
}

.elementor-icon-list-icon .zmdi-circle {
	margin-bottom: 10px;
}

.owl-stage-outer > div > div > div > a > img {
	height: 340px;
}

/**** PRODUCTS STYLES START ****/

/* Fix header menu bg problem on mobile */
.site-navigation.navigation-open {
	background-color: #47760f;
}

/* styles for "Add to cart" button */
.add_to_cart_button.ajax_add_to_cart {
    font-size: 0.8rem !important;
	font-weight: 600 !important;
    line-height: 18px !important;
	padding: 0.8rem 0 0.8rem 0 !important;
	@media (max-width: 768px) {
		font-size: 1.2rem !important;
	}
}

#react-shop-root .purchasable.product-type-simple .woocommerce-product-content > div > h3 > a {
	font-size: 16px;
}

#react-shop-root .purchasable.product-type-simple .woocommerce-product-header > div > a {
	top: 16px;
}

/* zoom product image on hover */
#react-shop-root .woocommerce-product-inner .woocommerce-product-header img {
    transition: transform 0.3s ease;
    transform-origin: center center;
}

#react-shop-root .woocommerce-product-inner:hover .woocommerce-product-header img {
    transform: scale(1.1);
}

#react-shop-root .woocommerce-product-inner .woocommerce-product-header {
    overflow: hidden;
}

.added_to_cart.wc-forward {
	display: none !important;
}

/**** PRODUCTS STYLES END ****/


@media screen and (max-width: 991px) {
    #site-header .site-menu-right {
        display: flex !important;
        position: absolute;
        top: -57px;
        right: 45px;
		gap: 12px;
    }
}


/* Fix border issue on cart */
#post-5916 tbody th.product-name {
	border-top: 0px;
	border-bottom: 1px solid rgba(0,0,0,.1);
}


/* Force show product image & name on cart in mobile */
@media only screen and (max-width: 768px) {
    .woocommerce-cart .product-thumbnail,
    .woocommerce-cart .product-name {
        display: table-cell !important;
    }
}

/* Fix UI issue on order submit */
#post-5921 div.woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1,
#post-5921 div.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 {
	max-width: none;
}

/* addition of margin bottom in column titles on order submit */
#post-5921 .woocommerce-column__title,
#post-5921 .woocommerce-order-details__title {
	margin-bottom: 1.5rem;
}


/* Order by component style fix */
.woocommerce-topbar-ordering {
	width: 320px;
    margin-left: auto;
    margin-right: auto;
}


/* Force "Add to cart" button to show on mobile */
.woocommerce-add-to-cart {
	@media only screen and (max-width: 768px) {
		opacity: 1 !important;
	}
}

/* Lock page scroll when cart is open */
body.cms-cart-open {
  position: fixed;
  overflow: hidden;
  width: 100%;
  touch-action: none;
}

/* NEW: disable clicks on the background when cart is open */
body.cms-cart-open #page {
  pointer-events: none;
}

/* Make sure cart & overlay still work normally */
.cms-widget-cart-wrap,
.cms-widget-cart-wrap * {
  pointer-events: auto;
}

/* (Optional) Make sure the page doesn't “bounce” behind the overlay on mobile */
html.cms-cart-open {
  overflow: hidden;
  overscroll-behavior: contain;
}

/* Show the shopping cart modal in front of the espa banner */
.cms-widget-cart-sidebar {
	z-index: 100000;
}

/* Make all product images use the same box size */
.shop-layout-products ul.products li.product .woocommerce-product-details {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;

    /* Choose the ratio you like (3/4 is “tall bottle” style) */
    aspect-ratio: 1 / 1;

    overflow: hidden;
}

/* Make the image scale nicely inside the box */
.shop-layout-products ul.products li.product .woocommerce-product-details img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
}

/* fix alignment of newsletter email field */
@media only screen and (min-width: 768px) {
	.tnp-field.tnp-field-button {
		position: unset !important;
		float: unset !important;
		margin-top: 16px !important;
	}
	.tnp-submit::after {
		position: unset !important;
	}
}



/* ========================= STORE PAGE ========================= */

/* Store page background image change */
body.page-id-6265 #pagetitle {
	background-image: url("https://gardendaddies.gr/wp-content/uploads/2026/01/ΦΥΤΑ-1.png")
}


/* remove padding under page background image */
#content {
	padding: 0;
}

#content section.elementor-section.elementor-top-section.elementor-section-height-default div > div > div > div > div > div > ul {
	justify-content: center;
}

/* add shadow to starter images title because it was not seen easily */
#content section.elementor-section.elementor-section-height-default.elementor-section-items-middle > div > div > div > div > div > div > h2 > span {
	text-shadow: 2px 2px 4px rgba(0,0,0,0.7), -1px -1px 3px rgba(0,0,0,0.5);
}

/* adjustments for starter border */
#content section.elementor-section.elementor-top-section.elementor-element > div > div > div > div > div {
	width: max-content;
}
#content section.elementor-section.elementor-top-section.elementor-element > div > div > div > div {
	display: flex;
    justify-content: center;
}

/* starter header animations on hover */
#content section.elementor-section.elementor-top-section.elementor-element .cms-heading .custom-heading span {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
#content section.elementor-section.elementor-top-section.elementor-element .cms-heading .custom-heading span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, #4CAF50, #2E7D32);
  transition: width 0.4s ease;
}
#content section.elementor-section.elementor-top-section.elementor-element .cms-heading:hover .custom-heading span::after {
  width: 100%;
}

/* hide left and riht product images on mobile  */
.elementor-element-0a263f2,
.elementor-element-93ee3fc {
	@media only screen and (max-width: 768px) {
		display: none !important;
	} 
}

.elementor-element-0a263f2 img,
.elementor-element-93ee3fc img {
    transition: transform 1.1s ease-in-out, box-shadow 1.1s ease-in-out;
}

.elementor-element-0a263f2 img:hover,
.elementor-element-93ee3fc img:hover {
    transform: rotate(var(--rot)) scale(1.01);
}

/* Direction control */
.elementor-element-0a263f2 img { --rot: -3deg; }
.elementor-element-93ee3fc img { --rot: 3deg; }


/* ========================= END STORE PAGE ========================= */


/* ========================= SHOP PAGE ========================= */
/* Product category grid cleanup */
ul.products {
    gap: 24px;
}

/* Category card */
li.product-category {
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    border: 1px solid #eee;
}

/* Hover effect */
li.product-category:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

/* Image styling */
li.product-category img {
    border-radius: 18px;
	margin: 1rem 0 1rem 0 !important;
    transition: transform 0.35s ease;
}

/* Slight zoom on hover */
li.product-category:hover img {
    transform: scale(1.05);
}

/* Category title */
.woocommerce-loop-category__title {
    padding: 16px 18px;
    font-size: 1.1rem;
    font-weight: 600;
    text-align: center;
    color: #222;
}

/* Product count badge */
.woocommerce-loop-category__title mark.count {
    display: inline-block;
    margin-left: 6px;
    background: #f2f2f2;
    color: #555;
    border-radius: 20px;
    padding: 3px 10px;
    font-size: 0.85rem;
    font-weight: 500;
}

/* Remove default mark styling */
mark.count {
    box-shadow: none;
}

/* Category link reset */
li.product-category a {
    text-decoration: none;
    color: inherit;
}

/* Improve mobile spacing */
@media (max-width: 768px) {
    ul.products {
        gap: 16px;
    }
}
/* ========================= END SHOP PAGE ========================= */


/* ========================= SERVICES/PROJECTS FIX ========================= */
/* Services */
.cms-service-grid .cms-grid-masonry {
    height: auto !important;
    display: flex;
    flex-wrap: wrap;
}
.cms-service-grid .cms-grid-masonry .grid-item {
    position: static !important;
    transform: none !important;
}
.cms-service-grid .cms-grid-masonry .grid-sizer {
    display: none;
}

/* Projects */
.cms-project-carousel .slick-list {
    overflow: visible !important;
    height: auto !important;
}
.cms-project-carousel .slick-track {
    width: auto !important;
    transform: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px;
}
.cms-project-carousel .slick-track .slick-slide {
    width: calc(33.333% - 11px) !important;
    float: none !important;
    height: auto !important;
    position: relative !important;
    opacity: 1 !important;        /* ← force all slides visible */
    visibility: visible !important;
}
.cms-project-carousel .slick-cloned { display: none !important; }
.cms-project-carousel .slick-dots  { display: none !important; }

@media (max-width: 1024px) {
    .cms-project-carousel .slick-track .slick-slide { width: 100% !important; }
}
/* ========================= END SERVICES/PROJECTS FIX ========================= */