@charset "UTF-8";
/*
Theme Name: Company
Theme URI: https://zhutiduoduo.com/themes/company/
Author: 主题多多
Author URI: https://zhutiduoduo.com
Description: 外贸一号是一款由主题多多团队原创开发的WordPress英文企业主题，适合用来做外贸独立站。
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: company
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, portfolio
*/
/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
/* Focus styles */
/*
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}
*/
/* Increase the bottom margin on submenus, so that the outline is visible. */
/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
/* Custom Styles */
/* center the inline block inside content */
/*# sourceMappingURL=style.css.map */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

a {
  text-decoration-thickness: 1px !important;
  text-underline-offset: 0.1em; }

.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
  margin-bottom: 3px; }
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
  outline-offset: 4px; }
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  outline-offset: 0; }

h1 {
  text-wrap: pretty; }

h2 {
  text-wrap: pretty; }

h3 {
  text-wrap: pretty; }

h4 {
  text-wrap: pretty; }

h5 {
  text-wrap: pretty; }

h6 {
  text-wrap: pretty; }

blockquote {
  text-wrap: pretty; }

caption {
  text-wrap: pretty; }

figcaption {
  text-wrap: pretty; }

p {
  text-wrap: pretty; }

.more-link {
  display: block; }

label {
  font-size: var(--wp--preset--font-size--small);
  font-weight: bold; }

textarea {
  width: 100%;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--wp--preset--color--accent-6) !important;
  box-sizing: border-box;
  display: block;
  font-size: var(--wp--preset--font-size--medium);
  padding: calc(0.567em + 2px); }

input[type="text"] {
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--wp--preset--color--accent-6) !important;
  box-sizing: border-box;
  display: block;
  font-size: var(--wp--preset--font-size--medium);
  padding: calc(0.567em + 2px); }

input[type="tel"] {
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--wp--preset--color--accent-6) !important;
  box-sizing: border-box;
  display: block;
  font-size: var(--wp--preset--font-size--medium);
  padding: calc(0.567em + 2px); }

input[type="email"] {
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--wp--preset--color--accent-6) !important;
  box-sizing: border-box;
  display: block;
  font-size: var(--wp--preset--font-size--medium);
  padding: calc(0.567em + 2px); }

input[type="url"] {
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--wp--preset--color--accent-6) !important;
  box-sizing: border-box;
  display: block;
  font-size: var(--wp--preset--font-size--medium);
  padding: calc(0.567em + 2px); }

input[type="number"] {
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--wp--preset--color--accent-6) !important;
  box-sizing: border-box;
  display: block;
  font-size: var(--wp--preset--font-size--medium);
  padding: calc(0.567em + 2px); }

input[type="search"] {
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--wp--preset--color--accent-6) !important;
  box-sizing: border-box;
  display: block;
  font-size: var(--wp--preset--font-size--medium);
  padding: calc(0.567em + 2px); }

input[type="password"] {
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--wp--preset--color--accent-6) !important;
  box-sizing: border-box;
  display: block;
  font-size: var(--wp--preset--font-size--medium);
  padding: calc(0.567em + 2px); }

input[type="checkbox"] {
  margin: 0 0.2rem 0 0 !important; }

input[type="submit"] {
  background-color: var(--wp--preset--color--accent-1);
  border-width: 0;
  color: var(--wp--preset--color--base);
  font-family: inherit;
  font-size: var(--wp--preset--font-size--normal);
  line-height: inherit;
  padding-top: 0.55rem;
  padding-right: 2rem;
  padding-bottom: 0.55rem;
  padding-left: 2rem;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  word-break: break-word;
  border-radius: 3px;
  box-shadow: none;
  text-decoration: none; }
  input[type="submit"]:hover {
    background-color: color-mix(in srgb, var(--wp--preset--color--accent-1) 85%, transparent);
    border-color: transparent;
    color: var(--wp--preset--color--base); }

iframe {
  width: 100%; }

.link-no-underline a {
  text-decoration: none; }
  .link-no-underline a:hover {
    text-decoration: underline; }

.is-style-checkmark-list li::marker {
  color: #04aa6d; }

.wp-block-button__link {
  border-radius: 3px; }

.wp-block-list {
  padding-left: 20px; }

.carousel-posts {
  /* Ensure slides don't shrink */ }
  .carousel-posts .slick-track {
    display: flex !important;
    gap: 20px;
    /* Direct control over the space */ }
  .carousel-posts .slick-slide {
    height: inherit !important; }

header.wp-block-template-part {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px; }
  header.wp-block-template-part .wp-block-site-title a:hover {
    text-decoration: none; }

footer.wp-block-template-part {
  margin-top: 0; }
  footer.wp-block-template-part ul {
    padding-left: 0;
    list-style: none; }

.wp-block-query-pagination {
  gap: 4px; }
  .wp-block-query-pagination .page-numbers {
    background-color: #f2f2f2;
    border-radius: 3px;
    display: inline-block;
    font-size: 13px;
    padding: 6px 13px;
    text-decoration: none;
    text-transform: uppercase; }
    .wp-block-query-pagination .page-numbers:hover {
      background-color: var(--wp--preset--color--accent-1);
      color: #fff; }
  .wp-block-query-pagination .wp-block-query-pagination-previous {
    background-color: #f2f2f2;
    border-radius: 3px;
    display: inline-block;
    font-size: 13px;
    padding: 6px 13px;
    text-decoration: none;
    text-transform: uppercase; }
    .wp-block-query-pagination .wp-block-query-pagination-previous:hover {
      background-color: var(--wp--preset--color--accent-1);
      color: #fff; }
  .wp-block-query-pagination .wp-block-query-pagination-next {
    background-color: #f2f2f2;
    border-radius: 3px;
    display: inline-block;
    font-size: 13px;
    padding: 6px 13px;
    text-decoration: none;
    text-transform: uppercase; }
    .wp-block-query-pagination .wp-block-query-pagination-next:hover {
      background-color: var(--wp--preset--color--accent-1);
      color: #fff; }
  .wp-block-query-pagination .page-numbers.current {
    background-color: var(--wp--preset--color--accent-1);
    color: #fff; }

.wp-element-button.has-background:hover {
  opacity: 0.85 !important; }

.icon-bg {
  display: table; }

.wp-block-group.icon-bg {
  margin-left: auto;
  margin-right: auto; }

.posts-loop li {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  border-radius: 3px; }
  .posts-loop li .wp-block-post-featured-image {
    margin-bottom: -5px !important; }
.posts-loop .wp-block-read-more:after {
  content: "→";
  margin-left: 4px; }

.link-more:after {
  content: "→";
  margin-left: 4px; }
.link-more a {
  text-decoration: none; }

.breadcrumbs a {
  text-decoration: none; }
  .breadcrumbs a:hover {
    color: #222;
    text-decoration: underline; }

.single .entry-catagory {
  margin: 0 0 1.5rem 0; }
  .single .entry-catagory a {
    background-color: #623f98;
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    margin: 0 5px 5px 0;
    padding: 2px 12px;
    text-decoration: none; }
    .single .entry-catagory a:hover {
      background-color: #623f98;
      color: #fff;
      opacity: 0.85; }
  .single .entry-catagory .wp-block-post-terms__separator {
    display: none; }
.single .entry-tag a {
  background-color: #fff;
  border: 1px solid #623f98;
  border-radius: 15px;
  color: #623f98;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  margin: 0 5px 5px 0;
  padding: 2px 12px;
  text-decoration: none; }
  .single .entry-tag a:hover {
    background-color: #623f98;
    border-color: #623f98;
    color: #fff; }
.single .entry-tag .wp-block-post-terms__separator {
  display: none; }

.box-shadow {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); }

.single-post .entry-content h1, .single-post .entry-content h2, .single-post .entry-content h3, .single-post .entry-content h4, .single-post .entry-content h5, .single-post .entry-content h6,
.single-post .entry-content p,
.single-post .entry-content .wp-block-table,
.single-post .entry-content ul, .single-post .entry-content ol,
.single-product .entry-content h1,
.single-product .entry-content h2,
.single-product .entry-content h3,
.single-product .entry-content h4,
.single-product .entry-content h5,
.single-product .entry-content h6,
.single-product .entry-content p,
.single-product .entry-content .wp-block-table,
.single-product .entry-content ul,
.single-product .entry-content ol {
  margin: 0 0 25px 0; }
.single-post .entry-content .wp-block-image,
.single-product .entry-content .wp-block-image {
  margin-bottom: 25px; }
.single-post .entry-content .wp-block-cover h1, .single-post .entry-content .wp-block-cover h2, .single-post .entry-content .wp-block-cover h3, .single-post .entry-content .wp-block-cover h4, .single-post .entry-content .wp-block-cover h5, .single-post .entry-content .wp-block-cover h6,
.single-product .entry-content .wp-block-cover h1,
.single-product .entry-content .wp-block-cover h2,
.single-product .entry-content .wp-block-cover h3,
.single-product .entry-content .wp-block-cover h4,
.single-product .entry-content .wp-block-cover h5,
.single-product .entry-content .wp-block-cover h6 {
  margin-bottom: 0; }

.wpcf7 form input,
.wpcf7 form button {
  width: 100%; }
.wpcf7 form textarea {
  height: 160px; }
.wpcf7 form p:last-of-type {
  margin-bottom: 0; }
.wpcf7 form .wpcf7-response-output {
  margin: 0; }

.product-category {
  padding: 0;
  text-align: center; }
  .product-category li {
    display: inline-block;
    list-style: none;
    margin: 0 2px 7px; }
    .product-category li a {
      background-color: #fff;
      border: 1px solid #e9e9e9;
      border-radius: 20px;
      display: block;
      font-size: 13px;
      padding: 3px 15px;
      text-decoration: none; }
      .product-category li a:hover {
        background-color: var(--wp--preset--color--accent-1);
        border-color: var(--wp--preset--color--accent-1);
        color: #fff; }

.card-grid {
  display: flex;
  gap: 15px;
  align-items: stretch; }
  .card-grid .wp-block-cover {
    position: relative;
    border-radius: 8px;
    transition: flex 0.6s cubic-bezier(0.25, 1, 0.5, 1); }
    .card-grid .wp-block-cover * {
      transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1); }
    .card-grid .wp-block-cover img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0; }
    .card-grid .wp-block-cover .wp-block-cover__inner-container {
      position: relative;
      z-index: 2;
      width: 100%;
      transform: translateY(10px); }
    .card-grid .wp-block-cover h3 {
      color: #fff; }
    .card-grid .wp-block-cover p {
      margin-top: 15px; }
    .card-grid .wp-block-cover .card-content {
      /* Hidden by default */
      display: block;
      /* Keep block for height animation */
      max-height: 0;
      opacity: 0;
      overflow: hidden;
      margin: 0 !important; }
      .card-grid .wp-block-cover .card-content p {
        margin-top: 0; }
    .card-grid .wp-block-cover:hover img {
      transform: scale(1.1);
      /* Subtle zoom */ }
    .card-grid .wp-block-cover:hover .wp-block-cover__inner-container {
      transform: translateY(0);
      /* Everything slides up together */ }
    .card-grid .wp-block-cover:hover .card-content {
      max-height: 300px;
      /* Expands to fit text */
      opacity: 1;
      margin-top: 15px !important; }

.wp-block-post.product {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  transition: 0.3s all; }
  .wp-block-post.product .wp-block-post-featured-image {
    overflow: hidden; }
  .wp-block-post.product img {
    overflow: hidden;
    transition: 0.3s all; }
  .wp-block-post.product:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
    .wp-block-post.product:hover img {
      scale: 1.05; }
  .wp-block-post.product img {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }

/* 1. 初始状态：隐藏所有幻灯片，除了第一个 */
.home .featured-slider .wp-block-group.is-layout-flow:not(:first-child) {
  display: none; }

/* 2. 当 Slick 初始化完成后，恢复正常的显示逻辑 */
.home .featured-slider.slick-initialized .wp-block-group.is-layout-flow {
  display: block;
  /* 或者 slick 默认的 block */ }

/* 1. 初始状态：当 slider 还没有 slick-initialized 类时，只显示第一个 slide */
.product-slider:not(.slick-initialized) .product-slide:not(:first-child) {
  display: none; }

/* 2. 初始状态：如果你的第一张图是 slick-cloned（克隆节点），也把它藏掉 */
/* 我们只保留 data-slick-index="0" 的那一个 */
.product-slider:not(.slick-initialized) .slick-cloned {
  display: none; }

.carousel-gallery {
  margin: 0 -10px; }
  .carousel-gallery .slick-prev:before, .carousel-gallery .slick-next:before {
    color: #333; }
  .carousel-gallery .slick-prev {
    left: -45px; }
  .carousel-gallery .slick-next {
    right: -45px; }
  .carousel-gallery .slick-slide {
    margin: 0 10px !important; }
  .carousel-gallery .slick-dots {
    bottom: -20px; }
    .carousel-gallery .slick-dots li button:before {
      background-color: #ff9900; }

.product-gallery img {
  max-width: 100%; }

.product-slider {
  margin-bottom: 10px !important; }

.product-slide {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden; }
  .product-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Crops the edges to fill the 1:1 area */
    display: block; }

.slider-nav .thumbnail {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden; }
  .slider-nav .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Crops the edges to fill the 1:1 area */
    display: block;
    opacity: 0.5; }
  .slider-nav .thumbnail:hover img, .slider-nav .thumbnail.slick-current img {
    opacity: 1; }

.product-image {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden; }
  .product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Crops the edges to fill the 1:1 area */
    display: block; }

.slider-nav {
  pointer-events: auto; }

/* 1. Add 5px padding to both sides of each thumbnail (totaling 10px between) */
.slider-nav .slick-slide {
  padding: 0 5px;
  box-sizing: border-box;
  /* Ensures padding doesn't increase the width */ }

/* 2. Pull the container back 5px so the outer edges align with your content */
.slider-nav .slick-list {
  margin: 0 -4px; }

/* 3. Ensure images fill the slide width */
.slider-nav .thumbnail img {
  width: 100%;
  display: block;
  height: auto; }

.product-desc ul, .product-desc ol {
  background: #f7f7f7;
  padding: 15px 30px 15px;
  font-size: 14px;
  border-radius: 5px; }
.product-desc ul li::marker {
  color: #04aa6d; }

.sidebar-widget .wp-block-categories {
  margin: 0;
  padding: 0; }
  .sidebar-widget .wp-block-categories li {
    border-bottom: 1px solid #f2f2f2;
    list-style: none;
    margin-bottom: 5px;
    padding-bottom: 5px; }
    .sidebar-widget .wp-block-categories li:last-child {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0; }
    .sidebar-widget .wp-block-categories li a {
      display: block;
      text-decoration: none; }
      .sidebar-widget .wp-block-categories li a:hover {
        text-decoration: underline; }

.wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
  margin-left: 0.25em; }

@media (max-width: 768px) {
  .header-top,
  .site-desc,
  .acb-container {
    display: none; }

  .product-category li {
    margin: 0 0 5px 0; }
    .product-category li a {
      font-size: 12px;
      padding: 3px 10px; } }
@media (min-width: 600px) {
  header.wp-block-template-part .site-start .wp-block-navigation li a {
    position: relative;
    display: inline-block;
    height: 44px;
    line-height: 44px; }
    header.wp-block-template-part .site-start .wp-block-navigation li a:after {
      content: "";
      display: block;
      width: 0;
      height: 3px;
      background: var(--wp--preset--color--accent-1);
      transition: width 0.4s;
      position: relative;
      bottom: 7px; }
    header.wp-block-template-part .site-start .wp-block-navigation li a:hover {
      text-decoration: none; }
      header.wp-block-template-part .site-start .wp-block-navigation li a:hover:after {
        width: 100%; }
  header.wp-block-template-part .site-start .wp-block-navigation li li a {
    height: auto;
    line-height: 1.5; }
    header.wp-block-template-part .site-start .wp-block-navigation li li a:after {
      content: none; }
  header.wp-block-template-part .site-start .wp-block-navigation .wp-block-navigation__submenu-container {
    border: none;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
    header.wp-block-template-part .site-start .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item {
      font-size: 0.92em;
      width: 230px; }
      header.wp-block-template-part .site-start .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:not(:last-child) {
        margin-bottom: 0;
        border-bottom: 1px solid #f2f2f2; }
      header.wp-block-template-part .site-start .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:hover {
        color: var(--wp--preset--color--accent-1); } }
@media (max-width: 479px) {
  .site-start {
    padding-top: 5px !important;
    padding-bottom: 5px !important; } }
@media only screen and (max-width: 479px) {
  header.wp-block-template-part .wp-block-social-links {
    display: none; }
  header.wp-block-template-part .wp-block-buttons {
    display: none; }
  header.wp-block-template-part .wp-block-navigation a {
    line-height: 1.5;
    height: auto; } }

/*# sourceMappingURL=style.css.map */