:root {
	--ui-bg-start: #0a2a23; 
	--ui-bg-middle: #0f3a30; 
	--ui-bg-end: #7bd64f; 
	--ui-text: #0c1a14;
	--ui-title: #0c1a14;
	--ui-muted: #b7d2c7;
	--ui-card-bg: #0f3a30; 
	--ui-card-border: #0a2a23; 
	--ui-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
	--ui-gradient-start: #ff2a98; 
	--ui-gradient-mid: #ffd84d; 
	--ui-gradient-end: #47e56f; 
	--ui-gradient-angle: 135deg;
	--ui-font-accent: "gardenscregular", "GardensC", "GardensC Regular", cursive;
	--ui-orange-main: #ffd34f; 
	--ui-orange-soft: #ffe68c;
}

html, body { min-height: 100%; }
body {
	background: #ffcf51 !important;
	background-color: #ffcf51 !important;
	color: var(--ui-text) !important;
}


p, li, span, small, .text, .content, .widget, .section, .section * {
	color: var(--ui-text);
}

h1, h2, h3, h4, h5, h6 {
	color: var(--ui-title) !important;
	font-family: var(--ui-font-accent), "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}


.font-gardensc { font-family: var(--ui-font-accent) !important; }


.card, .service-card, .team-card, .blog-card, .price-card, .feature-card,
.global-card, .widget-card, .project-card, .faq-card, .contact-card {
	background: #0d342c !important;
	border: 1px solid #0a2a23 !important;
	box-shadow: var(--ui-shadow) !important;
	backdrop-filter: none !important;
	border-radius: 16px;
}


.card *, .service-card *, .team-card *, .blog-card *, .price-card *, .feature-card *,
.global-card *, .widget-card *, .project-card *, .faq-card *, .contact-card * {
	color: #000 !important;
}

/* Force black text inside service1/service2 cards */
.service1-card, .service2-card { color: #000 !important; }
.service1-card *, .service2-card * { color: #000 !important; }

/* Keep gradient background on service2 cards */
.service2-card {
  background: linear-gradient(135deg, rgba(255, 178, 161, 0.1) 0%, rgba(255, 216, 77, 0.1) 50%, rgba(71, 229, 111, 0.1) 100%) !important;
}

/* Force black text inside counter block on homepage */
.counter1-content, .counter1-content *, .counter1-content a { color: #000 !important; }
.home-page .counter1 .counter1-content, .home-page .counter1 .counter1-content *, .home-page .counter1 .counter1-content a { color: #000 !important; }

/* Remove white inner sections inside cards (half-white blocks, headers, bodies) */
.card [class*="-header"], .card [class*="-body"],
.service-card [class*="-header"], .service-card [class*="-body"],
.team-card [class*="-header"], .team-card [class*="-body"],
.blog-card [class*="-header"], .blog-card [class*="-body"],
.price-card [class*="-header"], .price-card [class*="-body"],
.feature-card [class*="-header"], .feature-card [class*="-body"],
.global-card [class*="-header"], .global-card [class*="-body"],
.widget-card [class*="-header"], .widget-card [class*="-body"],
.project-card [class*="-header"], .project-card [class*="-body"],
.faq-card [class*="-header"], .faq-card [class*="-body"],
.contact-card [class*="-header"], .contact-card [class*="-body"] {
	background: transparent !important;
}


.btn, .btn-primary, .theme-btn, .theme-btn.style2, button, input[type="submit"], .global-header1-header-button .theme-btn {
	--_g: linear-gradient(var(--ui-gradient-angle), var(--ui-gradient-start), var(--ui-gradient-mid), var(--ui-gradient-end));
	background-image: var(--_g) !important;
	background-size: 200% 200%;
	background-position: left center;
	color: #0c1a14 !important;
	border: 0 !important;
	box-shadow: 0 8px 24px rgba(71, 229, 111, 0.35);
	transition: background-position 400ms ease, transform 120ms ease, box-shadow 200ms ease;
	border-radius: 999px !important;
}

.btn:hover, .btn-primary:hover, .theme-btn:hover, .theme-btn.style2:hover, button:hover, input[type="submit"]:hover,
.btn:focus, .btn-primary:focus, .theme-btn:focus, .theme-btn.style2:focus, button:focus, input[type="submit"]:focus {
	background-position: right center; 
	transform: translateY(-1px);
	box-shadow: 0 12px 28px rgba(255, 216, 77, 0.25), 0 8px 20px rgba(71, 229, 111, 0.35);
	color: #0c1a14 !important;
}


.a-btn, .btn a, .theme-btn a { color: #0c1a14 !important; }


.global-header1.header-layout1 {
	background: transparent !important;
	backdrop-filter: none;
	box-shadow: none;
}
.sticky-wrapper {
	background: transparent !important;
	backdrop-filter: none;
	box-shadow: none;
}
.global-header1-menu-area { background: transparent !important; }
.global-header1-menu-area .global-header1-menu-area-main-menu a, .header-logo, .header-logo a { color: var(--ui-text) !important; }


input, textarea, select {
	background: rgba(255,255,255,0.08) !important;
	border: 1px solid rgba(255,255,255,0.15) !important;
	color: var(--ui-text) !important;
}
input::placeholder, textarea::placeholder { color: var(--ui-muted) !important; }

.bg-glass {
	background: var(--ui-card-bg);
	border: 1px solid var(--ui-card-border);
	backdrop-filter: blur(6px);
}


a { color: #7bd64f; }
a:hover { color: #ffd84d; }


.intro1, .intro2, .intro3, .intro4, .intro5, .intro6,
[class*="intro"] , .hero, .hero-section, .intro-area, .section-intro {
	background: transparent !important;
}


.theme-btn.style1:before,
.theme-btn.style2:before,
.theme-btn.style3:before,
.theme-btn.style4:before,
.theme-btn.style5:before {
	content: none !important;
	display: none !important;
}


 .btn, .btn-primary, .theme-btn, .theme-btn.style2, button, input[type="submit"], .global-header1-header-button .theme-btn , .about1-content__list, 
 .counter1 .counter1-content ,
 .service1-card
 {
 	background-image: linear-gradient(var(--ui-gradient-angle), var(--ui-gradient-start), var(--ui-gradient-mid), var(--ui-gradient-end)) !important;
 	background-size: 200% 200% !important;
 	background-position: 0% 50% !important;
 }
.btn:hover, .btn-primary:hover, .theme-btn:hover, .theme-btn.style2:hover, button:hover, input[type="submit"]:hover,
.btn:focus, .btn-primary:focus, .theme-btn:focus, .theme-btn.style2:focus, button:focus, input[type="submit"]:focus {
 	background-position: 100% 50% !important; 
}

/* Apply full gradient to about1 list block (override animated gradient) */
.about1-content__list {
	background: linear-gradient(135deg, #ffb2a1 0%, #ffd84d 55%, #47e56f 100%) !important;
	background-image: linear-gradient(135deg, #ffb2a1 0%, #ffd84d 55%, #47e56f 100%) !important;
	background-size: 100% 100% !important;
	background-position: center !important;
}

/* Fill the whole "causes" block with the same gradient */
.causes-wrapper {
	background: linear-gradient(135deg, #ffb2a1 0%, #ffd84d 55%, #47e56f 100%) !important;
	background-image: linear-gradient(135deg, #ffb2a1 0%, #ffd84d 55%, #47e56f 100%) !important;
	border-radius: 20px !important;
	overflow: hidden;
}

/* Apply full gradient to service2 card (replacing subtle gradient) */
.service2-card {
	background: linear-gradient(135deg, #ffb2a1 0%, #ffd84d 55%, #47e56f 100%) !important;
	background-image: linear-gradient(135deg, #ffb2a1 0%, #ffd84d 55%, #47e56f 100%) !important;
}


html, body,
button, input, select, textarea,
.btn, .theme-btn,
nav, nav a,
.global-header1-menu-area, .global-header1-menu-area a,
.section-title, .section-title *,
.card, .widget, .content, .section, .footer, .header,
p, a, li, dt, dd, label, small, strong, em,
h1, h2, h3, h4, h5, h6 {
	font-family: var(--ui-font-accent), "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}

.fa, .fas, .far, .fal, .fad, .fab,
[class^="fa-"], [class*=" fa-"],
[class^="icon-"], [class*=" icon-"] {
	font-family: var(--icon-font) !important;
}


.global-header1.header-layout1 {
	transition: background-color .3s ease, box-shadow .3s ease, backdrop-filter .3s ease;
}
.global-header1.header-layout1.scrolled {
	background: rgba(10, 28, 23, 0.92);
	backdrop-filter: blur(6px);
	box-shadow: 0 6px 24px rgba(0,0,0,.2);
}

.sticky-wrapper.sticky {
	background: rgba(10, 28, 23, 0.92) !important;
	backdrop-filter: blur(6px);
	box-shadow: 0 6px 24px rgba(0,0,0,.2);
}

/* Make common sections transparent to reveal page orange background */
.section, .section *, .intro-area, .hero, .hero-section, .features, .price, .team, .blog,
[class*="section"], [class^="section"], [class*="-section"], [class*="-area"],
.container, .container-fluid {
	background-color: transparent !important;
	background: transparent !important;
}

/* Header overrides: fixed header and improved contrast */
.header-layout1 {
	position: fixed !important;
	left: 0;
	right: 0;
	top: 0;
	margin-top: 0 !important;
	z-index: 1000;
	background: transparent;
	backdrop-filter: none;
	border: none;
	box-shadow: none;
}

/* Make header solid on scroll */
.global-header1.header-layout1.scrolled {
	background: #134337;
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.10);
}

/* Ensure sticky wrapper follows solid background when scrolled */
.global-header1.header-layout1.scrolled .sticky-wrapper.sticky {
	background-color: #134337 !important;
	filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.08));
}

/* Ensure inner area spacing remains pleasant when fixed */
.global-header1-menu-area {
	padding: 4px 40px !important;
	background: transparent;
}

/* Improve menu link contrast for readability */
.global-header1-menu-area-main-menu a {
	color: var(--ui-title) !important; /* darker text */
	font-weight: 400;
}

/* Active and hover states remain accented */
.global-header1-menu-area-main-menu a:hover,
.global-header1-menu-area-main-menu a.active {
	color: var(--theme) !important;
}

/* Prevent content from being hidden under fixed header */
@media (min-width: 1200px) {
	body { padding-top: 28px; }
}
@media (max-width: 1199px) {
	body { padding-top: 24px; }
}

/* Homepage full background image and default background color */
body { background-color: #134337 !important; }
body.home-page {
	background: url('/local/templates/fishka_tpl/images/background-banner.png') center top / cover no-repeat, #134337 !important;
	background-attachment: scroll !important;
	min-height: 100vh;
}

/* Ensure inner sections remain transparent to reveal the background */
.home-page .section, .home-page .section *,
.home-page .intro-area, .home-page .hero, .home-page .hero-section,
.home-page [class*="section"], .home-page [class^="section"], .home-page [class*="-section"], .home-page [class*="-area"],
.home-page .container, .home-page .container-fluid {
	background: transparent !important;
	background-color: transparent !important;
}

/* Smooth gradient fade from hero to page background on homepage */
.home-page .intro-area,
.home-page .hero,
.home-page .hero-section,
.home-page .section-intro {
	position: relative;
}
.home-page .intro-area::after,
.home-page .hero::after,
.home-page .hero-section::after,
.home-page .section-intro::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 73px;
	background: linear-gradient(0deg, #134337 0%, rgba(19, 67, 55, 0) 100%);
	pointer-events: none;
	z-index: 1;
}

/* Make text white on background except hero and footer */
.home-page .section:not(.intro-area):not(.hero):not(.hero-section):not(.section-intro),
.home-page .section:not(.intro-area):not(.hero):not(.hero-section):not(.section-intro) * {
	color: #FFFFFF !important;
}
.home-page .section:not(.intro-area):not(.hero):not(.hero-section):not(.section-intro) a {
	color: #FFFFFF !important;
}
.home-page .section:not(.intro-area):not(.hero):not(.hero-section):not(.section-intro) a:hover,
.home-page .section:not(.intro-area):not(.hero):not(.hero-section):not(.section-intro) a:focus {
	color: #ffd84d !important;
}

/* Footer text should be light across all pages */
.home-page .footer, .home-page footer, .home-page .footer *, .footer, footer, .footer * { color: #FFFFFF !important; }

/* Force white color for titles and texts in content sections on homepage (exclude hero) */
.home-page :not(.intro-area):not(.hero):not(.hero-section):not(.section-intro) .section-title__title,
.home-page :not(.intro-area):not(.hero):not(.hero-section):not(.section-intro) .section-title__text,
.home-page :not(.intro-area):not(.hero):not(.hero-section):not(.section-intro) .about1-content__text,
.home-page :not(.intro-area):not(.hero):not(.hero-section):not(.section-intro) .about1-content__list li,
.home-page :not(.intro-area):not(.hero):not(.hero-section):not(.section-intro) p,
.home-page :not(.intro-area):not(.hero):not(.hero-section):not(.section-intro) h1,
.home-page :not(.intro-area):not(.hero):not(.hero-section):not(.section-intro) h2,
.home-page :not(.intro-area):not(.hero):not(.hero-section):not(.section-intro) h3,
.home-page :not(.intro-area):not(.hero):not(.hero-section):not(.section-intro) h4,
.home-page :not(.intro-area):not(.hero):not(.hero-section):not(.section-intro) h5,
.home-page :not(.intro-area):not(.hero):not(.section-intro) h6 { 
	color: #FFFFFF !important; 
}

/* Links in those sections */
.home-page :not(.intro-area):not(.hero):not(.hero-section):not(.section-intro) a { color: #000 !important; }
.home-page :not(.intro-area):not(.hero):not(.hero-section):not(.section-intro) a:hover,
.home-page :not(.intro-area):not(.hero):not(.hero-section):not(.section-intro) a:focus { color: #ffd84d !important; }

/* === Targeted white text overrides for specific content requested === */
/* Intro variants */
.intro1 .intro1-content__title,
.intro1 .intro1-content__text,
.intro2 .intro2-content__title,
.intro5 .intro5-content__title,
.intro5 .intro5-content__text { color: #fff !important; }
/* Ensure themed word inside titles is also white in these sections */
.intro2 .intro2-content__title .theme-text,
.intro5 .intro5-content__title .theme-text { color: #fff !important; }

/* About block heading and paragraph */
.about1 .section-title__title,
.about1 .about1-content__text { color: #fff !important; }
.about1 .section-title__title .theme-text { color: #fff !important; }

/* FAQ heading */
.faq1 .section-title__title { color: #fff !important; }
.faq1 .section-title__title .theme-text { color: #fff !important; }

/* Service section heading and right column paragraph */
.service1 .section-title__title,
.service1 .section-title__text { color: #fff !important; }

/* Exceptions: light blocks should use dark text for readability */
/* About list box */
.home-page .about1-content__list,
.home-page .about1-content__list li,
.home-page .about1-content__text { color: #0c1a14 !important; }

/* Service cards */
.home-page .service1-card,
.home-page .service1-card *,
.home-page .service1 .section-title__title,
.home-page .service1 .section-title__text { color: #0c1a14 !important; }

/* About list inside white panel should be black for readability */
.home-page .about1-content__list,
.home-page .about1-content__list li,
.home-page .about1-content__list * { color: #0c1a14 !important; }

/* Footer all text must be light */
footer, .footer, .footer * { color: #FFFFFF !important; }

/* High-specificity duplicates to beat global home-page rules */
.home-page .intro1 .intro1-content__title,
.home-page .intro1 .intro1-content__text,
.home-page .intro2 .intro2-content__title,
.home-page .intro5 .intro5-content__title,
.home-page .intro5 .intro5-content__text,
.home-page .about1 .section-title__title,
.home-page .about1 .about1-content__text,
.home-page .faq1 .section-title__title,
.home-page .service1 .section-title__title,
.home-page .service1 .section-title__text { color: #fff !important; }
.home-page .intro2 .intro2-content__title .theme-text,
.home-page .intro5 .intro5-content__title .theme-text,
.home-page .about1 .section-title__title .theme-text,
.home-page .faq1 .section-title__title .theme-text { color: #fff !important; }

/* Absolute overrides removed to keep cards and footer black as requested */

/* === Final overrides: ensure counter1 text is black on homepage === */
.home-page .counter1 .counter1-content,
.home-page .counter1 .counter1-content *,
.home-page .counter1 .counter1-content a,
.home-page .counter1 .counter1-content__item-count,
.home-page .counter1 .counter1-content__item-text,
.home-page .counter1 .counter1-content__item-count .counters-item { color: #0c1a14 !important; }

/* Header default transparent; solid green on scroll */
.global-header1.header-layout1 {
	background: transparent !important;
}
.global-header1.header-layout1 .sticky-wrapper {
	background-color: transparent !important;
}
.global-header1.header-layout1.scrolled {
	background: #134337 !important;
}
.global-header1.header-layout1.scrolled .sticky-wrapper.sticky {
	background-color: #134337 !important;
}
/* Ensure menu links are readable on green background */
.global-header1.header-layout1 .global-header1-menu-area-main-menu a {
	color: #ffffff !important;
}

/* Gradient background for round feature icons (match buttons gradient) */
.service1-card__icon,
.service2-card__top-icon,
.service-details-card__icon {
	background: linear-gradient(90deg, #ffb2a1, #ffd84d, #47e56f) !important;
}

/* Force gradient like CTA on circular icon wrappers (higher specificity) */
.service1 .service1-card__icon,
.service1-card .service1-card__icon,
.service2 .service2-card__top-icon,
.service-details .service-details-card__icon,
.service-details-card .service-details-card__icon {
	background: linear-gradient(90deg, #ffb2a1, #ffd84d, #47e56f) !important;
	background-color: transparent !important;
}

/* Gradient + glow for icon circles */
.service1-card__icon,
.service2-card__top-icon,
.service-details-card__icon,
.service1 .service1-card__icon,
.service1-card .service1-card__icon,
.service2 .service2-card__top-icon,
.service-details .service-details-card__icon,
.service-details-card .service-details-card__icon {
	background: linear-gradient(135deg, #ffb2a1 0%, #ffd84d 55%, #47e56f 100%) !important;
	background-color: transparent !important;
	box-shadow: 0 10px 30px rgba(71, 229, 111, 0.35), 0 6px 18px rgba(255, 216, 77, 0.25) !important;
	border: 0 !important;
}
/* Ensure icon images stay visible on gradient */
.service1-card__icon img,
.service2-card__top-icon img,
.service-details-card__icon img { filter: none !important; }

/* Gradient background for active FAQ items (button + body) */
.faq1-card .accordion .global-accordion-item .global-accordion-button:not(.collapsed),
.faq5-main-card .accordion .global-accordion-item .global-accordion-button:not(.collapsed) {
	background: linear-gradient(135deg, #ffb2a1 0%, #ffd84d 55%, #47e56f 100%) !important;
	color: #ffffff !important;
	border: 0 !important;
}
.faq1-card .accordion .global-accordion-item .global-accordion-body,
.faq5-main-card .accordion .global-accordion-item .global-accordion-body {
	background: linear-gradient(135deg, #ffb2a1 0%, #ffd84d 55%, #47e56f 100%) !important;
	color: #ffffff !important;
	border: 0 !important;
}

/* FAQ3 accordion with gradient background and green text */
.faq3-card .accordion .global-accordion-item .global-accordion-button,
.faq3-card .accordion .global-accordion-item .global-accordion-button.collapsed {
	background: linear-gradient(135deg, #ffb2a1 0%, #ffd84d 55%, #47e56f 100%) !important;
	color: #134337 !important;
	border: 1px solid transparent !important;
}
.faq3-card .accordion .global-accordion-item .global-accordion-body {
	background: linear-gradient(135deg, #ffb2a1 0%, #ffd84d 55%, #47e56f 100%) !important;
	color: #134337 !important;
	border: 1px solid transparent !important;
}
.faq3-card .accordion .global-accordion-item .global-accordion-body p {
	color: #134337 !important;
	border-top: 1px solid rgba(19, 67, 55, 0.3) !important;
}

/* About1 card: force black text inside list panel and description */
.about1-content__list,
.about1-content__list *,
.about1-content__text {
	color: #000000 !important;
}

/* Improve contrast for links and logo on green scrolled header */
.global-header1.header-layout1.scrolled .global-header1-menu-area-main-menu a { color: #ffffff !important; }
.global-header1.header-layout1.scrolled .global-header1-menu-area-main-menu a:hover,
.global-header1.header-layout1.scrolled .global-header1-menu-area-main-menu a.active { color: #FFE082 !important; }
.global-header1.header-layout1.scrolled .header-logo img { filter: brightness(0) invert(1); }


.footer1, .footer1.bg-color1, .footer, footer { 
	background-color: #134337 !important; 
}



.counter1-content__item-count::after{
	    background-image: url(../images/icon/fiskaBlue.svg);
    background-size: contain;
    opacity: 0.4;
    z-index: -1;
}

/* === Unified Footer Theme (same on all pages) === */
footer, .footer, .footer *, .footer1, .footer1 * { color: #FFFFFF !important; }

/* Links in footer: black links, yellow hover */
.footer1 a, footer a { color: #0c1a14 !important; }
.footer1 a:hover, .footer1 a:focus, footer a:hover, footer a:focus { color: #ffd84d !important; }

/* Ensure footer acts as positioning context for decorative elements */
.footer1 { position: relative !important; z-index: 0; overflow: hidden !important; }

/* Decorative line fixed at bottom-right */
/* removed old footer-decor-line element */

/* Social circles */
.footer1-widget__item-contact-social li a { 
	background-color: rgba(255,255,255,0.08) !important; 
	color: #FFFFFF !important; 
}

/* removed old footer-decor-line visibility rules */

/* Global decor line: fixed at bottom, topmost layer */
.global-decor-line{
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	top: auto !important;
	z-index: 0 !important;
	display: block !important;
	pointer-events: none !important;
	opacity: 1 !important;
	visibility: visible !important;
	width: 100% !important;
	height: auto !important;
	max-width: none !important;
	object-fit: contain !important;
	object-position: right bottom !important;
	transform: none !important;
}

/* Global vertical spacing between blocks */
:where(
	.section,
	[class*="section"],
	[class*="-section"],
	[class*="-area"],
	.card,
	.widget,
	.content,
	.footer,
	.header,
	.container,
	.container-fluid
) {
	margin-bottom: 18px !important;
}