/* ========================================
   Hisham CTA - Style 2
======================================== */

.hisham-cta-style-2 {
    position: relative;
    overflow: hidden;
    display: flex; /* CRITICAL FIX */
}

/* Overlay */
.hisham-cta-overlay-image {
    position: absolute;
    z-index: 2;
}

/* Positions */
.hisham-cta-overlay-right { right: 0; top: 50%; transform: translateY(-50%); }
.hisham-cta-overlay-left { left: 0; top: 50%; transform: translateY(-50%); }
.hisham-cta-overlay-top-right { right: 0; top: 0; }
.hisham-cta-overlay-top-left { left: 0; top: 0; }
.hisham-cta-overlay-bottom-right { right: 0; bottom: 0; }
.hisham-cta-overlay-bottom-left { left: 0; bottom: 0; }

.hisham-cta-style-2 .hisham-cta-content-wrapper {
    position: relative;
    z-index: 3;
}

/* Animations */
.hisham-cta-animation-1 .hisham-cta-overlay-image {
    animation: hisham-fade-in-up 0.8s ease-out 0.3s both;
}
.hisham-cta-animation-2 .hisham-cta-overlay-image {
    animation: hisham-fade-in-left 0.8s ease-out 0.3s both;
}
.hisham-cta-animation-3 .hisham-cta-overlay-image {
    animation: hisham-fade-in-right 0.8s ease-out 0.3s both;
}
.hisham-cta-animation-4 .hisham-cta-overlay-image {
    animation: hisham-zoom-in 0.8s ease-out 0.3s both;
}

/* =========================================
   Mobile (max 767)
========================================= */
@media (max-width: 767px) {

    .hisham-cta-style-2 {
        flex-direction: column !important;
        height: auto !important;
        align-items: center !important;
        max-width: 100% !important;
    }

    .hisham-cta-content-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    .hisham-cta-overlay-image {
        position: relative !important;
        transform: none !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        margin-top: 15px !important;
        max-width: 100% !important;
        max-height: 100% !important;
    }

    .hisham-cta-container[style*="--mobile-cta-height"] {
        height: var(--mobile-cta-height) !important;
    }

    .hisham-cta-container[style*="--mobile-cta-spacing"] .hisham-cta-content-wrapper {
        gap: var(--mobile-cta-spacing) !important;
    }

    .hisham-cta-container[style*="--mobile-cta-title-size"] .hisham-cta-title {
        font-size: var(--mobile-cta-title-size) !important;
    }

    .hisham-cta-container[style*="--mobile-cta-desc-size"] .hisham-cta-description {
        font-size: var(--mobile-cta-desc-size) !important;
    }

    .hisham-cta-container[style*="--mobile-cta-button-size"] .hisham-cta-button {
        font-size: var(--mobile-cta-button-size) !important;
    }
}