/*
Theme Name: disto Version 1.0
Theme URI: https://example.com
Author: Ten cua ban
Author URI: https://example.com
Description: Mo ta ngan gon ve theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ten-theme
Tags: custom-theme, responsive
*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--theme-font-body, "Google Sans Flex", sans-serif);
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
        "slnt" 0,
        "wdth" 100,
        "GRAD" 0,
        "ROND" 0;
    color: #070707;
    background: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    transition: background-color 0.25s ease, color 0.25s ease;
}

h1,
.entry-content h1 {
    font-family: var(--theme-font-heading, "Google Sans Flex", sans-serif);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.1;
}

h2,
.entry-content h2 {
    font-family: var(--theme-font-heading, "Google Sans Flex", sans-serif);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.25;
}

h3,
h4,
h5,
h6,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
strong,
b {
    font-weight: 600;
}

.primary-menu-list > .menu-item > a,
.top-menu-list a,
.mobile-menu-list > .menu-item > a,
.home-hero-slide__title,
.home-travel-card__title,
.home-service-feature__main-title,
.home-service-feature__side-title,
.home-service-feature__bottom-title,
.home-technology__card-title,
.home-latest__item-title,
.category-archive__title,
.category-archive__card-title {
    font-weight: 600;
}

p,
li,
input,
textarea,
select,
button {
    font-size: 14px;
}

small,
time {
    font-size: 12px;
}

a {
    color: inherit;
}

img {
    max-width: 100%;
    height: auto;
}

button,
input,
textarea,
select {
    font: inherit;
}

.blog-theme-embed {
    margin: 1.8em 0;
}

.blog-theme-embed iframe {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 16px;
}

.blog-theme-embed--video iframe {
    aspect-ratio: 16 / 9;
    min-height: 320px;
}

.blog-theme-embed--map iframe {
    aspect-ratio: 16 / 10;
    min-height: 360px;
}

.blog-theme-embed .wp-embedded-content,
.blog-theme-embed blockquote.tiktok-embed {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

.entry-content .blog-theme-embed,
.pht-content .blog-theme-embed {
    clear: both;
}

.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.theme-breadcrumbs {
    display: flex;
    align-items: center;
    min-height: 42px;
    margin-bottom: 18px;
    color: #7a7f89;
    font-size: 13px;
    line-height: 1.5;
}

.theme-breadcrumbs__trail {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.theme-breadcrumbs a {
    color: #525762;
    text-decoration: none;
}

.theme-breadcrumbs__sep {
    color: #b3b8c2;
}

html[data-theme="dark"] {
    color-scheme: dark;
}

body[data-theme="dark"] {
    color: #eef2f7;
    background: #0b111b;
}

body[data-theme="dark"] .site-main,
body[data-theme="dark"] .home-top-news,
body[data-theme="dark"] .home-hero-slider,
body[data-theme="dark"] .home-travel-picks,
body[data-theme="dark"] .home-service-feature,
body[data-theme="dark"] .home-latest,
body[data-theme="dark"] .home-technology,
body[data-theme="dark"] .category-archive,
body[data-theme="dark"] .search-results,
body[data-theme="dark"] .author-archive,
body[data-theme="dark"] .pht-single-page {
    background: #0b111b;
}

body[data-theme="dark"] h1,
body[data-theme="dark"] h2,
body[data-theme="dark"] h3,
body[data-theme="dark"] h4,
body[data-theme="dark"] h5,
body[data-theme="dark"] h6,
body[data-theme="dark"] .entry-content h1,
body[data-theme="dark"] .entry-content h2,
body[data-theme="dark"] .entry-content h3,
body[data-theme="dark"] .entry-content h4,
body[data-theme="dark"] .entry-content h5,
body[data-theme="dark"] .entry-content h6 {
    color: #f8fafc;
}

body[data-theme="dark"] p,
body[data-theme="dark"] li,
body[data-theme="dark"] small,
body[data-theme="dark"] time,
body[data-theme="dark"] label,
body[data-theme="dark"] span {
    color: inherit;
}

body[data-theme="dark"] input,
body[data-theme="dark"] textarea,
body[data-theme="dark"] select,
body[data-theme="dark"] button {
    color: #eef2f7;
}

body[data-theme="dark"] .theme-breadcrumbs,
body[data-theme="dark"] .theme-breadcrumbs a,
body[data-theme="dark"] .theme-breadcrumbs__sep {
    color: #9aa5b5;
}

body[data-theme="dark"] .home-top-news__bar,
body[data-theme="dark"] .home-hero-slider__nav-item,
body[data-theme="dark"] .home-travel-card,
body[data-theme="dark"] .home-latest__item,
body[data-theme="dark"] .category-archive__card,
body[data-theme="dark"] .search-results__card,
body[data-theme="dark"] .author-archive__card,
body[data-theme="dark"] .pht-author-box,
body[data-theme="dark"] .pht-comment-body .comment-form textarea,
body[data-theme="dark"] .pht-comment-body .comment-form input[type="text"],
body[data-theme="dark"] .pht-comment-body .comment-form input[type="email"],
body[data-theme="dark"] .pht-comment-body .comment-form input[type="url"] {
    /* background: #121a27; */
    border-color: #233044;
    color: #eef2f7;
}

body[data-theme="dark"] .home-top-news__title a,
body[data-theme="dark"] .home-travel-card__title a,
body[data-theme="dark"] .home-service-feature__side-title a,
body[data-theme="dark"] .home-technology__card-title a,
body[data-theme="dark"] .home-latest__item-title a,
body[data-theme="dark"] .category-archive__card-title a,
body[data-theme="dark"] .search-results__card-title a,
body[data-theme="dark"] .author-archive__card-title a,
body[data-theme="dark"] .pht-post-title,
body[data-theme="dark"] .pht-related-title a,
body[data-theme="dark"] .theme-sidebar__heading,
body[data-theme="dark"] .theme-sidebar__mini-title a,
body[data-theme="dark"] .theme-sidebar__exclusive-title a {
    color: #f8fafc;
}

body[data-theme="dark"] .home-travel-card__excerpt,
body[data-theme="dark"] .home-service-feature__main-excerpt,
body[data-theme="dark"] .home-technology__excerpt,
body[data-theme="dark"] .home-latest__item-excerpt,
body[data-theme="dark"] .category-archive__card-excerpt,
body[data-theme="dark"] .search-results__card-excerpt,
body[data-theme="dark"] .author-archive__card-excerpt,
body[data-theme="dark"] .pht-post-subtitle,
body[data-theme="dark"] .pht-content p,
body[data-theme="dark"] .pht-content li,
body[data-theme="dark"] .pht-author-bio,
body[data-theme="dark"] .pht-related-excerpt,
body[data-theme="dark"] .theme-sidebar__mini-date,
body[data-theme="dark"] .site-footer__about {
    color: #a9b3c3;
}

body[data-theme="dark"] .theme-sidebar__block,
body[data-theme="dark"] .pht-content .wp-block-table,
body[data-theme="dark"] .pht-content .table-responsive {
    background: transparent;
}

body[data-theme="dark"] .blog-theme-embed blockquote.tiktok-embed {
    background: #121a27;
    border-color: #223044;
}

body[data-theme="dark"] .theme-sidebar__category-link,
body[data-theme="dark"] .theme-sidebar__mini-item,
body[data-theme="dark"] .theme-sidebar__exclusive-slide,
body[data-theme="dark"] .pht-share-bottom,
body[data-theme="dark"] .pht-post-nav,
body[data-theme="dark"] .pht-post-foot,
body[data-theme="dark"] .category-archive__pagination .page-numbers a,
body[data-theme="dark"] .category-archive__pagination .page-numbers span {
    border-color: #223044;
}

body[data-theme="dark"] .category-archive__pagination .page-numbers a,
body[data-theme="dark"] .category-archive__pagination .page-numbers span,
body[data-theme="dark"] .pht-tag-chip {
    background: #121a27;
    color: #eef2f7;
}

.site-scroll-top {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 9998;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border: 0;
    border-radius: 18px;
    background: linear-gradient(135deg, #ef433f 0%, #d72d34 100%);
    color: #ffffff;
    box-shadow: 0 16px 34px rgba(215, 45, 52, 0.3);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 12px, 0);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease, box-shadow 0.22s ease;
}

.site-scroll-top i {
    font-size: 18px;
    line-height: 1;
}

.site-scroll-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

.site-scroll-top:hover {
    box-shadow: 0 20px 40px rgba(215, 45, 52, 0.38);
}

body[data-theme="dark"] .site-scroll-top {
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.34);
}

@media (max-width: 767px) {
    .site-scroll-top {
        right: 16px;
        bottom: 16px;
        width: 48px;
        height: 48px;
        border-radius: 16px;
    }
}