/* Theme Name: Hello Elementor Child Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash Template: hello-elementor Author: Elementor Team Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators. Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready Version: 3.5.6 Updated: 2024-11-08 08:45:27 */ /* Tắt text-shadow cho toàn bộ nút trong site */ button, input[type="button"], input[type="submit"], .elementor-button, .elementor-kit-6 button, .elementor-kit-6 input[type="button"], .elementor-kit-6 input[type="submit"], .elementor-kit-6 .elementor-button { text-shadow: none !important; } .roomv-panel-mid { overflow: scroll; } button.roomv-x.js-roomv-close { z-index: 999999999; } /* Tắt luôn ở các state để tránh rule khác lấn */ button:hover, button:focus, button:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, .elementor-button:hover, .elementor-button:focus, .elementor-button:active, .elementor-kit-6 .elementor-button:hover, .elementor-kit-6 .elementor-button:focus, .elementor-kit-6 .elementor-button:active { text-shadow: none !important; } /* =============================== VARIABLES ================================= */ :root{ --brand:#19254F; --brand-2:#272165; --brand-3:#4b4dda; --accent:#e91e63; --danger:#e11; --ink:#111; --ink-2:#222; --muted:#6b7280; --line:#eee; --bg-soft:#fafafa; --site-header-h:72px; --wpbar:0px; --space-1:8px; --space-2:12px; --space-3:20px; --space-4:32px; --space-5:24px; --space-6:28px; --space-7:32px; --space-8:50px; --section-gap:var(--space-8); --title-gap:var(--space-4); --row-gap:var(--space-3); --sp-tabs-offset:16px; } body.admin-bar{ --wpbar:32px; } @media (max-width:782px){ body.admin-bar{ --wpbar:46px; } } html{ scroll-padding-top: calc(var(--site-header-h) + var(--wpbar,0px) + var(--sp-tabs-offset) + 12px); } /* =============================== GLOBAL ================================= */ .sp-page.container{max-width:1200px;margin:0 auto;padding:0 16px;color:var(--ink);} .sp-page img{max-width:100%;display:block;height:auto;} .sp-page section,.sp-page .sp-map-card{margin-bottom:38px;} @media (max-width:1200px){ .sp-page.container{ padding:0 12px; } } /* =============================== STICKY TABS ================================= */ .sp-page{ --sp-sticky-top: calc(var(--site-header-h) + var(--wpbar,0px)); } .sp-tabs{ position:sticky; top:calc(var(--sp-sticky-top) + var(--sp-tabs-offset)); z-index:50; display:flex; gap:22px; align-items:center; margin:8px 0 16px; padding:10px 12px; background:#ffffffcc; -webkit-backdrop-filter:saturate(180%) blur(8px); backdrop-filter:saturate(180%) blur(8px); border-bottom:1px solid var(--line); transition:box-shadow .2s, background .2s; } .sp-tabs a{ position:relative; text-decoration:none; color:#7a8892; font-weight:700; padding:6px 2px; } .sp-tabs a.is-active{ color:var(--danger); } .sp-tabs a.is-active:after{ content:""; position:absolute; left:0; right:0; bottom:-8px; height:3px; background:var(--danger); border-radius:2px; } @media (max-width:767px){ .sp-tabs{ gap:14px; padding:8px 10px; } .sp-tabs a{ font-size:14px; } .roomv-panel-mid { overflow: hidden; } } /* =============================== HEADER ================================= */ .sp-head{ margin:14px 0 22px; } .sp-head-row{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .sp-head-col{ min-width:0; } .sp-title{ margin:0 0 12px; font-size:22px; font-weight:700; line-height:1.3; } .sp-meta{ display: flex; flex-direction: row; gap: 8px; color: #555; } .sp-stars{ display:flex; gap:4px; align-items:center; line-height:1; } .sp-address{ font-size:14px; color:#444; } .sp-sec-title{ font-size:23px; font-weight:800; margin:0 0 14px; color:#0f172a; } .sp-rating-row{ display:flex; align-items:center; gap:8px; } .sp-rating-badge{ min-width:58px; text-align:center; background:#1f2937; color:#fff; font-weight:800; padding:8px 14px; border-radius:12px; font-size:14px; line-height:1.2; } .sp-rating-note{ font-weight:400; color:var(--ink-2); font-size:14px; } .btn-book-now{ display:inline-block; padding:10px 16px; background:var(--brand); color:#fff; border-radius:10px; font-weight:400; text-decoration:none; white-space:nowrap; transition:background .2s; } .btn-book-now:hover{ background:#0f1a40; } /* =============================== GALLERY – ngoài ================================= */ .pg-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; align-items:stretch; margin-bottom:24px;margin-top:-30px; } .pg-main,.pg-item{ display:block; border:0; padding:0; background:none; cursor:pointer; border-radius:12px; overflow:hidden; position:relative; } .pg-main img,.pg-item img{ width:100%; height:100%; object-fit:cover; transition:transform .25s; } .pg-side{ display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:12px; } .pg-main:hover img,.pg-item:hover img{ transform:scale(1.02); } .pg-more-badge{ position:absolute; right:10px; bottom:10px; background:rgba(0,0,0,.55); color:#fff; font-weight:700; padding:6px 10px; border-radius:10px; font-size:14px; } /* Cho phép dùng thay