/*
Theme Name: Agrezen Child
Theme URI: https://zozothemes.com/
Author: ZozoThemes
Author URI: https://zozothemes.com/
Description: Child theme for Agrezen parent theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: agrezen
Template: agrezen
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: zozothemes
*/

.wp-image-27771 {
	max-width: 290px;
}
.site-header .container-fluid{
    
}
.site-header .header-navbar .cea-button-link.cea-button{
	background-color: #eda118;
}
/* remove the theme's decorative shape overlay on every page-title bar
   (hardcoded in agrezen-addon's theme-options-css.php, not a theme-option
   field, so it can't be turned off from the admin - overridden here instead) */
header.agrezen-page-header:before {
	background-image: none;
}
/* Produtos portfolio single (page 200) page-header background: the theme
   option's .single.single-cea-portfolio .agrezen-page-header rule is global
   to all cea-portfolio posts, so scope this override to postid-200 to only
   affect this one page (extra class beats the option's 3-class selector). */
.single.single-cea-portfolio.postid-200 .agrezen-page-header {
	background-image: url('/wp-content/uploads/2026/07/Produtos-Kampu.jpg');
	background-size: cover;
	background-position: center;
}
/* Apoio service single (page 100) page-header background - same reasoning
   as the produtos override above, scoped via postid-100. */
.single.single-cea-service.postid-100 .agrezen-page-header {
	background-image: url('/wp-content/uploads/2026/07/Apoio-Kampu.jpg');
	background-size: cover;
	background-position: center;
}
/* Apoio (page 100): hide the theme's auto-generated prev/next post-nav
   block (.custom-post-nav - the green border-top line plus the "next"
   button linking to whichever cea-service post follows it, here "The
   Eco-Friendly Farming"). Scoped to postid-100 only; other service single
   pages keep their nav. */
.single.single-cea-service.postid-100 .custom-post-nav {
	display: none;
}
/* Contactos page (page 144) page-header background - the theme option's
   .page .agrezen-page-header rule is global to all regular pages, so scope
   this override via page-id-144 to only affect this one page. */
.page.page-id-144 .agrezen-page-header {
	background-image: url('/wp-content/uploads/2026/07/Contactos.jpg');
	background-size: cover;
	background-position: center;
}
/* Page-header dark overlay (header.agrezen-page-header:after in the parent
   theme's theme-styles.css): updated per figma-header-screen.png design
   (#303225 at 63% opacity) across all page headers site-wide. None of the
   per-post-type "overlaycolor" theme options are set, so this parent rule
   is what actually renders everywhere - overriding it here changes it globally. */
header.agrezen-page-header:after {
	background: rgba(48, 50, 37, 0.63);
}
.elementor .e-00bf789-wrap {
    width: 70%;
}
@media (max-width: 768px) {
	.elementor .e-00bf789-wrap {
    	width: 80%;
	}
}
@media (max-width: 576px) {
	.elementor .e-00bf789-wrap {
    	width: 100%;
	}
}

/* [data-id='1be51f9'] hero: first child (price box, elementor-element-155e58a)
   gets more room by default; Elementor's own elementor-hidden-tablet /
   elementor-hidden-mobile classes on it were hiding the whole box (and the
   .e-00bf789-wrap price display inside it) below desktop, so override those
   back to visible and drive visibility purely off our own breakpoints. */
.elementor-element-155e58a.elementor-hidden-tablet,
.elementor-element-155e58a.elementor-hidden-mobile {
	display: flex !important;
}
/* .hero-stamps (elementor-element-3d5f59b) was hidden the same way at
   Elementor's mobile breakpoint; its own mobile settings already stack the
   3 badges in a column at 100% width each, they just never got a chance to
   render. */
.elementor-element-3d5f59b.elementor-hidden-mobile {
	display: flex !important;
}
.elementor-element-155e58a {
	width: 60%;
	padding-right: 20%;
}
@media (max-width: 1400px) {
	.elementor-element-155e58a {
		width: 100%;
		padding-right: 0;
	}
}
@media (max-width: 1140px) {
	[data-id='1be51f9'] {
		display: block;
	}
}

/* second child of [data-id='1be51f9'] (.hero-stamps badges column): its
   original 50.351% width + -50px margin was calibrated for the first
   child's old 40.788% width. Now that the first child is 60% by default,
   the two no longer summed to <=100%, so this column ran past the right
   edge of the viewport (and past 1400px down to 1140px, where the first
   child goes to 100%, it overflowed almost entirely off-screen). */
.elementor-element-76289d8 {
	width: 40%;
	margin-right: 0;
}
@media (max-width: 1400px) {
	[data-id='1be51f9'] {
		flex-wrap: wrap;
		padding-top: 40px;
	}
	.elementor-element-76289d8 {
		width: 100%;
	}
}

/* hero heading (.hero-heading, elementor-element-833d328) buttons row must
   stay side-by-side at XXL even though the price-box column is narrow there. */
.elementor-element-f008f9a {
	flex-wrap: nowrap !important;
}

/* price text must never break across lines */
.elementor-element-d00cbd1 .elementor-heading-title {
	white-space: nowrap;
}

ul.nav.wp-menu > li {
    padding: 0 40px;
}
elementor-element .section-title-wrapper .title-wrap > * .subtitle-dots {
    padding-left: 50px;
}
.elementor-element .section-title-wrapper .title-wrap > * .subtitle-dots:before {
	background-image: url('/wp-content/uploads/2026/07/folha.png') !important;
}
.elementor-element .section-title-wrapper .title-wrap > * .subtitle-dots:before {
    top: -11px;
    width: 30px;
    height: 30px;
    left: 0px;
    transform: scaleY(.8) translateY(17%);
    transition: all 0.5s ease;
}
.elementor-element.elementor-element-76289d8{
	margin-top: 6rem;
}

/* Elementor "boxed" containers get 0 inline padding by design (their gutter
   normally comes from max-width < 100% centering). Since the kit's Container
   Width is set to 100%, boxed containers render edge-to-edge with no gutter
   at all -- restore the kit's configured 12px container padding here. */
.e-con.e-con-boxed > .e-con-inner {
    padding-left: 60px;
    padding-right: 60px;
	padding-inline-start: 60px;
	padding-inline-end: 60px;
}
@media (max-width: 768px) {
	.e-con.e-con-boxed > .e-con-inner {
		padding-left: 30px;
		padding-right: 30px;
		padding-inline-start: 30px;
		padding-inline-end: 30px;
	}
}

.elementor-element-98fa61f {
	width: 100%;
}

[data-id='198c3fe'] .counter-value{
	display: none;
}
/* "Selo de confiança Ferpinta" section: on mobile the stack is column
   (Excelência, then the red "ac299ba" button block, then Qualidade) -
   move the red-background block ahead of Excelência. */
@media (max-width: 768px) {
	.elementor-element-ac299ba {
		order: -1;
	}
}
.elementor-29 .elementor-element.elementor-element-75e951f {
    --align-items: top;
}
[data-id='f8ddb0a'] > p:first-child{
	padding-top: 3rem;
}

/* .widget-area-left CTA widget (.wp-block-columns.cus-cta-widget:before, service-sidebar
   block-61): same dark screen as header.agrezen-page-header:after / the footer
   (#303225 at 63% opacity, per figma-header-screen.png), layered as a gradient
   over the widget's own background-image so both render from one background-image
   value. Scoped to .widget-area-left so it doesn't touch the other cus-cta-widget
   instances elsewhere (right-sidebar, landing-page, etc). */
.widget-area-left .wp-block-columns.cus-cta-widget:before {
	background-image: linear-gradient(rgba(48, 50, 37, 0.63), rgba(48, 50, 37, 0.63)), url(/wp-content/uploads/2026/07/Apoio-Kampu-1.jpg);
}
/* parent theme's text-transform:capitalize on this button (theme-styles.css)
   treats the hyphen in "Contacte-nos" as a word boundary, rendering it
   "Contacte-Nos" - keep the PT text as typed. */
.widget-area-left .wp-block-columns.cus-cta-widget .wp-block-button a.wp-block-button__link {
	text-transform: none;
}

/* Footer redesign (Figma): logo/social | Ferpinta partner badge | Luanda/Lobito addresses */
footer .footer-widgets-wrap .container-fluid{
    padding: 0 60px;
}
footer .footer-widgets-wrap .container-fluid > .row,
#site-footer-wrap{
	--bs-gutter-x: 0;
}
.footer-brand-badge-col{
	margin-right: 4rem !important;
}
.footer-brand-wrap {
	align-items: center;
	column-gap: 40px;
}
.footer-brand-wrap .cus-navmenu-wedgets {
	margin-right: 0;
	border-right: none;
}
.footer-social-icons {
	display: flex;
	list-style: none;
	margin: 24px 0 0;
	padding: 0;
}
.footer-social-icons > li {
	margin: 0 1rem;
}
.footer-social-icons li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 1px solid rgba(250, 247, 240, 0.5);
	border-radius: 8px;
	color: #faf7f0;
	font-size: 15px;
	transition: all 0.3s ease;
}
.footer-social-icons li a:hover {
	background-color: #EDA118;
	border-color: #EDA118;
	color: #0F0F0F;
}
.footer-brand-badge {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}
.footer-brand-label {
	color: #faf7f0;
	font-size: 13px;
	opacity: 0.8;
	margin: 0;
}
.footer-brand-logo {
	max-width: 132px;
	height: auto;
	margin: 0 !important;
	align-self: flex-start;
}
.footer-address-col {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.footer-widgets-wrap .footer-address-block h4 {
	color: #faf7f0 !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 22px !important;
	letter-spacing: 0.5px;
	margin: 0 !important;
}
.footer-address-block p {
	margin: 0;
	font-size: 14px;
	line-height: 22px;
	color: rgba(250, 247, 240, 0.85);
}
@media (max-width: 767px) {
	.footer-brand-wrap {
		flex-wrap: wrap;
		row-gap: 30px;
	}
	.footer-brand-wrap .wp-block-column {
		flex-basis: 100% !important;
	}
}