/*
 Theme Name:   Rolli 2026
 Theme URI:    https://example.com/rolli-2026
 Description: Child theme for Hello Elementor
 Author:       Your Name
 Author URI:   https://example.com
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  rolli-2026
*/

/* Your custom styles go below */



.site-logo-header a img,
#home-outer > div > div.elementor-element.elementor-element-f2683a7.e-con-full.e-flex.e-con.e-child > div.elementor-element.elementor-element-4629041.e-con-full.e-flex.e-con.e-child > div.elementor-element.elementor-element-3da15f3.e-con-full.e-flex.e-con.e-child > div.elementor-element.elementor-element-8fff6df.elementor-widget.elementor-widget-theme-site-logo.elementor-widget-image > a > img{
  filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.4)) !important;
}
h1, h2, h3, h4 {
  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4)) !important;
}

/* Apply to your container with ID #home-outer 

#home-outer {
  background-color: #00D4D6;
  background-image: linear-gradient(
    135deg,
    #00D4D6 0%,
    #59E0C2 35%,
    #FFF59A 70%,
    #FFDC00 100%
  );
  background-repeat: no-repeat;
  background-size: cover;
}
*/

p.home-p3 {
	font-size: 80%;
	text-align: right !important;
}
/* Force submit row to full width */
.elementor-field-type-submit {
  width: 100% !important;
  display: flex;
  justify-content: center;
}
/* Base layout */
.single-layout {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}

.post-content-container {
  flex: 1 1 0;
  min-width: 0;
}

.image-container {
  flex: 0 0 420px;
  max-width: 100%;
}

/* ✅ If no image exists, hide image container and expand content */
.single-layout:not(:has(.image-container img)) .image-container {
  display: none;
}

.single-layout:not(:has(.image-container img)) .post-content-container {
  flex-basis: 100%;
  max-width: 100%;
}
.single-layout ul.wp-block-list {
	margin-block-end:0.9rem !important;
}

/* Mobile stacking */
@media (max-width: 768px) {
  .single-layout {
    flex-direction: column;
  }
}