/*
Theme Name: ClanyEco
Theme URI: https://clanyeco.vamtam.com
Text Domain: clanyeco
Description: Welcome to ClanyEco, a modern WordPress theme designed for the cleaning industry. This meticulously crafted theme is perfect for residential and commercial cleaning services, janitorial companies, carpet and window cleaning businesses, maid services, and freelance cleaners looking to showcase their expertise. Whether you specialize in deep cleaning, eco-friendly solutions, or specialized services like post-construction cleanup, ClanyEco has you covered. The theme features full compatibility with Elementor and Elementor Pro Page Builder, making it easy to create a truly remarkable website tailored to your business. Start now and elevate your cleaning services with ClanyEco!
Author: VamTam
Author URI: https://vamtam.com
Version: 24
Tested Up To: 6.1
Requires PHP: 7.4
License: Envato
License URI: https://themeforest.net/licenses
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
*/

/* Hero section banner background fix */
.elementor-element-9e6f089:not(.elementor-motion-effects-element-type-background),
.elementor-element-9e6f089 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
[data-id="9e6f089"] {
  background-image: url("../../uploads/2025/02/gettyimages-1417833200-edit.jpg") !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* About Us section hero banner background fix */
.elementor-element-da9f3f4:not(.elementor-motion-effects-element-type-background),
.elementor-element-da9f3f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-25 .elementor-element.elementor-element-da9f3f4 {
  background-image: url("https://way2cleaning.com/wp-content/uploads/2026/08/Image-Aug-23-2026-04_12_19-PM.png") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* ==========================================================================
   PERMANENTLY HIDE OLD 2-COLUMN ELEMENTOR QUOTE SECTION (YELLOW BOX + TABLE PHOTO + GUARANTEE)
   ========================================================================== */
div[data-id="5da1f4d"],
.elementor-element-5da1f4d,
div[data-id="4615f94"],
.elementor-element-4615f94,
div[data-id="6d645ef"],
.elementor-element-6d645ef,
div[data-id="5b849d8"],
.elementor-element-5b849d8,
div[data-id="7794d6c"],
.elementor-element-7794d6c,
div[data-id="78b6ee7"],
.elementor-element-78b6ee7,
div[data-id="1f9d28b"],
.elementor-element-1f9d28b,
div[data-id="62d028f"],
.elementor-element-62d028f,
div[data-id="32006ea"],
.elementor-element-32006ea,
div[data-id="030cc0d"],
.elementor-element-030cc0d,
div[data-id="87454f3"],
.elementor-element-87454f3,
div[data-id="0804bd9"],
.elementor-element-0804bd9,
div[data-id="e50504d"],
.elementor-element-e50504d,
.w2c-why-section,
#w2c-why-choose-us-green-css {
  display: none !important;
  width: 0 !important;
  max-width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  overflow: hidden !important;
}

/* Dedicated Standalone 100% Full-Width Quote Section on Homepage */
.w2c-standalone-quote-section {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 40px auto 60px auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
  display: block !important;
  clear: both !important;
  background-color: #ffffff !important;
  position: relative !important;
  z-index: 10 !important;
}


/* ==========================================================================
   WAY2CLEANING - REDESIGNED SERVICES SECTION STYLES
   ========================================================================== */

.w2c-services-section {
  background-color: #FFFFFF !important;
  padding: 90px 20px 100px !important;
  font-family: inherit !important;
  color: #1F2937 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 10 !important;
  clear: both !important;
}

.w2c-container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* Section Header */
.w2c-services-header {
  text-align: center;
  margin-bottom: 60px;
}

.w2c-eyebrow-wrap {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
}

.w2c-eyebrow {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #3CA200;
  text-transform: uppercase;
}

.w2c-services-title {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  color: #111827;
  margin: 0 0 14px 0;
  letter-spacing: -0.5px;
}

.w2c-services-subtitle {
  font-size: 17px;
  color: #6B7280;
  margin: 0 auto;
  max-width: 580px;
  line-height: 1.5;
}

/* Service Cards Base */
.w2c-service-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none !important;
  color: inherit !important;
  cursor: pointer;
  outline: none;
}

/* Circular Container */
.w2c-circle-wrapper {
  position: relative;
  margin-bottom: 22px;
}

.w2c-circle-bg {
  border-radius: 50%;
  background-color: #E8F5D3;
  border: 1.5px solid #3CA200;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 250ms ease-out, background-color 250ms ease, border-color 250ms ease, box-shadow 250ms ease;
  box-sizing: border-box;
}

.w2c-featured-card .w2c-circle-bg {
  width: 210px;
  height: 210px;
}

.w2c-secondary-grid .w2c-circle-bg {
  width: 170px;
  height: 170px;
}

.w2c-svg-icon {
  width: 65%;
  height: 65%;
  display: block;
  transition: transform 250ms ease-out;
}

/* Leaf Decoration */
.w2c-leaf-decor {
  position: absolute;
  pointer-events: none;
  z-index: 2;
}

.w2c-leaf-tr {
  top: 4px;
  right: 4px;
}

/* Card Text & Action */
.w2c-card-title {
  font-size: 20px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 8px 0;
  transition: color 250ms ease;
  line-height: 1.3;
}

.w2c-secondary-grid .w2c-card-title {
  font-size: 18px;
}

.w2c-card-desc {
  font-size: 14px;
  color: #6B7280;
  margin: 0 0 16px 0;
  line-height: 1.5;
  max-width: 260px;
}

.w2c-book-link {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 250ms ease;
}

.w2c-arrow {
  display: inline-block;
  transition: transform 250ms ease;
}

/* Hover Interactions */
.w2c-service-card:hover .w2c-circle-bg {
  transform: scale(1.03);
  background-color: #F2FAEA;
  box-shadow: 0 10px 25px -5px rgba(60, 162, 0, 0.15);
}

.w2c-service-card:hover .w2c-card-title {
  color: #3CA200;
}

.w2c-service-card:hover .w2c-book-link {
  color: #3CA200;
}

.w2c-service-card:hover .w2c-arrow {
  transform: translateX(5px);
}

/* Featured Grid Layout */
.w2c-featured-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-bottom: 80px;
}

/* Secondary Section Header */
.w2c-secondary-header {
  text-align: center;
  margin-bottom: 50px;
  position: relative;
}

.w2c-secondary-title {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #3CA200;
  text-transform: uppercase;
  background-color: #FFFFFF;
  display: inline-block;
  padding: 0 20px;
  position: relative;
  z-index: 2;
  margin: 0;
}

.w2c-divider-line {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #E5E7EB;
  z-index: 1;
}

/* Secondary Grid Layout */
.w2c-secondary-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 48px 30px;
}

/* Responsive Media Queries */
@media (max-width: 1024px) {
  .w2c-featured-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  .w2c-secondary-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 36px 20px;
  }
  .w2c-featured-card .w2c-circle-bg {
    width: 180px;
    height: 180px;
  }
  .w2c-secondary-grid .w2c-circle-bg {
    width: 150px;
    height: 150px;
  }
}

@media (max-width: 768px) {
  .w2c-services-section {
    padding: 60px 15px 70px;
  }
  .w2c-services-title {
    font-size: 32px;
  }
  .w2c-featured-grid {
    grid-template-columns: 1fr;
    gap: 40px;
    margin-bottom: 60px;
  }
  .w2c-secondary-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
  }
}

@media (max-width: 480px) {
  .w2c-secondary-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .w2c-featured-card .w2c-circle-bg,
  .w2c-secondary-grid .w2c-circle-bg {
    width: 160px;
    height: 160px;
  }
}

/* Accessibility Support */
@media (prefers-reduced-motion: reduce) {
  .w2c-circle-bg,
  .w2c-svg-icon,
  .w2c-card-title,
  .w2c-book-link,
  .w2c-arrow {
    transition: none !important;
  }
  .w2c-service-card:hover .w2c-circle-bg {
    transform: none !important;
  }
  .w2c-service-card:hover .w2c-arrow {
    transform: none !important;
  }
}