/* BIDTRIP - CSS cho khối WordPress (trang sửa được trong trình soạn thảo). Dùng chung front-end và editor. */
/* Ảnh: khối Ảnh bọc <figure>; lớp kích thước/bo góc nằm ở figure, ảnh bên trong theo */
figure.wp-block-image > img, figure.wp-block-image > a > img { display: block; width: 100%; height: 100%; object-fit: inherit; object-position: inherit; border-radius: inherit; max-width: 100%; }
figure.wp-block-image > a { display: block; height: 100%; border-radius: inherit; }
figure.wp-block-image[class*="rounded"] { overflow: hidden; }
figure.wp-block-image.object-cover > img { object-fit: cover; }
figure.wp-block-image.object-contain > img { object-fit: contain; }
figure.wp-block-image.w-auto > img { width: auto; max-width: 100%; max-height: inherit; margin-inline: auto; }
figure.wp-block-image.h-auto > img { height: auto; }

/* Độ trễ hiệu ứng (thay cho style="--d:120ms") */
.d-120 { --d: 120ms; }

/* Nút: WordPress đặt kiểu riêng cho .wp-block-button__link nên cần đặt lại, rồi áp biến thể của thiết kế */
.wp-block-buttons.bt-buttons, .wp-block-buttons.bt-buttons > .wp-block-button { display: contents; }
.wp-block-buttons .wp-block-button .wp-block-button__link { display: inline-flex; align-items: center; width: auto; height: auto; background: none; color: inherit; padding: 0; border: 0; border-radius: 0; box-shadow: none; font: inherit; text-decoration: none; cursor: pointer; transition: color .15s cubic-bezier(.4,0,.2,1), background-color .15s cubic-bezier(.4,0,.2,1), border-color .15s cubic-bezier(.4,0,.2,1); }
.wp-block-buttons .wp-block-button.bt-btn-primary .wp-block-button__link { gap: .5rem; padding: .875rem 1.5rem; border-radius: .5rem; background: #003fb1; color: #fff; font-size: .875rem; line-height: 1.25rem; font-weight: 600; }
.wp-block-buttons .wp-block-button.bt-btn-primary .wp-block-button__link:hover { background: #1a56db; }
.wp-block-buttons .wp-block-button.bt-btn-outline .wp-block-button__link { padding: .875rem 1.5rem; border-radius: .5rem; border: 1px solid #dde1e6; background: #fff; font-size: .875rem; line-height: 1.25rem; font-weight: 600; }
.wp-block-buttons .wp-block-button.bt-btn-outline .wp-block-button__link:hover { background: #eff1f4; }
.wp-block-buttons .wp-block-button.bt-btn-link .wp-block-button__link { margin-top: auto; gap: .25rem; color: #003fb1; font-size: .875rem; line-height: 1.25rem; font-weight: 700; }
.wp-block-buttons .wp-block-button.bt-btn-sm .wp-block-button__link { flex: 1 1 0%; justify-content: center; gap: .375rem; padding: .625rem 1rem; border-radius: .625rem; background: #003fb1; color: #fff; font-size: .75rem; line-height: 1rem; font-weight: 600; }
.wp-block-buttons .wp-block-button.bt-btn-sm .wp-block-button__link:hover { background: #1a56db; }
.wp-block-buttons .wp-block-button.bt-btn-gray .wp-block-button__link { background: #e8ebef; color: inherit; }
.wp-block-buttons .wp-block-button.bt-btn-gray .wp-block-button__link:hover { background: #dfe3e8; }
.wp-block-buttons .wp-block-button.bt-btn-gray .wp-block-button__link::before { color: #006c49; }
/* Biểu tượng (Material Symbols) gắn vào nút bằng lớp ico-b-<tên> (trước chữ) hoặc ico-a-<tên> (sau chữ) */
[class*="ico-b-"] .wp-block-button__link::before, [class*="ico-a-"] .wp-block-button__link::after { font-family: "Material Symbols Outlined"; font-weight: 400; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; font-size: 18px; }
.bt-btn-primary[class*="ico-b-"] .wp-block-button__link::before { font-size: 20px; }
.ico-b-download .wp-block-button__link::before { content: "download"; }
.ico-b-person_add .wp-block-button__link::before { content: "person_add"; }
.ico-b-call .wp-block-button__link::before { content: "call"; }
.ico-b-send .wp-block-button__link::before { content: "send"; }
.ico-a-arrow_forward .wp-block-button__link::after { content: "arrow_forward"; }
.ico-a-arrow_downward .wp-block-button__link::after { content: "arrow_downward"; }

/* Danh sách hỏi đáp / lợi ích mở rộng (nhóm .bt-acc: nút .bt-acc-btn + nội dung .bt-acc-panel; main.js xử lý bấm) */
.bt-acc-btn { cursor: pointer; }
.bt-acc-btn:focus-visible { outline: 2px solid #003fb1; outline-offset: -2px; }
.bt-acc-btn > p { margin: 0; }
/* Trình soạn thảo: luôn mở hết để sửa được mọi mục */
.editor-styles-wrapper .bt-acc-panel { grid-template-rows: 1fr !important; padding-top: .5rem; }
.editor-styles-wrapper .reveal, .editor-styles-wrapper .rg > *, .editor-styles-wrapper [class*="fx-"] { opacity: 1 !important; transform: none !important; animation: none !important; }
