/* ===================================================
   IOTA Desktop Interactions & Hover States
   =================================================== */

/* ----- Nav Link Hover ----- */
.elementor .nl1,
.elementor .nl2,
.elementor .nl3,
.elementor .nl4,
.elementor .nl5,
.elementor .nl6 {
    cursor: pointer;
    transition: color 0.25s ease;
    position: relative;
}

.elementor .nl1:hover,
.elementor .nl2:hover,
.elementor .nl3:hover,
.elementor .nl4:hover,
.elementor .nl5:hover,
.elementor .nl6:hover {
    color: #ED1B76 !important;
}

/* Active/current nav link (Programmes in design) */
.elementor .nl2.iota-nav-active {
    color: #ED1B76 !important;
}

/* ----- Programmes Dropdown ----- */
.iota-dropdown {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #1F2933;
    border-radius: 0 0 12px 12px;
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
    min-width: 220px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}

.iota-dropdown.iota-dd-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.iota-dropdown a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
    padding: 8px 0;
    transition: color 0.2s ease;
    display: block;
}

.iota-dropdown a:hover {
    color: #ED1B76 !important;
}

/* ----- CTA Buttons Hover ----- */

/* Apply Now (nav-cta-s) — border glow + slight scale */
.elementor .nav-cta-s {
    transition: background-color 0.3s ease, transform 0.2s ease, border-color 0.3s ease;
    cursor: pointer;
}
.elementor .nav-cta-s:hover {
    background-color: #ED1B76 !important;
    border-color: #ED1B76 !important;
    transform: scale(1.03);
}

/* Discover IOTA / campus-cta-s (dark pill CTA) */
.elementor .campus-cta-s {
    transition: background-color 0.3s ease, transform 0.2s ease;
    cursor: pointer;
}
.elementor .campus-cta-s:hover {
    background-color: #ED1B76 !important;
    transform: scale(1.03);
}

/* MBA CTA (white pill) */
.elementor .mba-cta-s {
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
    cursor: pointer;
}
.elementor .mba-cta-s:hover {
    background-color: #F0EEE9 !important;
    transform: scale(1.03);
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}

/* Programme CTA, Spirit CTA, News CTA, Stories CTA */
.elementor .prog-cta-s,
.elementor .spirit-cta-s,
.elementor .news-cta-s,
.elementor .stories-cta-s {
    transition: transform 0.2s ease, box-shadow 0.3s ease;
    cursor: pointer;
}
.elementor .prog-cta-s:hover,
.elementor .spirit-cta-s:hover,
.elementor .news-cta-s:hover,
.elementor .stories-cta-s:hover {
    transform: scale(1.03);
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

/* CTA Banner Button */
.elementor .cta-banner-btn-s {
    transition: transform 0.2s ease, box-shadow 0.3s ease;
    cursor: pointer;
}
.elementor .cta-banner-btn-s:hover {
    transform: scale(1.04);
    box-shadow: 0 4px 20px rgba(237,27,118,0.3);
}

/* Login to Learn hover */
.elementor .ann-login-s {
    transition: background-color 0.3s ease;
    cursor: pointer;
}
.elementor .ann-login-s:hover {
    background-color: #c4145f !important;
}

/* ----- Why Cards Hover ----- */
.elementor .why-card-s,
.elementor .why-card-focus-s {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.elementor .why-card-s:hover,
.elementor .why-card-focus-s:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 24px rgba(31,41,51,0.12) !important;
}

/* ----- Programme Cards Hover ----- */
.elementor .prog-card-s {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}
.elementor .prog-card-s:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 20px rgba(31,41,51,0.1);
}

/* ----- Testimonial Cards Hover ----- */
.elementor .tst-card-s {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.elementor .tst-card-s:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 20px rgba(31,41,51,0.1);
}

/* ----- Sticky Header ----- */
.elementor .header-style.iota-sticky {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    animation: iotaSlideDown 0.35s ease;
}

.elementor .header-style.iota-sticky .annbar-style {
    display: none !important;
}

.elementor .header-style.iota-sticky .nav-row-s {
    background: #1F2933 !important;
    background-image: none !important;
    background-color: #1F2933 !important;
    height: 72px !important;
    padding-block-start: 14px !important;
    padding-block-end: 14px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.2) !important;
}

@keyframes iotaSlideDown {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/* ----- WhatsApp Widget ----- */
.iota-wa-widget {
    position: fixed;
    bottom: 90px;
    right: 30px;
    z-index: 9998;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

.iota-wa-tooltip {
    background: #FFFFFF;
    color: #1F2933;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.12);
    line-height: 1.4;
    opacity: 0;
    transform: translateX(10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
    white-space: nowrap;
}

.iota-wa-tooltip small {
    font-weight: 400;
    font-size: 11px;
    color: #616E7C;
}

.iota-wa-widget:hover .iota-wa-tooltip {
    opacity: 1;
    transform: translateX(0);
}

.iota-wa-btn {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #25D366;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 14px rgba(37,211,102,0.4);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.iota-wa-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(37,211,102,0.5);
}

/* ----- Back to Top ----- */
.iota-btt {
    position: fixed;
    bottom: 30px;
    right: 38px;
    z-index: 9998;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #FFFFFF;
    border: 1px solid #E4E7EB;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.2s ease;
    color: #1F2933;
}

.iota-btt.iota-btt-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.iota-btt:hover {
    background-color: #1F2933;
    color: #FFFFFF;
    border-color: #1F2933;
}

/* ----- Misc Link Cursor ----- */
.elementor .ann-text-s,
.elementor .login-text-s {
    cursor: pointer;
}

/* Image hover zoom effect for campus section */
.elementor .campus-img1-s,
.elementor .campus-img3-s {
    transition: transform 0.4s ease;
}
.elementor .campus-img1-s:hover,
.elementor .campus-img3-s:hover {
    transform: scale(1.03);
}

/* ===================================================
   ARROWS HOVER — fill pink on hover
   =================================================== */

/* Testimonial arrows (circular) */
.elementor .tst-arrow-s {
    cursor: pointer;
    transition: transform 0.2s ease;
    border-radius: 50%;
}
.elementor .tst-arrow-s:hover {
    transform: scale(1.05);
}

/* Hero nav arrows */
.elementor .arrow-l-s,
.elementor .arrow-r-s {
    cursor: pointer;
    transition: transform 0.2s ease, filter 0.2s ease;
}
.elementor .arrow-l-s:hover,
.elementor .arrow-r-s:hover {
    transform: scale(1.15);
    filter: brightness(0) saturate(100%) invert(20%) sepia(95%) saturate(4800%) hue-rotate(326deg) brightness(92%) contrast(100%);
}

/* CTA arrow icons — turn pink bg on hover (via parent) */
.elementor .cta-arrow-s,
.elementor .campus-cta-arrow-s,
.elementor .prog-cta-arrow-s,
.elementor .spirit-cta-arrow-s,
.elementor .news-cta-arrow-s,
.elementor .stories-cta-arrow-s {
    transition: transform 0.2s ease;
    border-radius: 50%;
}

/* ===================================================
   CTA BUTTONS — fill pink (#ED1B76) on hover
   =================================================== */

/* Stories CTA */
.elementor .stories-cta-s {
    transition: background-color 0.3s ease, transform 0.2s ease;
    cursor: pointer;
}
.elementor .stories-cta-s:hover {
    background-color: #ED1B76 !important;
    transform: scale(1.03);
}
.elementor .stories-cta-s:hover .stories-cta-text-s {
    color: #FFFFFF !important;
}

/* News CTA */
.elementor .news-cta-s {
    transition: background-color 0.3s ease, transform 0.2s ease;
    cursor: pointer;
}
.elementor .news-cta-s:hover {
    background-color: #ED1B76 !important;
    transform: scale(1.03);
}
.elementor .news-cta-s:hover .news-cta-text-s {
    color: #FFFFFF !important;
}

/* Spirit CTA */
.elementor .spirit-cta-s:hover {
    background-color: #ED1B76 !important;
}
.elementor .spirit-cta-s:hover .spirit-cta-text-s {
    color: #FFFFFF !important;
}

/* Programme CTA */
.elementor .prog-cta-s:hover {
    background-color: #ED1B76 !important;
}
.elementor .prog-cta-s:hover .prog-cta-text-s {
    color: #FFFFFF !important;
}

/* Campus CTA (Discover IOTA) */
.elementor .campus-cta-s:hover .campus-cta-text-s {
    color: #FFFFFF !important;
}

/* ===================================================
   FOOTER HOVER STATES
   =================================================== */

/* Footer Quick Links — turn pink on hover */
.elementor .footer-ql-0-s,
.elementor .footer-ql-1-s,
.elementor .footer-ql-2-s,
.elementor .footer-ql-3-s,
.elementor .footer-ql-4-s,
.elementor .footer-ql-5-s {
    cursor: pointer;
    transition: color 0.2s ease;
}
.elementor .footer-ql-0-s:hover,
.elementor .footer-ql-1-s:hover,
.elementor .footer-ql-2-s:hover,
.elementor .footer-ql-3-s:hover,
.elementor .footer-ql-4-s:hover,
.elementor .footer-ql-5-s:hover {
    color: #ED1B76 !important;
}

/* Footer Resources — turn pink on hover */
.elementor .footer-res-0-s,
.elementor .footer-res-1-s,
.elementor .footer-res-2-s,
.elementor .footer-res-3-s,
.elementor .footer-res-4-s {
    cursor: pointer;
    transition: color 0.2s ease;
}
.elementor .footer-res-0-s:hover,
.elementor .footer-res-1-s:hover,
.elementor .footer-res-2-s:hover,
.elementor .footer-res-3-s:hover,
.elementor .footer-res-4-s:hover {
    color: #ED1B76 !important;
}

/* Footer social icons — white icons on dark bg, turn pink on hover */
.elementor .footer-social-s {
    cursor: pointer;
    transition: filter 0.2s ease, transform 0.2s ease;
}
.elementor .footer-social-s:hover {
    filter: brightness(0.8) sepia(1) hue-rotate(305deg) saturate(6);
    transform: scale(1.15);
}

/* Footer WhatsApp & Tel links */
.elementor .footer-wa-s,
.elementor .footer-tel-s {
    cursor: pointer;
    transition: color 0.2s ease;
}
.elementor .footer-wa-s:hover,
.elementor .footer-tel-s:hover {
    color: #ED1B76 !important;
}

/* Footer Newsletter Subscribe button */
.elementor .footer-nl-btn-s {
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}
.elementor .footer-nl-btn-s:hover {
    color: #FFFFFF !important;
    filter: brightness(0.9);
    transform: scale(1.03);
}

/* Footer copyright links (Terms, Privacy, Refund) */
.elementor .footer-copyright-s {
    cursor: default;
}
.elementor .footer-copyright-s a,
.elementor .footer-links-group-s a,
.elementor .footer-links-group-s .e-heading-base {
    transition: color 0.2s ease;
    cursor: pointer;
}
.elementor .footer-copyright-s a:hover,
.elementor .footer-links-group-s a:hover,
.elementor .footer-links-group-s .e-heading-base:hover {
    color: #ED1B76 !important;
}

/* Programme cards — arrow appears interactive */
.elementor .prog-card1-arrow-s,
.elementor .prog-card2-arrow-s,
.elementor .prog-card3-arrow-s,
.elementor .prog-card4-arrow-s {
    transition: transform 0.2s ease;
}
.elementor .prog-card-s:hover .prog-card1-arrow-s,
.elementor .prog-card-s:hover .prog-card2-arrow-s,
.elementor .prog-card-s:hover .prog-card3-arrow-s,
.elementor .prog-card-s:hover .prog-card4-arrow-s {
    transform: translateX(4px);
}

/* All links inside footer general */
.elementor .footer-s a {
    transition: color 0.2s ease;
}
.elementor .footer-s a:hover {
    color: #ED1B76 !important;
}

/* Footer copyright inline link spans (JS-injected) */
.iota-footer-link {
    cursor: pointer;
    transition: color 0.2s ease;
}
.iota-footer-link:hover {
    color: #ED1B76 !important;
}

/* News card "Read More" links — turn pink on hover */
.elementor .news-card1-link-s,
.elementor .news-card2-link-s,
.elementor .news-card3-link-s {
    cursor: pointer;
    transition: color 0.2s ease;
}
.elementor .news-card1-link-s:hover,
.elementor .news-card2-link-s:hover,
.elementor .news-card3-link-s:hover {
    color: #ED1B76 !important;
}