/*=========================================================
 RANSAN TRAVELS
 PREMIUM FOOTER 2026
=========================================================*/


/*=========================================================
 FOOTER
=========================================================*/

.rs-footer-premium.rs-footer-modern-2026 {

    position: relative;

    width: 100%;
    max-width: 100%;

    padding:
        100px 20px 32px;

    overflow: hidden;

    box-sizing: border-box;

    color: #ffffff;

    background:

        radial-gradient(
            circle at 8% 12%,
            rgba(6, 182, 212, .12),
            transparent 30%
        ),

        radial-gradient(
            circle at 92% 20%,
            rgba(124, 58, 237, .13),
            transparent 31%
        ),

        radial-gradient(
            circle at 48% 100%,
            rgba(236, 72, 153, .08),
            transparent 31%
        ),

        linear-gradient(
            145deg,
            #04101c 0%,
            #071729 52%,
            #08111f 100%
        );

}


/*=========================================================
 WRAPPER
=========================================================*/

.rs-footer-modern-2026
.wrap {

    position: relative;

    z-index: 3;

    width:
        min(1220px, 100%);

    max-width:
        1220px;

    margin:
        0 auto;

}


/*=========================================================
 DECORATIVE GLOWS

 Keep existing classes, but calm the old animations.
=========================================================*/

.rs-footer-modern-2026
.rs-footer-glow {

    position: absolute;

    border-radius: 50%;

    filter: blur(125px);

    pointer-events: none;

    opacity: .17;

    animation: none;

}


.rs-footer-modern-2026
.glow1 {

    width: 380px;
    height: 380px;

    top: -170px;
    left: -120px;

    background: #06b6d4;

}


.rs-footer-modern-2026
.glow2 {

    width: 430px;
    height: 430px;

    top: -80px;
    right: -150px;

    background: #7c3aed;

}


.rs-footer-modern-2026
.glow3 {

    width: 340px;
    height: 340px;

    bottom: -180px;
    left: 40%;

    background: #ec4899;

}


/*=========================================================
 TOP
=========================================================*/

.rs-footer-modern-2026
.rs-footer-top {

    position: relative;

    padding-bottom: 46px;

    border-bottom:
        1px solid rgba(255, 255, 255, .08);

}


/*=========================================================
 BRAND
=========================================================*/

.rs-footer-modern-2026
.rs-footer-brand {

    max-width: 900px;

    margin: 0 auto;

    text-align: center;

}


/*=========================================================
 BRAND BADGE
=========================================================*/

.rs-footer-modern-badge {

    margin-bottom: 20px;

    padding: 8px 13px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    flex-wrap: wrap;

    border:
        1px solid rgba(125, 211, 252, .14);

    border-radius: 999px;

    background:
        rgba(255, 255, 255, .055);

    color: #bae6fd;

    font-size: 12px;

    line-height: 1.2;

    font-weight: 800;

    backdrop-filter: blur(15px);

    -webkit-backdrop-filter: blur(15px);

}


.rs-footer-modern-badge-icon {

    width: 23px;
    height: 23px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        rgba(56, 189, 248, .10);

}


.rs-footer-modern-badge-divider {

    width: 1px;
    height: 16px;

    background:
        rgba(255, 255, 255, .14);

}


/*=========================================================
 MAIN FOOTER HEADING

 Existing class structure preserved.
=========================================================*/

.rs-footer-modern-2026
.rs-footer-brand h2 {

    max-width: 900px;

    margin:
        0 auto;

    color: #ffffff;

    background: none;

    font-size:
        clamp(46px, 5.5vw, 70px);

    line-height: 1.03;

    font-weight: 950;

    letter-spacing: -2.4px;

    animation: none;

}


.rs-footer-modern-2026
.rs-footer-brand h2 span {

    display: block;

    margin:
        6px 0;

    background:
        linear-gradient(
            90deg,
            #67e8f9,
            #818cf8 52%,
            #c084fc
        );

    background-clip: text;

    -webkit-background-clip: text;

    color: transparent;

}


/*=========================================================
 BRAND DESCRIPTION
=========================================================*/

.rs-footer-modern-2026
.rs-footer-brand > p {

    max-width: 720px;

    margin:
        20px auto 0;

    color:
        rgba(203, 213, 225, .80);

    font-size: 16px;

    line-height: 1.75;

}


/*=========================================================
 CTA ROW
=========================================================*/

.rs-footer-modern-2026
.rs-footer-cta {

    margin-top: 27px;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 9px;

    flex-wrap: wrap;

}


/*=========================================================
 CTA BUTTONS
=========================================================*/

.rs-footer-modern-2026
.footer-btn {

    min-height: 46px;

    padding:
        0 15px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    border-radius: 12px;

    border: 0;

    font-family: inherit;

    font-size: 12px;

    line-height: 1.2;

    font-weight: 850;

    text-decoration: none;

    cursor: pointer;

    transform: none;

    transition:
        background .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;

}


.rs-footer-modern-2026
.footer-btn:hover {

    transform: none;

}


/* CALL */

.rs-footer-modern-2026
.footer-btn.primary {

    background:
        linear-gradient(
            135deg,
            #2563eb,
            #4f46e5
        );

    color: #ffffff;

    box-shadow:
        0 10px 27px
        rgba(37, 99, 235, .20);

}


/* WHATSAPP */

.rs-footer-modern-2026
.footer-btn.success {

    background: #16a34a;

    color: #ffffff;

    box-shadow:
        0 10px 27px
        rgba(22, 163, 74, .16);

}


/* QUOTE */

.rs-footer-modern-2026
.footer-btn.secondary {

    border:
        1px solid rgba(255, 255, 255, .12);

    background:
        rgba(255, 255, 255, .065);

    color: #ffffff;

}


.rs-footer-quote-button {

    appearance: none;

    -webkit-appearance: none;

}


/*=========================================================
 DIRECTORY
=========================================================*/

.rs-footer-directory {

    margin-top: 42px;

    display: grid;

    grid-template-columns:
        1.2fr .95fr .85fr 1fr;

    gap: 16px;

}


/*=========================================================
 DIRECTORY COLUMN
=========================================================*/

.rs-footer-directory-column {

    min-width: 0;

    padding: 22px;

    border:
        1px solid rgba(255, 255, 255, .075);

    border-radius: 20px;

    background:
        rgba(255, 255, 255, .035);

    backdrop-filter: blur(15px);

    -webkit-backdrop-filter: blur(15px);

}


.rs-footer-directory-column > h3 {

    margin: 0;

    color: #f8fafc;

    font-size: 18px;

    line-height: 1.3;

    font-weight: 900;

    letter-spacing: -.25px;

}


.rs-footer-directory-column > p {

    margin:
        9px 0 0;

    color:
        rgba(148, 163, 184, .88);

    font-size: 12px;

    line-height: 1.65;

}


/*=========================================================
 COLUMN KICKER
=========================================================*/

.rs-footer-column-kicker {

    display: block;

    margin-bottom: 6px;

    color: #7dd3fc;

    font-size: 9px;

    line-height: 1.2;

    font-weight: 900;

    letter-spacing: 1px;

}


/*=========================================================
 CONTACT LIST
=========================================================*/

.rs-footer-contact-list {

    margin-top: 18px;

    display: grid;

    gap: 8px;

}


/*=========================================================
 CONTACT ROW
=========================================================*/

.rs-footer-contact-row {

    min-width: 0;

    padding: 10px;

    display: flex;

    align-items: center;

    gap: 9px;

    border:
        1px solid rgba(255, 255, 255, .07);

    border-radius: 12px;

    background:
        rgba(255, 255, 255, .025);

    color: inherit;

    text-decoration: none;

    transition:
        border-color .2s ease,
        background .2s ease;

}


.rs-footer-contact-row:hover {

    border-color:
        rgba(56, 189, 248, .17);

    background:
        rgba(56, 189, 248, .045);

}


/*=========================================================
 CONTACT ICON
=========================================================*/

.rs-footer-contact-row-icon {

    width: 34px;
    height: 34px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 34px;

    border-radius: 10px;

    background:
        rgba(99, 102, 241, .10);

    color: #a5b4fc;

    font-size: 11px;

}


.rs-footer-contact-row-icon.whatsapp {

    background:
        rgba(34, 197, 94, .09);

    color: #86efac;

}


.rs-footer-contact-row > span:last-child {

    min-width: 0;

}


.rs-footer-contact-row small {

    display: block;

    color: #64748b;

    font-size: 8px;

    font-weight: 850;

    letter-spacing: .7px;

}


.rs-footer-contact-row strong {

    display: block;

    margin-top: 2px;

    color: #e2e8f0;

    font-size: 11px;

    line-height: 1.35;

    font-weight: 750;

    overflow-wrap: anywhere;

}


/*=========================================================
 OFFICE LIST
=========================================================*/

.rs-footer-office-list {

    margin-top: 17px;

    display: grid;

    gap: 8px;

}


/*=========================================================
 OFFICE CARD
=========================================================*/

.rs-footer-office-card {

    min-width: 0;

    padding: 11px;

    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr) auto;

    align-items: center;

    gap: 9px;

    border:
        1px solid rgba(255, 255, 255, .07);

    border-radius: 13px;

    background:
        rgba(255, 255, 255, .025);

    color: #e2e8f0;

    text-decoration: none;

    transform: none;

    transition:
        border-color .2s ease,
        background .2s ease;

}


.rs-footer-modern-2026
.rs-footer-office-card:hover {

    transform: none;

    border-color:
        rgba(56, 189, 248, .17);

    background:
        rgba(56, 189, 248, .045);

}


/*=========================================================
 OFFICE ICON
=========================================================*/

.rs-footer-office-icon {

    width: 36px;
    height: 36px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 36px;

    border-radius: 10px;

    background:
        rgba(56, 189, 248, .08);

    color: #7dd3fc;

}


/*=========================================================
 OFFICE COPY
=========================================================*/

.rs-footer-office-copy {

    min-width: 0;

}


.rs-footer-office-copy small {

    display: block;

    color: #64748b;

    font-size: 8px;

    line-height: 1.2;

    font-weight: 850;

    letter-spacing: .5px;

}


.rs-footer-office-copy strong {

    display: block;

    margin-top: 2px;

    color: #f8fafc;

    font-size: 13px;

    line-height: 1.3;

    font-weight: 850;

}


.rs-footer-office-copy > span {

    display: block;

    margin-top: 2px;

    color: #94a3b8;

    font-size: 10px;

}


/*=========================================================
 LOCATION LINK
=========================================================*/

.rs-footer-location-link {

    margin-top: 12px;

    display: inline-flex;

    align-items: center;

    gap: 6px;

    color: #7dd3fc;

    font-size: 10px;

    font-weight: 850;

    text-decoration: none;

}


/*=========================================================
 QUICK LINKS

 Existing class preserved, changed to column layout
 inside directory only.
=========================================================*/

.rs-footer-modern-2026
.rs-footer-directory
.rs-footer-links {

    margin:
        15px 0 0;

    display: grid;

    grid-template-columns:
        1fr;

    justify-content: stretch;

    gap: 5px;

}


/*=========================================================
 QUICK LINK
=========================================================*/

.rs-footer-modern-2026
.rs-footer-directory
.rs-footer-links a {

    min-height: 35px;

    padding:
        0 8px;

    display: flex;

    align-items: center;

    gap: 8px;

    border-radius: 9px;

    color:
        rgba(203, 213, 225, .80);

    font-size: 11px;

    line-height: 1.2;

    font-weight: 700;

    text-decoration: none;

    transform: none;

}


.rs-footer-modern-2026
.rs-footer-directory
.rs-footer-links a::after {

    display: none;

    content: none;

}


.rs-footer-modern-2026
.rs-footer-directory
.rs-footer-links a i {

    width: 17px;

    color: #64748b;

    text-align: center;

}


.rs-footer-modern-2026
.rs-footer-directory
.rs-footer-links a:hover {

    transform: none;

    background:
        rgba(255, 255, 255, .045);

    color: #ffffff;

}


.rs-footer-modern-2026
.rs-footer-directory
.rs-footer-links a:hover i {

    color: #7dd3fc;

}


/*=========================================================
 HOURS

 Existing class preserved.
=========================================================*/

.rs-footer-modern-2026
.rs-footer-hours {

    margin-top: 16px;

    padding: 14px;

    border:
        1px solid rgba(255, 255, 255, .07);

    border-radius: 14px;

    background:
        rgba(255, 255, 255, .025);

    text-align: left;

}


/*=========================================================
 HOURS HEADER
=========================================================*/

.rs-footer-hours-head {

    display: flex;

    align-items: center;

    gap: 9px;

    padding-bottom: 11px;

    border-bottom:
        1px solid rgba(255, 255, 255, .07);

}


.rs-footer-hours-icon {

    width: 35px;
    height: 35px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 35px;

    border-radius: 10px;

    background:
        rgba(34, 197, 94, .08);

    color: #86efac;

}


.rs-footer-hours-head small {

    display: block;

    color: #64748b;

    font-size: 8px;

    font-weight: 850;

    letter-spacing: .7px;

}


.rs-footer-hours-head strong {

    display: block;

    margin-top: 2px;

    color: #f8fafc;

    font-size: 13px;

    font-weight: 850;

}


/*=========================================================
 HOURS ROW
=========================================================*/

.rs-footer-hours-row {

    padding-top: 10px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

}


.rs-footer-hours-row span {

    color: #94a3b8;

    font-size: 10px;

}


.rs-footer-hours-row strong {

    color: #e2e8f0;

    font-size: 10px;

    font-weight: 750;

    text-align: right;

}


/*=========================================================
 SUPPORT BUTTON
=========================================================*/

.rs-footer-support-btn {

    width: 100%;

    min-height: 40px;

    margin-top: 10px;

    padding:
        0 10px;

    display: flex;

    align-items: center;
    justify-content: center;

    gap: 7px;

    border:
        1px solid rgba(125, 211, 252, .12);

    border-radius: 10px;

    background:
        rgba(56, 189, 248, .06);

    color: #bae6fd;

    font-family: inherit;

    font-size: 10px;

    font-weight: 850;

    cursor: pointer;

}


/*=========================================================
 CONTACT STRIP

 Existing class preserved.
=========================================================*/

.rs-footer-modern-2026
.rs-footer-contact-strip {

    margin:
        28px 0 0;

    padding:
        10px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    gap: 7px;

    border:
        1px solid rgba(255, 255, 255, .065);

    border-radius: 16px;

    background:
        rgba(255, 255, 255, .025);

}


/*=========================================================
 CONTACT CHIP
=========================================================*/

.rs-footer-modern-2026
.rs-contact-chip {

    min-height: 38px;

    padding:
        0 11px;

    display: inline-flex;

    align-items: center;

    gap: 7px;

    border:
        1px solid rgba(255, 255, 255, .065);

    border-radius: 10px;

    background:
        rgba(255, 255, 255, .035);

    color: #cbd5e1;

    backdrop-filter: none;

    -webkit-backdrop-filter: none;

    font-size: 10px;

    font-weight: 750;

    transform: none;

}


.rs-footer-modern-2026
.rs-contact-chip::before {

    display: none;

    content: none;

}


.rs-footer-modern-2026
.rs-contact-chip:hover,
.rs-footer-modern-2026
.rs-office-link:hover {

    transform: none;

    border-color:
        rgba(56, 189, 248, .16);

    background:
        rgba(56, 189, 248, .045);

    box-shadow: none;

}


/*=========================================================
 OFFICE LIVE DOT

 Keep visual status but remove pulsing animation.
=========================================================*/

.rs-footer-modern-2026
.office-live {

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #22c55e;

    box-shadow:
        0 0 0 4px
        rgba(34, 197, 94, .08);

    animation: none;

}


/*=========================================================
 SOCIAL SECTION
=========================================================*/

.rs-footer-social-section {

    margin-top: 35px;

    padding-top: 29px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    border-top:
        1px solid rgba(255, 255, 255, .07);

}


/*=========================================================
 SOCIAL COPY
=========================================================*/

.rs-footer-social-copy {

    max-width: 420px;

}


.rs-footer-social-copy h3 {

    margin: 0;

    color: #f8fafc;

    font-size: 21px;

    line-height: 1.3;

    font-weight: 900;

}


.rs-footer-social-copy p {

    margin:
        6px 0 0;

    color: #94a3b8;

    font-size: 11px;

    line-height: 1.55;

}


/*=========================================================
 SOCIAL DOCK

 Existing class preserved.
=========================================================*/

.rs-footer-modern-2026
.rs-footer-social {

    position: static;

    margin: 0;

    padding: 0;

    display: flex;

    justify-content: flex-end;

    align-items: center;

    gap: 8px;

    flex-wrap: wrap;

}


.rs-footer-modern-2026
.rs-footer-social::before {

    display: none;

    content: none;

}


/*=========================================================
 SOCIAL BUTTON
=========================================================*/

.rs-footer-modern-2026
.rs-footer-social a,
.rs-footer-social-coming {

    position: relative;

    width: 45px;
    height: 45px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    border:
        1px solid rgba(255, 255, 255, .085);

    border-radius: 13px;

    background:
        rgba(255, 255, 255, .04);

    color: #cbd5e1;

    text-decoration: none;

    overflow: visible;

    transform: none;

    transition:
        border-color .2s ease,
        background .2s ease,
        color .2s ease;

}


.rs-footer-modern-2026
.rs-footer-social a::before {

    display: none;

    content: none;

}


.rs-footer-modern-2026
.rs-footer-social a:hover {

    transform: none;

    box-shadow: none;

}


/* icons */

.rs-footer-modern-2026
.rs-footer-social i {

    position: relative;

    z-index: 2;

    font-size: 17px;

}


/* FACEBOOK */

.rs-footer-modern-2026
.rs-footer-social .fb:hover {

    border-color:
        rgba(24, 119, 242, .25);

    background:
        rgba(24, 119, 242, .12);

    color: #93c5fd;

}


/* INSTAGRAM */

.rs-footer-modern-2026
.rs-footer-social .insta:hover {

    border-color:
        rgba(236, 72, 153, .25);

    background:
        rgba(236, 72, 153, .10);

    color: #f9a8d4;

}


/* WHATSAPP */

.rs-footer-modern-2026
.rs-footer-social .whatsapp:hover {

    border-color:
        rgba(34, 197, 94, .25);

    background:
        rgba(34, 197, 94, .10);

    color: #86efac;

}


/* LINKEDIN */

.rs-footer-modern-2026
.rs-footer-social .linkedin:hover {

    border-color:
        rgba(14, 165, 233, .25);

    background:
        rgba(14, 165, 233, .10);

    color: #7dd3fc;

}


/*=========================================================
 YOUTUBE COMING SOON
=========================================================*/

.rs-footer-social-coming {

    cursor: default;

    color: #64748b;

}


.rs-footer-social-coming small {

    position: absolute;

    right: -4px;
    bottom: -6px;

    padding:
        2px 4px;

    border-radius: 999px;

    background: #1e293b;

    color: #94a3b8;

    font-size: 7px;

    font-weight: 800;

}


/*=========================================================
 COMMUNITY CARD

 Existing class preserved.
=========================================================*/

.rs-footer-modern-2026
.rs-community-card {

    margin-top: 34px;

    padding: 22px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    border:
        1px solid rgba(125, 211, 252, .10);

    border-radius: 21px;

    background:

        radial-gradient(
            circle at 90% 20%,
            rgba(99, 102, 241, .09),
            transparent 35%
        ),

        rgba(255, 255, 255, .035);

    box-shadow: none;

}


/*=========================================================
 COMMUNITY COPY
=========================================================*/

.rs-footer-modern-2026
.rs-community-left {

    max-width: 650px;

}


.rs-footer-modern-2026
.rs-community-badge {

    width: fit-content;

    margin-bottom: 9px;

    padding: 5px 8px;

    display: inline-flex;

    align-items: center;

    gap: 6px;

    border:
        1px solid rgba(125, 211, 252, .10);

    border-radius: 999px;

    background:
        rgba(56, 189, 248, .05);

    color: #7dd3fc;

    font-size: 9px;

    font-weight: 850;

}


.rs-footer-modern-2026
.rs-community-left h3 {

    margin: 0;

    color: #f8fafc;

    font-size: 22px;

    line-height: 1.3;

    font-weight: 900;

}


.rs-footer-modern-2026
.rs-community-left p {

    margin:
        7px 0 0;

    color: #94a3b8;

    font-size: 12px;

    line-height: 1.6;

}


/*=========================================================
 COMMUNITY ACTIONS
=========================================================*/

.rs-footer-modern-2026
.rs-community-actions {

    display: flex;

    align-items: center;

    gap: 8px;

    flex: 0 0 auto;

}


.rs-footer-modern-2026
.rs-community-actions a,
.rs-footer-modern-2026
.rs-community-actions button {

    min-height: 42px;

    padding:
        0 12px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 7px;

    border-radius: 11px;

    font-family: inherit;

    font-size: 10px;

    font-weight: 850;

    text-decoration: none;

    cursor: pointer;

}


.rs-footer-modern-2026
.rs-community-actions .google {

    border:
        1px solid rgba(255, 255, 255, .09);

    background:
        rgba(255, 255, 255, .05);

    color: #e2e8f0;

}


.rs-footer-modern-2026
.rs-community-actions .whatsapp {

    border: 0;

    background:
        linear-gradient(
            135deg,
            #4f46e5,
            #6366f1
        );

    color: #ffffff;

}


/*=========================================================
 FOOTER BOTTOM

 Existing class preserved.
=========================================================*/

.rs-footer-modern-2026
.rs-footer-bottom {

    width: 100%;

    margin-top: 34px;

    padding-top: 22px;

    display: grid;

    grid-template-columns:
        1fr auto 1fr;

    align-items: center;

    gap: 20px;

    border-top:
        1px solid rgba(255, 255, 255, .07);

}


/*=========================================================
 FOOTER ITEM
=========================================================*/

.rs-footer-modern-2026
.rs-footer-item {

    min-width: 0;

    display: flex;

    align-items: center;

    gap: 9px;

    color: #94a3b8;

    font-size: 10px;

    line-height: 1.45;

}


.rs-footer-modern-2026
.rs-footer-item.center {

    justify-content: center;

}


.rs-footer-modern-2026
.rs-footer-item.right {

    justify-content: flex-end;

    text-align: right;

}


.rs-footer-modern-2026
.rs-footer-item small {

    color: #64748b;

    font-size: 9px;

}


.rs-footer-modern-2026
.rs-footer-item strong {

    color: #7dd3fc;

}


/*=========================================================
 ICON WRAPPER
=========================================================*/

.rs-footer-modern-2026
.rs-footer-icon-wrap {

    width: 34px;
    height: 34px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 34px;

    border-radius: 10px;

    font-size: 11px;

}


/*=========================================================
 WEBSITE LINK
=========================================================*/

.rs-footer-modern-2026
.rs-footer-website-link {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: #cbd5e1;

    text-decoration: none;

}


/*=========================================================
 LEGAL
=========================================================*/

.rs-footer-modern-2026
.footer-legal {

    margin-top: 20px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    gap: 7px;

}


/*=========================================================
 LEGAL PILL
=========================================================*/

.rs-footer-modern-2026
.legal-pill {

    min-height: 35px;

    padding:
        0 10px;

    display: inline-flex;

    align-items: center;

    gap: 6px;

    border:
        1px solid rgba(255, 255, 255, .07);

    border-radius: 9px;

    background:
        rgba(255, 255, 255, .03);

    color: #94a3b8;

    backdrop-filter: none;

    -webkit-backdrop-filter: none;

    font-size: 9px;

    font-weight: 750;

    text-decoration: none;

    transform: none;

}


.rs-footer-modern-2026
.legal-pill:hover {

    transform: none;

    border-color:
        rgba(56, 189, 248, .15);

    background:
        rgba(56, 189, 248, .045);

    color: #e2e8f0;

    box-shadow: none;

}


/*=========================================================
 FINAL NOTE
=========================================================*/

.rs-footer-final-note {

    margin-top: 19px;

    padding-top: 16px;

    border-top:
        1px solid rgba(255, 255, 255, .055);

    text-align: center;

}


.rs-footer-final-note span {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: #64748b;

    font-size: 9px;

    font-weight: 700;

}


/*=========================================================
 TABLET
=========================================================*/

@media (max-width: 1050px) {

    .rs-footer-directory {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

    }

}


/*=========================================================
 MOBILE
=========================================================*/

@media (max-width: 700px) {

    .rs-footer-premium.rs-footer-modern-2026 {

        padding:
            78px 15px 28px;

    }


    .rs-footer-modern-2026
    .rs-footer-brand h2 {

        font-size:
            clamp(38px, 11vw, 50px);

        letter-spacing:
            -1.6px;

    }


    .rs-footer-modern-2026
    .rs-footer-brand > p {

        font-size: 14px;

    }


    .rs-footer-directory {

        grid-template-columns:
            1fr;

        gap: 10px;

    }


    .rs-footer-directory-column {

        padding: 19px;

    }


    .rs-footer-social-section {

        align-items: flex-start;

        flex-direction: column;

    }


    .rs-footer-modern-2026
    .rs-footer-social {

        justify-content: flex-start;

    }


    .rs-footer-modern-2026
    .rs-community-card {

        align-items: stretch;

        flex-direction: column;

    }


    .rs-footer-modern-2026
    .rs-community-actions {

        display: grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

    }


    .rs-footer-modern-2026
    .rs-footer-bottom {

        grid-template-columns:
            1fr;

        text-align: left;

    }


    .rs-footer-modern-2026
    .rs-footer-item.center,
    .rs-footer-modern-2026
    .rs-footer-item.right {

        justify-content: flex-start;

        text-align: left;

    }

}


/*=========================================================
 SMALL MOBILE
=========================================================*/

@media (max-width: 480px) {

    .rs-footer-modern-2026
    .rs-footer-cta {

        display: grid;

        grid-template-columns:
            1fr;

    }


    .rs-footer-modern-2026
    .footer-btn {

        width: 100%;

    }


    .rs-footer-modern-2026
    .rs-footer-contact-strip {

        align-items: stretch;

        flex-direction: column;

    }


    .rs-footer-modern-2026
    .rs-contact-chip {

        width: 100%;

        justify-content: flex-start;

        box-sizing: border-box;

    }


    .rs-footer-modern-2026
    .rs-community-actions {

        grid-template-columns:
            1fr;

    }


    .rs-footer-modern-2026
    .rs-community-actions a,
    .rs-footer-modern-2026
    .rs-community-actions button {

        width: 100%;

    }


    .rs-footer-modern-2026
    .footer-legal {

        display: grid;

        grid-template-columns:
            1fr;

    }


    .rs-footer-modern-2026
    .legal-pill {

        width: 100%;

        justify-content: center;

        box-sizing: border-box;

    }

}


/*=========================================================
 REDUCED MOTION
=========================================================*/

@media (prefers-reduced-motion: reduce) {

    .rs-footer-modern-2026 *,
    .rs-footer-modern-2026 *::before,
    .rs-footer-modern-2026 *::after {

        scroll-behavior: auto;

    }

}