/* ===== Academic Pro / OJS 3.3 - custom styles ===== */

/* 1. Logo: bigger (360 x 192), no padding */
.site_header .logo_small {
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
}
.site_header .logo_small img {
    width: 360px !important;
    height: 192px !important;
    max-width: 100% !important;
    max-height: none !important;
    object-fit: contain;
    display: block;
}

/* 2. Remove padding around the logo area */
.site_header .site-name {
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. Hide the text journal title next to the logo
      (hidden visually, still readable by Google and screen readers) */
.site_header .site-name .navbar-brand {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* 4. Replace the theme's header_red.jpg with the new header image (Google Drive)
      Two Drive links for the same image: if the first fails, the second shows */
.journal_index {
    background:
        url('https://lh3.googleusercontent.com/d/1rHFQOzotSuKTimXY5Vqpix_5-j9PyLBA') right center / auto 100% no-repeat,
        url('https://drive.google.com/thumbnail?id=1rHFQOzotSuKTimXY5Vqpix_5-j9PyLBA&sz=w1700') right center / auto 100% no-repeat,
        #ffffff !important;
}

/* 5. Editorial Team page (English + Arabic) */
.jas-et.jet1, .jas-et .jet1 { font-family: 'Segoe UI', Roboto, Arial, sans-serif !important; color: #2b2b2b !important; max-width: 1000px !important; margin: 0 auto !important; }
.jas-et.jet2, .jas-et .jet2 { font-size: 26px !important; color: #1a3c6e !important; margin: 0 0 18px 0 !important; padding-bottom: 8px !important; border-bottom: 3px solid #c8a24a !important; }
.jas-et.jet3, .jas-et .jet3 { background: #ffffff !important; border: 1px solid #e3e8f0 !important; border-top: 6px solid #c8a24a !important; border-radius: 12px !important; box-shadow: 0 3px 12px rgba(26,60,110,0.08) !important; padding: 24px !important; margin: 0 0 24px 0 !important; }
.jas-et.jet4, .jas-et .jet4 { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; gap: 24px !important; }
.jas-et.jet5, .jas-et .jet5 { width: 170px !important; height: 170px !important; border-radius: 50% !important; border: 4px solid #c8a24a !important; flex: 0 0 auto !important; display: block !important; margin: 0 auto !important; }
.jas-et.jet6, .jas-et .jet6 { flex: 1 1 320px !important; min-width: 0 !important; }
.jas-et.jet7, .jas-et .jet7 { font-size: 24px !important; font-weight: bold !important; color: #1a3c6e !important; line-height: 1.3 !important; margin: 0 0 6px 0 !important; }
.jas-et.jet8, .jas-et .jet8 { display: inline-block !important; background: #1a3c6e !important; color: #ffffff !important; font-size: 14px !important; font-weight: bold !important; padding: 4px 14px !important; border-radius: 20px !important; margin: 0 0 10px 0 !important; }
.jas-et.jet9, .jas-et .jet9 { font-size: 16px !important; color: #333333 !important; line-height: 1.6 !important; margin: 0 0 4px 0 !important; }
.jas-et.jet10, .jas-et .jet10 { font-size: 16px !important; color: #555555 !important; line-height: 1.6 !important; margin: 0 0 10px 0 !important; }
.jas-et.jet11, .jas-et .jet11 { color: #1a3c6e !important; }
.jas-et.jet12, .jas-et .jet12 { margin: 0 0 6px 0 !important; }
.jas-et.jet13, .jas-et .jet13 { display: inline-block !important; margin: 4px 6px 4px 0 !important; padding: 5px 14px !important; border-radius: 20px !important; font-size: 14px !important; font-weight: 600 !important; text-decoration: none !important; border: 1px solid #1a3c6e !important; color: #1a3c6e !important; background: #ffffff !important; }
.jas-et.jet14, .jas-et .jet14 { margin: 12px 0 0 0 !important; }
.jas-et.jet15, .jas-et .jet15 { display: inline-block !important; cursor: pointer !important; background: #c8a24a !important; color: #ffffff !important; font-size: 16px !important; font-weight: bold !important; padding: 9px 26px !important; border-radius: 25px !important; user-select: none !important; }
.jas-et.jet16, .jas-et .jet16 { margin: 16px 0 0 0 !important; padding: 6px 22px 18px 22px !important; background: #fbfcfe !important; border: 1px solid #e3e8f0 !important; border-radius: 10px !important; font-size: 15px !important; color: #2b2b2b !important; text-align: left !important; }
.jas-et.jet17, .jas-et .jet17 { font-size: 16px !important; font-weight: bold !important; color: #1a3c6e !important; margin: 18px 0 8px 0 !important; padding-bottom: 4px !important; border-bottom: 2px solid #c8a24a !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; }
.jas-et.jet18, .jas-et .jet18 { margin: 0 !important; padding-left: 22px !important; }
.jas-et.jet19, .jas-et .jet19 { margin: 0 0 7px 0 !important; line-height: 1.6 !important; }
.jas-et.jet20, .jas-et .jet20 { font-size: 26px !important; color: #1a3c6e !important; margin: 34px 0 18px 0 !important; padding-bottom: 8px !important; border-bottom: 3px solid #c8a24a !important; }
.jas-et.jet21, .jas-et .jet21 { background: #ffffff !important; border: 1px solid #e3e8f0 !important; border-left: 6px solid #1a3c6e !important; border-radius: 12px !important; box-shadow: 0 3px 12px rgba(26,60,110,0.08) !important; padding: 24px !important; margin: 0 0 24px 0 !important; }
.jas-et.jet22, .jas-et .jet22 { width: 140px !important; height: 140px !important; border-radius: 50% !important; border: 4px solid #c8a24a !important; flex: 0 0 auto !important; display: block !important; margin: 0 auto !important; }
.jas-et.jet23, .jas-et .jet23 { font-size: 21px !important; font-weight: bold !important; color: #1a3c6e !important; line-height: 1.3 !important; margin: 0 0 6px 0 !important; }
.jas-et.jet24, .jas-et .jet24 { display: inline-block !important; background: #f3f6fb !important; color: #1a3c6e !important; font-size: 14px !important; font-weight: bold !important; padding: 4px 14px !important; border-radius: 20px !important; margin: 0 0 10px 0 !important; }
.jas-et.jet25, .jas-et .jet25 { font-family: 'Tajawal', 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif !important; color: #2b2b2b !important; max-width: 1000px !important; margin: 0 auto !important; text-align: right !important; }
.jas-et.jet26, .jas-et .jet26 { font-size: 27px !important; color: #1a3c6e !important; padding-bottom: 8px !important; border-bottom: 3px solid #c8a24a !important; text-align: right !important; margin: 0 0 18px 0 !important; }
.jas-et.jet27, .jas-et .jet27 { flex: 1 1 320px !important; min-width: 0 !important; text-align: right !important; }
.jas-et.jet28, .jas-et .jet28 { font-size: 25px !important; font-weight: bold !important; color: #1a3c6e !important; line-height: 1.4 !important; margin: 0 0 6px 0 !important; }
.jas-et.jet29, .jas-et .jet29 { display: inline-block !important; background: #1a3c6e !important; color: #ffffff !important; font-size: 15px !important; font-weight: bold !important; padding: 4px 16px !important; border-radius: 20px !important; margin: 0 0 10px 0 !important; }
.jas-et.jet30, .jas-et .jet30 { font-size: 17px !important; color: #333333 !important; line-height: 1.8 !important; margin: 0 0 4px 0 !important; }
.jas-et.jet31, .jas-et .jet31 { font-size: 17px !important; color: #555555 !important; line-height: 1.8 !important; margin: 0 0 10px 0 !important; }
.jas-et.jet32, .jas-et .jet32 { display: inline-block !important; margin: 4px 0 4px 6px !important; padding: 5px 14px !important; border-radius: 20px !important; font-size: 14px !important; font-weight: 600 !important; text-decoration: none !important; border: 1px solid #1a3c6e !important; color: #1a3c6e !important; background: #ffffff !important; }
.jas-et.jet33, .jas-et .jet33 { display: inline-block !important; cursor: pointer !important; background: #c8a24a !important; color: #ffffff !important; font-size: 17px !important; font-weight: bold !important; padding: 9px 28px !important; border-radius: 25px !important; user-select: none !important; }
.jas-et.jet34, .jas-et .jet34 { margin: 16px 0 0 0 !important; padding: 6px 22px 18px 22px !important; background: #fbfcfe !important; border: 1px solid #e3e8f0 !important; border-radius: 10px !important; font-size: 16px !important; color: #2b2b2b !important; text-align: right !important; }
.jas-et.jet35, .jas-et .jet35 { font-size: 17px !important; font-weight: bold !important; color: #1a3c6e !important; margin: 18px 0 8px 0 !important; padding-bottom: 4px !important; border-bottom: 2px solid #c8a24a !important; text-align: right !important; }
.jas-et.jet36, .jas-et .jet36 { margin: 0 !important; padding-right: 22px !important; padding-left: 0 !important; text-align: right !important; }
.jas-et.jet37, .jas-et .jet37 { margin: 0 0 7px 0 !important; line-height: 1.8 !important; }
.jas-et.jet38, .jas-et .jet38 { margin: 0 !important; padding-left: 22px !important; padding-right: 0 !important; text-align: left !important; font-family: 'Segoe UI', Roboto, Arial, sans-serif !important; }
.jas-et.jet39, .jas-et .jet39 { font-size: 27px !important; color: #1a3c6e !important; padding-bottom: 8px !important; border-bottom: 3px solid #c8a24a !important; text-align: right !important; margin: 34px 0 18px 0 !important; }
.jas-et.jet40, .jas-et .jet40 { background: #ffffff !important; border: 1px solid #e3e8f0 !important; border-right: 6px solid #1a3c6e !important; border-radius: 12px !important; box-shadow: 0 3px 12px rgba(26,60,110,0.08) !important; padding: 24px !important; margin: 0 0 24px 0 !important; }
.jas-et.jet41, .jas-et .jet41 { font-size: 22px !important; font-weight: bold !important; color: #1a3c6e !important; line-height: 1.4 !important; margin: 0 0 6px 0 !important; }
.jas-et.jet42, .jas-et .jet42 { display: inline-block !important; background: #f3f6fb !important; color: #1a3c6e !important; font-size: 15px !important; font-weight: bold !important; padding: 4px 16px !important; border-radius: 20px !important; margin: 0 0 10px 0 !important; }
.jas-et summary::-webkit-details-marker { display: none; }

/* 6. Editorial Team photos (loaded from the stylesheet, not from the page code) */
.jas-et .jet5, .jas-et .jet22 { background-color: #f3f6fb !important; background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; }
.jas-et .jas-ph-salah { background-image: url('https://lh3.googleusercontent.com/d/1aS6RHOZJKdnybip5mzl7NoDnL0RGAgV8') !important; }
.jas-et .jas-ph-azab { background-image: url('https://lh3.googleusercontent.com/d/1Cxfix4x46gMbXpfku2ve3gqat5K1Vfe8') !important; }
.jas-et .jas-ph-elkhouly { background-image: url('https://lh3.googleusercontent.com/d/1acsWCrXU6k4Mym166wvJ77q0-BGYmIBs') !important; }
.jas-et .jas-ph-female { background-image: url('https://lh3.googleusercontent.com/d/1cpSw-98c3RLNCTp16pnT8Q79znfX9bX9') !important; }