/*
Theme Name: DVA COM TWO
Author: Volodymyr Diachenko
Description: Base styles, reset, fonts and typography.
Version: 26.08.01
*/

/* ======== RESET ======== */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; border: 0; outline: 0; background: transparent; }
html, body { margin:0; padding:0; }
img, picture, svg, video, canvas { display: block; max-width: 100%; height: auto; }
input, button, textarea, select { appearance: none; font: inherit; color: inherit; }
button { cursor: pointer; }
p, h1, h2, h3, h4, h5, h6, ul, ol { overflow-wrap: break-word; }
ul, ol { list-style: none; }
a { color: inherit; text-decoration: none; }
table { width: 100%; border-collapse: collapse; }

/* ======== TYPOGRAPHY & ELEMENTS ======== */
h1 { font-size: clamp(1.5rem,1.258rem + 1.21vw,1.75rem); }
h2 { font-size: clamp(1.25rem,1.008rem + 1.21vw,1.5rem); }
h1, h2 { font-weight:800; line-height:1.25; text-wrap:pretty; }
h1, h2, p, blockquote, li { overflow-wrap:anywhere; }
a { color: #0056b3; text-decoration: underline; text-underline-offset: .15rem; text-decoration-thickness: .1rem; transition: color .3s ease, text-decoration .3s ease; }
a:hover { color: #007bff; text-decoration: none; }
ul { list-style: square; }
ol { list-style: decimal; }
ul, ol { margin-inline-start: 2.25rem; }
li + li { margin-block-start: .5rem; line-height: 1.25; }
ul li::marker, ol li::marker { font-weight: 700; color: #900; }
blockquote { padding-inline-start: 1rem; border-inline-start: .25rem solid #ccc; font-style: italic; color: #444; }
a:focus-visible, button:focus-visible, input:focus-visible,
textarea:focus-visible, select:focus-visible { outline: .125rem solid #0056b3; outline-offset: .125rem; }
cite { display: block; margin-top: .5rem; font-size: .95rem; opacity: .9; }
big { font-size: 1.25rem; }
small { font-size: .75rem; }

/* ======== LAYOUT & SPACING ======== */
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; scroll-behavior:smooth; hanging-punctuation: first last; }
body { background: #999; font-family: 'Inter', system-ui, sans-serif; line-height: 1.5; font-size: clamp(1rem, 0.944rem + 0.28vw, 1.063rem); font-weight: 400; color: #222; }
.page { display: grid; min-block-size: 100dvh; grid-template-rows: auto 1fr auto; max-inline-size: 60ch; margin-inline: auto; margin-block: 0; padding-inline: clamp(1rem, 0.111rem + 4.44vw, 2rem); padding-block: 0; border-block: .25rem solid lime; background: #fffafa; }

/* Общие правила для колоночных флекс-контейнеров */
.page-header, .page-main, .page-main-header, .page-main-content, .page-main-footer, .page-footer { display: flex; flex-direction: column; }

/* ======== HEADER ======== */
.page-header { padding-block: .75rem; }
.page-header-headline { font-size: 1.25rem; font-weight: 900; }
.page-header-description { font-size: .95rem; font-weight: 600; font-style: italic; }
.page-header-description span { display: inline-block; white-space: nowrap; }

/* ======== MAIN ======== */
.page-main { padding-block: 1.5rem; border-block: 0.25rem solid #999; gap: 1.25rem; }
.page-main-header, .page-main-content, .page-main-footer { gap: 1rem; }

/* ======== FOOTER ======== */
.page-footer { gap: .5rem; padding-block: 1.25rem; }
.page-footer-pay, .footer-menu, .page-footer-fop, .page-footer-copyright, .page-footer-currency { line-height: 1.35; font-family: sans-serif; font-size: 0.95rem; font-weight: 400; }
.page-footer-pay span, .footer-menu span, .page-footer-fop span, .page-footer-copyright span, .page-footer-currency span { display: inline-block; margin-inline-end: .25ch; white-space: nowrap; }
.footer-menu a { color: #1a1a1a; text-decoration: none; }
.footer-menu a:hover { color: #00f; text-decoration: underline; }
.page-footering { font-size: 0.875rem; font-weight: 500; }

/* ======== UTILITIES ======== */
.skip-link { position: absolute; inset: -333rem auto auto 333rem; width: 1px; height: 1px; overflow: hidden; }
#wpadminbar { box-sizing: border-box; }
figure { margin: 0; }
#site-main:focus { outline: none; }

/* ======== CONSENT BANNER ======== */
.consent-banner { display: inline-flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 1rem; position: fixed; inset: auto 0 0 0; margin: 0; padding: .5rem 1rem; background: #333; z-index: 999999; font-size: .9rem; font-weight: 500; text-align: center; }
.consent-banner-alert { margin: 0; line-height: 1.2; font-family: sans-serif; color: #999; }
.consent-banner-alert span { display: inline-block; margin-inline-end: .25ch; white-space: nowrap; }
.consent-banner-button { border: .125rem solid #999; padding: .125rem .5rem; background: #333; transition: background 1s ease, color 1s ease; cursor: pointer; color: #999; }
.consent-banner-button:hover { background: #999; color: #333; }

/* ======== A/B TESTING ======== */
.show-bleeding_cash { display: none !important; }
.split-bleeding_cash .show-profit_loss { display: none !important; }
.split-bleeding_cash .show-bleeding_cash { display: inline !important; }

/* ======== BUTTON ======== */
a.landing-button { display: inline-block; margin: .25rem auto; padding: .75rem 1.5rem; border-radius: 2rem; background: linear-gradient(135deg, #f60, #06f);
    box-shadow: 0 10px 25px rgba(0, 204, 255, 0.6); transition: all 0.5s ease; cursor: pointer; letter-spacing: 1px; font-size: 1rem; font-weight: 400; color: white; text-transform: uppercase; text-decoration: none; }
a.landing-button:hover { background: linear-gradient(135deg, #06f, #f60); box-shadow: 0 15px 30px rgba(0, 204, 255, 0.8); transform: translateY(-5px) scale(1.03); }
a.landing-button.is-submitting { opacity: 0.5; pointer-events: none; filter: grayscale(100%); transition: all 0.3s ease; }