/* HayalPark özel override'ları */

/* Logo boyutları — geniş yatay logoyu her alana düzgün sığdır */
.navbar-brand img{max-width:160px;height:auto}
.logo img{max-width:150px;height:auto}
.offcanvas-header img{max-width:150px;height:auto}

/* Footer logosu: koyu zeminde okunur kalması için hafif beyaz zemin + boyut */
.f-logo img{
   max-width:340px;
   height:auto;
}

/* Portfolio görselleri: dikey ofis fotoğraflarını tutarlı karta sığdır */
.recent-work .pt-item img{
   width:100%;
   height:440px;
   object-fit:cover;
   border-radius:30px;
}

/* Referans logoları: farklı oran/zeminleri tutarlı göster */
.brands-carousel2 .swiper-slide{
   display:flex;
   align-items:center;
   justify-content:center;
}
.brands-carousel2 img{
   max-height:85px;
   width:auto;
   max-width:230px;
   object-fit:contain;
}
/* Sürekli, sabit hızlı (duraksız) kayma */
.brands-carousel2 .swiper-wrapper,
.brands-carousel .swiper-wrapper{
   transition-timing-function:linear !important;
}
/* İç sayfalardaki referans logolarını da anasayfayla aynı boyutta göster */
.brands-carousel .swiper-slide{
   display:flex;
   align-items:center;
   justify-content:center;
}
.brands-carousel img{
   max-height:85px;
   width:auto;
   max-width:230px;
   object-fit:contain;
}
/* Referans kartlarındaki kenarlıkları kaldır */
.brands-sec3 .swiper-slide{
   border:0 !important;
   padding:40px 20px !important;
}

/* Footer: en üstteki çizgiyi kaldır, içeriği yukarı sabitle ve ortala */
.footer-3 .footer-widgets{
   border-top:0 !important;
   padding-top:0 !important;
   text-align:center;
}
.footer-3 .footer-widgets .social-share{
   justify-content:center;
}
.footer-3 .footer-widgets .f-logo{
   display:flex;
   justify-content:center;
}
.footer-3 .footer-widgets ul{
   padding-left:0;
   list-style:none;
}
.footer-3 .footer-widgets .contact-widget .opening-inner{
   max-width:280px;
   margin:0 auto;
}

/* Süreç bölümü: FontAwesome ikonlarını daire içinde ortala */
.process-entry span.icon{
   display:flex;
   align-items:center;
   justify-content:center;
}
.process-entry span.icon i{
   font-size:50px;
   color:var(--primary);
   line-height:1;
}

.promo-sec{
  height:400px !important;
   padding: 200px 0 100px;
}
section.promo-sec h1 {
   font-size: 54px !important;
   font-weight: 700;
}

/* Sidebar */
.sidebar{
   font-size:13px;
   margin-bottom:30px;

}

.sidebar .navTitle,
.sidebar > ul > li > a,
.sidebar .widget-title,
.sidebar .social-contact p,
.sidebar .social-contact a,
.sidebar .social-contact i{
   font-size:13px !important;
}

/* Başlık */
.sidebar .navTitle{
   display:block;
   background:#fd5523;

   color:#fff;
   padding:18px 20px;
   font-size:13px !important;
   font-weight:700;
   text-decoration:none;
   border-radius:15px 15px 0 0;
}

/* Menü */
.sidebar > ul{
   list-style:none;
   margin:0;
   padding:0;
}

.sidebar > ul > li{
   background:#e8e8e8;
   border-bottom:1px solid #fff;
}

.sidebar > ul > li:last-child{
   border-bottom:none;
}

.sidebar > ul > li > a{
   display:block;
   position:relative;
   padding:10px 20px;
   color:#333;
   font-size:18px;
   font-weight:500;
   text-decoration:none;
   transition:.3s;
}

/* Soldaki yeşil şerit */
.sidebar > ul > li > a::before{
   content:"";
   position:absolute;
   left:0;
   top:0;
   width:4px;
   height:100%;
   background:transparent;
   transition:.3s;
}

/* Hover */
.sidebar > ul > li > a:hover{
   background:#dedede;
   color:#fd5523;
}

.sidebar > ul > li > a:hover::before{
   background:#fd5523;
}

/* Aktif Menü */
.sidebar > ul > li > a.navActive{
   background:#dedede;
   color:#fd5523;
   font-weight:600;
}

.sidebar > ul > li > a.navActive::before{
   background:#fd5523;
}

/* İletişim widgetı */
.sidebar .widget{
   margin-top:30px;
   border:1px solid #eee;
   border-radius:10px;
   padding:25px;
}

.sidebar .widget-title{
   font-size:22px;
   font-weight:700;
   margin-bottom:20px;
}

.sidebar .social-contact p{
   margin-bottom:15px;
}

.sidebar .social-contact a{
   color:#333;
   text-decoration:none;
}

.sidebar .social-contact i{
   color:#fd5523;
   width:20px;
}


@media (max-width: 767.98px) {

   section.promo-sec h1 {
      font-size: 30px !important;
      font-weight: 700;
   }
}

section.promo-sec{
   height: 400px !important;
   padding: 200px 0 100px;
}

.display-1 {
   font-size: 34px;
}

.counter-box{
   display:flex;
   align-items:flex-end;
   gap:8px;
}

.counter-box .display-1{
   margin:0;
   line-height:1;
}

.counter-unit{
   font-size:20px;
   font-weight:600;
   line-height:1;
   margin-bottom:10px;
   color:inherit;
}

.h2, h2 {

   font-size: 25px;
}

.h3, h3 {
    font-size: 20px;
}
.offcanvas-social{
   margin-top:0px !important;
   text-align:center !important;
}

.offcanvas-social span{
   color: #ffffff;
   font-size:14px;
   font-weight:600;
}

.offcanvas-social a{
   display:inline-flex;
   align-items:center;
   justify-content:center;
   width:42px;
   height:42px;
   margin:0 6px;
   border-radius:50%;
   background: #fb5423;
   color:white;
   text-decoration:none;
   transition:.3s;
}

.offcanvas-social a:hover{
   background:#ff6b35;
   color:#fff;
}
.active > .page-link,
.page-link.active {
   z-index: 3;
   color: #fff !important;
   background-color: #ff6b35 !important;
   border-color: #ff6b35 !important;
}

.page-link {
   color: #ff6b35 !important;
}