/*
	Theme Name: Hello Elementor Child
	Theme URI: https://elementor.com/hello-theme/
	Description: Hello Elementor Child Theme
	Author: 
	Author URI: 
	Template: hello-elementor
	Version: 1.0.0
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor-child
*/

/* Form layout
-------------------------------------------------- */
.icaal-form-row {
   display: flex;
   flex-wrap: wrap;
   margin-left: -0.75rem;
   margin-right: -0.75rem;
   margin-bottom: 1.5rem;
}

.icaal-col {
   width: 100%;
   padding-left: 0.75rem;
   padding-right: 0.75rem;
   box-sizing: border-box;
   text-align: left;
}

@media (min-width: 768px) {
   .icaal-col-half {
      width: 50%;
   }
}

/* Radio group
-------------------------------------------------- */
.icaal-radio-group {
   border: none;
   margin: 0;
   padding: 0;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 0.75rem;
}

.icaal-radio-group legend {
   font-size: 20px;
   font-weight: 600;
   padding: 0;
   width: 100%;
   margin-bottom: 15px;
}

.icaal-radio-group label {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   font-size: 14px;
   cursor: pointer;
   white-space: nowrap;
   margin-bottom: 10px;
}

.icaal-radio-group input[type="radio"] {
   margin: 0;
   cursor: pointer;
}

/* Form fields
-------------------------------------------------- */
.icaal-contact-form-wrap select {
   border: none;
   border-bottom: 1px solid #d1d5db;
   padding: 5px 30px 8px 10px;
   font-size: 14px;
   appearance: none;
   -webkit-appearance: none;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7280' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: right 8px center;
   background-size: 12px 8px;
   cursor: pointer;
}
.icaal-contact-form-wrap input,
.icaal-contact-form-wrap textarea {
   padding-left: 10px !important;
}
.icaal-contact-form input[type="submit"] {
   background-color: #1B3021;
   color: #fff !important;
   padding: 10px 20px;
   border: none;
   cursor: pointer;
}
.icaal-contact-form .response {
   margin: 15px 0;
   font-size: 14px;
   padding: 10px;
}
.icaal-contact-form .response .alert {
   padding: 10px;
}
.icaal-contact-form .response .alert.alert-success {
   color: #155724;
   background-color: #d4edda;
   border: 1px solid #c3e6cb;
}
.icaal-contact-form .response .alert.alert-danger {
   color: #721c24;
   background-color: #f8d7da;
   border: 1px solid #f5c6cb;
}

.icaal-contact-form .response ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

/* Chatbot + Whatsapp */
.cta-chat-fixed {
   position: fixed;
   bottom: 3rem;
   right: 1rem;
   border-radius: 999px;
   z-index: 999;
   transition: transform 0.3s, opacity 0.3s;
   transform: translateX(0);
   opacity: 1;
   display: flex;
   background-color: #f0f0f0;
   border: 1px solid #ccc;
   padding: 0.125rem;
}

.cta-chat-fixed.chat-open {
   right: 0;
   transform: translateX(100%);
   opacity: 0;
}

.cta-chat-fixed .chat-method {
   width: 3.5rem;
   height: 3.5rem;
   border-radius: 50%;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: margin 0.125s;
   margin: 0.1rem;
   background-color: #1966A4;
}
@media screen and (max-width: 768px) {
   .cta-chat-fixed {
   bottom: 11%;
   }
}
@media (min-width: 1280px) {
   .cta-chat-fixed .chat-method {
   width: 3.5rem;
   height: 3.5rem;
   }
}