/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			prosilver Special Edition
	Based on style:		prosilver (the default phpBB 3.3.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

/* colours.css changes */
html, body {
	background-color: #ACA8A1;
}

body.simple {
	min-height: 100%;
	padding: 0 5px;
}

#wrap.wrap {
	box-sizing: border-box;
	width: auto;
	max-width: 1202px;
	min-width: 0;
	padding: 13px 23px;
	margin: 0 auto;
	border: 2px solid #FFF;
	border-radius: 15px;
	background: #FFF;
	box-shadow: 0 0 5px 2px #9D9A93, inset 0 3px 18px rgba(100, 100, 100, .25);
}

.search-header {
	box-shadow: 0 0 10px #505C65;
}

.headerbar {
	background-color: #7C8891;
	background-image: -webkit-linear-gradient(top, #6E777F 0%, #505C65 1%, #56626B 20%, #737F88 75%, #7C8891 100%);
	background-image: linear-gradient(to bottom, #6E777F 0%, #505C65 1%, #56626B 20%, #737F88 75%, #7C8891 100%);
	background-repeat: repeat-x;
}

.navbar {
	background-color: #DCDEE2;
}

.forabg, .forumbg {
	background-color: #505C65;
	background-image: -moz-linear-gradient(top, #7C8891 0%, #7C8790 4%, #76828B 10%, #5B666F 29%, #505C65 38%, #505C65 100%);
	background-image: linear-gradient(to bottom, #7C8891 0%, #7C8790 4%, #76828B 10%, #5B666F 29%, #505C65 38%,#505C65 100%);
	background-repeat: repeat-x;
}

.copyright a {
	color: #000000 !important;
}

li.row {
	background-color: #E8ECEE;
}

li.row:hover {
	background-color: #EBEFF1;
}

li.row.bg3 {
	background-color: #F0F4F6;
}

li.row.bg3:hover {
	background-color: #F4F8FA;
}

.site_logo {
	background-image: url("./images/site_logo.svg");
}

.jumpbox-cat-link {
	background-color: #505C65;
	background-image: -moz-linear-gradient(top, #7C8891 0%, #7C8790 4%, #76828B 10%, #5B666F 29%, #505C65 38%, #505C65 100%);
	background-image: linear-gradient(to bottom, #7C8891 0%, #7C8790 4%, #76828B 10%, #5B666F 29%, #505C65 38%,#505C65 100%);
	background-repeat: repeat-x;
	color: #FFFFFF;
}

.jumpbox-sub-link {
	background-color: #E8ECEE;
}

/* responsive.css changes */
@media (max-width: 920px) {
	html, body { background-color:#FFF; }
	body#phpbb { padding:12px 5px; }
	#wrap.wrap {
		width:850px;
		max-width:100%;
		padding:0;
		margin:0 auto;
		border-width:0;
		border-radius:0;
		box-shadow:none;
	}
}

@media (max-width: 860px) {
	#wrap.wrap { width:auto; }
}


/* phpBBArabia: use Tahoma for all text without changing icon fonts. */
body#phpbb,
body#phpbb *:not(.icon):not(.fa):not([class^="fa-"]):not([class*=" fa-"]) {
	font-family: Tahoma, Arial, sans-serif !important;
}

/* Forum header shares the website heritage banner and original 320x55 logo. */
#page-header .headerbar {
    position: relative;
    overflow: hidden;
    min-height: 148px;
    margin-bottom: 0;
    padding: 9px 14px;
    border-radius: 7px 7px 0 0;
    background-color: #566a73;
    background-image: linear-gradient(to left,rgba(29,43,53,.88) 0%,rgba(38,54,64,.73) 29%,rgba(38,54,64,.2) 55%,rgba(34,48,57,.02) 83%),url('./images/pba_header_banner.webp');
    background-repeat: no-repeat,no-repeat;
    background-position: center,center;
    background-size: cover,cover;
}

/* October 2026 — unified phpBBArabia heritage header */
#page-header .headerbar > .inner {
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    min-height:128px;
    direction:rtl;
    font-size:12px;
    line-height:18px;
}
#page-header .headerbar #site-description {
    box-sizing:border-box;
    float:none;
    width:auto;
    min-height:0;
    min-width:0;
    flex:0 1 340px;
    text-align:start;
    font-size:12px;
    line-height:18px;
}
#page-header .headerbar #site-description .logo {
    float: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    line-height: 0;
}
#page-header .pba-header-logo {
    display: block;
    width: 320px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}
#page-header .pba-release-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 0 0 auto;
    gap: 3px;
    color: #fff;
    background: rgba(22, 37, 48, .58);
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 6px;
    padding: 12px 15px;
    text-shadow: 0 1px 2px rgba(0,0,0,.45);
    text-align: right;
    direction: rtl;
    font: 12px/1.65 Tahoma,Arial,sans-serif;
}
#page-header .pba-release-label {
    font-size: 11px;
    color: #e2edf1;
}
#page-header .pba-release-info strong {
    font: 700 16px/1.35 Tahoma,Arial,sans-serif;
    color: #fff;
}
#page-header .pba-release-info time {
    color: #f0f3f4;
    font-size: 11px;
}
#page-header .pba-release-info a {
    display: inline-block;
    margin-top: 3px;
    color: #ffdda2;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}
#page-header .pba-release-info a:hover,
#page-header .pba-release-info a:focus-visible { color: #fff; }
@media (max-width: 700px) {
    #page-header .headerbar > .inner {
        min-height: 0;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 8px;
    }
    #page-header .headerbar #site-description {
        flex: 1 1 100%;
    }
    #page-header .pba-header-logo { width: min(280px, 100%); }
    #page-header .pba-release-info {
        flex: 0 1 auto;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px 11px;
        padding: 7px 10px;
        font-size: 10px;
    }
    #page-header .pba-release-info strong { font-size: 12px; }
    #page-header .pba-release-info time,
    #page-header .pba-release-label { font-size: 10px; }
    #page-header .pba-release-info a { margin: 0; }
}

@media (max-width:700px){#page-header .headerbar{min-height:0;padding:12px}}

/* Forum uses its original community section illustration, not the site's index banner. */
#page-header .headerbar {
    box-sizing:border-box;
    min-height:148px;
    padding:7px 13px;
    background-image:linear-gradient(to left,rgba(29,43,53,.88) 0%,rgba(38,54,64,.73) 29%,rgba(38,54,64,.2) 55%,rgba(34,48,57,.02) 83%),url('./images/pba_header_community.webp');
}
#page-header .headerbar > .inner { min-height:128px; }
#page-header .headerbar > .inner::after { content:none!important; display:none!important; }
#page-header .headerbar .pba-release-info { margin-right:auto; }

/* Shared portal navigation: matches the WordPress header exactly. */
#page-header .navbar.main-navbar { box-sizing:border-box; width:100%; margin-bottom:4px; padding:0 10px 3px; border-radius:0 0 7px 7px; background:#dcdee2; }
#page-header .nav-drawer { width:100%; }
#page-header .nav-drawer > .mobile-menu-label { display:none; }
#page-header .main-menu {
  display:flex; flex-wrap:wrap; gap:0 18px; align-items:center;
  min-height:40px; list-style:none; margin:0; padding:0; background:transparent;
}
#page-header .main-menu > li { position:relative; list-style:none; padding:0; margin:0; }
#page-header .main-menu > li > a,
#page-header .main-menu .nav-group > summary {
  position:relative; display:block; padding:10px 1px; color:#fff;
  font:bold 12px/1.6 Tahoma,Arial,sans-serif; cursor:pointer; white-space:nowrap; list-style:none;
  transition:color .18s ease,background-color .18s ease; text-decoration:none;
}
#page-header .main-menu .nav-group > summary::-webkit-details-marker,
#page-header .nav-drawer > summary::-webkit-details-marker { display:none; }
#page-header .main-menu .nav-group > summary::after { content:'▾'; display:inline-block; font-size:9px; margin-right:5px; color:#f1f3f4; }
#page-header .main-menu > li > a:hover,
#page-header .main-menu .nav-group > summary:hover,
#page-header .main-menu .nav-group[open] > summary { color:#fff; text-decoration:none; text-shadow:0 0 2px #fff9; }
#page-header .main-menu .nav-group { position:relative; }
#page-header .main-menu .sub-menu {
  display:none; position:absolute; top:100%; right:0; z-index:150; width:max-content; min-width:194px; max-width:90vw;
  list-style:none; padding:4px; margin:0; background:#e8ecee; border:1px solid #b4bdc6; border-radius:5px;
  box-shadow:0 8px 18px rgba(31,54,69,.16);
}
#page-header .main-menu .nav-group[open] > .sub-menu { display:block; }
#page-header .main-menu .sub-menu li { list-style:none; padding:0; margin:0; }
#page-header .main-menu .sub-menu a { display:block; padding:8px 11px; border-radius:3px; font:12px/1.7 Tahoma,Arial,sans-serif; color:#105289; text-decoration:none; }
#page-header .main-menu .sub-menu a:hover { background:#f4f6f8; text-decoration:none; }

#page-header .navbar.main-navbar .nav-top-row {
  display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:40px; margin:0 -10px; padding:0 12px;
  background:#505c65 linear-gradient(to bottom,#394952 0%,#53626d 8%,#667782 75%,#73848d 100%);
}
#page-header .navbar.main-navbar .nav-drawer { flex:1 1 auto; width:auto; min-width:0; }
#page-header .breadcrumb-bar { box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:7px; min-height:28px; font:11px/1.5 Tahoma,Arial,sans-serif; }
#page-header .breadcrumb-bar a { color:#105289; font-weight:700; text-decoration:none; }
#page-header .breadcrumb-bar a:hover { color:#bc2a4d; text-decoration:underline; }
#page-header .breadcrumb-bar > span:last-child { color:#526779; }
#page-header .search-navbar {
  flex:0 0 auto; width:194px; min-width:0; border:1px solid rgba(255,255,255,.36); border-radius:5px; background:#fff;
  box-shadow:0 1px 4px rgba(20,35,45,.18); transition:border-color .18s ease,box-shadow .18s ease;
}
#page-header .search-navbar:focus-within { border-color:#66c9c3; box-shadow:0 0 0 2px rgba(102,201,195,.25); }
#page-header .search-navbar .search-form { display:flex; align-items:center; width:100%; height:28px; margin:0; }
#page-header .search-navbar .search-label { flex:1 1 auto; margin:0; min-width:0; }
#page-header .search-navbar input[type="search"] {
  display:block; width:100%; height:28px; min-height:0; padding:4px 9px; background:transparent; border:0; border-radius:5px;
  outline:0; box-shadow:none; color:#344f60; font:11px/1.5 Tahoma,Arial,sans-serif; text-align:right;
}
#page-header .search-navbar input[type="search"]::placeholder { color:#80919c; opacity:1; }
#page-header .search-navbar button[type="submit"] {
  flex:0 0 auto; min-height:28px; padding:3px 10px; border:0; border-inline-start:1px solid #d3e0e5; border-radius:4px 0 0 4px;
  background:#e9f2f3; color:#34576b; font:bold 11px/1.5 Tahoma,Arial,sans-serif; cursor:pointer;
}
#page-header .search-navbar button[type="submit"]:hover { background:#cfebe8; }

@media (max-width:1020px) and (min-width:701px) {
  #page-header .navbar.main-navbar .nav-top-row { flex-wrap:wrap; gap:0 10px; padding-bottom:5px; }
  #page-header .navbar.main-navbar .nav-drawer { flex-basis:100%; }
  #page-header .search-navbar { margin-right:auto; width:190px; }
}
@media (max-width:700px) {
  #page-header .headerbar { min-height:0; padding:12px; }
  #page-header .headerbar > .inner { min-height:0; }
  #page-header .navbar.main-navbar .nav-top-row { display:block; position:relative; padding:4px 9px; }
  #page-header .navbar.main-navbar .nav-drawer { display:block; width:100%; }
  #page-header .nav-drawer > .mobile-menu-label { display:inline-flex; gap:8px; align-items:center; min-height:28px; padding:4px 2px; color:#fff; font:12px Tahoma,Arial,sans-serif; cursor:pointer; list-style:none; }
  #page-header .nav-drawer:not([open]) #primary-navigation { display:none; }
  #page-header .main-menu { display:block; width:100%; margin:0; padding:4px 6px; }
  #page-header .main-menu > li { border-bottom:1px solid rgba(255,255,255,.18); }
  #page-header .main-menu > li:last-child { border:0; }
  #page-header .main-menu .sub-menu { position:static; width:100%; max-width:100%; min-width:0; box-shadow:none; border-radius:0; border:0; background:#f1f4f6; }
  #page-header .breadcrumb-bar { padding-top:4px; }
  #page-header .search-navbar { position:absolute; top:4px; left:9px; width:min(190px,55%); }
}

/* Shared visible footer: same links and geometry as the portal footer. */
#page-footer { margin-top:10px; }
#page-footer .pba-global-footer-nav {
  display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
  margin:0; padding:8px 14px; border-radius:7px; background:#dcdee2; direction:rtl;
}
#page-footer .pba-global-footer-nav ul { min-height:30px; display:flex; align-items:center; flex-wrap:wrap; list-style:none; gap:5px 17px; padding:0; margin:0; }
#page-footer .pba-global-footer-nav li { list-style:none; padding:0; margin:0; }
#page-footer .pba-global-footer-nav a { color:#105289; font:11px/1.8 Tahoma,Arial,sans-serif; text-decoration:none; }
#page-footer .pba-global-footer-nav a:hover { color:#bc2a4d; text-decoration:underline; }
#page-footer .pba-global-footer-nav .footer-copyright { margin:0; color:#677b89; font:11px/1.8 Tahoma,Arial,sans-serif; direction:ltr; text-align:left; }
#page-header .pba-context-navbar { box-sizing:border-box; width:100%; margin:0 0 4px !important; border-radius:7px; font-size:12px; line-height:18px; }
#page-header .pba-context-navbar > .inner { box-sizing:border-box; }
@media (max-width:650px) {
  #page-footer .pba-global-footer-nav { align-items:flex-start; }
  #page-footer .pba-global-footer-nav ul { gap:7px 13px; }
  #page-footer .pba-global-footer-nav .footer-copyright { width:100%; text-align:left; }
}


#page-header .pba-site-navbar * { box-sizing:border-box; }
@media (max-width:700px) {
  #page-header .headerbar { margin:0 !important; }
  #page-header .navbar.main-navbar { margin:0 0 4px !important; }
  #page-header .pba-release-info a { flex-basis:100%; }
  #page-footer .pba-global-footer-nav a { display:inline-flex; align-items:center; min-height:34px; }
}