/*
Theme Name: DigitalGrove Light
Theme URI: https://themegrove.com/products/digitalgrove/
Author: Themegrove
Author URI: https://themegrove.com/
Description: DigitalGrove Light is a powerful child theme of DigitalGrove, designed for businesses, consulting firms, and SEO agencies seeking a high-performance, full-site editing (FSE) solution. Built for flexibility and ease of use, DigitalGrove Light seamlessly integrates with Gutenberg and WooCommerce, enabling effortless customization and eCommerce functionality. With its block-based design, superior SEO optimization, and compatibility with Contact Form 7, this theme empowers you to showcase your services, connect with clients, and grow your online presence with ease. Elevate your digital strategy with DigitalGrove Light—where innovation meets performance. Demo: https://demos.themegrove.com/digitalgrove-light/
Template: digitalgrove
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.0
Version: 1.2
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: digitalgrove-light
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, news
*/

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}


body {
  margin: 0;
}


main {
  display: block;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

.page-template-full-width .entry-content {
  margin-top: 0;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}


img {
  border-style: none;
}


button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}


button,
input {
  overflow: visible;
}


button,
select {
  text-transform: none;
}

.wp-element-button,
.wp-block-button__link,
a.wp-block-post-excerpt__more-link {
  transition: all 0.3s;
}

body .wp-element-button:hover,
body .wp-block-button__link:hover,
p.digitalgrove-light-scrool-top:hover:before {
  background-color: var(--wp--preset--color--button-hover-color) !important;
  border-color: var(--wp--preset--color--button-hover-color) !important;
  color: var(--wp--preset--color--button-hover-text-color) !important;
}


button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}


textarea {
  overflow: auto;
}


[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}


[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}


[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}


::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}


details {
  display: block;
}


summary {
  display: list-item;
}


template {
  display: none;
}


[hidden] {
  display: none;
}

footer.wp-block-template-part {
  margin: 0;
}

.orderby {
  padding: 15px;
}

div#sticky-header {
  z-index: 9 !important;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

/* -------------- pagination start----------------*/

.page-numbers {
  background: var(--wp--preset--color--primary);
  margin: 0 5px 5px 0;
  padding: 6px 13px;
  border-radius: 6px;
  font-size: 12px;
  display: inline-block;
  color: var(--wp--preset--color--white) !important;
}

.page-numbers:hover {
  color: var(--wp--preset--color--white) !important;
}

.page-numbers.dots {
  background-color: transparent;
}

.wp-block-query-pagination {
  gap: 10px;
}

/* -------------- pagination End----------------*/

/* -------------- woocommerce-breadcrumb ----------------*/

.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a {
  color: var(--wp--preset--color--white) !important;
}

/* -------------- woocommerce-breadcrumb end----------------*/

/* -------------- header navigation ----------------*/
.wp-block-navigation-item__content {
  padding-bottom: 3px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.wp-block-navigation-item__content::before {
  margin-top: 0px;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  height: 2px;
  background: var(--wp--preset--color--primary);
  transition: right 0.3s;
  text-decoration: none;
}

.wp-block-navigation-item__content:hover::before {
  background: #ff0000;
  right: 0;
}

.wp-block-navigation-submenu li a:hover::before {
  right: 50%;
}

/* -------------- header navigation  ----------------*/


/* scrool to top */
.digitalgrove-light-scrool-top {
  display: none;
  z-index: 999;
}

.digitalgrove-light-scrool-top::before {
  font-size: 17px;
  padding: 8px 13px;
  cursor: pointer;
  background: var(--wp--preset--color--button-hover-color);
  color: var(--wp--preset--color--white);
  content: '\f062';
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: fixed;
  bottom: 50px;
  right: 30px;
}

@media screen and (max-width: 600px) {
  .digitalgrove-light-scrool-top::before {
    font-size: 26px;
    padding: 8px 13px;
    cursor: pointer;
    background: transparent;
    color: var(--wp--preset--color--primary);
    content: '\f062';
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: fixed;
    bottom: 8px;
    right: 15px;
  }
}


/* scrool to top */

/* dashicon before categories, tag and date start */

.wp-block-archives-list.wp-block-archives li::before,
.wp-block-categories-list.wp-block-categories li::before,
.taxonomy-category a::before {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  margin-right: 8px;
  font-weight: 600;
  font-size: 14px;
}

.wp-block-archives-list.wp-block-archives li,
.wp-block-categories-list.wp-block-categories li {
  list-style-type: none;
}

.wp-block-archives-list.wp-block-archives,
.wp-block-categories-list.wp-block-categories,
.taxonomy-category a {
  padding-left: 10px;
}

.wp-block-tag-cloud a.tag-cloud-link {
  font-size: 16px !important;
}

.wp-block-tag-cloud a.tag-cloud-link:hover {
  color: var(--wp--preset--color--white);
}

.tag-cloud-link::before,
.taxonomy-post_tag a:before {
  font-family: "Font Awesome 5 Free";
  content: '\f02b';
  font-weight: 600;
  margin-right: 8px;
}

.tag-cloud-link,
.taxonomy-post_tag a {
  text-decoration: none;
  background: var(--wp--preset--color--white) !important;
  margin: 0 5px 5px 0;
  padding: 0 10px;
  border-radius: 6px;
  font-size: 12px;
  display: inline-block;
  color: var(--wp--preset--color--black) !important;
  text-decoration: none;
}

.products-block-post-template li {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

p.digitalgrove-light-scrool-top {
  position: absolute;
}

.column-has-radius {
  border-radius: 8px;
}

.has-bg-image {
  background: #fff;
  border-radius: 100px;
  height: 100px;
  width: 100px;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

footer .has-arrow ul {
  padding: 0;
}

footer .has-arrow ul li:before {
  content: "\f345";
  font-family: 'dashicons';
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 12px;
}

footer .has-arrow ul li {
  list-style: none;
  padding-left: 15px;
  position: relative;
}

.wp-block-post-excerpt a.wp-block-post-excerpt__more-link {
  background-color: transparent;
  color: var(--wp--preset--color--primary) !important;
  padding: unset;
}

.wp-block-post-excerpt a.wp-block-post-excerpt__more-link:hover {
  color: var(--wp--preset--color--primary) !important;
}

.wp-block-post-excerpt a.wp-block-post-excerpt__more-link:hover {
  color: var(--wp--preset--color--primary);
  background-color: unset !important;
}

.wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right.wc-block-grid__product-onsale {
  background: #cf0000;
  border: none;
  color: #fff;
  font-size: 12px;
}


@media (max-width: 720px) {

  .no-border-mobile,
  .no-border-mobile .wp-block-column {
    border: none !important;
  }
}

/* blog page style */

.wp-block-post-author__name::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
  padding-right: 8px;
}

.wp-block-post-date time::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f073";
  padding-right: 8px;
}

.wp-block-read-more-is-layout-flow::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f061";
  padding-left: 8px;
}

.wp-block-read-more-is-layout-flow:hover::after {
  padding-left: 10px;
  transition: color 0.10s ease;
}

a.wp-block-post-author-name__link:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
  padding-right: 8px;
}

.wp-block-post-excerpt a.wp-block-post-excerpt__more-link:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f061";
  padding-left: 8px;
}

.wp-block-button.is-style-outline a:hover {
  color: var(--wp--preset--color--link-color);
}


.wp-block-post-excerpt a.wp-block-post-excerpt__more-link {
  font-size: 16px;
}

.wp-block-post-comments-form input[type=submit] {
  border: none;
}

.wp-block-navigation__submenu-container.wp-block-navigation-submenu{
  padding: 0;
}

.wc-block-components-button__text{
  color: var(--wp--preset--color--white) !important;
}

header .wp-block-navigation-submenu {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.single-product .single_add_to_cart_button {
  color: var(--wp--preset--color--white);
}

@media (max-width: 782px){
	.r-pad {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	.r-cover {
		min-height: 400px !important;
	}
}
.scroll-center {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none; /* 不挡点击 */
  opacity: 0.4;
}

.scroll-center span {
  font-size: 10px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.3em;
  margin-bottom: 6px;
}

.scroll-center i {
  color: #fff;
}

/* 动画 */
.scroll-bounce {
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: scrollBounce 1.6s ease-in-out infinite;
}

@keyframes scrollBounce {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(12px); }
  100% { transform: translateY(0); }
}
/*******阴影浮动***************/
/* ===== 基础容器 ===== */
.wp-block-image.image-hover-shadow {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  cursor: pointer;

  transition:
    transform 0.6s cubic-bezier(.25,1.2,.5,1),
    box-shadow 0.6s ease;
}

/* 图片本体 */
.wp-block-image.image-hover-shadow img {
  display: block;
  width: 100%;
  height: auto;

  filter: grayscale(100%);
  transition:
    transform 0.7s ease,
    filter 0.6s ease;
}

/* 悬浮整体 */
.wp-block-image.image-hover-shadow:hover {
  transform: translateY(-10px);
  box-shadow:
    0 30px 60px rgba(0,0,0,.35);
}

/* 图片 hover 动效 */
.wp-block-image.image-hover-shadow:hover img {
  transform: scale(1.05);
  filter: grayscale(0);
}

/* 标题分割线 */
.section-divider {
  width: 60px;
  height: 4px;
  background-color: var(--kuhn-red, #E2001A);
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
/******本年度主打机型*********/
.wp-block-image.image-zoom-hover img {
  transition: transform 0.6s cubic-bezier(.25,1,.5,1);
}

.wp-block-image.image-zoom-hover:hover img {
  transform: scale(1.08);
}
/***新闻线******/
/* 标题 + 动态线 */
.title-line-loop {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
}

/* 标题文字不压缩 */
.title-line-loop strong {
  white-space: nowrap;
}

/* 线条容器 */
.title-line-loop::after {
  content: "";
  flex: 1;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    #E2001A 50%,
    transparent 100%
  );
  background-size: 200% 100%;
  animation: lineFlow 5s linear infinite;
}

/* 核心动画 */
@keyframes lineFlow {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
/* ============================= */
/* 文章列表 Hover 增强效果 */
/* ============================= */

/* 图片容器，防止放大溢出 */
li.wp-block-post .wp-block-post-featured-image {
  overflow: hidden;
  border-radius: 4px;
}

/* 图片基础动画 */
li.wp-block-post .wp-block-post-featured-image img {
  transition:
    transform 0.6s ease,
    box-shadow 0.4s ease;
}

/* Hover：图片放大 + 阴影 */
li.wp-block-post:hover .wp-block-post-featured-image img {
  transform: scale(1.06);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.25);
}
/* ===================================== */
/* 新闻列表：标题 hover 变色 + 下划线动画 */
/* ===================================== */

/* 标题链接本体 */
li.wp-block-post h3.wp-block-post-title > a {
  position: relative;
  display: inline-block;
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}

/* 下划线（初始隐藏） */
li.wp-block-post h3.wp-block-post-title > a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0;
  height: 2px;
  background-color: var(--wp--preset--color--primary);
  transition: width 0.35s ease;
}

/* Hover：标题变红（强制覆盖 has-link-color） */
li.wp-block-post:hover h3.wp-block-post-title > a {
  color: #E2001A !important;
}

/* Hover：下划线展开 */
li.wp-block-post:hover h3.wp-block-post-title > a::after {
  width: 100%;
}

/* ============================= */
/* WHY TWO COLUMN */
/* ============================= */

/* 联系方式图标统一控制 */
.text-\[\#E30613\] {
  color: #E30613;
  margin-bottom: 16px;
  text-align: center;
}

.text-\[\#E30613\] svg {
  width: 40px;   /* ← 改这里调大小 */
  height: 40px;
  display: inline-block;
}

/* =========================
   农机卡片 Hover 动效
   ========================= */

.agri-hover-card {
  position: relative;
  transition:
    transform .35s cubic-bezier(.4,0,.2,1),
    box-shadow .35s cubic-bezier(.4,0,.2,1);
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

/* Hover：整体上浮 */
.agri-hover-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 45px rgba(0,0,0,.18);
}

/* 图标（emoji / SVG） */
.agri-hover-card .wp-block-heading img.emoji,
.agri-hover-card svg {
  width: 48px;
  height: 48px;
  filter: grayscale(100%);
  transform: scale(1);
  transition:
    filter .35s ease,
    transform .35s ease;
}

/* Hover：图标恢复颜色 */
.agri-hover-card:hover .wp-block-heading img.emoji,
.agri-hover-card:hover svg {
  filter: grayscale(0);
  transform: scale(1.15);
}

/* 标题文字 */
.agri-hover-card p {
  font-weight: 600;
  transition: color .3s ease;
}

/* Hover：文字变品牌红 */
.agri-hover-card:hover p {
  color: var(--wp--preset--color--primary);
}

/* 底部动态红线 */
.agri-hover-card::after {
  content: "";
  width: 40px;
  height: 4px;
  background: var(--wp--preset--color--primary);
  border-radius: 999px;
  margin-top: 12px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s ease;
}

/* Hover：线条展开 */
.agri-hover-card:hover::after {
  transform: scaleX(1);
}
/* ============================
   优势卡片 Hover 动效
   ============================ */

.advantage-card {
  position: relative;
  overflow: hidden;
  transition:
    transform .4s cubic-bezier(.4,0,.2,1),
    box-shadow .4s cubic-bezier(.4,0,.2,1),
    background-color .3s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,.06);
}

/* 整体 Hover：上浮 + 阴影 */
.advantage-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 28px 60px rgba(0,0,0,.16);
  background-color: #ffffff;
}

/* ============================
   图片动效
   ============================ */

.advantage-card figure {
  overflow: hidden;
  border-radius: 12px;
}

.advantage-card figure img {
  transition: transform .6s ease;
  transform: scale(1);
}

/* Hover：图片放大 */
.advantage-card:hover figure img {
  transform: scale(1.08);
}

/* ============================
   标题动效
   ============================ */

.advantage-card h3 {
  transition: color .3s ease;
}

/* Hover：标题变品牌色 */
.advantage-card:hover h3 {
  color: var(--wp--preset--color--primary);
}

/* ============================
   底部红线（质感细节）
   ============================ */

.advantage-card::after {
  content: "";
  display: block;
  width: 40px;
  height: 4px;
  margin: 1rem auto 0;
  background-color: var(--wp--preset--color--primary);
  border-radius: 999px;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .35s ease;
}

/* Hover：红线展开 */
.advantage-card:hover::after {
  transform: scaleX(1);
}

/* ===== 倾斜封面卡片（WordPress Cover） ===== */
.tilt-cover-card {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 25px 50px rgba(0,0,0,.25);
  transform: rotate(0deg);
  transition: transform .5s ease, box-shadow .5s ease;
}

/* 桌面端默认倾斜 */
@media (min-width: 1024px) {
  .tilt-cover-card {
    transform: rotate(2deg);
  }

  .tilt-cover-card:hover {
    transform: rotate(0deg);
    box-shadow: 0 30px 60px rgba(0,0,0,.35);
  }
}

/* 图片轻微动效（高级感） */
.tilt-cover-card img {
  transition: transform .6s ease;
}

.tilt-cover-card:hover img {
  transform: scale(1.05);
}

/* 覆盖 WP 默认暗层，改为高级渐变 */
.tilt-cover-card .wp-block-cover__background {
  background: linear-gradient(
    to top,
    rgba(0,0,0,.6),
    rgba(0,0,0,0)
  ) !important;
}

/* 文案优化 */
.tilt-cover-card p {
  font-style: italic;
  font-weight: 300;
  font-size: 18px;
  margin-bottom: 1rem;
}
/* ===== Contact Form 7 企业卡片样式 ===== */

.cf7-card {
  background: #fff;
  padding: 32px;
  border-radius: 16px;
  border: 1px solid #f1f5f9;
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.cf7-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 24px;
}

/* 表单间距 */
.cf7-space > * + * {
  margin-top: 16px;
}

/* 两列布局 */
.cf7-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

@media (min-width: 768px) {
  .cf7-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/* 输入框统一样式 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  width: 100%;
  padding: 12px 16px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  font-size: 14px;
  transition: all .2s ease;
  box-sizing: border-box;
}

/* 聚焦效果 */
.wpcf7 input:focus,
.wpcf7 textarea:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59,130,246,.25);
}

/* 文本域 */
.wpcf7 textarea {
  resize: none;
}

/* 提交按钮 */
.wpcf7 input[type="submit"] {
  width: 100%;
  background: #2563eb;
  color: #fff;
  border: none;
  padding: 14px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all .2s ease;
  box-shadow: 0 10px 20px rgba(37,99,235,.2);
}

.wpcf7 input[type="submit"]:hover {
  background: #1d4ed8;
  transform: translateY(-2px);
}

.wpcf7 input[type="submit"]:active {
  transform: translateY(0);
}

/* 错误提示 */
.wpcf7-not-valid {
  border-color: #ef4444;
}

.wpcf7-not-valid-tip {
  font-size: 13px;
  color: #ef4444;
  margin-top: 4px;
}

/* 成功提示 */
.wpcf7-response-output {
  margin-top: 16px;
  padding: 12px;
  border-radius: 8px;
  font-size: 14px;
}