/**
 * Elementor Widget Overrides
 * Podo Child Theme — podologas.lt
 *
 * Overrides Elementor default widget styles to match the Podo design system.
 * Loaded only when Elementor is active.
 */

/* ============================================================
   BUTTONS
   ============================================================ */

/* Primary button */
.elementor-button.elementor-button-primary,
.elementor-widget-button .elementor-button[data-background="classic"].elementor-button-primary,
a.elementor-button.elementor-button-primary {
	background-color: var(--color-primary, #C4956A);
	color:            #fff;
	border-color:     var(--color-primary, #C4956A);
	border-radius:    4px;
	padding:          14px 32px;
	font-family:      var(--font-primary, 'Manrope', sans-serif);
	font-weight:      600;
	font-size:        15px;
	letter-spacing:   0.05em;
	text-transform:   uppercase;
	transition:       background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
	border-style:     solid;
	border-width:     2px;
}

.elementor-button.elementor-button-primary:hover,
.elementor-button.elementor-button-primary:focus,
a.elementor-button.elementor-button-primary:hover {
	background-color: var(--color-primary-dark, #9E7048);
	border-color:     var(--color-primary-dark, #9E7048);
	color:            #fff;
}

/* Outline button */
.elementor-button.elementor-button-outline,
a.elementor-button.elementor-button-outline {
	background:       transparent;
	color:            var(--color-primary, #C4956A);
	border:           2px solid var(--color-primary, #C4956A);
	border-radius:    4px;
	padding:          12px 30px;
	font-family:      var(--font-primary, 'Manrope', sans-serif);
	font-weight:      600;
	font-size:        15px;
	letter-spacing:   0.05em;
	text-transform:   uppercase;
	transition:       background-color 0.25s ease, color 0.25s ease;
}

.elementor-button.elementor-button-outline:hover,
a.elementor-button.elementor-button-outline:hover {
	background-color: var(--color-primary, #C4956A);
	color:            #fff;
}

/* ============================================================
   HEADINGS
   ============================================================ */

.elementor-heading-title {
	color:       var(--color-secondary, #3D2B1F);
	font-family: var(--font-primary, 'Manrope', sans-serif);
}

/* Headings inside dark sections inherit light color */
.dark-section .elementor-heading-title,
.elementor-section.dark-section .elementor-heading-title,
.e-con.dark-section .elementor-heading-title {
	color: var(--color-text-on-dark, #F2EBE0);
}

/* ============================================================
   TEXT EDITOR
   ============================================================ */

.elementor-widget-text-editor p,
.elementor-widget-text-editor li {
	color:       var(--color-text, #5c5c58);
	font-size:   18px;
	line-height: 1.65;
	font-family: var(--font-primary, 'Manrope', sans-serif);
}

.elementor-widget-text-editor a {
	color: var(--color-primary, #C4956A);
}

.elementor-widget-text-editor a:hover {
	color: var(--color-primary-dark, #9E7048);
}

/* Dark section text */
.dark-section .elementor-widget-text-editor p,
.dark-section .elementor-widget-text-editor li,
.e-con.dark-section p {
	color: var(--color-text-on-dark, #F2EBE0);
}

/* ============================================================
   SECTION / CONTAINER PADDING
   ============================================================ */

/* Default section padding override — desktop */
.elementor-section.elementor-section-full_width,
.elementor-section.elementor-section-boxed {
	--section-padding: 100px;
}

.e-con {
	--section-padding: 100px;
}

/* Tablet */
@media (max-width: 1024px) {
	.elementor-section.elementor-section-full_width,
	.elementor-section.elementor-section-boxed,
	.e-con {
		--section-padding: 64px;
	}
}

/* Mobile */
@media (max-width: 767px) {
	.elementor-section.elementor-section-full_width,
	.elementor-section.elementor-section-boxed,
	.e-con {
		--section-padding: 48px;
	}
}

/* ============================================================
   SECTION VARIANTS
   ============================================================ */

/* Warm background section */
.warm-section,
.elementor-section.warm-section,
.e-con.warm-section {
	background-color: var(--color-bg-warm, #F2EBE0) !important;
}

/* Dark background section */
.dark-section,
.elementor-section.dark-section,
.e-con.dark-section {
	background-color: var(--color-bg-dark, #3D2B1F) !important;
}

.dark-section p,
.e-con.dark-section p {
	color: var(--color-text-on-dark, #F2EBE0);
}

/* ============================================================
   ICON BOX
   ============================================================ */

.elementor-widget-icon-box .elementor-icon-box-title {
	color:       var(--color-secondary, #3D2B1F);
	font-family: var(--font-primary, 'Manrope', sans-serif);
	font-weight: 600;
}

.elementor-widget-icon-box .elementor-icon-box-description {
	color:       var(--color-text, #5c5c58);
	font-size:   16px;
	line-height: 1.65;
}

.elementor-widget-icon-box .elementor-icon {
	color: var(--color-primary, #C4956A);
}

/* ============================================================
   DIVIDER
   ============================================================ */

.elementor-widget-divider .elementor-divider-separator {
	border-color: var(--color-border, #E2D8CC);
}

/* ============================================================
   IMAGE
   ============================================================ */

.elementor-widget-image img {
	border-radius: 4px;
}

/* ============================================================
   COUNTER / STAT NUMBERS
   ============================================================ */

.elementor-widget-counter .elementor-counter-number-wrapper {
	color:       var(--color-primary, #C4956A);
	font-family: var(--font-primary, 'Manrope', sans-serif);
	font-weight: 700;
}

.elementor-widget-counter .elementor-counter-title {
	color:     var(--color-text, #5c5c58);
	font-size: 15px;
}

/* ============================================================
   TESTIMONIALS / REVIEWS
   ============================================================ */

.elementor-widget-testimonial .elementor-testimonial-content {
	color:       var(--color-text, #5c5c58);
	font-size:   17px;
	line-height: 1.7;
	font-style:  italic;
}

.elementor-widget-testimonial .elementor-testimonial-name {
	color:       var(--color-secondary, #3D2B1F);
	font-weight: 600;
}

/* ============================================================
   FORM FIELDS (Elementor Form widget)
   ============================================================ */

.elementor-form .elementor-field-group .elementor-field {
	border:        1px solid var(--color-border, #E2D8CC);
	border-radius: 4px;
	font-family:   var(--font-primary, 'Manrope', sans-serif);
	font-size:     16px;
	color:         var(--color-text, #5c5c58);
	background:    #fff;
	padding:       12px 16px;
	transition:    border-color 0.2s ease;
}

.elementor-form .elementor-field-group .elementor-field:focus {
	border-color: var(--color-primary, #C4956A);
	outline:      none;
}

.elementor-form .elementor-field-group label {
	font-family:  var(--font-primary, 'Manrope', sans-serif);
	font-size:    14px;
	font-weight:  500;
	color:        var(--color-secondary, #3D2B1F);
}

/* ============================================================
   GLOBAL KIT HEADING COLOR OVERRIDES
   ============================================================ */

/* Ensure Elementor's own heading color vars map to ours */
:root {
	--e-global-color-primary:    #C4956A;
	--e-global-color-secondary:  #3D2B1F;
	--e-global-color-text:       #5c5c58;
	--e-global-color-accent:     #F2EBE0;
}
footer .elementor-section.elementor-section-boxed > .elementor-container, .e-con-inner {
max-width: 100% !important;
}