/* ==========================================================================
   CTM PATH™ Guided Journey™

   File        : footer.css
   Version     : 2.2

   Purpose:

   Premium global footer styling.

   Controls:

   • Footer layout
   • Brand signature
   • Founder identity
   • Contact visibility
   • Closing experience

   ========================================================================== */





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


.ctm-footer {


    width:

    100%;



    margin-top:

    90px;



    padding:

    72px 0;



    background:

    #081C3A;



    border-top:

    1px solid rgba(
        255,
        255,
        255,
        0.12
    );



}








.ctm-footer-container {


    width:

    min(
        calc(100% - 120px),
        1440px
    );



    margin:

    0 auto;



    display:

    flex;



    flex-direction:

    column;



    align-items:

    center;



    text-align:

    center;



}







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


.ctm-footer-brand-name {


    color:

    var(--ctm-text-primary);



    font-family:

    var(--font-primary);



    font-size:

    30px;



    font-weight:

    800;



    letter-spacing:

    0.18em;



}







.ctm-footer-brand-subtitle {


    margin-top:

    10px;



    color:

    var(--ctm-teal-soft);



    font-size:

    13px;



    font-weight:

    700;



    letter-spacing:

    0.35em;



}







.ctm-footer-tagline {


    margin-top:

    20px;



    color:

    var(--ctm-gold-light);



    font-family:

    var(--font-serif);



    font-size:

    19px;



    font-style:

    italic;



}








/* ==========================================================================
   FOUNDER SIGNATURE
   ========================================================================== */


.ctm-footer-founder {


    margin-top:

    46px;



}







.ctm-footer-created {


    color:

    var(--ctm-text-secondary);



    font-size:

    15px;



}







.ctm-footer-founder-name {


    margin-top:

    12px;



    color:

    var(--ctm-text-primary);



    font-family:

    var(--font-serif);



    font-size:

    26px;



    font-weight:

    700;



}







.ctm-footer-role {


    margin-top:

    8px;



    color:

    var(--ctm-gold-soft);



    font-size:

    16px;



    letter-spacing:

    0.08em;



}








/* ==========================================================================
   CONTACT INFORMATION
   ========================================================================== */


.ctm-footer-contact {


    margin-top:

    42px;



    display:

    flex;



    flex-direction:

    column;



    gap:

    18px;



    font-size:

    18px;



    color:

    var(--ctm-text-primary);



}







.ctm-contact-item {


    display:

    flex;



    align-items:

    center;



    justify-content:

    center;



    gap:

    10px;



}







.contact-icon {


    color:

    var(--ctm-gold);



    font-size:

    18px;



}







.ctm-contact-item a {


    color:

    var(--ctm-gold-light);



    text-decoration:

    none;



    font-weight:

    600;



    transition:

    color
    0.3s
    ease;



}







.ctm-contact-item a:hover {


    color:

    #FFFFFF;



}








/* ==========================================================================
   COPYRIGHT
   ========================================================================== */


.ctm-footer-bottom {


    width:

    100%;



    margin-top:

    52px;



    padding-top:

    24px;



    border-top:

    1px solid rgba(
        255,
        255,
        255,
        0.12
    );



    color:

    rgba(
        248,
        244,
        234,
        0.75
    );



    font-size:

    14px;



}








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


@media(max-width:767px){



.ctm-footer {


    padding:

    56px 0;



}



.ctm-footer-container {


    width:

    calc(
        100% - 32px
    );



}



.ctm-footer-brand-name {


    font-size:

    24px;



}



.ctm-footer-founder-name {


    font-size:

    22px;



}



.ctm-contact-item {


    flex-direction:

    column;



    gap:

    6px;



}



}








/* ==========================================================================
   END OF FILE

   File:
   css/footer.css

   Version:
   CTM PATH™ Premium Footer Styling v2.2

   Status:
   UPDATED 🔒

   ========================================================================== */