/*
Theme Name: REO
Description: REO Investment svetaines tema.
Version: 1.0.0
Requires PHP: 8.1
Text Domain: reo
*/

@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
	src: url("assets/fonts/inter-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
	src: url("assets/fonts/inter-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
	--reo-green: #206b5b;
	--reo-green-dark: #154c40;
	--reo-teal: #46937f;
	--reo-tint: #eef5f3;
	--reo-ink: #1d2826;
	--reo-muted: #5a6865;
	--reo-line: #dde5e3;
	--reo-bg: #ffffff;
	--reo-gutter: clamp(16px, 4vw, 40px);
	--reo-wide: 1180px;
	--reo-text: 760px;
}
/* Senos narsykles be clamp() (iki Chrome 79) */
@supports not (width: clamp(1px, 1px, 1px)) {
	:root { --reo-gutter: 24px; }
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 96px; }
body {
	margin: 0;
	background: var(--reo-bg);
	color: var(--reo-ink);
	font: 400 17px/1.65 "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; }
a { color: var(--reo-green); text-underline-offset: 3px; }
a:hover { color: var(--reo-green-dark); }
:focus-visible { outline: 3px solid var(--reo-teal); outline-offset: 2px; border-radius: 2px; }
h1, h2, h3, h4 { line-height: 1.2; letter-spacing: -.015em; font-weight: 650; color: var(--reo-ink); margin: 1.6em 0 .5em; text-wrap: balance; }
h1 { font-size: clamp(2rem, 1.5rem + 2.4vw, 3.25rem); margin-top: 0; }
h2 { font-size: clamp(1.45rem, 1.25rem + .9vw, 2rem); }
h3 { font-size: 1.2rem; }
p { margin: 0 0 1em; }

.reo-skip { position: absolute; left: -9999px; }
.reo-skip:focus { left: 16px; top: 16px; z-index: 100; background: #fff; padding: 8px 14px; }

/* Antraste */
.reo-header { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--reo-line); }
.reo-header__in { max-width: var(--reo-wide); margin: 0 auto; padding: 12px var(--reo-gutter); display: flex; align-items: center; gap: 24px; }
.reo-logo { display: block; flex: none; line-height: 0; }
.reo-logo img { height: 48px; width: auto; }
.reo-nav { margin-left: auto; }
.reo-nav ul { list-style: none; margin: 0; padding: 0; }
.reo-nav > ul { display: flex; align-items: center; gap: 2px; }
.reo-nav li { position: relative; }
.reo-nav a { display: block; padding: 9px 13px; border-radius: 6px; color: var(--reo-ink); font-size: .95rem; font-weight: 500; text-decoration: none; }
.reo-nav a:hover, .reo-nav .current-menu-item > a, .reo-nav .current-menu-ancestor > a { color: var(--reo-green); background: var(--reo-tint); }
.reo-nav .sub-menu { display: none; position: absolute; top: 100%; left: 0; min-width: 250px; padding: 8px; background: #fff; border: 1px solid var(--reo-line); border-radius: 8px; box-shadow: 0 12px 30px rgba(20,50,44,.12); }
.reo-nav li:hover > .sub-menu, .reo-nav li:focus-within > .sub-menu { display: block; }
.reo-nav .menu-item-has-children > a::after { content: ""; display: inline-block; width: 6px; height: 6px; margin-left: 7px; border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: translateY(-2px) rotate(45deg); }
.reo-lang { flex: none; }
.reo-lang a { display: block; padding: 6px 10px; border: 1px solid var(--reo-line); border-radius: 6px; color: var(--reo-muted); font-size: .8rem; font-weight: 600; letter-spacing: .04em; text-decoration: none; text-transform: uppercase; }
.reo-lang a:hover { border-color: var(--reo-green); color: var(--reo-green); }
.reo-toggle { display: none; margin-left: auto; width: 44px; height: 44px; padding: 11px 10px; border: 0; border-radius: 6px; background: none; cursor: pointer; }
.reo-toggle span { display: block; height: 2px; margin: 4px 0; background: var(--reo-ink); }

@media (max-width: 900px) {
	.reo-toggle { display: block; order: 2; }
	.reo-lang { margin-left: auto; order: 1; }
	.reo-toggle { margin-left: 0; }
	.reo-nav { display: none; order: 3; flex-basis: 100%; margin: 0; }
	.reo-header__in { flex-wrap: wrap; gap: 12px; }
	.reo-nav.is-open { display: block; }
	.reo-nav > ul { display: block; padding-bottom: 8px; }
	.reo-nav .sub-menu { display: block; position: static; min-width: 0; padding: 0 0 0 14px; border: 0; box-shadow: none; }
	.reo-nav a { padding: 11px 10px; }
	.reo-nav .menu-item-has-children > a::after { display: none; }
	.reo-logo img { height: 42px; }
}

/* Turinys */
.reo-page-head { background: var(--reo-tint); padding: clamp(32px, 5vw, 64px) var(--reo-gutter); }
.reo-page-head h1 { max-width: var(--reo-wide); margin: 0 auto; font-size: clamp(1.8rem, 1.4rem + 2vw, 2.75rem); }
.entry-content { padding: clamp(28px, 5vw, 56px) var(--reo-gutter) clamp(48px, 7vw, 88px); }
.entry-content > :not(.alignfull) { max-width: var(--reo-text); margin-left: auto; margin-right: auto; }
.entry-content > .alignfull { max-width: none; margin-left: calc(var(--reo-gutter) * -1); margin-right: calc(var(--reo-gutter) * -1); }
.is-front .entry-content { padding-top: 0; padding-bottom: 0; }
.wp-block-list { padding-left: 1.3em; margin-top: 0; margin-bottom: 1em; }
.wp-block-list li { margin-bottom: .35em; }
.wp-block-image { margin-top: 1.25em; margin-bottom: 1.25em; }
.wp-block-image img { border-radius: 4px; }
.wp-block-button__link { display: inline-block; padding: 12px 22px; border-radius: 7px; background: var(--reo-green); color: #fff; font-weight: 600; font-size: 1rem; text-decoration: none; }
.wp-block-button__link:hover { background: var(--reo-green-dark); color: #fff; }
.is-style-outline .wp-block-button__link { background: transparent; border: 1.5px solid currentColor; color: var(--reo-green); }
.wp-block-buttons { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 1.25em; margin-bottom: 1.25em; }
.wp-block-columns { display: flex; gap: 28px; }
.wp-block-column { flex: 1 1 0; min-width: 0; }
@media (max-width: 720px) { .wp-block-columns { flex-direction: column; gap: 14px; } .wp-block-column { flex-basis: auto !important; } }

/* Isskleidziami metai */
.wp-block-details { border: 1px solid var(--reo-line); border-radius: 8px; margin: 0 auto 12px; padding: 0 20px; }
.wp-block-details summary { padding: 15px 0; font-weight: 600; color: var(--reo-green-dark); cursor: pointer; }
.wp-block-details[open] { padding-bottom: 12px; }
.reo-project { border-top: 1px solid var(--reo-line); padding-top: 18px; margin-bottom: 18px; }
.reo-project h3 { margin-top: 0; font-size: 1rem; letter-spacing: .01em; text-transform: uppercase; }
.reo-project p { font-size: .96rem; margin-bottom: .4em; }
.reo-project .wp-block-image { margin: 0; }
.reo-project .wp-block-image img { max-height: 76px; width: auto; }

/* Juostos */
.reo-band { padding: clamp(44px, 7vw, 84px) var(--reo-gutter); }
.reo-band > * { max-width: var(--reo-wide); margin-left: auto; margin-right: auto; }
.reo-band > h2:first-child { margin-top: 0; }
.reo-hero { background: linear-gradient(135deg, var(--reo-green-dark), var(--reo-green) 62%, var(--reo-teal)); padding-top: clamp(56px, 10vw, 120px); padding-bottom: clamp(56px, 10vw, 120px); }
.reo-hero h1 { color: #fff; max-width: min(820px, 100%); margin-left: auto; margin-right: auto; }
.reo-hero > * { max-width: var(--reo-wide); }
.reo-hero h1, .reo-hero p, .reo-hero .wp-block-buttons { margin-left: max(0px, calc((100% - var(--reo-wide)) / 2)); margin-right: 0; }
.reo-hero p { color: #e6f2ef; font-size: clamp(1.05rem, 1rem + .4vw, 1.25rem); max-width: 680px; }
.reo-hero .wp-block-button__link { background: #fff; color: var(--reo-green-dark); }
.reo-hero .wp-block-button__link:hover { background: var(--reo-tint); color: var(--reo-green-dark); }
.reo-hero .is-style-outline .wp-block-button__link { background: transparent; border-color: #fff; color: #fff; }
.reo-hero .is-style-outline .wp-block-button__link:hover { background: rgba(255,255,255,.12); color: #fff; }
.reo-card { position: relative; border: 1px solid var(--reo-line); border-radius: 10px; padding: 24px; background: #fff; transition: border-color .15s, box-shadow .15s, transform .15s; }
.reo-card:hover { border-color: var(--reo-teal); box-shadow: 0 10px 26px rgba(20,50,44,.1); transform: translateY(-2px); }
.reo-card h3 { margin: 0 0 .4em; font-size: 1.1rem; }
.reo-card h3 a { color: var(--reo-ink); text-decoration: none; }
.reo-card h3 a::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.reo-card:hover h3 a { color: var(--reo-green); }
.reo-card p { margin: 0; color: var(--reo-muted); font-size: .95rem; }
.reo-services { margin-top: 0; padding-bottom: 0; }
.reo-list { list-style: none; padding: 0; }
.reo-list li { padding: 11px 0; border-bottom: 1px solid var(--reo-line); margin: 0; font-size: .94rem; }
.reo-list a { color: var(--reo-ink); text-decoration: none; font-weight: 500; }
.reo-list a:hover { color: var(--reo-green); }
.reo-tint { background: var(--reo-tint); }
/* Partneriai po puslapio turiniu */
.entry-content.reo-partners { padding-top: 0; padding-bottom: 0; }
body:not(.is-front) .entry-content.reo-partners > .reo-tint { margin-top: 0; }
.reo-logos { display: flex; flex-wrap: wrap; align-items: center; gap: 22px clamp(24px, 5vw, 56px); }
.reo-logos .wp-block-image { margin: 0; }
.reo-logos img { max-height: 52px; width: auto; border-radius: 0; }

/* Forma */
.reo-form { max-width: 560px; margin-top: 1em; }
.reo-form label { display: block; margin-bottom: 14px; font-size: .92rem; font-weight: 550; }
.reo-form input, .reo-form textarea { display: block; width: 100%; margin-top: 5px; padding: 11px 13px; border: 1px solid #b9c7c3; border-radius: 7px; font: inherit; font-weight: 400; background: #fff; }
.reo-form input:focus, .reo-form textarea:focus { outline: 2px solid var(--reo-teal); border-color: var(--reo-teal); }
.reo-form button { padding: 12px 24px; border: 0; border-radius: 7px; background: var(--reo-green); color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.reo-form button:hover { background: var(--reo-green-dark); }
.reo-form__hp { position: absolute; left: -9999px; }
.reo-notice { padding: 13px 16px; border-radius: 7px; background: var(--reo-tint); color: var(--reo-green-dark); font-weight: 500; }
.reo-notice--err { background: #fbeceb; color: #8d2a23; }

/* Poraste */
.reo-footer { background: #17201e; color: #c6d1ce; font-size: .92rem; }
.reo-footer a { color: #fff; }
.reo-footer h2, .reo-footer h3, .reo-footer h4 { color: #fff; font-size: 1rem; margin: 0 0 .5em; }
.reo-footer__in { max-width: var(--reo-wide); margin: 0 auto; padding: 48px var(--reo-gutter) 28px; }
.reo-footer__legal { margin-top: 28px; padding-top: 18px; border-top: 1px solid #33413d; color: #8fa09b; font-size: .84rem; }

/* Paslaugu korteles: sablonuose naudojami sudvejinti ir paveiksliniai variantai */
.reo-services .reo-card.is-current:nth-child(n), .reo-services .reo-card.is-split h3.is-current { background: var(--reo-deep); }
.reo-services .reo-card.is-current h3 a, .reo-services .reo-card.is-current::after, .reo-services .reo-card.is-current:nth-child(3) h3 a, .reo-services .reo-card.is-current:nth-child(3)::after { color: #fff; }
.reo-services .reo-card.is-image::after, .reo-services .reo-card.is-split::after { content: none; }
.reo-services .reo-card.is-split { display: flex; flex-direction: column; padding: 0; }
.reo-card.is-split h3 { position: relative; flex: 1 1 50%; min-height: 0; transition: background-color .2s; }
.reo-card.is-split h3 + h3 { border-top: 1px solid rgba(255,255,255,.35); }
.reo-card.is-split h3 a { display: block; height: 100%; padding: 16px 44px 12px 18px; }
.reo-card.is-split h3::after { content: ">>"; position: absolute; right: 14px; bottom: 10px; color: #fff; font-size: 1rem; pointer-events: none; }
.reo-card.is-split:nth-child(3) h3::after { color: #0a2b29; }
.reo-card.is-split h3:hover { background: rgba(0,0,0,.18); }
.reo-services .reo-card.is-split h3.is-current a, .reo-card.is-split h3.is-current::after, .reo-card.is-split h3:hover a, .reo-card.is-split h3:hover::after { color: #fff; }
.reo-services .reo-card.is-image { position: relative; overflow: hidden; padding: 0; }
.reo-card.is-image figure { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; }
.reo-card.is-image img { display: block; width: 100%; max-width: none; height: 100%; object-fit: cover; }
@media (max-width: 900px) {
	.reo-services .reo-card.is-split { padding: 0; }
	.reo-card.is-split h3 a { padding: 8px 34px 6px 14px; font-size: .95rem; }
	.reo-card.is-split h3::after { right: 8px; bottom: 5px; font-size: .85rem; }
}
/* Vienodas kortelių plotis nepriklausomai nuo vidinio tarpo */
.reo-services .reo-card { box-sizing: border-box; }
.reo-services .wp-block-columns.wp-block-columns > .reo-card { flex: 1 1 25%; min-width: 0; }