/* Theme Name: Trip2Thai GeneratePress Child Theme URI: https://trip2thai.ru/ Description: Child theme for Trip2Thai: modern card grid for blog archives and small frontend optimizations. Author: Trip2Thai Template: generatepress Version: 1.2.9 Text Domain: trip2thai-gp-child */ :root { --t2t-bg: #f5f7f4; --t2t-surface: #ffffff; --t2t-surface-soft: #f9faf7; --t2t-text: #232827; --t2t-muted: #65706d; --t2t-border: #e4e7df; --t2t-accent: #0f7f72; --t2t-accent-dark: #095d55; --t2t-sun: #d99232; --t2t-card-radius: 14px; --t2t-card-shadow: 0 14px 34px rgba(19, 35, 31, 0.08); } body { background: linear-gradient(180deg, rgba(15, 127, 114, 0.08), rgba(15, 127, 114, 0) 280px), var(--t2t-bg); color: var(--t2t-text); font-weight: 400; overflow-x: clip; } body:not(.admin-bar) { padding-top: 0; } a { text-underline-offset: 0.16em; } a:hover, a:focus { color: var(--t2t-accent-dark); } .site-header { border-bottom: 1px solid var(--t2t-border); box-shadow: 0 8px 28px rgba(19, 35, 31, 0.05); } .inside-header { display: flex; align-items: center; gap: 28px; padding: 16px 32px; } .site-logo { flex: 0 0 auto; position: relative; } .site-logo img, .site-header .header-image { display: block; width: auto; max-width: min(310px, 34vw); max-height: 86px; object-fit: contain; } /* * Trip2Thai branded logo. * The old WordPress logo image is hidden, but the home link stays clickable. */ body.t2t-theme-logo .site-logo img { display: none; } body.t2t-theme-logo .site-logo a { display: block; width: clamp(260px, 25vw, 390px); height: clamp(74px, 7.2vw, 112px); background: url("assets/trip2thai-logo.png") left center / contain no-repeat; } /* * Optional modern text-logo mode. * Add class "t2t-modern-logo" to if you want to use a CSS-only logo. */ body.t2t-modern-logo .site-logo img { display: none; } body.t2t-modern-logo .site-logo a { display: inline-grid; grid-template-columns: 48px auto; grid-template-rows: auto auto; column-gap: 12px; align-items: center; color: var(--t2t-text); } body.t2t-modern-logo .site-logo a::before { content: "T2"; grid-row: 1 / 3; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; color: #fff; background: linear-gradient(135deg, var(--t2t-accent), #1aa191); font-weight: 500; letter-spacing: 0; box-shadow: 0 12px 24px rgba(15, 127, 114, 0.22); } body.t2t-modern-logo .site-logo a::after { content: "Trip2Thai.ru"; grid-column: 2; color: var(--t2t-text); font-size: clamp(28px, 3vw, 42px); font-weight: 500; line-height: 1; letter-spacing: 0; } body.t2t-modern-logo .site-logo { min-width: 300px; min-height: 70px; } body.t2t-modern-logo .site-logo::after { content: "Путешествие в Таиланд"; position: absolute; left: 60px; top: 52px; color: var(--t2t-accent); font-size: 16px; font-weight: 500; } .main-navigation { flex: 0 1 auto; width: auto; margin-left: auto; border: 1px solid var(--t2t-border); border-radius: 999px; background: rgba(255, 255, 255, 0.84) !important; box-shadow: 0 14px 34px rgba(19, 35, 31, 0.08); overflow: visible; } .nav-float-right .inside-header .main-navigation { float: none; clear: none; } .main-navigation .inside-navigation { display: flex; align-items: center; justify-content: center; min-height: 58px; padding: 0 12px; } .main-navigation .main-nav { flex: 0 1 auto; } .main-navigation .main-nav > ul { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; gap: 4px; } .main-navigation .main-nav ul li { float: none; flex: 0 0 auto; } .main-navigation .main-nav ul li a { display: flex; align-items: center; justify-content: center; color: var(--t2t-text) !important; line-height: 42px; padding-left: 16px; padding-right: 16px; border-radius: 999px; font-size: 16px; font-weight: 500; letter-spacing: 0; white-space: nowrap; } .main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .main-nav ul li[class*="current-menu-"] > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a { color: var(--t2t-accent-dark) !important; background: rgba(15, 127, 114, 0.10) !important; } .main-navigation ul ul { width: auto; min-width: 240px; max-width: min(320px, 92vw); padding: 8px; border: 1px solid var(--t2t-border); border-radius: 14px; background: var(--t2t-surface) !important; box-shadow: var(--t2t-card-shadow); } .main-navigation .main-nav ul ul li a { justify-content: flex-start; line-height: 1.3; padding: 11px 12px; color: var(--t2t-text) !important; font-size: 14px; font-weight: 400; border-radius: 10px; } .main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .main-nav ul ul li[class*="current-menu-"] > a { color: var(--t2t-accent-dark) !important; background: rgba(15, 127, 114, 0.10) !important; } .menu-item-has-children .dropdown-menu-toggle { display: inline-flex; align-items: center; padding-right: 0; padding-left: 7px; line-height: inherit; } .dropdown-menu-toggle::before { content: ""; width: 7px; height: 7px; border: solid currentColor; border-width: 0 1.7px 1.7px 0; transform: translateY(-2px) rotate(45deg); } .main-navigation li.search-item { float: none; flex: 0 0 auto; margin-left: 6px; } .main-navigation li.search-item a { position: relative; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0 !important; color: var(--t2t-text) !important; border-radius: 999px; } .main-navigation li.search-item a::before { content: ""; width: 15px; height: 15px; border: 2px solid currentColor; border-radius: 50%; } .main-navigation li.search-item a::after { content: ""; position: absolute; width: 8px; height: 2px; background: currentColor; transform: translate(9px, 9px) rotate(45deg); border-radius: 999px; } .main-navigation li.search-item a:hover, .main-navigation li.search-item.active > a { color: var(--t2t-accent-dark) !important; background: rgba(15, 127, 114, 0.10) !important; } .cat-links::before, .tags-links::before, .comments-link::before { display: none; } .navigation-search input[type="search"], .navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus { height: 58px; color: var(--t2t-text); background: var(--t2t-surface); border-radius: 999px; } .separate-containers .site-main { margin-top: 18px; } .sidebar .widget { border: 1px solid var(--t2t-border); border-radius: var(--t2t-card-radius); box-shadow: 0 10px 24px rgba(19, 35, 31, 0.05); } .sidebar .widget:first-child { position: relative; overflow: hidden; } .sidebar .widget:first-child::before { content: ""; display: block; height: 4px; margin: -34px -34px 28px; background: linear-gradient(90deg, var(--t2t-accent), var(--t2t-sun)); } .widget-title { font-weight: 500; letter-spacing: 0; } .sidebar .widget-title { margin-bottom: 20px; font-size: 24px; line-height: 1.25; } .sidebar .widget ul { margin: 0; list-style: none; } .sidebar .widget li { margin: 0; } .sidebar .widget_recent_entries ul, .sidebar .wp-block-latest-posts { counter-reset: t2t-sidebar-post; } .sidebar .widget_recent_entries li, .sidebar .wp-block-latest-posts li { counter-increment: t2t-sidebar-post; position: relative; padding: 14px 0 14px 40px; border-top: 1px solid var(--t2t-border); } .sidebar .widget_recent_entries li:first-child, .sidebar .wp-block-latest-posts li:first-child { border-top: 0; padding-top: 0; } .sidebar .widget_recent_entries li::before, .sidebar .wp-block-latest-posts li::before { content: counter(t2t-sidebar-post, decimal-leading-zero); position: absolute; top: 17px; left: 0; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 999px; color: var(--t2t-accent-dark); background: rgba(15, 127, 114, 0.10); font-size: 12px; font-weight: 500; } .sidebar .widget_recent_entries li:first-child::before, .sidebar .wp-block-latest-posts li:first-child::before { top: 2px; } .sidebar .widget_recent_entries a, .sidebar .wp-block-latest-posts a { display: block; color: #25443e; font-size: 16px; font-weight: 500; line-height: 1.45; text-decoration: none; } .sidebar .widget_recent_entries a:hover, .sidebar .wp-block-latest-posts a:hover { color: var(--t2t-accent-dark); } .sidebar .tagcloud, .sidebar .wp-block-tag-cloud { display: flex; flex-wrap: wrap; gap: 8px; } .sidebar .tagcloud a, .sidebar .wp-block-tag-cloud a { display: inline-flex; align-items: center; min-height: 30px; padding: 5px 10px; border-radius: 999px; color: var(--t2t-accent-dark); background: rgba(15, 127, 114, 0.08); font-size: 14px !important; font-weight: 500; line-height: 1.15; text-decoration: none; } .sidebar .tagcloud a:hover, .sidebar .wp-block-tag-cloud a:hover { color: #fff; background: var(--t2t-accent); } .entry-content { font-size: 17px; line-height: 1.72; } .single .entry-title { max-width: 880px; font-weight: 500; letter-spacing: 0; } .single .featured-image img { border-radius: 16px; box-shadow: var(--t2t-card-shadow); } .single .inside-article { border-radius: 14px; } .entry-content h2 { margin-top: 1.45em; font-weight: 500; letter-spacing: 0; } .entry-content h3 { font-weight: 500; } .entry-content blockquote { margin: 28px 0; padding: 18px 22px; border-left: 4px solid var(--t2t-accent); background: var(--t2t-surface-soft); border-radius: 0 12px 12px 0; } .entry-content blockquote p:last-child { margin-bottom: 0; } .entry-content figure.wp-block-image { margin: 28px 0; } .entry-content figure.wp-block-image img { border-radius: 14px; box-shadow: var(--t2t-card-shadow); } .entry-content figcaption { margin-top: 9px; color: var(--t2t-muted); font-size: 14px; line-height: 1.45; } .entry-content ul, .entry-content ol { margin-left: 1.35em; } /* Blog/archive layout: compact modern cards instead of one long column. */ body.blog .site-main, body.archive .site-main, body.search .site-main { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; align-items: start; } body.blog .site-main > *, body.archive .site-main > *, body.search .site-main > * { margin-bottom: 0; } body.blog .site-main > article, body.archive .site-main > article, body.search .site-main > article { height: 100%; } body.blog .inside-article, body.archive .inside-article, body.search .inside-article { display: flex; flex-direction: column; height: 100%; padding: 18px 22px; border: 1px solid var(--t2t-border); border-radius: var(--t2t-card-radius); box-shadow: var(--t2t-card-shadow); overflow: hidden; transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease; } @supports (content-visibility: auto) { body.blog .site-main > article:nth-of-type(n+3), body.archive .site-main > article:nth-of-type(n+3), body.search .site-main > article:nth-of-type(n+3) { content-visibility: auto; contain-intrinsic-size: 620px; } .sidebar .widget:nth-child(n+2) { content-visibility: auto; contain-intrinsic-size: 420px; } } body.blog .inside-article:hover, body.archive .inside-article:hover, body.search .inside-article:hover { transform: translateY(-3px); border-color: rgba(15, 127, 114, 0.22); box-shadow: 0 18px 42px rgba(19, 35, 31, 0.12); } body.blog .post-image, body.archive .post-image, body.search .post-image { order: -1; margin: -18px -22px 16px; } body.blog .post-image img, body.archive .post-image img, body.search .post-image img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; } body.blog .entry-title, body.archive .entry-title, body.search .entry-title { font-size: clamp(20px, 1.7vw, 24px); line-height: 1.32; margin-bottom: 10px; font-weight: 500; letter-spacing: 0; } body.blog .entry-title a, body.archive .entry-title a, body.search .entry-title a { color: #20332f; } body.blog .entry-title a:hover, body.archive .entry-title a:hover, body.search .entry-title a:hover { color: var(--t2t-accent-dark); } body.blog .entry-meta, body.archive .entry-meta, body.search .entry-meta { margin-top: 0; color: var(--t2t-muted); } body.blog .entry-summary, body.archive .entry-summary, body.search .entry-summary { margin-top: 12px; color: #3e4744; } body.blog .entry-summary p, body.archive .entry-summary p, body.search .entry-summary p { margin-bottom: 0; } body.blog footer.entry-meta, body.archive footer.entry-meta, body.search footer.entry-meta { margin-top: 22px; padding-top: 0; padding-bottom: 2px; font-size: 13px; } body.blog footer.entry-meta .tags-links, body.archive footer.entry-meta .tags-links, body.search footer.entry-meta .tags-links, body.blog footer.entry-meta .comments-link, body.archive footer.entry-meta .comments-link, body.search footer.entry-meta .comments-link { display: none; } body.blog .cat-links a, body.archive .cat-links a, body.search .cat-links a { display: inline-block; margin: 3px 4px 0 0; padding: 3px 8px; border-radius: 999px; background: rgba(15, 127, 114, 0.08); color: var(--t2t-accent-dark); } .t2t-home-intro { grid-column: 1 / -1; padding: 24px 28px; border: 1px solid var(--t2t-border); border-radius: var(--t2t-card-radius); background: rgba(255, 255, 255, 0.78); box-shadow: 0 10px 24px rgba(19, 35, 31, 0.05); } .t2t-home-intro h1 { max-width: 820px; margin: 0; color: #20332f; font-size: clamp(26px, 3vw, 42px); font-weight: 400; line-height: 1.18; letter-spacing: 0; } .t2t-home-intro p { max-width: 720px; margin: 12px 0 0; color: var(--t2t-muted); font-size: 17px; line-height: 1.55; } .site-footer .site-info { color: rgba(255, 255, 255, 0.78); background: linear-gradient(90deg, rgba(15, 127, 114, 0.28), rgba(217, 146, 50, 0.16)), #172321; } .site-footer .inside-site-info { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; padding: 30px 24px; font-size: 16px; line-height: 1.5; } .site-footer .t2t-footer-brand { color: #fff; font-weight: 500; } .site-footer .t2t-footer-separator { color: rgba(255, 255, 255, 0.42); } .site-footer .t2t-footer-year { color: rgba(255, 255, 255, 0.58); } body.blog .paging-navigation, body.archive .paging-navigation, body.search .paging-navigation, body.blog .page-header, body.archive .page-header, body.search .page-header, body.blog .no-results, body.archive .no-results, body.search .no-results { grid-column: 1 / -1; } body.blog .paging-navigation, body.archive .paging-navigation, body.search .paging-navigation { padding: 8px 0 0; background: transparent; } body.blog .paging-navigation .nav-links, body.archive .paging-navigation .nav-links, body.search .paging-navigation .nav-links { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } body.blog .paging-navigation .page-numbers, body.archive .paging-navigation .page-numbers, body.search .paging-navigation .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 36px; padding: 7px 12px; border: 1px solid var(--t2t-border); border-radius: 999px; color: var(--t2t-text); background: var(--t2t-surface); font-weight: 500; text-decoration: none; } body.blog .paging-navigation .page-numbers.current, body.archive .paging-navigation .page-numbers.current, body.search .paging-navigation .page-numbers.current, body.blog .paging-navigation .page-numbers:hover, body.archive .paging-navigation .page-numbers:hover, body.search .paging-navigation .page-numbers:hover { color: #fff; border-color: var(--t2t-accent); background: var(--t2t-accent); } /* Make generated comparison tables easier to read on mobile. */ .wp-block-table, .trip2thai-price-table { overflow-x: auto; border: 1px solid var(--t2t-border); border-radius: 14px; box-shadow: var(--t2t-card-shadow); background: var(--t2t-surface); } .wp-block-table table, .trip2thai-price-table table { min-width: 760px; margin-bottom: 0; border: 0; } .trip2thai-price-table th { white-space: nowrap; background: #eef7f4; color: var(--t2t-accent-dark); font-weight: 500; } .wp-block-table td, .wp-block-table th, .trip2thai-price-table td, .trip2thai-price-table th { border-color: var(--t2t-border); padding: 12px 14px; } .trip2thai-price-table tbody tr:nth-child(even) td { background: #fbfcfa; } .trip2thai-price-table figcaption { padding: 10px 14px 14px; } @media (max-width: 1180px) { .inside-header { gap: 20px; padding-top: 14px; padding-bottom: 14px; padding-left: 24px; padding-right: 24px; } body.t2t-theme-logo .site-logo a { width: clamp(250px, 30vw, 340px); height: clamp(70px, 7.5vw, 96px); } .main-navigation .inside-navigation { min-height: 54px; padding: 0 8px; } .main-navigation .main-nav ul li a { line-height: 38px; padding-left: 11px; padding-right: 11px; font-size: 15px; } .main-navigation li.search-item a { width: 38px; height: 38px; } } @media (max-width: 960px) { .inside-header { flex-wrap: wrap; justify-content: center; gap: 18px; } .main-navigation { flex-basis: 100%; margin-left: 0; border-radius: 16px; } .main-navigation .inside-navigation { justify-content: center; } .main-navigation .main-nav > ul { justify-content: center; } body.blog .site-main, body.archive .site-main, body.search .site-main { grid-template-columns: 1fr; } } @media (max-width: 768px) { html, body { max-width: 100%; overflow-x: hidden; } .site, .grid-container, .site-header, .inside-header, .main-navigation, .main-navigation .inside-navigation, .site-content, .content-area, .inside-article, .site-main { box-sizing: border-box; max-width: 100vw; } .site-header { width: 100%; } .inside-header { width: 100%; padding: 14px 22px; margin-left: 0; margin-right: 0; } .site-logo img, .site-header .header-image { max-width: min(300px, 82vw); max-height: 82px; } body.t2t-theme-logo .site-logo a { width: min(310px, calc(100vw - 44px)); height: 88px; background-position: center; } body.t2t-modern-logo .site-logo { min-width: min(320px, 86vw); min-height: 64px; } body.t2t-modern-logo .site-logo a { grid-template-columns: 44px auto; column-gap: 10px; } body.t2t-modern-logo .site-logo a::before { width: 44px; height: 44px; border-radius: 13px; font-size: 17px; } body.t2t-modern-logo .site-logo a::after { font-size: clamp(26px, 8vw, 34px); } body.t2t-modern-logo .site-logo::after { left: 54px; top: 48px; font-size: 14px; } .main-navigation { width: calc(100vw - 44px); max-width: 540px; border-radius: 14px; margin-left: auto; margin-right: auto; } .main-navigation .inside-navigation { display: block; min-height: 54px; padding: 0; } .main-navigation .menu-toggle { position: relative; display: flex; align-items: center; justify-content: flex-start; color: var(--t2t-text) !important; line-height: 54px; padding: 0 18px; border-radius: 14px; } .main-navigation .menu-toggle::before { content: ""; width: 20px; height: 2px; margin-right: 14px; background: currentColor; border-radius: 999px; box-shadow: 0 6px 0 currentColor, 0 12px 0 currentColor; } .main-navigation:not(.toggled) .main-nav > ul, .main-navigation:not(.toggled) .menu-bar-items { display: none; } .main-navigation .main-nav > ul { display: block; padding: 8px; } .main-navigation .main-nav ul li { width: 100%; } .main-navigation .main-nav ul li a { justify-content: flex-start; line-height: 1.35; padding: 12px 14px; } .main-navigation li.search-item { margin-left: 0; } .main-navigation li.search-item a { justify-content: flex-start; width: auto; height: auto; padding: 12px 14px !important; } .site-content, .content-area { width: 100%; min-width: 0; padding-left: 0; padding-right: 0; } body.blog .site-main, body.archive .site-main, body.search .site-main { width: 100%; max-width: 100%; min-width: 0; padding-left: 12px; padding-right: 12px; gap: 16px; } .t2t-home-intro { padding: 20px 18px; } .t2t-home-intro h1 { font-size: 24px; } .t2t-home-intro p { font-size: 15px; } body.blog .site-main > article, body.archive .site-main > article, body.search .site-main > article { width: 100%; max-width: 100%; min-width: 0; margin-left: 0; margin-right: 0; } body.blog .inside-article, body.archive .inside-article, body.search .inside-article { width: 100%; min-width: 0; padding: 16px; } body.blog .post-image, body.archive .post-image, body.search .post-image { margin: -16px -16px 14px; } body.blog .entry-title, body.archive .entry-title, body.search .entry-title, body.blog .entry-summary, body.archive .entry-summary, body.search .entry-summary { overflow-wrap: anywhere; } } /* Fix navigation search visibility */ .navigation-search:not(.nav-search-active) { display: none !important; opacity: 0 !important; pointer-events: none !important; } .navigation-search.nav-search-active { display: block !important; opacity: 1 !important; pointer-events: auto !important; } /* Идеальное центрирование гамбургера по высоте 54px кнопки */ @media (max-width: 768px) { .main-navigation .menu-toggle { display: flex !important; align-items: center !important; height: 54px !important; line-height: 54px !important; padding: 0 20px !important; } .main-navigation .menu-toggle::before { content: "" !important; display: inline-block !important; width: 20px !important; height: 2px !important; margin-right: 12px !important; margin-top: -12px !important; background: currentColor !important; border-radius: 999px !important; box-shadow: 0 6px 0 currentColor, 0 12px 0 currentColor !important; flex-shrink: 0 !important; } .main-navigation .menu-toggle .mobile-menu { display: inline-block !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1 !important; padding-left: 0 !important; } }