/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Annonce box */
/* Main Container */
#mma-info-box {
  max-width: 41%; /* Limits width */
  float: right; /* Floats the box to the right */
  margin: 0 0 20px 20px; /* Adds spacing to the left for text wrapping */
  padding: 20px;
  background-color: #f8f8f8; /* Light grey background */
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
  box-sizing: border-box;
}

/* Logo Styling */
.mma-logo {
  max-width: 100%; /* Ensures it scales properly */
  height: auto; /* Maintains aspect ratio */
  margin-bottom: 10px; /* Spacing below the logo */
  padding-right: 15px;
}

/* Text Content */
#mma-info-box p {
  font-size: 14px;
  color: #000;
  margin-bottom: 8px;
  line-height: 1.4;
  text-align: left; /* Ensures text remains left-aligned */
}

/* Links Styling */
#mma-info-box .mma-link {
  font-weight: 600;
  color: #ff5722;
  text-decoration: none;
}

#mma-info-box .mma-link:hover {
  text-decoration: underline;
}

/* Disclaimer Styling */
#mma-info-box .mma-disclaimer {
  font-size: 12px;
  color: #888;
  margin-bottom: 10px;
}

/* Ad Notice Styling */
.mma-ad-notice {
  font-size: 12px;
  color: #888;
  text-align: left;
  font-style: italic;
}

/* Responsive: On small screens, remove float */
@media (max-width: 768px) {
  #mma-info-box {
    max-width: 100%;
    float: none;
    margin: 20px 0;
  }
}