/* ==========================================================================
   Ines Mravlja — small supplemental layer on top of the original template CSS.
   Brand tokens (purple/pink). Everything structural uses the template's own
   classes + its jQuery/Bootstrap/script.js.
   ========================================================================== */
:root{
	--c-primary:#C13C95;       /* magenta/orchid — buttons, links, accents */
	--c-primary-dark:#7A1F66;  /* hover / deep accent */
	--c-secondary:#E59AC9;     /* soft pink */
	--c-dark:#2A152E;          /* dark purple — header/footer surfaces */
	--c-bg:#FBF4F9;            /* light pink-tinted background */
	--c-ink:#2A152E;           /* headings / ink */
}

/* Text logo (template used an image logo we don't carry over). */
.logo.site-text-logo a,
.footer-logo.site-text-logo a{
	display:inline-block;
	font-family:'Poppins',sans-serif;
	font-weight:700;
	font-size:26px;
	line-height:1;
	color:#ffffff;
	text-decoration:none;
}
.main-footer .footer-logo.site-text-logo a{ margin-bottom:18px; }

/* --- Static hero (replaces the Revolution Slider on the home page).
   Extra top padding clears the template's absolutely-positioned nav bar. --- */
.home-hero{
	position:relative;
	background:var(--c-dark) url(../images/banners/banner-home.jpg) center center/cover no-repeat;
	color:#ffffff;
	text-align:left;
}
.home-hero:before{ content:""; position:absolute; inset:0; background:rgba(42,21,46,0.66); }
.home-hero .auto-container{ position:relative; z-index:2; }
.home-hero .hero-content{ max-width:680px; padding:200px 0 120px; }
.home-hero h4.styled-font{ color:var(--c-secondary); font-size:30px; margin:0 0 10px; }
.home-hero h1{ color:#ffffff; font-size:46px; line-height:1.15; margin:0 0 20px; }
.home-hero .text{ font-size:18px; margin-bottom:30px; opacity:.95; }
@media only screen and (max-width:767px){
	.home-hero .hero-content{ padding:150px 0 80px; }
	.home-hero h1{ font-size:30px; }
}

/* --- Custom section padding for the page templates that use these wrappers --- */
.page-content-section,
.services-detail-section,
.about-section{ padding:80px 0; }
.error-404{ text-align:center; }
.cta-row{ margin-top:30px; }

/* --- WordPress core block content (the_content) accents --- */
.default-content{ font-size:16px; line-height:1.8; }
.default-content a{ color:var(--c-primary); }
.default-content a:hover{ color:var(--c-primary-dark); }
.default-content .wp-block-button__link,
.default-content .wp-element-button{
	background-color:var(--c-primary);
	color:#ffffff;
	border-radius:4px;
}
.default-content .wp-block-button__link:hover,
.default-content .wp-element-button:hover{ background-color:var(--c-primary-dark); color:#ffffff; }
.default-content .wp-block-separator{ border-color:var(--c-secondary); opacity:.5; }
.default-content h1,
.default-content h2,
.default-content h3{ color:var(--c-ink); }

/* --- Contact Form 7 --- */
.wpcf7-form p{ margin-bottom:18px; }
.wpcf7-form label{ display:block; font-weight:600; color:var(--c-ink); }
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea{
	display:block; width:100%; margin-top:6px; padding:12px 15px;
	border:1px solid #e0e0e0; border-radius:4px; font-size:15px; background:#fff;
}
.wpcf7-form textarea{ height:150px; }
.wpcf7-form input:focus,
.wpcf7-form textarea:focus{ outline:none; border-color:var(--c-primary); }
.wpcf7-form .wpcf7-submit{
	display:inline-block; margin-top:8px; padding:12px 34px; border:none; border-radius:4px;
	background:var(--c-primary); color:#fff; font-weight:600; text-transform:uppercase; cursor:pointer;
}
.wpcf7-form .wpcf7-submit:hover{ background:var(--c-primary-dark); }

/* Read-more link colour in post lists. */
.read-more{ color:var(--c-primary); font-weight:600; }

/* Section-title divider was a green pattern image — replace with a purple bar. */
.sec-title .separator,
.fact-counter .column .separator{
	background-image:none !important;
	background-color:var(--c-primary);
	height:3px;
	width:60px;
	margin-top:18px;
}
.sec-title.centered .separator{ margin-left:auto; margin-right:auto; }

/* ==========================================================================
   Home body: render the "Domov" editor content in the theme's OWN section
   design language, so the live-editable copy looks identical in style to the
   hand-built hero / services / intro sections. Only visuals — no markup here.
   ========================================================================== */
.home-body .default-content{
	max-width:900px;
	margin:0 auto;
	font-size:17px;
	line-height:1.85;
	color:#5c4a57;
}
.home-body .default-content p{ margin:0 0 18px; }
.home-body .default-content p:empty{ display:none; margin:0; }

/* H2 sections styled like .sec-title h2 + the purple accent bar underneath. */
.home-body .default-content h2{
	font-size:34px;
	line-height:1.2em;
	font-weight:600;
	color:var(--c-ink);
	margin:66px 0 30px;
	padding-bottom:22px;
	position:relative;
}
.home-body .default-content > h2:first-child{ margin-top:0; }
.home-body .default-content h2::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:60px;
	height:3px;
	background:var(--c-primary);
}
.home-body .default-content h3{
	font-size:22px;
	font-weight:600;
	color:var(--c-ink);
	margin:34px 0 14px;
}
.home-body .default-content .gb-text:empty{ display:none; }

/* Lists → themed check bullets (FontAwesome is already loaded by the template). */
.home-body .default-content ul{ list-style:none; margin:0 0 24px; padding:0; }
.home-body .default-content ul li{ position:relative; padding:5px 0 5px 34px; }
.home-body .default-content ul li::before{
	content:"\f00c";
	font-family:'FontAwesome';
	position:absolute;
	left:0;
	top:7px;
	font-size:15px;
	color:var(--c-primary);
}

/* Editor buttons → the template's solid button look. */
.home-body .default-content .wp-block-button{ margin:14px 0 24px; }
.home-body .default-content .wp-block-button__link,
.home-body .default-content .wp-element-button{
	display:inline-block;
	padding:15px 42px;
	background-color:var(--c-primary);
	color:#ffffff !important;
	font-weight:600;
	font-size:14px;
	letter-spacing:.5px;
	text-transform:uppercase;
	border-radius:4px;
	line-height:1;
}
.home-body .default-content .wp-block-button__link:hover,
.home-body .default-content .wp-element-button:hover{ background-color:var(--c-primary-dark); }

/* Editor separators → a subtle short centred accent, not a full grey rule. */
.home-body .default-content .wp-block-separator{
	border:0;
	max-width:60px;
	height:0;
	margin:48px auto;
	border-top:2px solid var(--c-secondary);
	opacity:.6;
}

@media only screen and (max-width:767px){
	.home-body .default-content{ font-size:16px; }
	.home-body .default-content h2{ font-size:26px; margin:48px 0 24px; }
}