/*
|--------------------------------------------------------------------------
| UnivColl Publications - Publisher Footer CSS
|--------------------------------------------------------------------------
| Laptop social bar fix:
| 1) real brand colors for social media
| 2) desktop bar starts below sticky header, not hidden on zoom
| 3) internal scroll for smaller laptop heights
|--------------------------------------------------------------------------
*/

.ucp-footer-cta{background:var(--off,#F8F6F0);padding:70px 0 0}
.ucp-footer-cta-box{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;background:var(--header-gradient,linear-gradient(135deg,#071A33 0%,#0A2342 55%,#123B63 100%));color:#fff;border-radius:32px;padding:44px;box-shadow:var(--shadow,0 18px 45px rgba(7,26,51,.18));overflow:hidden}
.ucp-footer-cta-box:before{content:"";position:absolute;right:-70px;top:-120px;width:330px;height:330px;border-radius:50%;background:rgba(212,175,55,.15)}
.ucp-footer-cta-box:after{content:"";position:absolute;left:-80px;bottom:-150px;width:320px;height:320px;border-radius:50%;border:55px solid rgba(255,255,255,.06)}
.ucp-footer-cta-content,.ucp-footer-cta-actions{position:relative;z-index:2}
.ucp-footer-cta h2{margin:16px 0 12px;font-size:clamp(28px,3vw,44px);line-height:1.12;letter-spacing:-.035em;font-weight:950}
.ucp-footer-cta p{margin:0;color:rgba(255,255,255,.84);font-size:17px;line-height:1.8}
.ucp-footer-cta-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}

.ucp-site-footer{background:var(--deep,#071A33);color:rgba(255,255,255,.78);position:relative}
.ucp-footer-main{padding:80px 0 44px}
.ucp-footer-grid{display:grid;grid-template-columns:1.25fr repeat(5,1fr);gap:28px}
.ucp-footer-logo-link{display:flex;align-items:center;gap:14px;margin-bottom:18px;color:#fff}
.ucp-footer-logo{width:58px;height:58px;object-fit:contain;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(212,175,55,.28);padding:5px}
.ucp-footer-logo-link strong{display:block;color:#fff;font-size:21px;line-height:1.15;font-weight:950}
.ucp-footer-logo-link small{display:block;color:var(--soft-gold,#F2D27A);font-size:12px;margin-top:4px;font-weight:800}
.ucp-footer-brand p{margin:0 0 18px;font-size:14px;line-height:1.8;color:rgba(255,255,255,.72)}
.ucp-footer-trust-list{display:flex;flex-wrap:wrap;gap:8px}
.ucp-footer-trust-list span{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.8);font-size:12px;font-weight:800}
.ucp-footer-contact-list{margin-top:16px;display:grid;gap:8px}
.ucp-footer-contact-list a,.ucp-footer-contact-list span{color:rgba(255,255,255,.82);font-size:13px;font-weight:750}
.ucp-footer-col h3{margin:0 0 18px;color:var(--soft-gold,#F2D27A);font-size:14px;text-transform:uppercase;letter-spacing:.08em;font-weight:950}
.ucp-footer-col ul{margin:0;padding:0;list-style:none}
.ucp-footer-col li{margin-bottom:10px;font-size:14px;line-height:1.55}
.ucp-footer-col a{color:rgba(255,255,255,.75);transition:.22s ease}
.ucp-footer-col a:hover{color:var(--soft-gold,#F2D27A);padding-left:3px}

.ucp-footer-payment-trust{border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.12);padding:22px 0}
.ucp-payment-trust-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.ucp-payment-trust-title{color:#fff;font-weight:950}
.ucp-payment-trust-links{display:flex;gap:12px;flex-wrap:wrap}
.ucp-payment-trust-links a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);color:rgba(255,255,255,.82);font-size:12px;font-weight:850}
.ucp-footer-disclaimer{padding:22px 0;background:rgba(255,255,255,.035)}
.ucp-footer-disclaimer p{margin:0;color:rgba(255,255,255,.72);font-size:13px;line-height:1.75}
.ucp-footer-bottom{border-top:1px solid rgba(255,255,255,.10);padding:20px 0;background:rgba(0,0,0,.16)}
.ucp-footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}
.ucp-footer-bottom p{margin:0;color:rgba(255,255,255,.72);font-size:13px}
.ucp-footer-bottom-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ucp-footer-bottom-links a{color:rgba(255,255,255,.72);font-size:13px;font-weight:750}
.ucp-footer-bottom-links a:hover{color:var(--soft-gold,#F2D27A)}

/* DESKTOP SOCIAL BAR */
.ucp-desktop-social-bar{
    --ucp-social-top: calc(var(--ucp-mega-top, 170px) + 14px);
    position:fixed;
    left:18px;
    top:var(--ucp-social-top);
    z-index:99980;
    display:grid;
    gap:7px;
    max-height:calc(100vh - var(--ucp-social-top) - 24px);
    overflow-y:auto;
    padding:2px 4px 2px 0;
    scrollbar-width:thin;
    scrollbar-color:#D4AF37 rgba(255,255,255,.20);
}
.ucp-desktop-social-bar::-webkit-scrollbar{width:5px}
.ucp-desktop-social-bar::-webkit-scrollbar-track{background:rgba(255,255,255,.20);border-radius:999px}
.ucp-desktop-social-bar::-webkit-scrollbar-thumb{background:#D4AF37;border-radius:999px}
.ucp-desktop-social-bar.ucp-social-hidden{display:none}

.ucp-social-close,.ucp-social-link{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:14px;
    background:#fff;
    color:var(--navy,#0A2342);
    box-shadow:0 12px 28px rgba(7,26,51,.18);
    font-weight:950;
    cursor:pointer;
    border:1px solid rgba(10,35,66,.10);
    transition:.18s ease;
}
.ucp-social-close{color:#dc2626;font-size:22px}
.ucp-social-close:hover{background:#fee2e2;color:#b91c1c;transform:translateX(2px)}

.ucp-social-link:hover{transform:translateX(3px) scale(1.03)}
.ucp-social-link[aria-label="Facebook"]{background:#1877F2;color:#fff}
.ucp-social-link[aria-label="YouTube"]{background:#FF0000;color:#fff}
.ucp-social-link[aria-label="Instagram"]{background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF,#515BD4);color:#fff}
.ucp-social-link[aria-label="X"]{background:#000;color:#fff}
.ucp-social-link[aria-label="LinkedIn"]{background:#0A66C2;color:#fff}
.ucp-social-link[aria-label="WhatsApp"]{background:#25D366;color:#fff}
.ucp-social-link[aria-label="Telegram"]{background:#229ED9;color:#fff}

/* FLOATING CONTACT */
.ucp-floating-contact{
    position:fixed;
    right:28px;
    bottom:34px;
    z-index:99980;
    width:92px;
    height:92px;
    border-radius:50%;
    display:grid;
    place-items:center;
    text-align:center;
    background:#1f1f1f;
    color:#fff;
    box-shadow:0 18px 40px rgba(0,0,0,.25);
    font-size:12px;
    font-weight:900;
}
.ucp-floating-contact b{display:block;color:#ef4444;font-size:30px;line-height:1}
.ucp-mobile-social-bar{display:none}

@media(max-width:1180px){
    .ucp-footer-grid{grid-template-columns:1.2fr 1fr 1fr}
    .ucp-footer-cta-box{grid-template-columns:1fr}
    .ucp-footer-cta-actions{justify-content:flex-start}
}
@media(max-width:760px){
    body.ucp-body{padding-bottom:66px}
    .ucp-footer-cta{padding-top:52px}
    .ucp-footer-cta-box{padding:28px;border-radius:24px}
    .ucp-footer-cta-actions{align-items:stretch}
    .ucp-footer-cta-actions .ucp-btn{width:100%}
    .ucp-footer-grid{grid-template-columns:1fr}
    .ucp-payment-trust-inner{display:grid}
    .ucp-footer-bottom-inner{align-items:flex-start;flex-direction:column}
    .ucp-desktop-social-bar,.ucp-floating-contact{display:none}
    .ucp-mobile-social-bar{
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        z-index:99990;
        display:grid;
        grid-template-columns:repeat(6,1fr);
        background:#071A33;
        border-top:2px solid var(--gold,#D4AF37);
        box-shadow:0 -12px 30px rgba(7,26,51,.20);
    }
    .ucp-mobile-social-bar a{
        min-height:56px;
        display:grid;
        place-items:center;
        color:#fff;
        font-weight:950;
        border-right:1px solid rgba(255,255,255,.12);
    }
    .ucp-mobile-social-bar a:last-child{border-right:0}
    .ucp-mobile-social-bar a[aria-label="Facebook"]{background:#1877F2}
    .ucp-mobile-social-bar a[aria-label="YouTube"]{background:#FF0000}
    .ucp-mobile-social-bar a[aria-label="Instagram"]{background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF,#515BD4)}
    .ucp-mobile-social-bar a[aria-label="X"]{background:#000}
    .ucp-mobile-social-bar a[aria-label="WhatsApp"]{background:#25D366}
    .ucp-mobile-social-bar a[aria-label="Telegram"]{background:#229ED9}
}
/* Footer CTA and main footer spacing fix */
.ucp-footer-cta {
    padding-bottom: 70px !important;
}

.ucp-footer-main {
    padding-top: 75px !important;
}

@media (max-width: 760px) {
    .ucp-footer-cta {
        padding-bottom: 42px !important;
    }

    .ucp-footer-main {
        padding-top: 48px !important;
    }
}
/* =========================================================
   Social Media Reopen WWW Button
   Cross click के बाद WWW button दिखेगा
   ========================================================= */

.ucp-social-reopen {
    position: fixed !important;
    left: 18px !important;
    top: calc(var(--ucp-mega-top, 170px) + 16px) !important;
    z-index: 99981 !important;

    width: 54px !important;
    height: 54px !important;

    display: none !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 18px !important;
    border: 2px solid rgba(10,35,66,.18) !important;

    background: #ffffff !important;
    color: #0A2342 !important;

    font-size: 13px !important;
    font-weight: 950 !important;
    letter-spacing: -0.02em !important;

    box-shadow: 0 14px 34px rgba(7,26,51,.18) !important;
    cursor: pointer !important;
    transition: .18s ease !important;
}

.ucp-social-reopen:hover {
    transform: translateX(3px) scale(1.03) !important;
    background: #F8F6F0 !important;
    border-color: #D4AF37 !important;
}

.ucp-social-reopen span {
    display: block !important;
    line-height: 1 !important;
}

/* जब social bar hide हो, तब reopen button दिखे */
.ucp-social-reopen.ucp-social-reopen-show {
    display: flex !important;
}

/* Mobile में WWW reopen button नहीं दिखाना, क्योंकि mobile में bottom social bar है */
@media (max-width: 980px) {
    .ucp-social-reopen {
        display: none !important;
    }
}
/* WWW reopen button arrow/click indicator fix */
.ucp-social-reopen {
    position: fixed !important;
    left: 18px !important;
    top: calc(var(--ucp-mega-top, 170px) + 16px) !important;
    z-index: 99981 !important;

    width: 58px !important;
    height: 58px !important;

    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 1px !important;

    border-radius: 18px !important;
    border: 2px solid rgba(10,35,66,.18) !important;

    background: #ffffff !important;
    color: #0A2342 !important;

    box-shadow: 0 14px 34px rgba(7,26,51,.18) !important;
    cursor: pointer !important;
    transition: .18s ease !important;
}

.ucp-social-reopen span {
    display: block !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

.ucp-social-reopen em {
    display: block !important;
    font-style: normal !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    color: #D4AF37 !important;
    transform: rotate(0deg) !important;
}

.ucp-social-reopen:hover {
    transform: translateX(3px) scale(1.04) !important;
    background: #F8F6F0 !important;
    border-color: #D4AF37 !important;
}

.ucp-social-reopen:hover em {
    color: #0A2342 !important;
    transform: translate(2px, -2px) !important;
}

/* जब social bar hide हो, तब WWW button दिखे */
.ucp-social-reopen.ucp-social-reopen-show {
    display: flex !important;
}

@media (max-width: 980px) {
    .ucp-social-reopen {
        display: none !important;
    }
}
/* Animated arrow for WWW reopen button */
.ucp-social-reopen em {
    animation: ucpWwwArrowMove 1.25s ease-in-out infinite !important;
}

@keyframes ucpWwwArrowMove {
    0% {
        transform: translate(0, 0);
        opacity: .65;
    }

    50% {
        transform: translate(4px, -4px);
        opacity: 1;
    }

    100% {
        transform: translate(0, 0);
        opacity: .65;
    }
}

.ucp-social-reopen:hover em {
    animation-duration: .65s !important;
}