/* patch: fix main element layout on 4K (3840x2160) displays
 * Root cause: main { max-width: 160rem (2560px) } causes main to be narrower than
 * the viewport at 4K, resulting in left-shift or side whitespace.
 * Fix: override max-width to 100% so main always fills the full viewport width,
 * same as behavior at 1920px. Individual sections inside main already have their
 * own max-width: 1260px + margin: auto constraints for content width control.
 */
main {
    max-width: 100% !important;
}

span.collection-card-label {
    color: var(--color-gray-900) !important;
}

/* 諮詢清單副標題：置中，縮減 section-title padding-bottom 造成的過大間距 */
.section-sub-title {
    text-align: center;
    margin-top: -2rem;
    margin-bottom: 1.5rem;
    color: var(--color-gray-900);
}

/* ============================================
 * 卡片 hover：右上抬起 + 邊框變主色藍 + 黑色淡陰影
 * 套用範圍：解決方案、新聞、合作夥伴、搜尋、首頁卡片
 * ============================================ */
.solutions-card,
.news-card,
.news-lobby-card,
.collection-card,
.index-aboutus-card {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    transition: transform .3s cubic-bezier(.2, .8, .2, 1), border-color .3s ease, box-shadow .3s ease;
}
.solutions-card:hover,
.news-card:hover,
.news-lobby-card:hover,
.collection-card:hover,
.index-aboutus-card:hover {
    transform: translate(4px, -6px);
    border-color: #0051A8;
    box-shadow: -9px 14px 26px -8px rgba(0, 0, 0, 0.17), -4px 6px 11px -4px rgba(0, 0, 0, 0.09);
}
/* 取消標題 underline hover（避免與卡片 hover 雙重效果） */
.solutions-card:hover .solutions-card-title,
.news-card:hover .news-card-title,
.collection-card:hover .collection-card-title {
    text-decoration: none;
}

/* 讓 section-relative 系列 swiper 上下不裁切（陰影可外溢），左右仍裁切（避免旁邊未啟用 slide 露出） */
.section-relative-swiper {
    overflow: visible !important;
    clip-path: inset(-60px 0 -60px 0);
}

/* swiper 內 hover 時讓 1px 灰邊框透明，避免邊框 + 陰影合在一起的「外匡感」（比照 collection-card 的乾淨陰影感） */
.swiper .solutions-card:hover,
.swiper .news-card:hover,
.section-relative-swiper .solutions-card:hover,
.section-relative-swiper .news-card:hover,
.swiper-slide .solutions-card:hover,
.swiper-slide .news-card:hover {
    border-color: transparent !important;
}

/* ============================================
 * 取消所有卡片 hover 時圖片放大效果（卡片整體仍會位移 + 陰影）
 * 套用範圍：solutions / news / news-lobby / collection / index-aboutus 卡片
 * ============================================ */
.solutions-card:hover .solutions-card-image,
.solutions-card-image-container:hover .solutions-card-image,
.news-card:hover .news-card-image,
.news-card-image-container:hover .news-card-image,
.news-lobby-card:hover img,
.collection-card:hover img,
.collection-card-image-container:hover img,
.index-aboutus-card:hover img {
    transform: none !important;
    scale: 1 !important;
}
/* 預設狀態：避免動畫殘留 */
.solutions-card-image,
.news-card-image,
.news-lobby-card img,
.collection-card img,
.index-aboutus-card img {
    transition: none !important;
}