/* system CSS ------------------------------------------------------------------------------*/
@media screen and (min-width: 61rem) {

    body .layout-region--node-main,
    body .layout-region--node-footer,
    body .layout-region--main,
    body .layout-region--footer {
        max-width: 100%;
        width: 100%;
    }
}

body .region-sidebar-first,
body .region-sidebar-second,
body .region-footer,
body .region-content {
    padding: 0;
}

.paragraphs-content-wrapper .summary-content:nth-child(1) {
    font-weight: 800;
    font-size: 110%;
}

#block-i2-theme-content .field--name-field-class {
    display: none;
}

.placeholder {
    background-color: unset;
}

.views-bulk-actions {
    margin-top: 60px;
}

.paragraph--type--text-two-column .layout--twocol-section {
    justify-content: space-between;
}

/* paragraphs CSS ------------------------------------------------------------------------------*/
.paragraph .field--name-field-class,
.paragraph .field--name-field-container-width,
.paragraph .block-field-blockparagraphtext-two-columnfield-column-widths,
.paragraph--type--card-list .field--name-field-has-swiper,
.paragraph--type--card-list .field--name-field-link-text {
    display: none;
}

.paragraph.paragraph--width--full>.paragraph__column,
.paragraph.paragraph--width--medium>.paragraph__column,
.paragraph.paragraph--width--narrow>.paragraph__column,
.paragraph.paragraph--width--tiny>.paragraph__column,
.paragraph.paragraph--width--wide>.paragraph__column,
.paragraph>.paragraph__column {
    padding: 0;
}

.column-25 {
    width: calc(25% - 20px) !important;
    flex: unset !important;
    display: inline-block;
}

.column-33 {
    width: calc(33.33% - 20px) !important;
    flex: unset !important;
    display: inline-block;
}

.column-50 {
    width: calc(50% - 20px) !important;
    flex: unset !important;
    display: inline-block;
}

.column-67 {
    width: calc(66.67% - 20px) !important;
    flex: unset !important;
    display: inline-block;
}

.column-75 {
    width: calc(75% - 20px) !important;
    flex: unset !important;
    display: inline-block;
}

/* Content Course ***********************************************/
.user-logged-in.path-node #edit-field-form-0-settings {
    display: none;
}

/* Course Taxonomy  ***********************************************/
#block-claro-views-block-taxonomy-kv-icon-block-1 {
    display: none;
}

.node-form #edit-field-kv-icon>.js-form-item:not(:first-child) label {
    font-size: 0;
}

.node-form #edit-field-kv-icon>.js-form-item label img {
    display: block;
    width: 70px;
}

.gallery-list tr.draggable>td:nth-child(2) {
    width: 15%;
}

/* webform ***********************************************/
.webform-icon-locked--link {
    background-image: unset !important;
    width: 0 !important;
}

.webform-icon-locked--on,
.webform-icon-locked--off,
.webform-icon-sticky--on,
.webform-icon-sticky--off {
    background-image: unset !important;
    position: relative;
}

.webform-icon-locked--on::before,
.webform-icon-sticky--on::before {
    content: '✔';
}

.webform-icon-locked--off::before,
.webform-icon-sticky--off::before {
    content: '✖';
}

.webform-results-table .sortable-heading>a,
.webform-results-table th,
.webform-results-table td {
    text-align: center;
}

/* user page ***********************************************/
.user-personal-page #block-i2-theme-content .field--name-field-emergency-contact span {
    color: #707070;
    margin-left: 10px;
}

.user-personal-page #block-i2-theme-content .field--name-field-emergency-contact-relation {
    display: none !important;
}

.webform-results-table__icon .webform-icon-sticky--link {
    display: none;
}

/* course page ***********************************************/
.node-course-form select option[value="contact_us"],
.node-course-form select option[value="prerequisites"],
.node-course-edit-form select option[value="contact_us"],
.node-course-edit-form select option[value="prerequisites"] {
    display: none;
}

/* 會員 ***********************************************/
.export-section {
    display: flex;
}

.export-section .dropdown {
    position: relative;
}

.export-section .dropdown button,
.export-section .export-url {
    display: inline-block;
    margin-block: var(--space-m);
    margin-inline: 0 var(--space-s);
    padding: calc(var(--space-m) - 1px) calc(var(--space-l) - 1px);
    cursor: pointer;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: var(--button-fg-color);
    border: 1px solid transparent;
    border-radius: var(--button-border-radius-size);
    background-color: var(--button-bg-color);
    font-size: var(--font-size-base);
    font-weight: 700;
    line-height: 1rem;
    appearance: none;
    -webkit-font-smoothing: antialiased;
}

.export-section .user-menu {
    min-width: 200px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    display: none;
    position: absolute;
    z-index: 99;
    background: #fff;
    padding: 20px;
}

.export-section .user-menu label {
    width: 100%;
    font-weight: 600;
    text-transform: capitalize;
    color: #000;
    margin-top: 6px;
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
}

.export-section .user-menu.show {
    display: block;
}

.export-section .export-url {
    margin-left: 60px;
}
.export-section .export-url.disabled {
    background-color: #808080;
    /* 灰色背景 */
    color: #ffffff;
    /* 白色文字 */
    border: none;
    /* 移除邊框 */
    cursor: not-allowed;
    /* 禁止光標 */
    pointer-events: none;
    /* 禁用點擊 */
    opacity: 0.6;
    /* 降低透明度 */
    display: inline-block;
}
/* webform 20250602  ***********************************************/
.webform-settings-form-form .form-item--form-open-message,
.webform-settings-form-form .form-item--form-close-message {
    display: none;
}
/* media  ***********************************************/
@media screen and (min-width: 1200px) {
    .column-25 {
        width: calc(25% - 25px) !important;
    }

    .column-33 {
        width: calc(33.33% - 25px) !important;
    }

    .column-50 {
        width: calc(50% - 25px) !important;
    }

    .column-67 {
        width: calc(66.67% - 25px) !important;
    }

    .column-75 {
        width: calc(75% - 25px) !important;
    }
}

@media only screen and (max-width: 991.98px) {

    .column-25,
    .column-33,
    .column-50,
    .column-67,
    .column-75 {
        width: 100% !important;
    }
}