/*
Theme Name: Financial Force
Description: Financial Force OÜ kohandatud plokiteema. Ehitatud ainult WordPressi enda plokiredaktori ja saidiredaktori peale, ilma page-builderita.
Author: Financial Force
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: financialforce
*/

/* Alampealkirjad (h3-h6): 600 kaal, tavaline kirjavahe - erinevalt h1/h2-st,
   mis kasutavad theme.json kaudu 500 kaalu ja tihendatud kirjavahet. */
h3, h4, h5, h6,
.wp-block-post-title.has-large-font-size {
	font-weight: 600;
	letter-spacing: -0.01em;
}

/* WordPressi nupuplokk annab lingile "width:100%", mis flex-paigutuse sees
   ajab teksti mõnikord valesti kahele reale murdma. Sunnime nupu oma
   loomuliku (ühereal­ise) laiuse peale tagasi. */
.ff-btn-flush .wp-block-button__link {
	display: inline-block;
	width: auto !important;
	white-space: nowrap;
}

/* Menüüst hüpatakse otse avalehe sektsioonidesse (#teenused, #meist,
   #saada-paring). Ilma selleta jääb sihtmärgi ülemine osa ekraanist välja. */
#teenused,
#meist,
#blogi,
#saada-paring {
	scroll-margin-top: 32px;
}

/* Päise logo - SVG-l puudub WordPressi jaoks salvestatud suurus, seega ignoreerib
   saidiredaktori "laius" väli seda vaikimisi. Määrame suuruse siin otse. */
.wp-block-site-logo {
	flex: 0 0 auto;
	margin-right: auto;
}
.wp-block-site-logo img {
	width: 360px;
	height: auto;
}

.ff-nav-cta a {
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* Avalehe päis: tekst vasakul, foto paremal servani (nagu kujundusfailis).
   Peab mahtuma TÄPSELT ekraanile koos navigatsioonireaga, ilma kerimiseta. */
:root {
	--ff-header-h: 64px;
}
.ff-hero {
	align-items: stretch;
	height: calc(100vh - var(--ff-header-h));
	min-height: 480px;
	overflow: hidden;
}
.ff-hero-text {
	flex: 0 0 42%;
	align-self: center;
	max-height: 100%;
	overflow: auto;
}
.ff-hero-photo {
	flex: 1 1 auto;
	margin: 0;
	align-self: stretch;
	height: 100%;
}
figure.ff-hero-photo img {
	display: block;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
}
@media (max-width: 781px) {
	.ff-hero {
		flex-wrap: wrap;
		height: auto;
	}
	.ff-hero-text {
		flex-basis: 100%;
	}
	.ff-hero-photo {
		flex-basis: 100%;
		height: 340px;
	}
}

.is-style-rounded img,
img.is-style-rounded {
	object-fit: cover;
}

/* Blogiartikli tekst (post-content) on vaikimisi tsentreeritud oma laiema
   raami sees - see viib selle pealkirjaga samale vasakjoonele, loetava
   760px reapikkuse säilitades. */
.wp-block-post-content.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	margin-left: 0 !important;
	margin-right: auto !important;
}

/* "Kes me oleme" tiimi tekst rööpjoondatud (äärest ääreni, nagu Wordi
   "Justify"). Värviline silt (nt PARTNER) jääb vasakule. Poolitus hoiab
   ära suured tühikud sõnade vahel. */
.ff-team p:not(.has-text-color) {
	text-align: justify;
	hyphens: auto;
	-webkit-hyphens: auto;
}

/* "Kes me oleme": kumbki inimene on foto laiune plokk (foto + nimi + tekst).
   Kaks plokki on keskel, mõõduka vahega. Mobiilis on plokid üksteise all
   täislaiuses. */
@media (min-width: 782px) {
	.wp-block-columns.ff-team {
		justify-content: center;
		column-gap: clamp(124px, calc(8vw + 76px), 196px) !important;
	}
	.wp-block-columns.ff-team > .wp-block-column {
		flex: 0 1 390px !important;
	}
}