/* ===== Arete Theme - 核心樣式設定 ===== */

/* ===== 全站容器寬度設定 ===== */

/* 標準容器最大寬度 - 符合現代網頁設計標準 */
:root {
    --container-max-width: 1320px;
    --container-wide-width: 1400px;
    --container-padding-x: 20px;
    --container-padding-x-mobile: 15px;
}

/* 全站內容區域標準寬度 */
.container:not(.container-fluid) {
    max-width: var(--container-max-width);
    padding-left: var(--container-padding-x);
    padding-right: var(--container-padding-x);
    margin-left: auto;
    margin-right: auto;
}

/* WordPress 區塊編輯器內容寬度限制 */
.front-page-content .entry-content > .wp-block-group {
    max-width: var(--container-max-width);
    margin-left: auto;
    margin-right: auto;
}

.entry-content .wp-block-group__inner-container {
    max-width: var(--container-max-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--container-padding-x);
    padding-right: var(--container-padding-x);
}

/* 大螢幕時稍微放寬限制 */
@media (min-width: 1400px) {
    .front-page-content .entry-content > .wp-block-group {
        max-width: var(--container-wide-width);
    }

    .entry-content .wp-block-group__inner-container {
        padding-left: 40px;
        padding-right: 40px;
    }
}

/* 手機版保持合適的邊距 */
@media (max-width: 768px) {
    .entry-content .wp-block-group__inner-container {
        padding-left: var(--container-padding-x-mobile);
        padding-right: var(--container-padding-x-mobile);
    }
}

/* ===== WordPress 區塊基本樣式 ===== */

/* 標題與欄位設定 */
.entry-content .wp-block-column h2 {
    border-right-width: 6px;
    border-right-style: none;
    border-right-color: #007fae;
    padding-left: 0px;
    transform: translatex(0px) translatey(0px);
}

/* ===== 區塊容器設定 ===== */

/* 主要區塊容器 */
.front-page-content .entry-content > .wp-block-group {
    margin-bottom: 80px;
    margin-top: 80px;
    padding-right: 80px;
    padding-left: 80px;
    transform: translatex(0px) translatey(0px);
}

.entry-content .wp-block-group .wp-block-columns {
    transform: translatex(0px) translatey(0px);
}



/* ===== 產品與項目相關樣式 ===== */



/* 產品類別邊框 */
#sram,
#microcontrollers-\(mcus\),
#computing-in-memory-\(cim\) {
    border-left: 5px solid #007fae;
    padding-left: 20px;
}

#design_services {
    border-bottom: 5px solid #007fae;
    margin-bottom: 30px;
    padding-bottom: 20px;
}


.wp-block-icb-cards .icbCards {
    display: flex !important;
}