/*-----------------------------------------------------

    Title :  The Academy of Public Administration
    Usage :  corporate pages
    Edited:  2025-10-25

-------------------------------------------------------

    1. corporate
    2. responsive ( 991px)

-------------------------------------------------------*/




/*  1. corporate
-------------------------------------------------------*/

#corporate {
	padding-top: 72px;
	font-family: Montserrat, sans-serif;
	}

:where(:has(> .row > .col-12))#corporate {
	padding-top: 88px;
	}

#corporate nav {
	padding-block: 16px;
	background-color: #fff;
	border: 1px solid #F1F2F4;
	border-radius: 4px;
	}

#corporate nav ul {
	--color-link-static: #737A87;
	margin-bottom: 0;
	padding-left: 0;
	font-size: 16px;
	line-height: 1.25;
	}

#corporate nav li::marker {
	color: transparent;
	font-size: 0;
	}

#corporate nav a {
	position: relative;
	display: flex;
	align-items: center;
    line-height: 22px;
    padding: 5px 15px;
    min-height: 48px;
	}

#corporate nav [aria-current="page"] {
	--color-link-static: #012659;
	font-weight: 600;
	background-color: #F5F9FF;
	}

#corporate nav a:is(:hover, :focus) {
	background-color: #F5F9FF;
	}

#corporate nav [aria-current="page"]::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-right: 2px solid #00AEF0;
	}

#corporate article {
	padding: 24px;
	color: #1D2A42;
	font-size: 16px;
	line-height: 1.5;
	background-color: #fff;
	border: 1px solid #F1F2F4;
	border-radius: 4px;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	}

#corporate .col-12 article {
	margin-inline: auto;
	padding: 39px 64px 48px;
	max-width: 932px;
	}

#corporate article h1 {
	padding-top: 1px;
	color: #012659;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.6;
	margin-bottom: 20px;
	}

#corporate .col-12 article h1 {
	font-weight: 500;
	padding-top: 1px;
	color: #012659;
	font-size: 20px;
	}

#corporate article h1:has(+ p) {
	margin-bottom: 26px;
	}

#corporate article picture {
	display: flex;
	flex-direction: column;
	margin-block: 15px 26px;
	overflow: hidden;
	border-radius: 4px;
	}

#corporate .col-12 article picture {
	margin-block: 41px 43px;
	}

#corporate article picture img {
	display: block;
	width: 100%;
	}

#corporate article p {
	margin-bottom: 15px;
	}

/*#corporate article :not(h1):not(h1 + picture) + p::before {
	content: "\A";
	white-space: pre;
	}*/

#corporate article ul,
#corporate article ol {
	margin-bottom: 0;
	}



/*  2. responsive ( 991px)
-------------------------------------------------------*/

@media (max-width:  991px) {

/*  1. corporate  */

#corporate {
	padding-top: 16px;
	}

#corporate :not(.col-12) > article {
	margin-top: 30px;
	}

#corporate .col-12 article {
	padding: 24px;
	}

#corporate .col-12 article picture {
	margin-block: 15px 26px;
	}

}

article img {
    max-width: 100%;         /* konteyneri keçməsin */
    height: auto;            /* nisbət pozulmasın */
    display: block;          /* boşluqları aradan qaldırır */
    border-radius: 8px;      /* küncləri yumrulaşdırmaq üçün */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); /* zərif kölgə */
}


/* Əsas slayder (sabit nisbət, səhifə tullanmasın) */
.gallery-viewport{ position:relative; width:100%; aspect-ratio:16/9; background:#f5f5f5; overflow:hidden; }
  @media (max-width:576px){ .gallery-viewport{ aspect-ratio:4/3; } }
  .carousel-item{ height:100%; }
  .gallery-img{ width:100%; height:100%; object-fit:cover; cursor:zoom-in; display:block; }
  #articleThumbs{
    display:flex;
    justify-content:flex-start;
}
  #articleThumbs .thumb{ width:90px; height:64px; object-fit:cover; }
  #articleThumbs .thumb-active{     background: #f6f6f6; }

/* Popup overlay */
.popup-slider{ position:fixed; inset:0; display:none; z-index:1060; }
.popup-slider.open{ display:block; }
.popup-slider__blur{ position:absolute; inset:0; backdrop-filter:blur(8px); background:rgba(0,0,0,.25); }
.popup-slider__body{
  position:absolute; inset:0 0 140px 0; display:flex; align-items:center; justify-content:center; padding:20px;
}
.popup-slider__content{
  width:min(1200px,96vw); height:min(78vh,800px);
  border-radius:8px; overflow:hidden; position:relative; background:transparent;
}

#popupCarousel,
#popupCarousel .carousel-inner,
#popupCarousel .carousel-item{
  height:100%;
}

/* Şəklin konteyneri: tam ortala (şaquli+üfüqi) */
.popup-slider__item{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Şəkil kəsilməsin və mərkəzdə qalsın */
.popup-slider__item img{
  max-width:100%; max-height:100%;
  object-fit:contain;
  object-position:center center; /* əlavə dəqiqlik üçün */
  display:block;
}

/* Aşağı thumbnail paneli */
.popup-slider__thumb{
  position:absolute; left:0; right:0; bottom:0; padding:12px 16px;
  background:rgba(10,10,10,.65); border-top:1px solid rgba(255,255,255,.08);
}
.popup-slider__thumb__nav{ overflow-x:auto; }
.popup-slider__nav{
  display:flex; gap:8px;
  width:max-content;       /* iç ölçüsü qədər olsun */
  margin:0 auto;           /* konteynerdə mərkəzdə dursun */ 
}
.popup-slider__nav__item{ flex:0 0 auto; border:2px solid transparent; border-radius:6px; cursor:pointer; }
.popup-slider__nav__item img{ display:block; height:64px; width:auto; object-fit:cover; border-radius:4px; }
.popup-slider__nav__item.is-nav-selected{ border-color: var(--bs-primary); }

/* SAĞ DİKİ (uzununa) İDARƏ PANELİ */
.popup-slider__controls{
  position:absolute; top:50%; right:16px; transform:translateY(-50%);
  display:flex; flex-direction:column; gap:10px; z-index:1;
}
.ctrl-btn{
  display:grid; place-items:center;
  width:44px; height:44px; border-radius:999px;
  background:#fff; color:#000; border:0; cursor:pointer;
  box-shadow:0 2px 10px rgba(0,0,0,.25); text-decoration:none;
  font-size:20px; line-height:1;
}
.ctrl-btn:hover{ filter:brightness(.97); }
.ctrl-btn i{ font-size:20px; }

/* Kiçik ekran üçün bir az kiçilt */
@media (max-width:576px){
  .ctrl-btn{ width:40px; height:40px; }
  .popup-slider__content{ height:72vh; }
}