.footer-store-icons {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.footer-store-icons img {
	flex: 0 0 45%;
	max-width: 45%;
}
.ct-footer {
	background-color: #B8C6DB !important; /* 換成你想要的寧靜粉藍 */
}
}
/* 1. 讓搜尋列變成水平排列並加上白底陰影 */
.searchandfilter > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    padding: 25px 35px;
    border-radius: 20px;
    box-shadow: 0 15px 45px rgba(0,0,0,0.1); /* 浮起感陰影 */
    gap: 15px;
    list-style: none !important;
    margin: 0 auto !important;
    max-width: 1200px;
}

/* 2. 移除列表預設的點點和邊距 */
.searchandfilter li {
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. 美化搜尋框與下拉選單 (膠囊狀 + 深色底) */
.searchandfilter input[type="text"], 
.searchandfilter select {
    width: 200px;
    height: 50px;
    padding: 0 20px;
    border-radius: 50px !important; /* 膠囊圓角 */
    border: none !important;
    background-color: #332D2D !important; /* Logo 的深炭色 */
    color: #ffffff !important;
    font-size: 15px;
    outline: none;
    appearance: none; /* 移除瀏覽器預設箭頭 */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 18px center;
}

/* 4. Filter 送出按鈕樣式 (#E5A1A6) */
.searchandfilter input[type="submit"] {
    height: 50px;
    padding: 0 40px;
    border-radius: 50px !important;
    border: 2px solid #E5A1A6 !important; /* Logo 粉色邊框 */
    background: transparent !important;
    color: #E5A1A6 !important; /* 文字粉色 */
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* 5. 按鈕懸停效果 (Hover) */
.searchandfilter input[type="submit"]:hover {
    background-color: #E5A1A6 !important; /* 背景變粉色 */
    color: #ffffff !important; /* 文字變白色 */
}

/* 6. 手機版自動調整成垂直堆疊 */
@media (max-width: 768px) {
    .searchandfilter > ul {
        flex-direction: column;
        padding: 20px;
    }
    .searchandfilter input[type="text"], 
    .searchandfilter select,
    .searchandfilter input[type="submit"] {
        width: 100% !important;
    }
/* --- 1. 全域設定：讓圖片在所有裝置都有圓角與陰影 --- */
#school-slider .elementor-widget-image,
#school-slider .elementor-image,
#school-slider img {
    border-radius: 12px !important; /* 圓角數值可調 */
    overflow: hidden !important;
    transition: transform 0.4s ease !important;
}

/* 增加一點點碳黑色陰影，讓白色背景的圖更有層次 */
#school-slider .elementor-widget-container {
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* 電腦版滑動放大效果 */
#school-slider .elementor-widget:hover img {
    transform: scale(1.05);
}

/* --- 2. 手機版專屬：左右滑動邏輯 --- */
@media (max-width: 768px) {
    #school-slider, 
    #school-slider .elementor-container, 
    #school-slider .elementor-row,
    #school-slider .elementor-widget-wrap {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x mandatory !important;
        justify-content: flex-start !important;
        padding-bottom: 15px !important; /* 給陰影留空間 */
    }

    #school-slider .elementor-column, 
    #school-slider .elementor-widget {
        flex: 0 0 80% !important;
        width: 80% !important;
        max-width: 80% !important;
        margin-right: 15px !important;
        scroll-snap-align: start !important;
    }

    /* 隱藏手機版捲軸 */
    #school-slider::-webkit-scrollbar,
    #school-slider .elementor-container::-webkit-scrollbar {
        display: none !important;
    }
}
/* 外層容器 */
.ultimate-reviews-grid {
  width: 100% !important;
  max-width: 1100px;
  margin: 40px auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* 網格內層：電腦版排版核心 */
.reviews-inner-grid {
  display: grid !important; /* 開啟網格佈局 */
  grid-template-columns: repeat(3, minmax(300px, 1fr)) !important; /* 核心：排成3格，每格寬度至少 300px，剩餘空間平分 */
  gap: 25px; /* 卡片間距 */
  margin-bottom: 30px;
}

/* 每個評論卡片的死指令 */
.ultimate-review-card {
  background: #ffffff !important;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 4px 15px rgba(51, 51, 51, 0.1); /* 碳黑色陰影 */
  border-bottom: 4px solid #E5A1A6; /* 品牌粉紅 */
  display: flex; /* 卡片內部維持 Flex，排星星、文字、頭像 */
  flex-direction: column;
  justify-content: space-between; /* 內容垂直分散 */
  box-sizing: border-box;
  width: 100% !important; /* 強制填滿網格 */
  max-width: none !important; /* 移除 Elementor 的限制 */
}

/* 文字細節修正 */
.star-group { 
  color: #ffc107 !important; /* 金色星星 */
  margin-bottom: 12px; 
  font-size: 1.15rem; 
}
.review-comment { 
  color: #333333; 
  line-height: 1.6; 
  font-size: 0.95rem; 
  margin-bottom: 20px;
  white-space: normal !important; /* 確保文字可換行 */
}

.review-author { display: flex; align-items: center; gap: 10px; }
.author-avatar { 
  width: 35px; height: 35px; background: #477ed1; color: #fff; 
  border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.9rem;
}
.author-name { font-weight: bold; color: #333333; font-size: 0.9rem; }

/* 按鈕樣式 (維持你的深藍品牌色) */
.more-btn-wrap { text-align: center; }
.more-btn-style {
  display: inline-block;
  padding: 11px 35px;
  border: 1.5px solid #477ed1;
  color: #477ed1;
  text-decoration: none;
  font-weight: bold;
  border-radius: 4px;
}
.more-btn-style:hover { background: #E5A1A6; border-color: #E5A1A6; color: #fff; }

/* --- 手機版適應 --- */
@media (max-width: 768px) {
  .reviews-inner-grid {
    grid-template-columns: repeat(3, minmax(260px, 80%)) !important; /* 手機版佔 80% */
    display: flex !important; /* 手機版切換回 Flex 以開啟左右滑動 */
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 15px;
    padding-bottom: 15px;
    justify-content: flex-start !important;
  }
}
/* 讓滾動條消失，保持美觀 */
.google-reviews-wrapper div::-webkit-scrollbar {
  display: none;
}

/* 按鈕 Hover 效果 */
.google-reviews-wrapper a:hover {
  background-color: #E5A1A6 !important;
  border-color: #E5A1A6 !important;
  color: #ffffff !important;
}