/* footer.css */

/* Footer Container */
footer {
    background-color: var(--color-primary); /* #3B3535 */
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
}

/* Flexbox 排版容器 (取代原本的 clear fix) */
footer .row {
    width: 80vw;
    margin: 0 auto; /* 讓 row 居中 */
    
    /* === 關鍵修改：啟動 Flexbox === */
    display: flex;
    justify-content: space-between; /* 內容分佈：一左一右 */
    align-items: center;            /* 垂直置中 (Vertical Align Center) */
    gap: 20px;                      /* 欄位之間的間距 */
}

/* 左側欄位 (文字區) */
footer .column-2:first-child {
    flex: 1; /* 佔據剩餘空間 */
    text-align: left;
}

/* 右側欄位 (Logo區) */
footer .column-2:last-child {
    display: flex;
    justify-content: flex-end; /* 讓圖片靠右對齊 */
    align-items: center;
}

/* 文字樣式 */
footer p {
    font-size: 14px;
    color: var(--color-white);
    margin: 5px 0; /* 調整一下行距 */
    line-height: 1.5;
}

footer p strong {
    letter-spacing: 1px;
}

/* 連結樣式 */
footer a {
    color: var(--color-white);
    text-decoration: none;
    transition: color 0.3s ease;
}

footer a:hover {
    color: var(--color-grey); /* #919191 */
    text-decoration: underline;
}

/* 圖片樣式 */
footer img {
    width: 10vw;
    max-width: 150px; /* 限制最大寬度，避免在大螢幕過大 */
    height: auto;
    
    /* 移除 float 和 margin hacking */
    margin: 0; 
}

/* RWD: 手機版 (小於 80