/* bespokeshop.vn — sửa giao diện chung (mọi cỡ màn), 10/10. Nạp sau theme cha + dien-thoai.css (functions.php, ưu tiên 2100). */

/* Video Vimeo: ảnh bìa + nút phát; bấm mới nạp trình phát (functions.php: the_content → .vbs-vimeo) */
.vbs-vimeo { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; background: #14182d center / cover no-repeat; cursor: pointer; overflow: hidden; }
.vbs-vimeo.vbs-vimeo-phu { position: absolute; inset: 0; aspect-ratio: auto; height: 100%; }
.vbs-vimeo-nut { position: absolute; left: 50%; top: 50%; width: 78px; height: 78px; margin: -39px 0 0 -39px; border-radius: 50%; background: rgba(20, 24, 45, .72); box-shadow: 0 0 0 2px rgba(255, 255, 255, .85); transition: background .2s, transform .2s; }
.vbs-vimeo-nut::after { content: ""; position: absolute; left: 32px; top: 25px; border-style: solid; border-width: 14px 0 14px 22px; border-color: transparent transparent transparent #fff; }
.vbs-vimeo:hover .vbs-vimeo-nut, .vbs-vimeo:focus-visible .vbs-vimeo-nut { background: #b4925f; transform: scale(1.06); }
.vbs-vimeo:focus-visible { outline: 2px solid #b4925f; outline-offset: 2px; }
.vbs-vimeo iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.vbs-vimeo.vbs-vimeo-mo { background-image: none !important; cursor: default; }
.vbs-vimeo.vbs-vimeo-mo .vbs-vimeo-nut { display: none; }
@media (max-width: 767px) { .vbs-vimeo-nut { width: 60px; height: 60px; margin: -30px 0 0 -30px; } .vbs-vimeo-nut::after { left: 24px; top: 18px; border-width: 12px 0 12px 18px; } }

/* Khối icon mạng xã hội (trang Dịch vụ): chữ luôn nằm cạnh icon, thẳng hàng giữa các cột (trước: chữ dài rớt xuống dưới icon) */
.sc_icons_modern.sc_align_left .sc_icons_item { display: flex !important; align-items: center; gap: 22px; }   /* theme cha ép table-cell */
.sc_icons_modern.sc_align_left .sc_icons_item .sc_icons_icon { flex: 0 0 auto; float: none; margin: 0; }
.sc_icons_modern.sc_align_left .sc_icons_item .sc_icons_item_description { display: block !important; width: auto !important; flex: 1 1 auto; min-width: 0; margin: 0; padding: 0; text-align: left; }
.sc_icons_modern.sc_align_left .sc_icons_item .sc_icons_title { margin: 0; }
/* công ty không có Twitter (link "#" của dev cũ, icon không có hình) → ẩn cả cột; hai cột còn lại căn giữa */
.vc_row.vc_inner > .wpb_column:has(.sc_icons_icon.icon-twitter) { display: none; }   /* CHỈ cột con trực tiếp (cột ngoài cũng "chứa" icon) */
.vc_row.vc_inner:has(.sc_icons_icon.icon-twitter) { display: flex; flex-wrap: wrap; justify-content: center; }
.vc_row.vc_inner:has(.sc_icons_icon.icon-twitter)::before, .vc_row.vc_inner:has(.sc_icons_icon.icon-twitter)::after { display: none; }

/* Google+ đã đóng từ 2019: bỏ nút chia sẻ / theo dõi Google+ */
.social_item:has(> .social_gplus), .social_icons.social_gplus { display: none !important; }
