/* 
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 */

/* Overall modal */
/* Modal frame */
.ecru-swal{border-radius:18px}
.ecru-swal-title{
  font-size:24px; font-weight:800; margin-top:6px; margin-bottom:6px;
}
.ecru-swal .swal2-icon.swal2-success{
  border-color:#6c4a3a; color:#6c4a3a;       /* tweak to your brand brown */
}
.ecru-swal-body{margin-top:2px}
.ecru-msg{
  margin: 6px 0 16px; line-height:1.5; font-weight:500; color:#2c2c2c;
}

/* Actions row */
.ecru-actions{display:flex; gap:12px; justify-content:center; flex-wrap:wrap}
.ecru-btn{
  appearance:none; border:0; cursor:pointer;
  padding:10px 18px; border-radius:999px; font-weight:700; text-decoration:none;
}
.ecru-btn-primary{background:#4b2e2b; color:#fff}
.ecru-btn-primary:hover{filter:brightness(.95)}
.ecru-btn-outline{
  background:#fff; color:#4b2e2b; border:2px solid #dfd6cf;
}
.ecru-btn-outline:hover{background:#fbf9f7}
.ecru-close{top:10px; right:12px}

div#swal2-html-container {
    display: flex !important;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

/* Dual buttons row */
.ecru-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 15px;
}

.ecru-btn {
  appearance: none;
  border: 0;
  cursor: pointer;
  padding: 10px 18px;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  min-width: 120px;
}

.ecru-btn-primary {
  background: #4b2e2b;
  color: #fff;
}

.ecru-btn-primary:hover {
  filter: brightness(0.95);
}

.ecru-btn-outline {
  background: #fff;
  color: #4b2e2b;
  border: 2px solid #dfd6cf;
}

.ecru-btn-outline:hover {
  background: #fbf9f7;
}