a.externallinks,
        externallinks {
            display: inline;
            padding: 7px 17px;
            margin: 7px 17px;
            line-height: 17px;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border: 0;
            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
            border-radius: 7px;
            background-color: #ff6a00;
            text-decoration: none;
            color: #ffffff;
            
            }
            
            
            
            
            
                    :root {
            --wood-dark: #392317;
            --wood: #50321f;
            --wood-mid: #67452b;
            --gold: #c6a15b;
            --gold-light: #ead39a;
            --cream: #fff8eb;
            --text: #2f2b26;
            --muted: #6e675e;
            --page: #f6f3ee;
        }

        * { box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body {
            margin: 0;
            font-family: Tahoma, Arial, sans-serif;
            color: var(--text);
            background: var(--page);
            line-height: 1.7;
        }
        a { color: inherit; }

        /* شريط معلومات علوي */
        .top-strip {
            background: #f0ece5;
            border-bottom: 1px solid #e2d9cc;
            color: #55483b;
            font-size: 12px;
        }
        .top-strip-inner {
            width: min(1250px, calc(100% - 32px));
            min-height: 35px;
            margin: auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
        }
        .top-links { display: flex; flex-wrap: wrap; gap: 16px; }
        .top-links a { text-decoration: none; }
        .top-links a:hover { color: #946f28; }

        /* صف الشعار واسم الجامعة */
        .site-header { background: #fff; }
        .brand-row {
            width: min(1250px, calc(100% - 32px));
            min-height: 112px;
            margin: auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 22px;
            padding: 16px 0;
        }
        .brand {
            display: flex;
            align-items: center;
            gap: 16px;
            min-width: 0;
        }
        .brand-mark {
            width: 76px;
            height: 76px;
            flex: 0 0 76px;
            display: grid;
            place-items: center;
            border: 3px double var(--gold);
            border-radius: 50%;
            color: var(--wood);
            background: #fffaf0;
            font-size: 33px;
            font-weight: bold;
        }
        .brand-copy h1 {
            margin: 0;
            font-size: clamp(20px, 2.4vw, 29px);
            color: #3d2a1d;
            line-height: 1.4;
        }
        .brand-copy p {
            margin: 4px 0 0;
            color: #786b5c;
            font-size: 14px;
        }
        .header-tools { display: flex; align-items: center; gap: 10px; }
        .header-tools a {
            padding: 9px 13px;
            border: 1px solid #e4d7c4;
            border-radius: 5px;
            color: #5d432c;
            text-decoration: none;
            font-size: 13px;
            white-space: nowrap;
        }
        .header-tools a:hover { background: #faf3e6; border-color: var(--gold); }

        /* القائمة الخشبية الأفقية */
        .svu-wood-menu {
            position: relative;
            z-index: 100;
            direction: rtl;
            background-color: var(--wood);
            background-image:
                repeating-linear-gradient(0deg, transparent 0, transparent 9px, rgba(255,255,255,.025) 10px, rgba(0,0,0,.07) 12px),
                linear-gradient(110deg, #3b2418 0%, #68462d 25%, #4b2e1d 50%, #69442a 75%, #3b2418 100%);
            border-top: 1px solid var(--gold-light);
            border-bottom: 3px solid var(--gold);
            box-shadow: 0 4px 10px rgba(0,0,0,.18);
        }
        .svu-menu-inner {
            width: min(1400px, 100%);
            min-height: 62px;
            padding: 0 12px;
            margin: auto;
            display: flex;
            align-items: stretch;
            justify-content: center;
            gap: 1px;
        }
        .svu-menu-item { position: relative; flex: 0 0 auto; }
        .svu-menu-item > a,
        .svu-menu-toggle {
            min-height: 62px;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 0 14px;
            border: 0;
            background: transparent;
            color: var(--cream);
            text-decoration: none;
            white-space: nowrap;
            font: 600 14px Tahoma, Arial, sans-serif;
            cursor: pointer;
            transition: color .2s ease, background .2s ease;
        }
        .svu-menu-item > a::after,
        .svu-menu-toggle::after {
            content: "";
            position: absolute;
            right: 14px;
            left: 14px;
            bottom: 6px;
            height: 2px;
            background: var(--gold-light);
            transform: scaleX(0);
            transition: transform .2s ease;
        }
        .svu-menu-item > a:hover,
        .svu-menu-toggle:hover,
        .svu-menu-item > a.active {
            color: #f5d994;
            background: rgba(255,255,255,.07);
        }
        .svu-menu-item > a:hover::after,
        .svu-menu-toggle:hover::after,
        .svu-menu-item.open > .svu-menu-toggle::after,
        .svu-menu-item > a.active::after,
        .svu-menu-item > a:focus-visible::after,
        .svu-menu-toggle:focus-visible::after { transform: scaleX(1); }
        .svu-arrow { color: var(--gold-light); font-size: 10px; transition: transform .2s ease; }
        .svu-menu-item.open .svu-arrow { transform: rotate(180deg); }
        .svu-menu-toggle:focus-visible,
        .svu-submenu a:focus-visible { outline: 2px solid var(--gold-light); outline-offset: -3px; }

        .svu-submenu {
            display: none;
            position: absolute;
            top: 100%;
            right: 0;
            width: 250px;
            max-width: calc(100vw - 24px);
            padding: 5px 0;
            background: linear-gradient(135deg, #68472e, #3b2418);
            border-top: 3px solid var(--gold);
            border-radius: 0 0 5px 5px;
            box-shadow: 0 10px 22px rgba(0,0,0,.28);
            z-index: 9999;
        }
        .svu-menu-item:hover > .svu-submenu,
        .svu-menu-item:focus-within > .svu-submenu,
        .svu-menu-item.open > .svu-submenu { display: block; }
        .svu-submenu a {
            display: block;
            padding: 11px 17px;
            border-bottom: 1px solid rgba(255,255,255,.09);
            color: #fff2dc;
            text-decoration: none;
            white-space: normal;
            font-size: 14px;
            line-height: 1.6;
            transition: padding .2s ease, color .2s ease, background .2s ease;
        }
        .svu-submenu a:last-child { border-bottom: 0; }
        .svu-submenu a:hover { padding-right: 23px; color: #ffe0a0; background: rgba(255,255,255,.09); }

        /* الصورة الرئيسية / واجهة ترحيب بديلة */
        .hero {
            min-height: 370px;
            display: flex;
            align-items: center;
            position: relative;
            overflow: hidden;
            color: #fff;
            background:
                radial-gradient(circle at 12% 25%, rgba(234,211,154,.24), transparent 23%),
                linear-gradient(115deg, rgba(33,24,18,.88), rgba(68,44,28,.80)),
                linear-gradient(135deg, #96734a, #463021 55%, #2e2118);
        }
        .hero::after {
            content: "";
            position: absolute;
            inset: 0;
            background: repeating-linear-gradient(120deg, transparent 0, transparent 95px, rgba(255,255,255,.035) 96px, transparent 99px);
            pointer-events: none;
        }
        .hero-content {
            position: relative;
            z-index: 1;
            width: min(1160px, calc(100% - 40px));
            margin: auto;
            padding: 58px 0;
        }
        .hero-kicker {
            display: inline-block;
            padding: 5px 13px;
            border: 1px solid rgba(234,211,154,.65);
            border-radius: 20px;
            color: #f2d99e;
            font-size: 13px;
        }
        .hero h2 { margin: 17px 0 10px; max-width: 760px; font-size: clamp(28px, 4.5vw, 46px); line-height: 1.4; }
        .hero p { max-width: 700px; margin: 0; color: #f0e5d6; font-size: 17px; }
        .hero-actions { margin-top: 25px; display: flex; flex-wrap: wrap; gap: 12px; }
        .btn {
            display: inline-block;
            padding: 11px 21px;
            border-radius: 5px;
            text-decoration: none;
            font-weight: bold;
            font-size: 14px;
        }
        .btn-gold { color: #332215; background: var(--gold-light); }
        .btn-outline { color: #fff; border: 1px solid rgba(255,255,255,.65); }
        .btn:hover { filter: brightness(1.05); }

        /* أجزاء المحتوى النموذجية */
        .content-wrap { width: min(1160px, calc(100% - 32px)); margin: 38px auto 50px; }
        .section-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
        .section-heading h2 { margin: 0; color: #3d2a1d; font-size: 25px; }
        .section-heading p { margin: 4px 0 0; color: var(--muted); font-size: 14px; }
        .news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
        .news-card { background: #fff; border: 1px solid #e8e0d5; border-radius: 8px; overflow: hidden; box-shadow: 0 3px 12px rgba(45,31,20,.045); }
        .news-art {
            height: 125px;
            display: grid;
            place-items: center;
            color: #f6e8c8;
            font-size: 34px;
            background: linear-gradient(135deg, #785537, #3f2a1d);
            border-bottom: 3px solid var(--gold);
        }
        .news-card-body { padding: 17px; }
        .news-date { color: #9b793a; font-size: 12px; }
        .news-card h3 { margin: 7px 0; color: #432e1e; font-size: 17px; }
        .news-card p { margin: 0; color: var(--muted); font-size: 14px; }
        .read-more { display: inline-block; margin-top: 13px; color: #76532e; font-weight: bold; text-decoration: none; font-size: 13px; }
        .read-more:hover { color: #a07a35; }

        footer { background: #302116; color: #f2e6d4; border-top: 3px solid var(--gold); }
        .footer-inner { width: min(1160px, calc(100% - 32px)); margin: auto; padding: 25px 0; display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; }
        footer p { margin: 0; font-size: 13px; }
        footer a { color: #f0d99f; text-decoration: none; }

        @media (max-width: 1050px) {
            .svu-menu-inner { justify-content: flex-start; flex-wrap: wrap; padding: 0 8px; }
            .svu-menu-item > a, .svu-menu-toggle { padding: 0 12px; }
        }
        @media (max-width: 760px) {
            .top-strip-inner { padding: 7px 0; align-items: flex-start; flex-direction: column; }
            .brand-row { min-height: 0; align-items: flex-start; }
            .brand-mark { width: 58px; height: 58px; flex-basis: 58px; font-size: 26px; }
            .brand { gap: 10px; }
            .brand-copy p { font-size: 12px; }
            .header-tools { display: none; }
            .svu-menu-inner { align-items: stretch; }
            .svu-menu-item > a, .svu-menu-toggle { min-height: 50px; font-size: 13px; }
            .svu-submenu { width: 230px; }
            .hero { min-height: 330px; }
            .hero-content { padding: 42px 0; }
            .hero p { font-size: 15px; }
            .news-grid { grid-template-columns: 1fr; }
            .section-heading { align-items: flex-start; flex-direction: column; }
        }
        @media (prefers-reduced-motion: reduce) {
            html { scroll-behavior: auto; }
            *, *::before, *::after { transition-duration: .01ms !important; }
        }
        
        
        
          .side-icon {
    position: fixed;
    top: 35%;
    left: 20px;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1000;
    display: inline-block;
  }

  .side-icon img {
    width: 75px;
    height: 75px;
    display: block;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .side-icon img:hover {
    transform: scale(1.2);
    box-shadow: 0 0 12px rgba(0,0,0,0.4);
  }

  .hover-text {
    position: absolute;
    bottom: 100%; /* فوق الصورة */
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 5px; /* مسافة بسيطة عن الصورة */
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 5px 8px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 14px;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none; /* النص لا يلتقط المؤشر */
  }

  .side-icon:hover .hover-text {
    opacity: 1;
  }
  
  
  
  
  
  
  
  
    .side-icon-right {
    position: fixed;
    top: 35%;
    right: 20px;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1000;
    display: inline-block;
  }

  .side-icon-right img {
    width: 255px;
    height: 55px;
    display: block;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .side-icon-right img:hover {
    transform: scale(1.2);
    box-shadow: 0 0 12px rgba(0,0,0,0.4);
  }

  .hover-text {
    position: absolute;
    bottom: 100%; /* فوق الصورة */
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 5px; /* مسافة بسيطة عن الصورة */
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 5px 8px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 14px;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none; /* النص لا يلتقط المؤشر */
  }

  .side-icon-right:hover .hover-text {
    opacity: 1;
  }



.language-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #fff;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

.language-link img {
    width: 24px;
    height: 16px;
    object-fit: cover;
    border-radius: 2px;
}



.llllllogo {
    display: flex;
    width: 25px;
    height: 25px;
    object-fit: contain;
    margin-top: 0;
    vertical-align: middle;
}
.llllllogo :hover,
a:has(.llllllogo ):hover {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.camera_wrap .camera_pag .camera_pag_ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
    position: relative;
    top: 55px;
    right:35px;
}




.svu-header-row {
    background: #fff !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    min-height: 90px !important;
    padding: 10px 20px !important;
    box-sizing: border-box !important;
    direction: rtl !important;
}

.svu-header-row .llogo {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 180px !important;
    max-height: 70px !important;
}

.svu-header-row .svu-header-tools {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
}

.svu-header-row .svu-header-tools a {
    display: inline-flex !important;
    align-items: center !important;
    color: #70451f !important;
    text-decoration: none !important;
    font-family: Tahoma, Arial, sans-serif !important;
    font-size: 14px !important;
}















/* تثبيت تنسيق الصف العلوي */
.svu-header-row {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    min-height: 90px !important;
    padding: 10px 20px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    direction: rtl !important;
}

.svu-header-row .llogo {
    display: block !important;
    max-width: 180px !important;
    max-height: 70px !important;
    width: auto !important;
    height: auto !important;
}

.svu-header-row .svu-header-tools {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
}

.svu-header-row .svu-header-tools a {
    color: #70451f !important;
    text-decoration: none !important;
    font-family: Tahoma, Arial, sans-serif !important;
    font-size: 14px !important;
}










/* الروابط: بوردر ذهبي ظاهر قبل الهوفر */
.svu-header-row .svu-header-tools a {
    display: inline-block !important;
    padding: 8px 14px !important;
    border: 1px solid #b8864e !important;
    border-radius: 4px !important;
    color: #70451f !important;
    background: transparent !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}

/* الهوفر */
.svu-header-row .svu-header-tools a:hover {
    color: #70451f !important;
    background: #f3dfb8 !important;
    border-color: #94602f !important;
    text-decoration: none !important;
}

/* استثناء فيسبوك وصورة المجلة */
.svu-header-row .svu-header-tools a[title="فيسبوك"],
.svu-header-row .svu-header-tools a[title="مجلة البحوث العلمية"] {
    border-color: transparent !important;
    background: transparent !important;
}



 
 

/* أيقونة فيسبوك قبل الهوفر */
.svu-header-row .svu-header-tools a[title="فيسبوك"] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 5px !important;
    transform: none !important;
}

.svu-header-row .svu-header-tools a[title="فيسبوك"] i {
    display: inline-block;
    font-size: 17px !important;
    line-height: 1;
    padding: 5px;
     margin: -13px;

    border-radius: 4px;
    color: #1877f2 !important;
    transition: font-size 0.25s ease,
                background 0.25s ease,
                box-shadow 0.25s ease;
}

/* الهوفر: تكبير الأيقونة وهالة بنفس الحواف */
.svu-header-row .svu-header-tools a[title="فيسبوك"]:hover i {
    font-size: 25px !important;
    color: #0866ff !important;
    background: #e7f1ff !important;
    border-radius: 4px;
    box-shadow: 0 0 9px 3px rgba(24, 119, 242, 0.65) !important;
}


/* الأيقونة في الوضع العادي */
.svu-header-row .svu-header-tools a[href="https://jases.journals.ekb.eg/"] img.llllllogo {
    border: 1px solid transparent;
    border-radius: 3px;
    margin: -13px;
    filter: none;
    transform: none;
    transition: transform 0.25s ease,
                filter 0.25s ease,
                border-color 0.25s ease;
}

/* البوردر الخفيف والهالة عند الهوفر فقط */
.svu-header-row .svu-header-tools a[href="https://jases.journals.ekb.eg/"]:hover img.llllllogo {
    border-color: rgba(24, 119, 242, 0.4);
    transform: scale(1.2);
    filter: drop-shadow(0 0 3px rgba(24, 119, 242, 0.95))
            drop-shadow(0 0 6px rgba(24, 119, 242, 0.6));
}           drop-shadow(0 0 6px rgba(24, 119, 242, 0.6));
}




/* تقليل ارتفاع الصف الموجود فوق المنيو الخشبي */
.svu-header-row {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    min-height: 0 !important;
}

/* تقليل المسافات حول اللوجو */
.svu-header-row .svu-logo-link {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* منع زيادة ارتفاع الصورة */
.svu-header-row .llogo {
    display: block;
    height: auto !important;
}




/* تقليل ارتفاع الصف العلوي */
.svu-header-row {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
    gap: 3px !important;
}

/* تصغير ارتفاع اللوجو تدريجيًا */
.svu-header-row .svu-logo-link img.llogo {
    max-height: 65px !important;
    width: auto !important;
    object-fit: contain;
}

/* تقليل المسافات حول الروابط والأيقونات */
.svu-header-row .svu-header-tools {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1 !important;
}


.page-title {
    direction: rtl;
    text-align: right;
    font-family: Arial, Tahoma, sans-serif;
    font-size: 25px;
    font-weight: bold;
    color: #654321;
padding: 7px;      /* فوق */

margin: 7px;       /* فوق */
margin-right: -5px;        /* يمين */
margin-bottom: 7px;    /* تحت */
margin-left: 7px;         /* يسار */

    border-right: 5px solid #9b7545;
    border-bottom: 1px solid #e2d6c5;
    background: linear-gradient(to left, #f7f2e9, #ffffff);
    line-height: 1.6;
}

















.profile-card {
    width: 90%;
    max-width: 520px;
    margin: 25px auto;
    background: #fff;
    border: 1px solid #d8c5a5;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(70, 45, 20, 0.08);
    overflow: hidden;
    box-sizing: border-box;
    font-family: Tahoma, Arial, sans-serif;
    color: #443626;
    transition: transform 0.3s ease,
                box-shadow 0.3s ease,
                border-color 0.3s ease;
}

/* الهوفر للكارت كله */
.profile-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(70, 45, 20, 0.16);
    border-color: #a9824c;
}

.profile-header {
    background: linear-gradient(to left, #eee3d1, #faf7f1);
    border-bottom: 2px solid #a9824c;
    padding: 8px 14px;
    text-align: right;
}

.profile-header h2 {
    margin: 0;
    font-size: 19px;
    color: #654321;
}

/* تقسيم الكارت إلى عمودين ثابتين */
.profile-layout {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr);
    grid-template-areas: "photo info";
    direction: ltr;
    align-items: start;
    gap: 14px;
    padding: 14px;
    box-sizing: border-box;
}

/* العمود الأيسر للصورة */
.profile-photo {
    grid-area: photo;
    width: 105px;
    height: 135px;
    margin: 0;
    padding: 0;
    border: 1px solid #c6a875;
    border-radius: 5px;
    background: #f6f1e8;
    overflow: hidden;
    box-sizing: border-box;
}

.profile-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* العمود الأيمن للكتابة */
.profile-info {
    grid-area: info;
    direction: rtl;
    text-align: right;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.profile-field {
    margin: 0 0 9px;
    padding: 0 0 6px;
    border-bottom: 1px solid #eee5d8;
    overflow-wrap: anywhere;
}

.field-label {
    display: block;
    margin-bottom: 3px;
    color: #85633b;
    font-size: 14px;
    font-weight: bold;
}

.field-value,
.cv-content {
    display: block;
    width: 100%;
    min-width: 0;
    font-size: 14px;
    line-height: 1.8;
    white-space: normal;
    overflow-wrap: anywhere;
    box-sizing: border-box;
}

.cv-content {
    text-align: justify;
}

/* يظل العمودان بجوار بعضهما على الموبايل */
@media (max-width: 480px) {
    .profile-card {
        width: 96%;
    }

    .profile-layout {
        grid-template-columns: 85px minmax(0, 1fr);
        gap: 10px;
        padding: 10px;
    }

    .profile-photo {
        width: 85px;
        height: 115px;
    }

    .profile-header h2 {
        font-size: 18px;
    }

    .field-label,
    .field-value,
    .cv-content {
        font-size: 13px;
    }
}

/* تقليل التباعد داخل الكارتين */
.profile-card .profile-info p {
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

.profile-card .profile-field {
    margin: 0 0 5px 0 !important;
    padding: 0 0 3px 0 !important;
    line-height: 1.4;
}

.profile-card .profile-header h3 {
    margin: 0 !important;
    padding: 5px 0 !important;
    line-height: 1.4;
}

.profile-card .field-label {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4;
}

.profile-card .profile-layout {
    align-items: start;
}















/* ترتيب أعمدة الصفحة */
#hpage {
    display: flex !important;
    flex-direction: row !important;
    direction: rtl !important;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
}

/* عمود القائمة الجانبية */
#hpage > #column {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    flex: 0 0 235px !important;
    width: 235px !important;
    min-width: 235px !important;
    float: none !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

/* توسيط جدول القائمة */
#hpage > #column table {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* عمود المحتوى */
#hpage > #content {
    float: none !important;
    position: relative !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
    direction: rtl !important;
    text-align: right !important;
    overflow-wrap: break-word;
}

/* عناوين الأخبار */
#content .news-item h2,
#content > div > table h2 {
    direction: rtl !important;
    text-align: right !important;
    font-size: 15px !important;
    color: #5A3218 !important;
    font-weight: bold !important;
    line-height: 1.3 !important;
    margin: 3px 0 5px !important;
}

/* الأخبار ذات الخلفية الرمادية */
#content div[style*="background-color:gainsboro"],
#content div[style*="background-color: gainsboro"] {
    direction: rtl !important;
    text-align: right !important;
    box-sizing: border-box;
}

/* جداول الأخبار ذات الخلفية الرمادية */
#content div[style*="background-color:gainsboro"] table,
#content div[style*="background-color: gainsboro"] table {
    width: 100% !important;
    border-collapse: collapse;
}

/* صور الأخبار */
#content div[style*="background-color:gainsboro"] img,
#content div[style*="background-color: gainsboro"] img,
#content > div > table img {
    width: 130px !important;
    height: 105px !important;
    object-fit: cover;
}

/* خلايا الأخبار */
#content div[style*="background-color:gainsboro"] td,
#content div[style*="background-color: gainsboro"] td,
#content > div > table td {
    padding: 3px;
    vertical-align: top;
}

/* فقرات الأخبار ذات الخلفية الرمادية */
#content div[style*="background-color:gainsboro"] p,
#content div[style*="background-color: gainsboro"] p {
    margin: 3px 0 !important;
    line-height: 1.5;
}

/* الأخبار التي تحتوي على جدول داخل div */
#content > div > table {
    width: 100%;
    border-collapse: collapse;
}













/* شريط أزرار شهور الأخبار */
.months-bar {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    direction: rtl;
    width: 100%;
    box-sizing: border-box;
    gap: 6px;
    margin: 0 0 5px;
    padding: 7px;
    background: #f5f0e9;
    border: 1px solid #dfd0bd;
    border-radius: 5px;
}

/* زر الشهر: يغطي مساحة الخلية بالكامل */
.months-bar .month-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-width: 47px;
    min-height: 33px;
    padding: 3px 1px;
    margin: 0;
    color: #5A3218;
    text-align: center;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 12px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 5px;
    box-sizing: border-box;
    transition: background-color 0.2s,
                border-color 0.2s,
                box-shadow 0.2s;
}

/* صورة الشهر */
.months-bar .month-btn img {
    display: block;
    width: 43px !important;
    height: 30px !important;
    object-fit: contain;
    margin: 0 auto 3px;
    padding: 0;
    border: 0;
}

/* الهوفر يغطي مساحة الزر بالكامل */
.months-bar .month-btn:hover,
.months-bar .month-btn:focus {
    background-color: #fff !important;
    border-color: #c5a77d !important;
    box-shadow: 0 0 7px rgba(90, 50, 24, 0.20) !important;
    color: #7b451f !important;
    text-decoration: none !important;
}

/* عدم تغيير مقاس الصورة عند الهوفر */
.months-bar .month-btn:hover img,
.months-bar .month-btn:focus img {
    width: 45px !important;
    height: 30px !important;
}

/* الشاشات الأصغر */
@media screen and (max-width: 900px) {
    .months-bar {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

@media screen and (max-width: 480px) {
    .months-bar {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}



/* Camera Slider */
#camera_wrap_4 {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 6;
    position: relative;
    overflow: hidden;
}

/* News section */
.rownews {
    clear: both;
    position: relative;
    margin-top: 15px;
}

/* Mobile */
@media (max-width: 768px) {
    #camera_wrap_4 {
        aspect-ratio: 4 / 3;
    }
}

.rownews {
    margin-top: 35px !important;
    position: relative;
    top: 15px;
}