/* ADVANCED UI REDESIGN - 2026-05-03
   Bu dosya eski tema üzerine modern, premium ve responsive bir arayüz katmanı uygular. */

:root{
  --ui-navy:#0b1220;
  --ui-navy-2:#111827;
  --ui-slate:#334155;
  --ui-muted:#64748b;
  --ui-soft:#f4f7fb;
  --ui-card:#ffffff;
  --ui-border:rgba(15,23,42,.10);
  --ui-gold:#f59e0b;
  --ui-gold-2:#facc15;
  --ui-cyan:#06b6d4;
  --ui-radius:24px;
  --ui-shadow:0 24px 70px rgba(15,23,42,.14);
  --ui-shadow-soft:0 14px 40px rgba(15,23,42,.10);
}

html{scroll-behavior:smooth;}
body{
  font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  color:var(--ui-slate) !important;
  background:
    radial-gradient(circle at 5% 0%, rgba(245,158,11,.10), transparent 34%),
    radial-gradient(circle at 95% 15%, rgba(6,182,212,.09), transparent 30%),
    linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%) !important;
  line-height:1.72 !important;
}

.page-wrapper{overflow:hidden;background:transparent !important;}
a,button,input,textarea{transition:all .25s ease;}
a:hover{text-decoration:none !important;}
img{max-width:100%;}

/* Header / Hero */
.main-banner.banner{
  position:relative !important;
  min-height:720px !important;
  background-position:center !important;
  background-size:cover !important;
  isolation:isolate;
}
.main-banner.banner:before{
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(115deg, rgba(11,18,32,.94) 0%, rgba(15,23,42,.78) 48%, rgba(15,23,42,.38) 100%),
    radial-gradient(circle at 24% 28%, rgba(245,158,11,.32), transparent 25%);
  z-index:-1;
}
.main-banner.banner:after{
  content:"";
  position:absolute;
  left:-80px; right:-80px; bottom:-78px;
  height:160px;
  background:#f8fafc;
  transform:skewY(-3deg);
  transform-origin:left top;
  z-index:-1;
}

.main-header{padding-top:18px !important;}
.main-header .top-bar{
  background:transparent !important;
  border:0 !important;
  color:rgba(255,255,255,.82) !important;
  font-size:13px !important;
}
.main-header .topbar-wrap{
  padding:11px 18px !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.08) !important;
  backdrop-filter:blur(14px);
  box-shadow:0 10px 30px rgba(0,0,0,.12);
}
.main-header .top-bar .email,
.main-header .top-bar .phone,
.main-header .top-bar .top-left a{color:rgba(255,255,255,.86) !important;}
.main-header .top-bar .fa{color:var(--ui-gold-2) !important;}
.main-header .top-bar .social-links li a{
  width:34px !important;height:34px !important;line-height:34px !important;
  color:#fff !important;background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.16) !important;
}
.main-header .top-bar .social-links li a:hover{
  background:var(--ui-gold) !important;
  color:#111827 !important;
  transform:translateY(-2px);
}

.main-header .lower-sec{padding-top:18px !important;}
@media only screen and (min-width:992px){
  .main-header .content-box{
    background:rgba(255,255,255,.94) !important;
    border:1px solid rgba(255,255,255,.72) !important;
    border-radius:26px !important;
    box-shadow:0 28px 80px rgba(0,0,0,.22) !important;
    backdrop-filter:blur(18px) !important;
  }
  .main-header .content-box .logo{
    flex-basis:220px !important;
    width:220px !important;
    max-width:220px !important;
  }
  .main-header .content-box .logo img{
    max-height:58px !important;
    object-fit:contain !important;
  }
  .main-navigation .menu > ul,
  .main-navigation .menu > ul.navbar-nav{gap:5px !important;}
  .main-navigation .menu > ul > li > a{
    color:#1e293b !important;
    font-size:12px !important;
    font-weight:900 !important;
    letter-spacing:.35px !important;
    padding:13px 12px !important;
    border-radius:999px !important;
    position:relative !important;
  }
  .main-navigation .menu > ul > li:hover > a,
  .main-navigation .menu > ul > li.current > a{
    color:#0f172a !important;
    background:linear-gradient(135deg,var(--ui-gold-2),var(--ui-gold)) !important;
    box-shadow:0 13px 26px rgba(245,158,11,.33) !important;
    transform:translateY(-1px);
  }
  .main-navigation .menu > ul > li:last-child > a{
    color:#fff !important;
    background:linear-gradient(135deg,#0f172a,#334155) !important;
    border:0 !important;
    box-shadow:0 13px 30px rgba(15,23,42,.22) !important;
  }
  .main-navigation .menu > ul > li:last-child:hover > a{
    color:#111827 !important;
    background:linear-gradient(135deg,var(--ui-gold-2),var(--ui-gold)) !important;
  }
  .main-navigation .menu > ul > li > ul{
    border-radius:20px !important;
    padding:10px !important;
    min-width:230px !important;
    background:rgba(255,255,255,.98) !important;
    border:1px solid rgba(15,23,42,.08) !important;
    box-shadow:0 25px 70px rgba(15,23,42,.18) !important;
  }
  .main-navigation .menu > ul > li > ul > li > a{
    border-radius:14px !important;
    color:#334155 !important;
    padding:11px 14px !important;
    font-weight:800 !important;
  }
  .main-navigation .menu > ul > li > ul > li:hover > a{
    background:#fff7ed !important;color:#92400e !important;padding-left:18px !important;
  }
  .main-header .content-box .search-box input[type="search"]{
    background:#f8fafc !important;
    border:1px solid #e2e8f0 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.85) !important;
  }
}

/* Slider text modernize */
.main-slider{position:relative !important;z-index:1;}
.main-slider h2,
.main-slider h2 .bg{
  background:transparent !important;
  color:#fff !important;
  text-shadow:0 18px 45px rgba(0,0,0,.34) !important;
  font-weight:950 !important;
  letter-spacing:-1.8px !important;
  line-height:1.02 !important;
}
.main-slider h4{
  color:rgba(255,255,255,.86) !important;
  max-width:680px !important;
  font-weight:500 !important;
  text-shadow:none !important;
}
.theme-btn,
.main-slider .theme-btn,
button,
input[type="submit"]{
  border:0 !important;
  border-radius:999px !important;
  padding:14px 28px !important;
  font-weight:900 !important;
  letter-spacing:.3px !important;
  box-shadow:0 16px 34px rgba(15,23,42,.18) !important;
}
.theme-btn.theme-color,
input[type="submit"]{
  background:linear-gradient(135deg,var(--ui-gold-2),var(--ui-gold)) !important;
  color:#111827 !important;
}
.theme-btn.dark-btn{
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.24) !important;
  backdrop-filter:blur(10px);
}
.theme-btn:hover,
input[type="submit"]:hover{transform:translateY(-3px);box-shadow:0 22px 44px rgba(15,23,42,.24) !important;}

/* Sections */
.sec-title{text-align:center !important;margin-bottom:38px !important;}
.sec-title h1,
.sec-title h2{
  color:#0f172a !important;
  font-size:clamp(28px,3.2vw,46px) !important;
  line-height:1.12 !important;
  font-weight:950 !important;
  letter-spacing:-1px !important;
  text-transform:none !important;
}
.sec-title p{
  max-width:780px;margin:14px auto 0 !important;
  color:var(--ui-muted) !important;
  font-size:16px !important;
}
.sec-title .double-line{display:none !important;}
.sec-title:before{
  content:"";display:block;width:74px;height:5px;border-radius:999px;
  background:linear-gradient(90deg,var(--ui-gold),var(--ui-cyan));
  margin:0 auto 18px;
}

section{position:relative;}
.featured-services,
.our-projects,
.latest-news,
.team-section,
.contact-section,
.gallery-section,
.default-section,
.page-title,
.fullwidth-section{
  background:transparent !important;
}
.featured-services{padding-top:20px !important;}
.featured-services .container-box{
  margin-top:-92px !important;
  border-radius:32px !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(15,23,42,.08) !important;
  box-shadow:var(--ui-shadow) !important;
  padding:48px 42px !important;
  overflow:hidden !important;
}
.featured-services .container-box:before,
.featured-services .container-box:after,
.featured-services .bar{display:none !important;}

.single-what-we-do,
.service-box,
.project-box,
.news-style-one,
.default-blog-post,
.team-member,
.contact-info,
.sidebar .widget,
.main-content .content-box,
.well{
  background:var(--ui-card) !important;
  border:1px solid var(--ui-border) !important;
  border-radius:var(--ui-radius) !important;
  box-shadow:var(--ui-shadow-soft) !important;
  overflow:hidden !important;
}
.single-what-we-do{
  padding:18px !important;
  margin-bottom:26px !important;
  display:flex !important;
  align-items:stretch !important;
  gap:20px !important;
}
.single-what-we-do .img-wrap{
  border-radius:20px !important;
  overflow:hidden !important;
  min-width:245px !important;
}
.single-what-we-do .img-wrap img,
.service-box img,
.project-box img,
.default-blog-post img,
.gallery-section img{
  width:100% !important;
  object-fit:cover !important;
  transform:scale(1.001);
}
.single-what-we-do:hover img,
.service-box:hover img,
.project-box:hover img{transform:scale(1.06);}
.single-what-we-do .content{padding:6px 6px 6px 0 !important;}
.single-what-we-do h3,
.service-box h3,
.project-box h3,
.news-style-one h3{
  color:#0f172a !important;
  font-weight:900 !important;
  letter-spacing:-.3px !important;
}
.single-what-we-do p,
.service-box p,
.news-style-one p{color:var(--ui-muted) !important;}
.single-what-we-do a:not(.fa),
.service-box a:not(.fa),
.project-box a:not(.fa),
.news-style-one a:not(.fa){
  color:#b45309 !important;
  font-weight:900 !important;
}
.overlay,
.featured-services .overlay{
  background:linear-gradient(135deg,rgba(15,23,42,.78),rgba(245,158,11,.68)) !important;
}
.overlay .fa,
.link-icon a,
.overlay .link a{
  background:#fff !important;
  color:#0f172a !important;
  border-radius:50% !important;
  box-shadow:0 12px 32px rgba(0,0,0,.2) !important;
}

/* Project / gallery grids */
.projects-section .filter-tabs li,
.filter-tabs li,
.gallery-section .filter-tabs li{
  border:1px solid var(--ui-border) !important;
  background:#fff !important;
  color:#334155 !important;
  border-radius:999px !important;
  padding:10px 18px !important;
  box-shadow:0 8px 22px rgba(15,23,42,.06) !important;
}
.projects-section .filter-tabs li.active,
.filter-tabs li.active,
.gallery-section .filter-tabs li.active{
  background:linear-gradient(135deg,var(--ui-gold-2),var(--ui-gold)) !important;
  color:#111827 !important;
}

/* Forms */
input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="tel"],textarea,select{
  border:1px solid #e2e8f0 !important;
  background:#fff !important;
  border-radius:16px !important;
  color:#0f172a !important;
  box-shadow:0 10px 28px rgba(15,23,42,.05) !important;
}
input:focus,textarea:focus,select:focus{
  outline:0 !important;
  border-color:rgba(245,158,11,.65) !important;
  box-shadow:0 0 0 4px rgba(245,158,11,.15) !important;
}

/* Footer */
.main-footer{
  margin-top:70px !important;
  background:
    radial-gradient(circle at 15% 15%, rgba(245,158,11,.18), transparent 28%),
    linear-gradient(135deg,#08111f 0%,#111827 52%,#0f172a 100%) !important;
  color:rgba(255,255,255,.72) !important;
}
.main-footer .upper{padding:76px 0 50px !important;background:transparent !important;}
.main-footer h2{
  color:#fff !important;
  font-weight:950 !important;
  letter-spacing:-.4px !important;
}
.main-footer h2:after{
  content:"";display:block;width:42px;height:4px;border-radius:99px;
  background:linear-gradient(90deg,var(--ui-gold),var(--ui-cyan));
  margin-top:12px;
}
.main-footer a{color:rgba(255,255,255,.82) !important;}
.main-footer a:hover{color:var(--ui-gold-2) !important;}
.main-footer .tags a{
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.06) !important;
  border-radius:999px !important;
  padding:8px 12px !important;
}
.main-footer .social a{
  width:38px;height:38px;line-height:38px;text-align:center;
  border-radius:50%;background:rgba(255,255,255,.08) !important;
}
.main-footer .gallery .image{border-radius:14px !important;overflow:hidden !important;}
.main-footer .bottom{
  background:rgba(0,0,0,.28) !important;
  border-top:1px solid rgba(255,255,255,.09) !important;
  color:rgba(255,255,255,.72) !important;
  padding:18px 0 !important;
}
.go-to-top{
  background:linear-gradient(135deg,var(--ui-gold-2),var(--ui-gold)) !important;
  color:#111827 !important;
  box-shadow:0 18px 36px rgba(245,158,11,.32) !important;
}

/* Content pages */
.page-title,
.breadcrumb-outer,
.default-section,
.sidebar-page,
.contact-section{padding-top:70px !important;}
.breadcrumb,
.breadcrumb-outer{
  background:transparent !important;
}
.breadcrumb li,
.breadcrumb a{color:#64748b !important;font-weight:700 !important;}

/* Responsive */
@media only screen and (max-width:1199px) and (min-width:992px){
  .main-header .content-box .logo{flex-basis:180px !important;width:180px !important;max-width:180px !important;}
  .main-navigation .menu > ul > li > a{padding-left:9px !important;padding-right:9px !important;font-size:11px !important;}
}
@media only screen and (max-width:991px){
  .main-banner.banner{min-height:auto !important;padding-bottom:85px !important;}
  .main-header{padding-top:10px !important;}
  .main-header .topbar-wrap{border-radius:20px !important;text-align:center !important;}
  .main-header .content-box{
    background:rgba(255,255,255,.97) !important;
    border-radius:24px !important;
    box-shadow:0 20px 55px rgba(0,0,0,.18) !important;
  }
  .main-navigation .navbar-toggle{
    background:linear-gradient(135deg,var(--ui-gold-2),var(--ui-gold)) !important;
    border-radius:14px !important;
    border:0 !important;
    margin-top:8px !important;
  }
  .main-navigation .navbar-toggle .icon-bar{background:#111827 !important;}
  .main-navigation .navbar-collapse{border:0 !important;box-shadow:none !important;}
  .main-navigation .menu > ul > li > a{
    border-radius:14px !important;
    margin:5px 0 !important;
    background:#f8fafc !important;
    color:#0f172a !important;
    font-weight:900 !important;
  }
  .main-navigation .menu > ul > li:hover > a,
  .main-navigation .menu > ul > li.current > a{background:#fff7ed !important;color:#92400e !important;}
  .featured-services .container-box{margin-top:-40px !important;padding:30px 18px !important;border-radius:24px !important;}
  .single-what-we-do{display:block !important;}
  .single-what-we-do .img-wrap{min-width:0 !important;margin-bottom:18px !important;}
  .single-what-we-do .content{padding:0 !important;}
  .sec-title h1,.sec-title h2{font-size:30px !important;}
}
@media only screen and (max-width:767px){
  .main-header .top-bar .top-left,
  .main-header .top-bar .top-right{width:100% !important;text-align:center !important;}
  .main-header .top-bar .bar{display:none !important;}
  .main-slider h2,.main-slider h2 .bg{font-size:34px !important;letter-spacing:-.8px !important;}
  .main-slider h4{font-size:15px !important;}
  .theme-btn{padding:12px 20px !important;margin-bottom:8px !important;}
  .main-footer .upper{padding:48px 0 28px !important;}
}