/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: Child theme for Hello Elementor with custom AJAX search support.
Author: AES Door
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/
html, body {
    overflow-x: hidden;
    width: 100%;
}

/* =========================================
   FOOTER ICON LIST
   Keep text left and move arrows to the right
   Works with linked + unlinked Elementor items
========================================= */

.footer-icon-list .elementor-icon-list-item {
    width: 100% !important;
}

/* Linked items */
.footer-icon-list .elementor-icon-list-item > a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

/* Text stays on the left */
.footer-icon-list .elementor-icon-list-text {
    order: 1 !important;
    flex: 1 1 auto !important;
    text-align: left !important;
}

/* Icon goes to the far right */
.footer-icon-list .elementor-icon-list-icon {
    order: 2 !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    padding-left: 12px !important;
    flex: 0 0 auto !important;
}

/* Also support items without a link */
.footer-icon-list .elementor-icon-list-item:not(:has(a)) {
    display: flex !important;
    align-items: center !important;
}

/* BUTTON TRANSITIONS */
.primary-btn a.elementor-button,
.secondary-btn a.elementor-button {
    transition: all 0.25s ease !important;
}

/* PRIMARY HOVER */
.primary-btn:hover a.elementor-button {
    background: #ffffff !important;
    color: #0A58C7 !important;
    border-color: #ffffff !important;
    transform: translateY(-2px);
}

/* SECONDARY HOVER */
.secondary-btn:hover a.elementor-button {
    background: #0A58C7 !important;
    color: #ffffff !important;
    border-color: #0A58C7 !important;
    transform: translateY(-2px);
}

/* ARROWS */
.primary-btn .elementor-button-icon,
.secondary-btn .elementor-button-icon {
    transition: transform 0.25s ease !important;
}

.primary-btn:hover .elementor-button-icon,
.secondary-btn:hover .elementor-button-icon {
    transform: translateX(4px);
}