/*
 Theme Name:   自由之橋出版社-Macchiato瑪奇朵佈景主題 Child
 Theme URI:    https://yourwebsite.com/macchiato
 Description:  Macchiato 是一個現代、靈活且易於客製化的 WordPress 佈景主題，整合了 Bootstrap 5，支援 Elementor 頁面編輯器，同時保持程式碼簡潔和高效能。適合用於各種網站專案的快速開發。
 Author:       瑪奇朵
 Author URI:   https://yourwebsite.com
 Template:     usagimori-theme-macchiato
 Version:      0.3.0
 License:      MIT
 License URI:  https://mit-license.org/
 Text Domain:  macchiato
*/

/*
 自訂 CSS
*/
/* ============================= */
/* 基礎變數與全域設定 */
/* ============================= */
:root {
  --primary: #acd496;
  --secondary: #a2d2ff;
  --accent: #bce4a3;
  --text-primary: #acd496;
  --dark: #4a4e69;
  --light: #f8f9fa;
  --gray-100: #f8f9fa;
  --gray-200: #e9ecef;
  --gray-300: #dee2e6;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6c757d;
  --gray-700: #495057;
  --gray-800: #343a40;
  --transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --bs-primary-rgb: 172, 212, 150;
  --bs-info-rgb: 51, 136, 204;
  --bs-link-color: #acd496;
  --bs-body-font-family: "Noto Sans TC",
    "Microsoft JhengHei", "微軟正黑體", sans-serif;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", "Noto Sans TC", "Microsoft JhengHei",
    "微軟正黑體", monospace;
}

body {
  overflow-x: hidden;
  color: var(--gray-700);
  line-height: 1.7;
  background-color: #ffffff;
}

.container {
}

.single-product .content-area {
	max-width: 960px;
	margin: 0 auto; 
}

#navbarNav .navbar-nav .nav-link {
  font-weight: 300;
}

.archive #main {
	padding: 0; 
}

.menu-item.woofc-menu-item.menu-item-type-woofc {
	display: flex;
    align-content: center;
    align-items: center;
}

.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 20px;
}

.woocommerce ul.products li.product {
  display: flex;
  flex-direction: column;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	width: auto; 
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
  display: none !important;
  content: none !important;
}

.woocommerce ul.products li.product {
  float: none !important;
}

.book-info {
	justify-content: space-between; 
}

.widget_price_filter h2 {
	font-size: 1.5rem;
}

p img {
  margin-bottom: -0.5rem !important;
}

.book-cover-wrapper {
  padding-top: 15px;
}

.single_add_to_cart_button, .add_to_cart_button {
	background-color: #C93010 !important;
	color: white !important; 
	text-align: center; 
}

.book-info {
  padding: 0 8px 12px 8px;
}

@media only screen and (max-width: 430px) {
  .single-book-product ul.products {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .single-book-product.woocommerce ul.products li.product, .single-book-product.woocommerce-page ul.products li.product {
	  width: 43%; 
	}
	.single-book-product .related-books-section ul.products li.product {
		width: 43%; 
	}
}