/*
Theme Name: REO D2
Description: Senojo reo.lt dizaino mintis drasiau: gyvas tinklas ir keturios paslaugos.
Template: reo
Version: 1.0.0
Text Domain: reo
*/

@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 200 900; font-display: swap;
	src: url("assets/fonts/source-sans-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: "Source Sans 3"; font-style: normal; font-weight: 200 900; font-display: swap;
	src: url("assets/fonts/source-sans-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-deep: #0f3b38;
	--reo-green: #10736b;
	--reo-green-dark: #0f3b38;
	--reo-teal: #008077;
	--reo-tint: #ebeced;
	--reo-ink: #3d4745;
	--reo-muted: #66706e;
	--reo-line: #dcdcdc;
	--reo-wide: 1200px;
	--reo-text: 760px;
	/* Mastelis kaip d1: korteles 190px, ju virsus ties ~260px */
	--reo-card-h: 190px;
	--reo-head-h: clamp(250px, 30vh, 290px);
}
/* Senos narsykles be clamp() (iki Chrome 79) */
@supports not (width: clamp(1px, 1px, 1px)) {
	:root { --reo-head-h: 270px; }
	.reo-hero h1 { font-size: 2.4rem; }
	.reo-services .reo-card { padding: 18px 22px 46px; }
	.reo-services .reo-card::after { left: 22px; }
}

body { background: #fff; color: var(--reo-ink); font-family: "Source Sans 3", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.6; }
a { color: var(--reo-green); }
h1, h2, h3, h4 { color: var(--reo-deep); font-weight: 400; letter-spacing: 0; }
h2 { font-size: clamp(1.35rem, 1.15rem + .7vw, 1.75rem); font-weight: 300; color: var(--reo-green); }
h3 { font-size: 1.2rem; font-weight: 600; color: var(--reo-deep); }

/* Antraste guli ant tinklo; plonos linijos is senojo dizaino */
.reo-header { position: absolute; top: 0; left: 0; right: 0; background: none; border: 0; }
.reo-header__in { max-width: none; padding: 0 var(--reo-gutter); align-items: stretch; gap: 22px; }
.reo-logo { align-self: flex-end; padding: 30px 0 14px; order: 1; }
.reo-logo img { height: 62px; }
.reo-lang { order: 2; align-self: flex-end; padding-bottom: 16px; }
.reo-lang a { border: 1px solid #b4b7b8; border-radius: 0; padding: 2px 7px; color: var(--reo-green); }
.reo-lang a:hover { border-color: var(--reo-green); color: var(--reo-green); }
.reo-nav { order: 3; margin-left: auto; }
.reo-nav > ul { height: 100%; align-items: stretch; gap: 0; }
.reo-nav > ul > li { display: flex; align-items: flex-end; border-left: 1px solid #c3c5c7; padding-top: 78px; }
.reo-nav > ul > li:last-child { border-right: 1px solid #c3c5c7; }
.reo-nav > ul > li > a { padding: 0 22px 16px; border-radius: 0; background: none !important; color: var(--reo-green); font-size: .94rem; font-weight: 400; }
.reo-nav > ul > li > a:hover, .reo-nav > ul > li.current-menu-item > a, .reo-nav > ul > li.current-menu-ancestor > a { color: var(--reo-deep); font-weight: 600; }
.reo-nav .menu-item-has-children > a::after { display: none; }
.reo-nav .sub-menu { border: 0; border-radius: 0; box-shadow: 0 10px 24px rgba(15,59,56,.28); padding: 8px; }
.reo-nav .sub-menu a { border-radius: 0; color: var(--reo-deep); font-size: 1rem; }
.reo-nav .sub-menu a:hover { background: var(--reo-tint); color: var(--reo-green); }
.reo-toggle span { background: var(--reo-deep); }

/* Tinklas: vienintelis garsus dalykas puslapyje */
.reo-net { position: absolute; top: 0; left: 0; width: 100%; max-width: none; height: 100%; margin: 0; pointer-events: none; -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,.35), #000 58%); mask-image: linear-gradient(90deg, rgba(0,0,0,.35), #000 58%); }
.entry-content > .reo-band.reo-hero {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	/* Vienodas aukstis visuose puslapiuose: korteles visada toje pacioje vietoje */
	height: calc(var(--reo-head-h) + var(--reo-card-h));
	padding: 100px var(--reo-gutter) calc(var(--reo-card-h) + 32px);
	background: linear-gradient(115deg, #e9eaeb, #dbdcdd 55%, #c8cacb);
}
.reo-hero > :not(canvas) { position: relative; z-index: 1; }
/* Senajame saite ant nuotraukos sio teksto ir mygtuku nebuvo */
.reo-hero > p, .reo-hero > .wp-block-buttons { display: none; }
.reo-hero h1, .reo-hero p, .reo-hero .wp-block-buttons { margin-left: max(0px, calc((100% - var(--reo-wide)) / 2)); }
.reo-hero h1 { margin-top: 0; margin-bottom: .3em; max-width: 16em; color: var(--reo-teal); font-size: clamp(1.8rem, 1.2rem + 1.6vw, 2.6rem); font-weight: 200; line-height: 1.1; letter-spacing: -.012em; }
.reo-hero p { margin-bottom: 1.1em; max-width: 34em; color: var(--reo-ink); font-size: clamp(1.1rem, 1rem + .5vw, 1.4rem); line-height: 1.45; }
.reo-hero .wp-block-buttons { margin-top: 0; margin-bottom: 0; }
.reo-hero .wp-block-button__link { border-radius: 0; background: var(--reo-green); color: #fff; font-weight: 600; padding: 13px 26px; }
.reo-hero .wp-block-button__link:hover { background: var(--reo-deep); color: #fff; }
.reo-hero .is-style-outline .wp-block-button__link { background: rgba(255,255,255,.5); border: 1px solid var(--reo-green); color: var(--reo-green); font-weight: 400; }
.reo-hero .is-style-outline .wp-block-button__link:hover { background: var(--reo-green); color: #fff; }

/* Keturios paslaugos: tinklo galiniai taskai */
.entry-content > .reo-band.reo-services { position: relative; z-index: 2; max-width: none; margin-top: calc(var(--reo-card-h) * -1); padding: 0; }
.reo-services > * { max-width: none; }
.reo-services .wp-block-columns.wp-block-columns { gap: 0 !important; margin: 0; align-items: stretch; flex-wrap: nowrap; }
.reo-services .reo-card { display: block; flex: 1 1 0; height: var(--reo-card-h); margin: 0; padding: 18px clamp(16px, 1.6vw, 24px) 46px; border: 0; border-radius: 0; background: rgba(1,125,117,.86); box-shadow: none; transform: none; transition: background-color .2s; }
.reo-services .reo-card:nth-child(2) { background: rgba(0,145,138,.86); }
.reo-services .reo-card:nth-child(3) { background: rgba(102,186,179,.92); }
.reo-services .reo-card:nth-child(4) { background: rgba(89,88,86,.9); }
.reo-services .reo-card:hover, .reo-services .reo-card:focus-within { transform: none; border: 0; box-shadow: none; background: #256b63; }
.reo-services .reo-card:nth-child(2):hover, .reo-services .reo-card:nth-child(2):focus-within { background: #1d7972; }
.reo-services .reo-card:nth-child(3):hover, .reo-services .reo-card:nth-child(3):focus-within { background: #509990; }
.reo-services .reo-card:nth-child(4):hover, .reo-services .reo-card:nth-child(4):focus-within { background: #475250; }
.reo-services .reo-card h3 { margin: 0; font-size: clamp(1.15rem, 1rem + .55vw, 1.45rem); font-weight: 300; line-height: 1.2; }
.reo-services .reo-card h3 a, .reo-services .reo-card:hover h3 a { color: #fff; }
.reo-services .reo-card::after { content: ">>"; position: absolute; left: clamp(16px, 1.6vw, 24px); bottom: 16px; color: #fff; font-size: 1.1rem; transition: transform .2s; }
.reo-services .reo-card:hover::after { transform: translateX(8px); }
.reo-services .reo-card:nth-child(3) h3 { font-weight: 400; }
.reo-services .reo-card:nth-child(3) h3 a, .reo-services .reo-card:nth-child(3)::after { color: #0a2b29; }
.reo-services .reo-card:nth-child(3):hover h3 a, .reo-services .reo-card:nth-child(3):hover::after { color: #fff; }
/* Puslapiai be korteliu */
.entry-content > .reo-band.reo-hero.is-solo { height: var(--reo-head-h); padding-bottom: 32px; }
/* Tarpas tarp korteliu ir puslapio teksto */
.entry-content.reo-page { padding-top: 0; }
.reo-page > .reo-hero + :not(.reo-services), .reo-page > .reo-services + * { margin-top: clamp(28px, 5vw, 56px); }
.reo-card.is-split h3 a { padding-left: clamp(16px, 1.6vw, 24px); font-size: clamp(1.05rem, .95rem + .4vw, 1.25rem); }

/* Toliau tylu */
.entry-content > .reo-band { max-width: none; padding-top: clamp(40px, 5vw, 64px); padding-bottom: 0; }
.reo-band h2 { margin-top: 0; margin-bottom: .8em; }
.reo-band:not(.reo-services) > .wp-block-columns { max-width: var(--reo-wide); gap: clamp(32px, 5vw, 72px); align-items: flex-start; }
.reo-band:not(.reo-services) > .wp-block-columns > .wp-block-column:first-child { flex: 1.7 1 0; }
.reo-list { padding: 0; }
.reo-list li { padding: 0; margin: 0; border-bottom: 1px solid var(--reo-line); font-size: 1rem; }
.reo-list li:first-child { border-top: 1px solid var(--reo-line); }
.reo-list a { display: flex; justify-content: space-between; gap: 18px; padding: 11px 0; color: var(--reo-deep); font-weight: 400; }
.reo-list a::after { content: ">>"; flex: none; color: var(--reo-teal); }
.reo-list a:hover { color: var(--reo-teal); }
.entry-content > .reo-tint { margin-top: clamp(40px, 5vw, 64px); padding-top: clamp(28px, 4vw, 44px); padding-bottom: clamp(28px, 4vw, 44px); background: none; }
.reo-tint > * { max-width: var(--reo-wide); }
.reo-logos { gap: 24px clamp(30px, 6vw, 80px); }
.reo-logos img { max-height: 48px; }

/* Vidiniai puslapiai */
.reo-page-head { position: relative; overflow: hidden; padding: 170px var(--reo-gutter) clamp(34px, 5vw, 60px); background: linear-gradient(115deg, #e9eaeb, #dbdcdd 55%, #c8cacb); }
.reo-page-head h1 { position: relative; z-index: 1; max-width: var(--reo-wide); color: var(--reo-teal); font-size: clamp(1.8rem, 1.2rem + 1.6vw, 2.6rem); font-weight: 200; line-height: 1.1; }

.entry-content h2 { margin-top: 1.5em; }
.entry-content > h2:first-child { margin-top: 0; }
.wp-block-button__link { border-radius: 0; background: var(--reo-green); }
.wp-block-button__link:hover { background: var(--reo-deep); }
.reo-card { border-radius: 0; }
.reo-card:hover { transform: none; box-shadow: none; border-color: var(--reo-green); }

/* Projektai pagal metus */
.wp-block-details { border: 0; border-bottom: 1px solid var(--reo-line); border-radius: 0; padding: 0; margin-bottom: 0; }
.wp-block-details summary { display: flex; justify-content: space-between; padding: 13px 0; color: var(--reo-deep); font-size: 1.05rem; font-weight: 400; list-style: none; }
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after { content: ">>"; color: var(--reo-teal); }
.wp-block-details[open] summary { color: var(--reo-teal); }
.wp-block-details[open] summary::after { content: "<<"; }
.reo-project h3 { text-transform: none; font-size: 1.05rem; }
.reo-project h3::first-letter { text-transform: uppercase; }

/* Forma */
.reo-form input, .reo-form textarea { border-radius: 0; border-color: #b7c0be; }
.reo-form button { border-radius: 0; background: var(--reo-green); }
.reo-form button:hover { background: var(--reo-deep); }
.reo-notice { border-radius: 0; }

/* Poraste */
/* Spalvos kaip d1 */
.reo-footer { background: linear-gradient(#ebeced, #fafbfb 118px); color: #808082; font-size: .96rem; }
.reo-footer a { color: #10736b; }
.reo-footer h2, .reo-footer h3, .reo-footer h4 { color: #10736b; font-weight: 600; text-transform: uppercase; font-size: .96rem; }
.reo-footer__in { max-width: calc(var(--reo-wide) + var(--reo-gutter) * 2); }
.reo-footer__legal { border-top-color: var(--reo-line); color: #808082; }

/* Telefonas */
@media (max-width: 900px) {
	:root { --reo-card-h: 150px; }
	.reo-header__in { align-items: center; padding-top: 12px; padding-bottom: 12px; }
	.reo-logo { align-self: center; padding: 0; order: 0; }
	.reo-logo img { height: 46px; }
	.reo-lang { align-self: center; padding: 0; margin-left: auto; order: 1; }
	.reo-nav { order: 3; flex: 0 0 calc(100% + var(--reo-gutter) * 2); margin: 0 calc(var(--reo-gutter) * -1) -12px; padding: 0 var(--reo-gutter) 10px; background: var(--reo-deep); }
	.reo-nav > ul { height: auto; }
	.reo-nav > ul > li { display: block; padding: 0; border: 0; border-top: 1px solid rgba(255,255,255,.16); }
	.reo-nav > ul > li:last-child { border-right: 0; }
	.reo-nav > ul > li > a, .reo-nav > ul > li > a:hover, .reo-nav > ul > li.current-menu-item > a, .reo-nav > ul > li.current-menu-ancestor > a { padding: 12px 4px; color: #fff; }
	.reo-nav .sub-menu { background: none; box-shadow: none; padding: 0 0 8px 12px; }
	.reo-nav .sub-menu a { color: #d3e7e4; }
	.reo-nav .sub-menu a:hover { background: none; color: #fff; }
	:root { --reo-head-h: 240px; }
	.entry-content > .reo-band.reo-hero { height: calc(var(--reo-head-h) + var(--reo-card-h) * 2); padding-top: 84px; padding-bottom: calc(var(--reo-card-h) * 2 + 18px); }
	.entry-content > .reo-band.reo-services { margin-top: calc(var(--reo-card-h) * -2); }
	.reo-services .wp-block-columns.wp-block-columns { display: grid; grid-template-columns: 1fr 1fr; flex-direction: row; }
	.reo-services .reo-card { padding: 16px 14px 42px; }
	.reo-services .reo-card::after { left: 14px; bottom: 12px; }
	.entry-content > .reo-band.reo-hero.is-solo { height: var(--reo-head-h); padding-bottom: 24px; }
	.reo-card.is-split h3 a { padding-left: 14px; font-size: .95rem; }
	.reo-page-head { padding-top: 112px; }
}
@media (prefers-reduced-motion: reduce) {
	.reo-services .reo-card, .reo-services .reo-card::after { transition: none; }
	.reo-services .reo-card:hover::after { transform: none; }
}