/*
Theme Name: proservice-temasi
Theme URI: https://aksehirproteknikservis.com
Description: aksehirproteknikservis-temasi
Version: 1.0
Author: webteo.com.tr
URI: https://aksehirproteknikservis.com
*/

:root{
  --ps-orange:#F7931E; --ps-orange-dark:#d97a0a;
  --ps-ink:#16181d; --ps-soft:#f6f7f9; --ps-line:#e6e8ec;
  --bs-body-font-family:'Barlow',system-ui,sans-serif;
  --bs-body-color:#2b2f36; --bs-body-bg:#fff;
  --bs-link-color:#d97a0a; --bs-link-hover-color:#b86406;
}
h1,h2,h3,h4,h5,.brand{font-family:'Barlow Condensed',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.text-orange{color:var(--ps-orange)!important}
.btn-orange{background:var(--ps-orange);color:#000;font-weight:600;border:0;border-radius:50rem;padding:.7rem 1.6rem}
.btn-orange:hover{background:var(--ps-orange-dark);color:#000}
.btn-outline-orange{border:2px solid var(--ps-orange);color:var(--ps-orange);font-weight:600;border-radius:50rem;padding:.65rem 1.6rem}
.btn-outline-orange:hover{background:var(--ps-orange);color:#000}
.btn-outline-dark-ps{border:2px solid var(--ps-ink);color:var(--ps-ink);font-weight:600;border-radius:50rem;padding:.65rem 1.6rem}
.btn-outline-dark-ps:hover{background:var(--ps-ink);color:#fff}

/* Navbar (siyah - logo alanı) */
.navbar{background:rgba(0,0,0,.95);backdrop-filter:blur(8px)}
.brand{font-size:1.9rem;color:var(--ps-orange)!important;line-height:1}
.brand small{display:block;font-size:.6rem;letter-spacing:1.5px;font-weight:600}
.navbar .nav-link{font-weight:500;color:#ddd}
.navbar .nav-link:hover{color:var(--ps-orange)}

/* Dropdown görünümü */
.navbar .dropdown-menu{
  background:#111;
  border:1px solid #2a2a2a;
  border-top:3px solid var(--ps-orange);
  border-radius:.8rem;
  padding:.5rem;
}
.navbar .dropdown-item{color:#ddd;border-radius:.5rem;padding:.55rem 1rem}
.navbar .dropdown-item:hover,
.navbar .dropdown-item.active{background:var(--ps-orange);color:#000}

/* Masaüstünde hover ile aç */
@media (min-width:992px){
  .navbar .dropdown:hover > .dropdown-menu{display:block;margin-top:0}
}

/* Slider */
.hero{background:#000;padding-top:50px;border-bottom:4px solid var(--ps-orange)}
.slide{min-height:530px;display:flex;align-items:center;padding:3rem 0 4.5rem;
  background:radial-gradient(circle at 85% 30%,rgba(247,147,30,.22),transparent 45%),#000;color:#fff}
.slide h1{font-size:clamp(2.4rem,6vw,4.4rem);line-height:1}
.badge-ps{border:1px solid var(--ps-orange);color:var(--ps-orange);border-radius:50rem;padding:.4rem 1rem;font-weight:500;display:inline-block}
.carousel-indicators [data-bs-target]{width:33px;height:12px;border:0;border-radius:5px;background:var(--ps-orange)}
.carousel-control-prev,.carousel-control-next{width:6%}
/* Oklar: masaüstü + mobil */
.carousel-control-prev,.carousel-control-next{opacity:1}
.carousel-control-prev-icon,.carousel-control-next-icon{background-color:var(--ps-orange);border-radius:50%;width:2.6rem;height:2.6rem;background-size:55%;box-shadow:0 4px 12px rgba(0,0,0,.5)}
@media(max-width:768px){
  .carousel-control-prev,.carousel-control-next{width:14%;top:14%;bottom:auto;height:140px;align-items:flex-start;padding-top:40px}
  .carousel-control-prev{justify-content:flex-start;padding-left:6px}
  .carousel-control-next{justify-content:flex-end;padding-right:6px}
  .carousel-control-prev-icon,.carousel-control-next-icon{width:2.1rem;height:2.1rem;opacity:.95}
  .slide{min-height:auto;padding:1.2rem 0 3.6rem}
  .slide .container{padding-inline:2.8rem}
  .scene{width:170px}
  .scene .wr{font-size:3.2rem}.scene .gear{font-size:2rem}
  .scene .chip{font-size:.68rem;padding:.25rem .55rem}
  .chip.c1{left:-14%}.chip.c2{right:-14%}
  .slide h1{font-size:2rem}
  .slide .lead{font-size:1rem;margin-top:.6rem!important}
  .slide .btn-lg{padding:.55rem 1.2rem;font-size:1rem}
  .slide .badge-ps{font-size:.8rem;margin-bottom:.6rem!important}
  .slide .row{--bs-gutter-y:1.2rem}
  .carousel-indicators{margin-bottom:.8rem}
}

/* Tamir sahnesi */
.scene{position:relative;width:min(340px,80%);aspect-ratio:1;margin:auto}
.scene .disc{position:absolute;inset:0;border-radius:50%;background:linear-gradient(145deg,#ffb04d,#F7931E 60%,#d97a0a);box-shadow:0 0 60px rgba(247,147,30,.4)}
.scene svg.dev{position:absolute;inset:12%;width:76%;height:76%}
.scene .wr{position:absolute;right:-4%;bottom:6%;font-size:5rem;color:#fff;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));animation:wob 2.4s ease-in-out infinite;transform-origin:20% 80%}
.scene .gear{position:absolute;left:-2%;top:6%;font-size:3.2rem;color:#fff;opacity:.95;animation:spin 8s linear infinite}
.scene .chip{position:absolute;background:#fff;color:#111;font-weight:600;font-size:.85rem;border-radius:50rem;padding:.35rem .8rem;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.chip.c1{left:-6%;bottom:14%}.chip.c2{right:-4%;top:10%}
@keyframes wob{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(12deg)}}
@keyframes spin{to{transform:rotate(360deg)}}

/* Açık bölümler */
.section{padding:5rem 0}
.bg-soft{background:var(--ps-soft)}
.section-title{font-size:clamp(2rem,4vw,3rem);color:var(--ps-ink)}
.title-bar{width:70px;height:5px;background:var(--ps-orange);border-radius:5px;margin:.6rem 0 2.2rem}
.ps-card{background:#fff;border:1px solid var(--ps-line);border-radius:1.2rem;padding:2rem;height:100%;transition:.25s;box-shadow:0 4px 14px rgba(20,30,50,.05)}
.ps-card:hover{border-color:var(--ps-orange);transform:translateY(-6px);box-shadow:0 14px 32px rgba(247,147,30,.18)}
.ps-icon{width:70px;height:70px;border-radius:1rem;background:var(--ps-orange);color:#000;display:grid;place-items:center;font-size:2.1rem;margin-bottom:1.2rem}
.ps-card h3{color:var(--ps-ink)}
.ps-card ul{padding-left:1.1rem;color:#5b616b;margin:0}
.ps-card li::marker{color:var(--ps-orange)}
.step{text-align:center}
.step .no{width:64px;height:64px;border-radius:50%;background:var(--ps-ink);color:var(--ps-orange);font:800 1.8rem 'Barlow Condensed',sans-serif;display:grid;place-items:center;margin:0 auto 1rem}
.trust i{font-size:2.4rem;color:var(--ps-orange)}
.trust h4{color:var(--ps-ink);margin-top:.5rem}
.cta{background:linear-gradient(100deg,#F7931E,#ffb04d);color:#000;padding:3rem 0}
.cta h2{font-size:clamp(1.8rem,4vw,2.6rem)}
.contact-box{background:#fff;border:1px solid var(--ps-line);border-left:6px solid var(--ps-orange);border-radius:1.2rem;padding:2.2rem;box-shadow:0 10px 30px rgba(20,30,50,.08)}
.contact-item{display:flex;gap:1rem;margin-bottom:1.3rem}
.contact-item i{font-size:1.7rem;color:var(--ps-orange)}
.phone{font-size:2rem;font-weight:600;color:var(--ps-ink);text-decoration:none}
.phone:hover{color:var(--ps-orange)}
footer{background:#0d0d0d;border-top:1px solid var(--ps-line);padding:2rem 0;color:#ffffff}
footer .brand{color:var(--ps-ink)!important}
footer a{ color: #e88b1f; text-decoration: none;}

.float-btns{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;z-index:1030}
.float-btns a{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:1.6rem;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.fb-call{background:var(--ps-orange);color:#000!important}
.fb-wa{background:#25D366;position:relative;animation:pulse 1.8s infinite}
.fb-wa::before,.fb-wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:ring 1.8s ease-out infinite;z-index:-1}
.fb-wa::after{animation-delay:.9s}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes ring{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.9);opacity:0}}
 

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 100%;
    padding: 5px 0px 3px 10px;
    text-align: center;
}
.wp-caption.alignleft {float:left;margin: 0px 20px 19px 0;padding: 5px;}
.wp-caption.alignright {float:right;margin: 0px 0px 20px 20px;padding: 5px;}
.alignleft { display: inline; float: left;  margin: 1em 2em 1em 0;}
.alignright { display: inline; float: right;  margin: 1em 3em 1em 0px;}