/*
Theme Name: Masaka District Farmers Association
Theme URI: https://masakadfa.org/
Author: Skylla Connect/Roniz Group
Description: Bilingual, farmer-led WordPress theme for Masaka District Farmers Association.
Version: 2.3.0
Text Domain: masakadfa-farmers
Requires at least: 6.4
Requires PHP: 8.1
License: GPL-2.0-or-later
*/

/* The original MDFA template CSS is loaded first. This layer only supplies
 * CMS controls, leaving the original design and responsive behaviour intact. */
body { font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }
.language-menu { display: flex; gap: .25rem; list-style: none; margin: 0; padding: 0; }
.language-menu a { border: 1px solid #3CB815; border-radius: 3rem; color: #111; display: inline-block; font-size: .68rem; font-weight: 700; letter-spacing: .04em; line-height: 1; padding: .32rem .43rem; text-decoration: none; }
.language-menu .current-lang a { background: #F65005; border-color: #F65005; color: #fff; }
.language-menu a:focus-visible { outline: 2px solid #F65005; outline-offset: 2px; }
.language-menu--desktop { margin-right: .4rem; }
.mdfa-contact-map { border: 0; height: 450px; width: 100%; }
.mdfa-notice { border-left: 4px solid #3CB815; margin: 1rem 0; padding: .75rem 1rem; }
.middle-item, .middle-item h5 { background-color: #3CB815 !important; color: #fff; }
.middle-item i { color: #F65005 !important; }
.testimonial-item img { height: 60px !important; object-fit: cover; width: 60px !important; }
.mdfa-about-photo { height: 500px; }
.mdfa-hero-copy { max-width: 590px; }
#header-carousel .mdfa-hero-title { font-size: clamp(2.4rem, 4vw, 3.8rem); line-height: 1.15; margin-left: auto; margin-right: auto; max-width: 10.5ch; }
.product-item { display: flex; flex-direction: column; height: 350px; justify-content: space-between; width: 100%; box-shadow: 0 0 45px rgba(0, 0, 0, .07); }
.product-item img { height: 200px; object-fit: cover; }
.product-item .text-center { flex-grow: 1; padding: 15px; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.mdfa-reveal-pending { opacity: 0; }
.mdfa-revealed { animation: mdfa-fade-in-up 1s both; }
.mdfa-revealed.slideInRight { animation-name: mdfa-slide-in-right; }
.mdfa-revealed.fadeIn { animation-name: mdfa-fade-in; }
@keyframes mdfa-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes mdfa-fade-in-up { from { opacity: 0; transform: translate3d(0, 28px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }
@keyframes mdfa-slide-in-right { from { opacity: 0; transform: translate3d(48px, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }

@media (max-width: 991.98px) {
	.language-menu--mobile a { font-size: .66rem; padding: .3rem .4rem; }
	#header-carousel .mdfa-hero-title { font-size: clamp(2.2rem, 8vw, 3.35rem); }
}