/* /assets/stylesheets/agadir-investment.css
 * Agadir Investment brand overrides.
 *
 * The original layout, motion, color palette and responsive breakpoints are
 * intentionally retained. Only Agadir Investment branding and small practical
 * corrections live in this file.
 */

.ai-brand-logo {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ca9d75;
    line-height: 1;
    text-decoration: none;
}

.ai-brand-logo img {
    display: block;
    width: 64px !important;
    height: 58px !important;
    margin: 0 auto !important;
    object-fit: contain;
}

.ai-brand-logo .ai-wordmark {
    display: block;
    margin-top: 7px;
    color: #ca9d75;
    font-family: "Euclid Square", Arial, sans-serif;
    font-size: 8px;
    line-height: 1.15;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    white-space: nowrap;
}

.ai-brand-logo:hover,
.ai-brand-logo:hover .ai-wordmark {
    color: #f9f0ec;
}

.logo--footer.ai-brand-logo img {
    width: 58px !important;
    height: 52px !important;
}

.logo--footer.ai-brand-logo .ai-wordmark {
    margin-top: 6px;
    font-size: 7px;
}

.ai-preloader-logo {
    display: block;
    width: 76px;
    height: 70px;
    object-fit: contain;
    animation: aiPulse 1.4s ease-in-out infinite alternate;
}

@keyframes aiPulse {
    from {
        opacity: 0.55;
        transform: scale(0.96);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Homepage: Agadir Investment hero title, slightly larger than the previous 50% setting. */
.landing-intro__content .h1 > .deco-title--xl.is-hidden--sm-up,
.landing-intro__content .h1 > .is-hidden--sm-down:not(.landing-intro__text) {
    font-size: 0.6em !important;
    line-height: 1.02;
    letter-spacing: -0.02em;
}

/* Keep longer English menu labels inside the original menu geometry. */
.modal-menu__content-menu a {
    letter-spacing: -0.01em;
}

/* The original developer badge is not part of the Agadir Investment brand. */
.footer__vig {
    display: none !important;
}

/* Responsive media safety. */
img,
video,
iframe {
    max-width: 100%;
}

input,
select,
textarea,
button {
    font: inherit;
}

.footer__text a {
    color: inherit;
    text-decoration: none;
}

.footer__text a:hover {
    color: #ca9d75;
}

.ai-source-note {
    max-width: 780px;
    font-size: 12px;
    line-height: 1.5;
    opacity: 0.72;
}

@media (max-width: 767px) {
    .ai-brand-logo img {
        width: 44px !important;
        height: 40px !important;
    }

    .ai-brand-logo .ai-wordmark {
        margin-top: 4px;
        font-size: 6px;
        letter-spacing: 0.16em;
    }

    .modal-menu__content-menu a {
        font-size: clamp(24px, 8vw, 42px);
    }

    .footer__tel {
        font-size: 26px !important;
    }
}

@media (min-width: 1280px) {
    .ai-brand-logo img {
        width: 78px !important;
        height: 70px !important;
    }

    .ai-brand-logo .ai-wordmark {
        margin-top: 8px;
        font-size: 9px;
    }
}