/*
Theme Name: Güven Su Arıtma
Theme URI: https://mersinaritmaci.com/
Author: Güven Su Arıtma
Description: Mersin su arıtma hizmetleri için responsive kurumsal tema.
Version: 1.0.3
Text Domain: guven-su-aritma
*/

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --bg:#082f40; --bg2:#0a384a; --text:#f5fbfb; --muted:#a8cbd0;
  --cyan:#9fe7e9; --line:rgba(184,231,232,.30); --green:#0f9d7d;
  --container:1165px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif}
a{color:inherit;text-decoration:none}

/* HEADER YAPI & HİZALAMA */
.site-header{height:84px;position:fixed;z-index:100;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - var(--container))/2));background:rgba(8,47,64,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(180,230,235,.12)}

.brand{display:flex;align-items:center}
.brand a{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img, .brand .custom-logo{height:46px;width:auto;display:block;object-fit:contain}

.desktop-nav{display:flex;gap:36px;margin-left:auto;margin-right:35px;font-size:13px;font-weight:700}
.desktop-nav a{opacity:.85;transition:color 0.2s}
.desktop-nav a:hover{color:var(--cyan);opacity:1}

/* BİZİ ARAYIN BUTONU */
.phone-btn-text{display:inline-flex;align-items:center;gap:8px;background:var(--cyan);color:#0a3444;padding:10px 18px;font-size:12px;font-weight:800;border-radius:4px;transition:all .2s ease}
.phone-btn-text:hover{background:#7de0e2;transform:translateY(-1px)}

/* HERO & SLIDER */
.hero{min-height:780px;height:100vh;max-height:930px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-slider{position:absolute;inset:0;z-index:0}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.5s ease-in-out;background-size:cover;background-position:center center;filter:saturate(.85)}
.slide.active{opacity:1}
.slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,40,54,.96) 0%,rgba(6,40,54,.80) 50%,rgba(6,40,54,.45) 100%)}

.hero-inner{position:relative;z-index:2;width:min(var(--container),calc(100% - 56px));margin:auto;padding-top:190px}
.eyebrow,.section-kicker{display:flex;align-items:center;gap:12px;color:var(--cyan);font-size:11px;letter-spacing:2px;font-weight:800}
.eyebrow span,.section-kicker span{display:inline-block;width:30px;height:1px;background:var(--cyan)}
.hero h1{font-family:"Barlow Condensed","Arial Narrow",Impact,sans-serif;font-size:clamp(72px,9vw,144px);line-height:.78;letter-spacing:-2px;margin:22px 0 35px;text-transform:uppercase;max-width:680px}
.hero h1 em,.section h2 em{font-style:normal;color:var(--cyan)}
.hero-copy{font-size:16px;line-height:1.8;color:#d5e7e9;max-width:510px}
.hero-actions{display:flex;gap:10px;margin:30px 0 28px}

.btn{min-height:54px;padding:0 20px;display:flex;align-items:center;gap:15px;font-size:12px;font-weight:800;border:1px solid var(--cyan);border-radius:4px}
.btn b{font-size:17px;margin-left:auto}
.btn-primary{background:var(--cyan);color:#0a3444;min-width:178px}
.btn-outline{border-color:rgba(196,235,237,.6);min-width:190px}
.checks{display:flex;flex-wrap:wrap;gap:24px;color:#c8e0e2;font-size:11px;font-weight:700}

/* SECTION YAPI */
.section{width:min(var(--container),calc(100% - 56px));margin:auto;padding:110px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:20px 0 50px}
.section h2{font-family:"Barlow Condensed","Arial Narrow",Impact,sans-serif;font-size:76px;line-height:.84;letter-spacing:-1px;margin:0}
.section-head p{max-width:420px;color:var(--muted);line-height:1.7;font-size:14px}

.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.solution-card{border:1px solid var(--line);padding:30px;min-height:250px;background:rgba(255,255,255,.025);border-radius:6px;transition:border-color .3s}
.solution-card:hover{border-color:var(--cyan)}
.solution-card .icon{font-family:"Barlow Condensed";font-size:13px;color:var(--cyan);letter-spacing:2px}
.solution-card h3{font-family:"Barlow Condensed";font-size:34px;text-transform:uppercase;margin:45px 0 10px}
.solution-card p{font-size:13px;line-height:1.7;color:var(--muted)}
.solution-card a{display:inline-block;margin-top:18px;font-size:12px;color:var(--cyan);font-weight:800}

/* UYGULAMALAR GRID */
.applications{padding-top:90px}
.applications-top{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:50px;margin-bottom:25px}
.applications-top h2{font-size:72px;margin-top:25px}
.applications-top>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 2px}
.project-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}
.photo{height:338px;position:relative;overflow:hidden;background:#163f4e;border-radius:6px}
.project-large .photo{height:388px}
.photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.project:hover .photo img{transform:scale(1.04)}
.corner{position:absolute;width:28px;height:28px;border-color:#fff;border-style:solid;opacity:.9}
.corner.tl{left:13px;top:13px;border-width:1px 0 0 1px}
.corner.br{right:13px;bottom:13px;border-width:0 1px 1px 0}
.photo i{position:absolute;right:14px;top:14px;width:38px;height:38px;display:grid;place-items:center;background:rgba(220,245,246,.55);color:#0a3444;font-style:normal;border-radius:4px}
.project-meta{border-top:1px solid var(--line);padding-top:16px}
.project-meta small{color:var(--cyan);font-size:10px;letter-spacing:1.2px;font-weight:800}
.project-meta h3{font-family:"Barlow Condensed";font-size:25px;margin:13px 0 0}
.project-meta h3 b{float:right;font-family:Manrope;font-size:16px;font-weight:400}
.note{font-size:9px;color:#79aab2;margin-top:38px}

/* İLETİŞİM */
.contact{display:grid;grid-template-columns:1.4fr .8fr;gap:80px;border-top:1px solid var(--line)}
.contact h2{margin-top:25px}
.contact p{color:var(--muted);max-width:480px;line-height:1.8}
.contact-card{border:1px solid var(--line);padding:35px;display:flex;flex-direction:column;gap:12px;align-self:start;border-radius:6px;background:rgba(255,255,255,.015)}
.contact-card strong{font-size:22px}
.contact-card span{color:var(--muted);font-size:13px;line-height:1.5}
.contact-link{margin-top:20px;background:var(--cyan);color:#0a3444;padding:16px 18px;font-size:12px;font-weight:800;text-align:center;border-radius:4px}
.contact-link.secondary{margin-top:0;background:transparent;border:1px solid var(--line);color:#fff}

footer{width:min(var(--container),calc(100% - 56px));margin:auto;border-top:1px solid var(--line);padding:25px 0 110px;display:flex;justify-content:space-between;color:#6e9ca5;font-size:10px}
.mobile-bar{display:none}

@media(max-width:850px){
  :root{--container:100%}
  .site-header{height:66px;padding:0 18px}
  .brand img, .brand .custom-logo{height:36px}
  .desktop-nav{display:none}
  .phone-btn-text span{display:none}
  .phone-btn-text{padding:8px 12px}
  .hero{min-height:690px;height:100svh;max-height:none}
  .hero-inner{width:100%;padding:160px 22px 120px}
  .eyebrow{font-size:9px;letter-spacing:1.7px}
  .hero h1{font-size:62px;line-height:.82;letter-spacing:-1.5px;margin:18px 0 28px}
  .hero-copy{font-size:13px;line-height:1.7;max-width:320px}
  .hero-actions{gap:8px;margin:25px 0 26px}
  .btn{min-height:46px;padding:0 12px;gap:9px;font-size:10px}
  .btn-primary{min-width:130px}
  .btn-outline{min-width:132px}
  .checks{gap:10px 20px;font-size:9px;max-width:300px}
  .section{width:100%;padding:80px 22px}
  .section-head,.applications-top{display:block}
  .section h2,.applications-top h2{font-size:54px;margin-top:18px}
  .section-head p{margin-top:20px}
  .solution-grid{grid-template-columns:1fr}
  .solution-card{min-height:205px;padding:24px}
  .solution-card h3{margin-top:30px}
  .project-grid{grid-template-columns:1fr}
  .photo,.project-large .photo{height:280px}
  .applications-top>p{margin-top:24px}
  .contact{grid-template-columns:1fr;gap:35px}
  footer{padding-bottom:100px;display:block}
  footer span{display:block;margin-bottom:7px}
  .mobile-bar{display:grid;grid-template-columns:1fr 1.2fr;position:fixed;z-index:150;bottom:0;left:0;right:0;background:#fff;padding:8px 10px;gap:5px;box-shadow:0 -5px 20px rgba(0,0,0,.2)}
  .mobile-bar a{height:44px;display:flex;align-items:center;justify-content:center;gap:9px;color:#0a3444;font-size:11px;font-weight:800;background:#fff;border-radius:4px}
  .mobile-bar a.whatsapp{background:#07956f;color:#fff}
}