/* ============================================================================
 * common/widget/15-one-image.css — 單圖 widget（oneImage）
 * ============================================================================
 *   載入序：15 / 20（順序定義於 config/webThemeCss.php 的 common.layout）
 *   來源：issue #694 自 common/widget.css L2535~2606 切出
 *   phase 2：原尾段的 .imgTextB-static-*（依內容屬圖文 B 模組，因原單檔順序才落在此）
 *   已收攏至 07-img-text-b.css；本檔現為純 oneImage 模組。
 *
 *   [好覆蓋] issue #694：.oneImage .oneImage-Bg（0,2,0）降為 .oneImage-Bg（0,1,0）。
 *   .oneImage-Bg 為 oneImage 專有 class，全 common 僅此一條規則。
 *
 *   [好覆蓋，issue #874] 可調值（區塊上下內距、圖框外距、圖片填滿方式）改由
 *   .oneImage（0,1,0）上的自訂屬性承載。.oneImageBox img 含元素選擇器，
 *   刻意不降權（img 為通用元素），改以變數承載後主題仍可用單一 class 接管。
 * ==========================================================================*/

/* ------------------------------------------------------------------------------------------------ */

.oneImage {
    --oneImage-pad: 20px 0; /* 區塊上下內距 */
    --oneImage-box-margin: 0px 0; /* 圖框外距 */
    --oneImage-fit: contain; /* 圖片填滿方式 */
    width: 100%;
    height: 100%;
    margin: 0px auto;
    position: relative;
    padding: var(--oneImage-pad, 20px 0);
}

.oneImage-Bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    object-fit: cover;
}

.oneImageBox {
    width: 100%;
    height: auto;
    margin: var(--oneImage-box-margin, 0px 0);
}

.oneImageBox img {
    width: 100%;
    height: 100%;
    object-fit: var(--oneImage-fit, contain);
}

.bgTransparent {
    background: transparent;
}

.bgTransparent .imgTextD-Box {
    background: transparent;
}

/* 註：.imgTextB-static-* 靜態排列規則已於 issue #694 phase 2 收攏至 07-img-text-b.css */