/*
Theme Name: FD Theme
Theme URI: https://vvvvvv.tw
Description: WoodMart 子佈景主題，整合會員系統與自訂功能
Author: FD GROUP
Author URI: https://fdesign.tw
Template: woodmart
Version: 1.0.11
Text Domain: fd-theme
*/

/* 基本響應式圖片修復 */
img, video, iframe {
    max-width: 100%;
    height: auto;
}

/* 防止水平滾動條出現 */
html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* 讓 Footer 與 Header 使用相同的容器寬度 */
.wd-footer,
.footer-container,
.footer,
.site-footer {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

/* Footer 內容容器與 Header 對齊 */
.wd-footer .container,
.footer-container .container,
.footer .container,
.site-footer .container,
.wd-footer .wd-wrapper,
.footer-container .wd-wrapper,
.footer .wd-wrapper,
.site-footer .wd-wrapper {
    width: 100% !important;
    max-width: var(--wd-container-w, 1222px) !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
}

/* 確保 Footer 內容不超出容器 */
.wd-footer *,
.footer-container *,
.footer *,
.site-footer * {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 僅針對 FD 插件元素進行樣式設定，不干擾 WoodMart 佈局 */
.fd-social-login-container,
.fd-member-profile-completion,
.fd-member-profile-form {
    max-width: 600px;
    width: auto;
    margin: 0 auto;
}

/* FD 會員資料表單 - 唯讀欄位樣式（與 Email 欄位保持一致） */
.fd-member-profile-completion input[readonly],
.fd-member-profile-form input[readonly],
form#fd-member-profile-form input[readonly] {
    border: 2px solid #D3D3D3 !important;        /* 與 Email 欄位相同的淺灰色邊框 */
    background-color: #F8F8F8 !important;
    color: #666 !important;
    cursor: not-allowed !important;
}

/* FD 會員資料表單 - 唯讀欄位 focus 狀態保持淺灰色 */
.fd-member-profile-completion input[readonly]:focus,
.fd-member-profile-form input[readonly]:focus,
form#fd-member-profile-form input[readonly]:focus {
    border: 2px solid #D3D3D3 !important;        /* 保持與 Email 欄位相同的淺灰色邊框 */
    background-color: #F8F8F8 !important;
    color: #666 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* 移除 FORMODE logo 點擊時的線框 */
.site-logo a:focus,
.header-logo a:focus,
.logo a:focus,
.wd-logo a:focus,
a[href*="formode"]:focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}