/** * Theme Name: Wedding * Description: Child theme for Wedding Builder system — thiệp cưới chuyên nghiệp. * Author: Lê Thắng * Template: blocksy * Text Domain: wedding-builder * Version: 1.0.7 */ /* * ── Global Design Tokens ──────────────────────────────────────── * Shared across plugin templates and any theme UI. * These are overrides/additions on top of what global.css declares. */ :root { /* Font stacks */ --font-heading: 'Playfair Display', Georgia, serif; --font-script: 'Great Vibes', cursive; --font-body: 'Montserrat', sans-serif; /* Fluid type scale */ --font-size-h1: clamp(28px, 5vw, 64px); --font-size-h2: clamp(22px, 3.5vw, 44px); --font-size-h3: clamp(18px, 2.5vw, 28px); --font-size-body: clamp(14px, 1.2vw, 17px); --font-size-sm: 13px; --font-size-script: clamp(38px, 6vw, 80px); /* Brand palette */ --primary: #c9a96e; /* Rose gold */ --primary-dark: #a07840; --primary-light: #f5ede0; /* Cream */ --accent: #e8c5a0; --text-dark: #2a1a0e; --text-muted: #7a6a5a; /* UI */ --white: #ffffff; --off-white: #fdfaf6; --radius: 8px; --transition: 0.35s ease; --shadow: 0 4px 24px rgba(42, 26, 14, 0.10); --shadow-lg: 0 16px 48px rgba(42, 26, 14, 0.18); } /* ========================================= CUSTOM LANGUAGE SWITCHER (Desktop + Mobile/Tablet) Hiển thị: [Cờ] VI / EN ========================================= */ /* 1. ẨN ẢNH GỐC MỜ VÀ SPAN CỦA PLUGIN */ [id^="menu-item-180"] .trp-flag-image, [id^="menu-item-180"] span[data-no-translation] { display: none !important; } /* 2. RESET ::AFTER — Xóa gạch chân Blocksy, cho phép hiện text */ #menu-item-1805 a::after, #menu-item-1804 a::after { all: unset !important; display: inline-block !important; opacity: 1 !important; visibility: visible !important; position: static !important; transform: none !important; font-size: 14px !important; } #menu-item-1805 a::after { content: "Vi" !important; } #menu-item-1804 a::after { content: "En" !important; } /* 3. RESET ::BEFORE — Xóa hoàn toàn indicator mặc định Blocksy */ /* (Áp dụng cho cả desktop menu và mobile off-canvas) */ #menu-item-1805 a::before, #menu-item-1804 a::before { all: unset !important; opacity: 0 !important; display: none !important; } /* 4. CHỈ HIỆN LÁ CỜ SVG CHO NGÔN NGỮ ĐANG ACTIVE */ #menu-item-1805.current-language-menu-item a::before, #menu-item-1804.current-language-menu-item a::before { all: unset !important; content: "" !important; display: inline-block !important; width: 22px !important; height: 22px !important; min-width: 22px !important; opacity: 1 !important; position: relative !important; border-radius: 50% !important; background-size: cover !important; background-position: center !important; margin-right: 8px !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25) !important; vertical-align: middle !important; } #menu-item-1805.current-language-menu-item a::before { background-image: url('/wp-content/uploads/2026/03/vn.svg') !important; } #menu-item-1804.current-language-menu-item a::before { background-image: url('/wp-content/uploads/2026/03/us.svg') !important; } /* 5. STYLE CHỮ ACTIVE / INACTIVE */ li.current-language-menu-item>a.ct-menu-link::after { font-weight: 700 !important; color: #111 !important; } li.trp-language-switcher-container:not(.current-language-menu-item)>a.ct-menu-link::after { font-weight: 500 !important; color: #999 !important; } /* 6. DẤU NGĂN CÁCH / MÀU #ee2b5b */ li.menu-item-1805::after { content: "/" !important; color: #ee2b5b !important; margin: 0 4px !important; font-size: 14px !important; font-weight: 400 !important; display: inline-flex !important; align-items: center !important; vertical-align: middle !important; } /* 7. DESKTOP TWEAKS (Khoảng cách & Căn lề) */ @media (min-width: 1000px) { /* Ép hiển thị dạng hàng ngang khít nhau trong menu chính */ .header-menu-1 ul.menu>li.trp-language-switcher-container { padding: 0 4px !important; /* Ghi đè padding mặc định của menu header */ margin: 0 !important; display: inline-flex !important; align-items: center !important; } .header-menu-1 ul.menu>li.trp-language-switcher-container>a.ct-menu-link { padding: 0 4px !important; } /* Đẩy riêng item ngôn ngữ đầu tiên cách mục kế cận 1 đoạn nhỏ */ .header-menu-1 ul.menu>li.menu-item-1805 { margin-left: 14px !important; } } /* ========================================= MOBILE / TABLET OFF-CANVAS TWEAKS (Chính xác inline-block, Max Specificity) ========================================= */ @media (max-width: 999px) { /* Giữ nguyên dạng block cho menu chính để các list con hiển thị đúng chuẩn */ #menu-menu-1, #menu-menu-2, #menu-menu-3, #menu-menu-4, #menu-menu-5 { display: block !important; } /* Đổi riêng 2 thẻ ngôn ngữ sang inline-block để nằm cạnh nhau ngang hàng */ #menu-menu-1 li.menu-item-1805, #menu-menu-2 li.menu-item-1805, #menu-menu-3 li.menu-item-1805, #menu-menu-4 li.menu-item-1805, #menu-menu-5 li.menu-item-1805, #menu-menu-1 li.menu-item-1804, #menu-menu-2 li.menu-item-1804, #menu-menu-3 li.menu-item-1804, #menu-menu-4 li.menu-item-1804, #menu-menu-5 li.menu-item-1804 { display: inline-block !important; width: auto !important; clear: none !important; vertical-align: middle !important; margin: 20px 0 0 0 !important; padding: 0 !important; border: none !important; background: transparent !important; } /* Đảm bảo thẻ link (hình cờ + chữ) căn giữa và xếp ngang */ #menu-menu-1 li.menu-item-1805 a.ct-menu-link, #menu-menu-2 li.menu-item-1805 a.ct-menu-link, #menu-menu-3 li.menu-item-1805 a.ct-menu-link, #menu-menu-4 li.menu-item-1805 a.ct-menu-link, #menu-menu-5 li.menu-item-1805 a.ct-menu-link, #menu-menu-1 li.menu-item-1804 a.ct-menu-link, #menu-menu-2 li.menu-item-1804 a.ct-menu-link, #menu-menu-3 li.menu-item-1804 a.ct-menu-link, #menu-menu-4 li.menu-item-1804 a.ct-menu-link, #menu-menu-5 li.menu-item-1804 a.ct-menu-link { display: inline-flex !important; align-items: center !important; vertical-align: middle !important; padding: 0 !important; width: auto !important; } /* ẨN ẢNH CỜ GỐC PLUGIN */ #menu-menu-1 li.menu-item-1805 .trp-flag-image, #menu-menu-2 li.menu-item-1805 .trp-flag-image, #menu-menu-3 li.menu-item-1805 .trp-flag-image, #menu-menu-4 li.menu-item-1805 .trp-flag-image, #menu-menu-5 li.menu-item-1805 .trp-flag-image, #menu-menu-1 li.menu-item-1804 .trp-flag-image, #menu-menu-2 li.menu-item-1804 .trp-flag-image, #menu-menu-3 li.menu-item-1804 .trp-flag-image, #menu-menu-4 li.menu-item-1804 .trp-flag-image, #menu-menu-5 li.menu-item-1804 .trp-flag-image, #menu-menu-1 li.menu-item-1805 span[data-no-translation], #menu-menu-2 li.menu-item-1805 span[data-no-translation], #menu-menu-3 li.menu-item-1805 span[data-no-translation], #menu-menu-4 li.menu-item-1805 span[data-no-translation], #menu-menu-5 li.menu-item-1805 span[data-no-translation], #menu-menu-1 li.menu-item-1804 span[data-no-translation], #menu-menu-2 li.menu-item-1804 span[data-no-translation], #menu-menu-3 li.menu-item-1804 span[data-no-translation], #menu-menu-4 li.menu-item-1804 span[data-no-translation], #menu-menu-5 li.menu-item-1804 span[data-no-translation] { display: none !important; } /* CHỈ HIỆN CỜ SVG CHO NGÔN NGỮ ACTIVE */ #menu-menu-1 li.menu-item-1805 a.ct-menu-link::before, #menu-menu-2 li.menu-item-1805 a.ct-menu-link::before, #menu-menu-3 li.menu-item-1805 a.ct-menu-link::before, #menu-menu-4 li.menu-item-1805 a.ct-menu-link::before, #menu-menu-5 li.menu-item-1805 a.ct-menu-link::before, #menu-menu-1 li.menu-item-1804 a.ct-menu-link::before, #menu-menu-2 li.menu-item-1804 a.ct-menu-link::before, #menu-menu-3 li.menu-item-1804 a.ct-menu-link::before, #menu-menu-4 li.menu-item-1804 a.ct-menu-link::before, #menu-menu-5 li.menu-item-1804 a.ct-menu-link::before { content: "" !important; display: none !important; } #menu-menu-1 li.menu-item-1805.current-language-menu-item a.ct-menu-link::before, #menu-menu-2 li.menu-item-1805.current-language-menu-item a.ct-menu-link::before, #menu-menu-3 li.menu-item-1805.current-language-menu-item a.ct-menu-link::before, #menu-menu-4 li.menu-item-1805.current-language-menu-item a.ct-menu-link::before, #menu-menu-5 li.menu-item-1805.current-language-menu-item a.ct-menu-link::before { content: "" !important; display: inline-block !important; width: 20px !important; height: 20px !important; background: url('/wp-content/uploads/2026/03/vn.svg') center/cover no-repeat !important; border-radius: 50% !important; margin-right: 6px !important; flex-shrink: 0 !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important; vertical-align: middle !important; } #menu-menu-1 li.menu-item-1804.current-language-menu-item a.ct-menu-link::before, #menu-menu-2 li.menu-item-1804.current-language-menu-item a.ct-menu-link::before, #menu-menu-3 li.menu-item-1804.current-language-menu-item a.ct-menu-link::before, #menu-menu-4 li.menu-item-1804.current-language-menu-item a.ct-menu-link::before, #menu-menu-5 li.menu-item-1804.current-language-menu-item a.ct-menu-link::before { content: "" !important; display: inline-block !important; width: 20px !important; height: 20px !important; background: url('/wp-content/uploads/2026/03/us.svg') center/cover no-repeat !important; border-radius: 50% !important; margin-right: 6px !important; flex-shrink: 0 !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important; vertical-align: middle !important; } /* TEXT VI / EN (ép hiển thị) */ #menu-menu-1 li.menu-item-1805 a.ct-menu-link::after, #menu-menu-2 li.menu-item-1805 a.ct-menu-link::after, #menu-menu-3 li.menu-item-1805 a.ct-menu-link::after, #menu-menu-4 li.menu-item-1805 a.ct-menu-link::after, #menu-menu-5 li.menu-item-1805 a.ct-menu-link::after { all: unset !important; content: "VI" !important; display: inline-block !important; font-size: 14px !important; visibility: visible !important; opacity: 1 !important; vertical-align: middle !important; } #menu-menu-1 li.menu-item-1804 a.ct-menu-link::after, #menu-menu-2 li.menu-item-1804 a.ct-menu-link::after, #menu-menu-3 li.menu-item-1804 a.ct-menu-link::after, #menu-menu-4 li.menu-item-1804 a.ct-menu-link::after, #menu-menu-5 li.menu-item-1804 a.ct-menu-link::after { all: unset !important; content: "EN" !important; display: inline-block !important; font-size: 14px !important; visibility: visible !important; opacity: 1 !important; vertical-align: middle !important; } /* FONT WEIGHT CHO TEXT */ #menu-menu-1 li.menu-item-1805.current-language-menu-item a.ct-menu-link::after, #menu-menu-2 li.menu-item-1805.current-language-menu-item a.ct-menu-link::after, #menu-menu-3 li.menu-item-1805.current-language-menu-item a.ct-menu-link::after, #menu-menu-4 li.menu-item-1805.current-language-menu-item a.ct-menu-link::after, #menu-menu-5 li.menu-item-1805.current-language-menu-item a.ct-menu-link::after, #menu-menu-1 li.menu-item-1804.current-language-menu-item a.ct-menu-link::after, #menu-menu-2 li.menu-item-1804.current-language-menu-item a.ct-menu-link::after, #menu-menu-3 li.menu-item-1804.current-language-menu-item a.ct-menu-link::after, #menu-menu-4 li.menu-item-1804.current-language-menu-item a.ct-menu-link::after, #menu-menu-5 li.menu-item-1804.current-language-menu-item a.ct-menu-link::after { font-weight: 700 !important; color: #111 !important; } #menu-menu-1 li.menu-item-1805:not(.current-language-menu-item) a.ct-menu-link::after, #menu-menu-2 li.menu-item-1805:not(.current-language-menu-item) a.ct-menu-link::after, #menu-menu-3 li.menu-item-1805:not(.current-language-menu-item) a.ct-menu-link::after, #menu-menu-4 li.menu-item-1805:not(.current-language-menu-item) a.ct-menu-link::after, #menu-menu-5 li.menu-item-1805:not(.current-language-menu-item) a.ct-menu-link::after, #menu-menu-1 li.menu-item-1804:not(.current-language-menu-item) a.ct-menu-link::after, #menu-menu-2 li.menu-item-1804:not(.current-language-menu-item) a.ct-menu-link::after, #menu-menu-3 li.menu-item-1804:not(.current-language-menu-item) a.ct-menu-link::after, #menu-menu-4 li.menu-item-1804:not(.current-language-menu-item) a.ct-menu-link::after, #menu-menu-5 li.menu-item-1804:not(.current-language-menu-item) a.ct-menu-link::after { font-weight: 500 !important; color: #999 !important; } /* ẨN SVG MẶC ĐỊNH (nút mũi tên menu) */ #menu-menu-1 li.menu-item-1805 a.ct-menu-link>svg, #menu-menu-2 li.menu-item-1805 a.ct-menu-link>svg, #menu-menu-3 li.menu-item-1805 a.ct-menu-link>svg, #menu-menu-4 li.menu-item-1805 a.ct-menu-link>svg, #menu-menu-5 li.menu-item-1805 a.ct-menu-link>svg, #menu-menu-1 li.menu-item-1804 a.ct-menu-link>svg, #menu-menu-2 li.menu-item-1804 a.ct-menu-link>svg, #menu-menu-3 li.menu-item-1804 a.ct-menu-link>svg, #menu-menu-4 li.menu-item-1804 a.ct-menu-link>svg, #menu-menu-5 li.menu-item-1804 a.ct-menu-link>svg, #menu-menu-1 li.menu-item-1805>.ct-toggle-dropdown-mobile, #menu-menu-2 li.menu-item-1805>.ct-toggle-dropdown-mobile, #menu-menu-3 li.menu-item-1805>.ct-toggle-dropdown-mobile, #menu-menu-4 li.menu-item-1805>.ct-toggle-dropdown-mobile, #menu-menu-5 li.menu-item-1805>.ct-toggle-dropdown-mobile, #menu-menu-1 li.menu-item-1804>.ct-toggle-dropdown-mobile, #menu-menu-2 li.menu-item-1804>.ct-toggle-dropdown-mobile, #menu-menu-3 li.menu-item-1804>.ct-toggle-dropdown-mobile, #menu-menu-4 li.menu-item-1804>.ct-toggle-dropdown-mobile, #menu-menu-5 li.menu-item-1804>.ct-toggle-dropdown-mobile { display: none !important; } /* DẤU "/" NGĂN CÁCH MOBILE */ #menu-menu-1 li.menu-item-1805::after, #menu-menu-2 li.menu-item-1805::after, #menu-menu-3 li.menu-item-1805::after, #menu-menu-4 li.menu-item-1805::after, #menu-menu-5 li.menu-item-1805::after { content: "/" !important; color: #ee2b5b !important; margin: 0 6px !important; font-size: 14px !important; font-weight: 400 !important; display: inline-block !important; vertical-align: middle !important; } }