/* OMP Navigation Buttons - Royal Blue Rectangular with Hover */

.pkp_navigation_primary a {
    background-color: #1a5276 !important; /* रिच रॉयल ब्लू रंग */
    color: #ffffff !important; /* टेक्स्ट का रंग (सफेद) */
    padding: 12px 20px !important; /* बटन का आयताकार आकार */
    margin: 2px 5px !important; /* बटनों के बीच की दूरी */
    border-radius: 4px !important; /* हल्के से गोल कोने */
    font-weight: bold !important; /* टेक्स्ट को स्पष्ट दिखाने के लिए */
    transition: all 0.3s ease-in-out !important; /* होवर का स्मूथ इफ़ेक्ट */
    display: inline-block !important;
}

/* होवर इफ़ेक्ट (Hover Effect) - जब माउस बटन पर जाए */
.pkp_navigation_primary a:hover, 
.pkp_navigation_primary a:focus {
    background-color: #154360 !important; /* होवर पर थोड़ा गहरा नीला रंग */
    color: #ffffff !important;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.3) !important; /* होवर पर हल्की सी परछाई */
    transform: translateY(-2px) !important; /* बटन हल्का सा ऊपर उठेगा */
}
/* फुटर से OMP/PKP हटाने का कोड */
.pkp_structure_footer_menu img, 
.pkp_brand_footer, 
a[href*="pkp.sfu.ca/omp"] {
    display: none !important;
}
/* फुटर लेआउट को होरिजेंटल (आमने-सामने) करने के लिए */
.pkp_structure_footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}

/* फुटर की इमेज और टेक्स्ट को सेट करने के लिए */
.pkp_structure_footer img {
    max-width: 150px; /* इमेज का साइज़ नियंत्रित करने के लिए */
    margin-right: 20px;
}

/* OMP/PKP ब्रांडिंग छिपाने का कोड जो पहले लगाया था */
.pkp_structure_footer_menu img, 
.pkp_brand_footer, 
a[href*="pkp.sfu.ca/omp"] {
    display: none !important;
}
/* --- फुटर को आमने-सामने (होरिजेंटल) सेट करने के लिए --- */

/* 1. फुटर के मुख्य कंटेनर को फ्लेक्स बनाएं */
.pkp_structure_footer_wrapper {
    display: flex !important;
    flex-direction: row !important; /* यह इमेज और टेक्स्ट को लाइन में करेगा */
    flex-wrap: nowrap !important; /* यह सब कुछ एक ही लाइन में रखेगा */
    justify-content: space-between !important; /* दोनों को किनारों पर धकेलेगा */
    align-items: center !important; /* बीच में वर्टिकली अलाइन करेगा */
    background-color: #f0f0f0; /* वैकल्पिक: फुटर का बैकग्राउंड कलर */
    padding: 20px !important;
    margin-top: 40px;
}

/* 2. इमेज वाले हिस्से की सेटिंग */
.pkp_structure_footer_wrapper .image-container { /* मान लें कि आपने इमेज को एक div में रखा है, यदि नहीं तो सीधा img को टारगेट करें */
    flex: 0 0 auto !important;
    margin-right: 30px !important;
}

/* या यदि इमेज सीधा img टैग में है (जैसा स्क्रीनशॉट में लग रहा है): */
.pkp_structure_footer_wrapper > img {
    flex: 0 0 auto !important;
    margin-right: 30px !important;
    max-width: 180px !important; /* इमेज का साइज़ यहाँ नियंत्रित करें */
    height: auto !important;
}

/* 3. टेक्स्ट वाले हिस्से (इंस्टीट्यूट और कॉपीराइट) की सेटिंग */
.pkp_structure_footer_wrapper .text-container, /* मान लें कि टेक्स्ट div में है */
.pkp_structure_footer_wrapper > div:not(.image-container) { /* या इमेज के अलावा दूसरे div */
    flex: 1 1 auto !important;
    text-align: left !important; /* टेक्स्ट को बाईं तरफ अलाइन करें */
    font-size: 14px;
    line-height: 1.5;
}

/* 4. OMP/PKP ब्रांडिंग छिपाने का कोड (जो पहले लगाया था) */
.pkp_structure_footer_menu img, 
.pkp_brand_footer, 
a[href*="pkp.sfu.ca/omp"] {
    display: none !important;
}