/**
 * 圖片樣式統一覆蓋檔案
 * 用途：移除所有圖片的圓角和陰影效果，統一 P 標籤行距
 * 優先級：最高（載入順序最後）
 */

/* ===================================
   圖片元素 - 移除圓角和陰影
   =================================== */

/* 所有圖片標籤移除圓角 */
img,
.product-image img,
.news-image img,
.portfolio-image img,
.service-image img,
.article-image img,
.brand-image img,
.product-card img,
.news-article img,
.service-card img,
.portfolio-item img,
.single-image img,
.swiper-slide img,
.hero-section img,
.banner img {
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* 圖片容器移除陰影 */
.product-image-swiper,
.portfolio-image-swiper,
.single-image,
.swiper-container,
.image-container,
.img-container {
    box-shadow: none !important;
}

/* 確保圖片輪播容器也無陰影 */
.swiper-wrapper,
.carousel-inner {
    box-shadow: none !important;
}

/* ===================================
   P 標籤行距統一為 1.5
   =================================== */

/* 全域 P 標籤 */
p {
    line-height: 1.5 !important;
}

/* 特定區域的 P 標籤 */
.product-card__description,
.news-article__excerpt,
.service-card__description,
.blog .entry .entry-content p,
.contact .info-box p,
#footer .footer-top .footer-info p,
#footer .footer-top .footer-contact p,
.faq-answer,
.description p {
    line-height: 1.5 !important;
}

/* 列表項目也統一行距 */
li {
    line-height: 1.5 !important;
}

/* ===================================
   例外處理 - 保留必要的圓形設計
   =================================== */

/* 圖標和頭像保持圓形 */
.icon img,
.service-card__icon img,
.testimonial-img img,
.member img.rounded-circle,
.user-avatar img,
.image-placeholder--user {
    border-radius: 50% !important;
}

/* 播放按鈕保持圓形 */
.play-btn,
.video-play-button {
    border-radius: 50% !important;
}

/* ===================================
   服務卡片標題 - 保持白色
   =================================== */

/* 服務卡片標題例外 - 保持白色以覆蓋 global-optimization.css 的黑色設定 */
.service-card__title {
    color: #ffffff !important;
}