@charset "UTF-8";
/* 
 * 手機尺寸為預設樣式（漸進增強的基礎）  
 */
.site-header-wrapper #site-header #site-identity-wrapper .custom-logo-link img {
  border-radius: 0;
  display: block;
  max-width: 150px;
  max-height: unset;
  width: auto;
  height: auto;
}
@media (min-width: 768px) {
  .site-header-wrapper #site-header #site-identity-wrapper .custom-logo-link img {
    max-width: 200px;
  }
}
@media (min-width: 960px) {
  .site-header-wrapper #site-header #site-identity-wrapper .custom-logo-link img {
    max-width: 220px;
  }
}
@media (min-width: 1025px) {
  .site-header-wrapper #site-header #site-identity-wrapper .custom-logo-link img {
    max-width: 220px;
  }
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1.5 !important;
}
.wp-block-pullquote {
  border-bottom: 1px solid;
  border-top: 1px solid;
}
:root :where(.is-layout-flow) > * {
  margin-block-start: 1rem;
  margin-block-end: 0;
}
.wp-block-cover pre {
  font-family: var(--global--font-headings) !important;
}
.menu-item ul.sub-menu {
  padding: 0.85rem 1rem !important;
  min-width: 8rem !important;
  text-align: center !important;
}
hr.wp-block-separator {
  margin: 0 auto !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--global--font-headings);
}
/* 使用文字本身的顏色當底線 */
a:hover {
  text-decoration-color: currentColor !important;
}
#shopping-bag-site-tool {
  position: relative !important;
  top: -1px !important;
}
@media (min-width: 769px) {
  .shopping-bag-total span {
    position: relative !important;
    top: -3px !important;
  }
}
button, .button, .faux-button, .wp-block-file a.wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .wc-block-product-categories__button, .wp-block-search__button, .wp-block-button__link, button.wc-block-components-button:not(.is-link), a.wc-block-components-button:not(.is-link), .wp-block-button .wp-block-button__link {
  border-radius: 10px;
}
.wp-block-woocommerce-cart .wc-block-cart .wc-block-cart__sidebar .wc-block-cart__submit-container .wc-block-cart__submit-button, .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart__sidebar .wc-block-cart__payment-options .wc-block-cart__submit-button, .wp-block-woocommerce-cart .wc-block-cart .wc-block-components-sidebar .wc-block-cart__submit-container .wc-block-cart__submit-button, .wp-block-woocommerce-cart .wc-block-cart .wc-block-components-sidebar .wc-block-cart__payment-options .wc-block-cart__submit-button {
  border-radius: 10px;
}
#mobile-menu-wrapper {
  padding: 7rem 0 !important;
}
#mobile-menu-wrapper .menu-item a {
  width: 100%;
  text-align: center;
  font-size: 1.5rem !important;
}
.header-minicart-hover-helper {
  min-width: 40px !important;
}
.site-header-wrapper #mobile-menu-wrapper .mobile-menu-close {
  top: 4.35rem;
}
.site-header-wrapper #mobile-menu-wrapper ul.mobile-primary-menu li.menu-item.menu-item-has-children > .sub-menu-icon {
  margin: 1rem auto 0 auto !important;
  display: block !important;
}
.site-header-wrapper #mobile-menu-wrapper ul.mobile-primary-menu li.menu-item ul.sub-menu {
  margin: 0 auto !important;
}
.custom-unset-border-radius img {
  border-radius: 0;
}
.wp-block-quote {
  color: white;
}
a:hover > img {
  transition: opacity 0.25s;
  opacity: 0.82;
}
/**
 * ==== 商品列表 ====
 **/
.woocommerce-products-wrapper .woocommerce-products-list .woocommerce-LoopProduct-wrapper {
  padding-left: 0 !important;
}
.woocommerce-products-sidebar {
  display: none;
}
@media (max-width: 1024px) {
  .woocommerce .woocommerce-product-filters-toggle {
    display: none;
  }
}
.woocommerce-Price-currencySymbol {
  font-size: inherit !important;
  font-weight: 500 !important;
  vertical-align: initial !important;
}
.woocommerce-LoopProduct-wrapper .add_to_cart_button {
  display: none !important;
}
.woocommerce ul.products li.product a img {
  margin-bottom: 0.25rem;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-category__title {
  font-size: 1.2rem;
  line-height: 1.75rem;
}
@media (max-width: 767px) {
  .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-category__title {
    font-size: 1rem;
    padding: 0 0.5rem !important;
  }
}
.woocommerce-LoopProduct-link .price .from {
  display: none !important;
}
/**
 * ==== 商品分類 ====
 * 
 **/
.tax-product_cat .woocommerce-products-header__title.page-title {
  display: none !important;
}
.tax-product_cat .woocommerce-products-toolbar {
  display: none !important;
}
/**
 * ==== 商品內頁 ====
 * 
 **/
.product .entry-summary {
  text-align: left !important;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .product .entry-summary {
    font-size: 1.2rem;
  }
}
body.wp-singular .product_meta .posted_in {
  display: none !important;
}
.woocommerce #content .site-main div.product .entry-summary form.cart {
  text-align: left;
}
.product .product_title {
  font-size: 1.8rem !important;
  font-weight: 600 !important;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .product .product_title {
    font-size: 2rem !important;
    font-weight: 600 !important;
  }
}
@media (min-width: 769px) {
  .product .summary {
    padding-left: 2.5rem !important;
  }
}
@media (max-width: 767px) {
  .woocommerce #content .site-main div.product .woocommerce-tabs {
    margin-top: 3rem;
  }
}
.woocommerce-LoopProduct-wrapper {
  padding-left: 1rem !important;
  padding-top: 1rem !important;
}
.woocommerce-LoopProduct-wrapper .woocommerce-Price-amount.amount {
  font-size: 1rem !important;
}
.woocommerce-LoopProduct-wrapper .woocommerce-Price-currencySymbol {
  vertical-align: inherit !important;
}
.woocommerce .price, .woocommerce ul.products li.product .price, .woocommerce table.cart tbody td.product-subtotal .amount, .woocommerce div.product p.price, .woocommerce div.product span.price {
  font-size: inherit;
}
/**
 * ==== 商品組合 ====
 * 整合至 code snippet
 */
/**
 * ==== 我的帳號中的個人資料 ====
 * https://a2lab.co/my-account/my-profile
 **/
p.wc-memberships-member-profile-field {
  margin-bottom: 0px !important;
  line-height: 2.5rem;
}
.wc-memberships-member-profile-field {
  text-align: left !important;
}
.woocommerce-input-wrapper input[name^="member_profile_fields["] {
  margin-right: 0.25rem;
}
.woocommerce-input-wrapper label[for^="member_profile_fields["] {
  margin-right: 1rem;
}
/**
 * ==== 文章樣式 ====
 */
details p {
  padding-left: 1.5rem;
}
details .wp-block-list {
  padding-left: 2rem;
}
details .wp-block-list li, details .wp-block-list p {
  margin-top: 1rem;
  margin-bottom: 1rem;
  line-height: 1.5;
  padding-bottom: 0;
}
/**
 * ==== 購物車頁面 ====
 * 移至 code snippet
 */
/**
 * ==== 結帳頁面 ====
 * 移至 code snippet
 */
/**
 * ==== 四季配方 ====
 * 必須鎖定 page-id-2118
 */
@media only screen and (max-width: 1023px) {
  .page-id-2118 .wp-block-columns .wp-block-column:not(:empty), .page-id-2118 .wp-block-columns .wp-block-column:not(:only-child):not(:empty) {
    margin-bottom: initial;
  }
}
/* 預設：手機尺寸 */
.custom-about-blockquote p {
  font-size: 1.2rem;
}
/* 中尺寸螢幕，例如平板 */
@media (min-width: 768px) {
  .custom-about-blockquote p {
    font-size: 1.8rem;
  }
}
/* 大尺寸螢幕，例如桌機 */
@media (min-width: 1200px) {
  .custom-about-blockquote p {
    font-size: 1.6rem;
  }
}
/**
 * ==== 四季配方的自訂樣式 ====
 */
.custom-category-banner {
  width: 100vw;
  max-width: none;
  margin-left: calc(-50vw + 50%);
}
.custom-category-banner picture {
  display: inline-block;
}
.custom-category-banner picture img {
  border-radius: 0px;
}
/**
 * ==== footer ==== 
 **/
footer .social-block {
  display: block !important;
  text-align: center !important;
  position: relative;
  top: -13px;
}
footer .fb-icon {
  display: inline-block !important;
  width: 35px !important;
  height: 35px !important;
  margin-right: 0.5rem !important;
}
footer .fb-icon a {
  box-shadow: none !important;
}
footer .fb-icon img {
  width: 35px !important;
  height: 35px !important;
}
footer .line-icon {
  display: inline-block !important;
  width: 35px !important;
  height: 35px !important;
}
footer .line-icon a {
  box-shadow: none !important;
}
footer .line-icon img {
  width: 35px !important;
  height: 35px !important;
}