/*
Theme Name: Affinite Cesystem
Theme URI: 
Author: Affinite.io
Author URI: https://affinite.io
Description: FSE šablona Affinite Cesystem.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: affinite-cesystem
Tags: full-site-editing, block-patterns, block-styles, wide-blocks, editor-style, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* Remove default margin from main element */
main {
	margin-block-start: 0;
	margin-block-end: 0;
}

main > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

main :where(.wp-site-blocks) > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

/* Mobile column spacing fix */
@media (max-width: 781px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		padding-left: 10px;
		padding-right: 10px;
	}
}


/* Font Awesome icons used as <img> (recolored via CSS filter) */
.cesys-icon {
	display: inline-block;
	width: 0.85em;
	height: 0.85em;
	vertical-align: -0.05em;
	margin-left: 0.35em;
	transition: transform 0.15s ease;
}

/* Tint black FA SVG to the primary green (#8caa09) */
.cesys-icon--primary {
	filter: invert(64%) sepia(82%) saturate(560%) hue-rotate(33deg) brightness(95%) contrast(90%);
}

/* White variant for dark backgrounds */
.cesys-icon--white {
	filter: brightness(0) invert(1);
}

/* Nudge arrow on link hover */
a:hover > .cesys-icon {
	transform: translateX(3px);
}

/* Custom block styles — extend per project */
.wp-block-site-logo.is-default-size img{
	width:100%;
	max-width:400px;
}
header{
	border-bottom:solid 2px #e7d9c3;
}
.affinite-header-menu__list a{
	font-size:1.2rem;
	letter-spacing:0.8px;
	padding: 0.6rem 0;
    border-bottom: solid 2px;
    border-color: transparent;
	text-decoration:none!important;
}
.affinite-header-menu__list .current-menu-item a{
	border-color: #8caa09;
}
.affinite-header-menu__list a:hover{
	text-decoration:none;
}
.homepage-hero{
	position: relative;
    background-color: #faf6e8;
    overflow: hidden;
}
.homepage-hero::before{
	content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: radial-gradient(#d9d698 3px, transparent 1.4px);
    background-size: 14px 14px;
    -webkit-mask-image: linear-gradient(to right,
        rgba(0,0,0,1)   0%,
        rgba(0,0,0,0.85) 6%,
        rgba(0,0,0,0.3) 13%,
        transparent     20%);
    mask-image: linear-gradient(to right,
        rgba(0,0,0,1)   0%,
        rgba(0,0,0,0.85) 6%,
        rgba(0,0,0,0.3) 13%,
        transparent     20%);
    pointer-events: none;
}
.homepage-hero::after{
	content: "";
    display: grid;
    position: absolute;
    right: 0;
    top: 0;
    width: 45%;
    height: 100%;
    z-index: 0;
	background-image:url( 'assets/images/homepage-hero.png' );
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.homepage-hero > * {
    position: relative;
    z-index: 1;
}
.acb-odbornost{
	margin:0;
	background-color: #f6f6e8;
}
.acb-odbornost__inner{
	max-width:1200px;
}
.acb-odbornost__intro{
	padding-right:20px;
	border-right:solid 1px #d2ceb6;
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.acb-odbornost__list{
	gap:0;
}
.acb-odbornost__list li{
	padding:10px 0;
	border-bottom:solid 1px #d2ceb6;
}
.acb-odbornost__list li:last-child{
	border-bottom:none;
}

.acb-spoluprace{
	border-top:solid 1px #d2ceb6;
	margin:0;
    position: relative;
    overflow: hidden;
    background: linear-gradient(120deg,
        #f5db99 0%,
        #fdf6e2 38%,
        #fdf6e2 62%,
        #fedb94 100%);
    padding: 2.5rem 0 3.5rem;
}
.acb-spoluprace__inner{
	max-width:1200px;
}
.acb-spoluprace::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: radial-gradient(#ffffff 3px, transparent 1.4px);
    background-size: 14px 14px;
    -webkit-mask-image: linear-gradient(to right,
        rgba(0,0,0,1)   0%,
        rgba(0,0,0,0.85) 1%,
        rgba(0,0,0,0.3) 6%,
        transparent     10%);
    mask-image: linear-gradient(to right,
        rgba(0,0,0,1)   0%,
        rgba(0,0,0,0.85) 1%,
        rgba(0,0,0,0.3) 6%,
        transparent     10%);
    pointer-events: none;
}

/* jemné tečky v pravém horním rohu */
.acb-spoluprace::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: radial-gradient(#cdb45a 1px, transparent 3.2px);
    background-size: 16px 16px;
    -webkit-mask-image: radial-gradient(circle at 100% 0%, rgba(0,0,0,0.5), transparent 17%);
    mask-image: radial-gradient(circle at 100% 0%, rgba(0,0,0,0.5), transparent 17%);
    pointer-events: none;
}

/* obsah nad tečkami */
.acb-spoluprace > * {
    position: relative;
    z-index: 1;
}
.acb-step{
	flex:initial;
	display:flex;
	gap:14px;
}
.acb-step__badge{
	background-color: #ffffff;
	flex-shrink: 0;
}
.acb-step__badge img{
	width:40px;
	height:40px;
}
.acb-step__badge-content{	
	display:flex;
	flex-direction:column;
}
.acb-step__num{
	margin-bottom:0;
}
.acb-step__arrow{
	margin-top:-12px;
}
.acb-step__arrow svg{
	width:44px;
}
.acb-step__text{
	color:#2c2f1b;
}

.revize-box{
	padding:40px 100px 80px 40px !important;
	height:100%;
	margin-top:-40px!important;
}
.revize-box-a{
	background-image: url( 'assets/images/check-clear.png' );
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 50%;
	background-color:#f9f7e7!important;
	border-color:#d3d5be!important;
}
.revize-box-b{
	background-image: url( 'assets/images/shield.png' );
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 50%;
	background-color:#fef7e5!important;
	border-color:#f7e0ba!important;
}
.revize-box-number{
	position:relative;
	font-size:20px!important;
	padding-bottom:10px;
	margin-bottom: 10px;
}
.revize-box-number::before{
	position:absolute;
	left:0;
	bottom:0;
	content:'';
	width:40px;
	height:2px;
	background-color: #8caa09;
}
.revize-box h3{
	font-size:30px;
}
.revize-box-link{
	width:fit-content;
	color:#2c2f1b;
	font-weight:400;

}
.revize-box-link img{
	width: 40px;
    height: 18px;
}

footer{
	margin:0;
}
footer .wp-block-group .wp-block-columns{
	max-width:1200px;
	WIDTH:100%;
}
/* obsah centrovany na 1200, tmavy pruh zustava pres celou sirku */
.affinite-footer .wp-block-columns{
	max-width:1200px;
	margin-inline:auto;
}
.affinite-footer .wp-block-column:first-child{
	flex-basis:34%;
}

/* barvy textu na tmavem pruhu */
.affinite-footer,
.affinite-footer p{
	color:#d7d8cb;
}
.affinite-footer a{
	color:#d7d8cb;
	text-decoration:none;
	transition:color .15s ease;
}
.affinite-footer a:hover{
	color:var(--wp--preset--color--primary);
}

/* znacka (logo + nazev + tagline) */
.affinite-footer__brand{
	align-items:center;
}
.affinite-footer .wp-block-site-title,
.affinite-footer .wp-block-site-title a{
	color:#ffffff;
}
.affinite-footer__tagline{
	margin-top:.4rem;
	color:#9ba07e;
	font-style:italic;
}
.affinite-footer__desc{
	max-width:34ch;
	line-height:1.6;
}

/* nadpisy sloupcu (NAVIGACE, KONTAKT, O SPOLECNOSTI) */
.affinite-footer__title{
	margin:0 0 1.1rem;
	font-family:var(--wp--preset--font-family--primary);
	font-size:.8rem;
	font-weight:600;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:var(--wp--preset--color--accent);
}

/* kontaktni radky s ikonami */
.affinite-footer__contact{
	display:flex;
	align-items:center;
	gap:.6rem;
	margin:0 0 .7rem;
}
.affinite-footer__icon{
	flex:0 0 auto;
	width:16px;
	height:16px;
}

/* mobil */
@media (max-width:781px){
	.affinite-footer .wp-block-column:first-child{
		flex-basis:100%;
	}
	.homepage-hero::after{
		display:none;
	}
	.acb-spoluprace{
		padding-left:20px!important;
		padding-right:20px!important;
	}
}
.delimiter{
	display:grid;
	width:100px;
	height:2px;
	background-color: #8caa09;
	margin:20px 0;
}
.acb-vtz {
	background: linear-gradient(to right,
    #f5f7e8 0%,
    #f6f8e7 50%,
    #fefbf2 66%,
    #fefbf5 100%);
}
.acb-media-text{
	margin:0;
	padding-top:0;
	padding-bottom:0;
	position:relative;
	background: linear-gradient(to right,
    #ffffff 0%,
    #fef7e2 50%,
    #fef7e2 66%,
    #fee9ba 100%);
}
.acb-media-text::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: radial-gradient(#fcc56b 2px, transparent 4.2px);
    background-size: 16px 16px;
    -webkit-mask-image: radial-gradient(circle at 100% 0%, rgba(0,0,0,0.5), transparent 35%);
    mask-image: radial-gradient(circle at 100% 0%, rgba(0,0,0,0.5), transparent 35%);
    pointer-events: none;
}
.acb-media-text__media img{
	border-radius:0;
}
.acb-card--info{
	background-color: #f8f9f0;
}
.acb-vtz{
	margin:0;
}
.acb-media-text__body{
	padding-top:20px;
	padding-bottom:20px;
}