/*
Theme Name: FoxBaski
Theme URI: https://www.foxbaski.com/
Author: FoxBaski.com
Description: Kocaeli, İzmit, Gebze, Dilovası ve GOSB çevresinde UV baskı, pleksi stand, serigraf baskı, tabela ve reklam çözümleri sunan FoxBaski.com için özel WordPress teması. Blog desteği dahildir.
Version: 1.0
Requires at least: 5.9
Requires PHP: 7.4
Text Domain: foxbaski
*/

*{
 margin:0;
 padding:0;
 box-sizing:border-box;
}

html{
 scroll-behavior:smooth;
}

body{
 font-family:Arial,Helvetica,sans-serif;
 color:#263746;
 background:#fff;
 line-height:1.7;
}

a{
 text-decoration:none;
 color:inherit;
}

img{
 width:100%;
 display:block;
}

.container{
 width:min(1180px,92%);
 margin:auto;
}

/* ÜST BAR */
.topbar{
 background:#061b2d;
 color:#dceeff;
 font-size:13px;
 padding:8px 0;
}

.topbar-inner{
 display:flex;
 justify-content:space-between;
 align-items:center;
}

/* HEADER */
header{
 position:sticky;
 top:0;
 z-index:999;
 background:#fff;
 box-shadow:0 2px 18px rgba(0,0,0,.08);
}

.nav{
 min-height:76px;
 display:flex;
 align-items:center;
 justify-content:space-between;
}

.logo{
 font-size:27px;
 font-weight:900;
 color:#0757a8;
 letter-spacing:-1px;
}

.logo b{
 color:#111;
}

.logo small{
 display:block;
 font-size:9px;
 color:#697987;
 letter-spacing:2px;
 font-weight:700;
}

.menu{
 display:flex;
 align-items:center;
 gap:25px;
 list-style:none;
}

.menu li{
 list-style:none;
}

.menu a{
 font-size:14px;
 font-weight:700;
 color:#233746;
}

.menu a:hover{
 color:#0875d1;
}

.menu-btn{
 display:none;
 width:44px;
 height:44px;
 border:0;
 border-radius:10px;
 background:#0757a8;
 color:#fff;
 font-size:24px;
 cursor:pointer;
}

/* HERO */
.hero{
 color:#fff;
 background:
 radial-gradient(circle at 90% 15%,rgba(48,171,255,.28),transparent 35%),
 linear-gradient(135deg,#051a2c,#0757a8);
 padding:90px 0;
}

.hero-grid{
 display:grid;
 grid-template-columns:1.2fr .8fr;
 gap:55px;
 align-items:center;
}

.hero h1{
 font-size:48px;
 line-height:1.1;
 letter-spacing:-1.5px;
 margin-bottom:22px;
}

.hero h1 span{
 color:#7dd5ff;
}

.hero p{
 max-width:720px;
 color:#e2f3ff;
 font-size:18px;
 margin-bottom:30px;
}

.buttons{
 display:flex;
 flex-wrap:wrap;
 gap:12px;
}

.btn{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 padding:14px 22px;
 border-radius:10px;
 font-weight:800;
 transition:.2s;
 border:0;
 cursor:pointer;
 font-family:inherit;
 font-size:14px;
}

.btn:hover{
 transform:translateY(-2px);
}

.btn-primary{
 background:#fff;
 color:#0757a8;
}

.btn-whatsapp{
 background:#20bd5a;
 color:#fff;
}

.hero-card{
 padding:30px;
 border-radius:24px;
 background:rgba(255,255,255,.1);
 border:1px solid rgba(255,255,255,.18);
 backdrop-filter:blur(8px);
}

.hero-card h2{
 font-size:24px;
 margin-bottom:15px;
}

.hero-card ul{
 list-style:none;
}

.hero-card li{
 padding:10px 0;
 border-bottom:1px solid rgba(255,255,255,.14);
}

.hero-card li:last-child{
 border-bottom:0;
}

/* GENEL */
section{
 padding:75px 0;
}

.section-head{
 max-width:760px;
 margin:0 auto 42px;
 text-align:center;
}

.section-head span{
 color:#0875d1;
 font-size:12px;
 font-weight:900;
 letter-spacing:2px;
}

.section-head h2{
 font-size:36px;
 color:#102638;
 margin:8px 0 12px;
}

.section-head p{
 color:#667785;
}

/* HİZMETLER */
.services{
 background:#f6f9fc;
}

.service-grid{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:20px;
}

.service{
 background:#fff;
 padding:27px;
 border-radius:18px;
 border:1px solid #e2eaf2;
 box-shadow:0 10px 30px rgba(0,45,90,.07);
 transition:.25s;
}

.service:hover{
 transform:translateY(-5px);
}

.icon{
 width:52px;
 height:52px;
 display:grid;
 place-items:center;
 background:#eaf4ff;
 color:#0757a8;
 border-radius:13px;
 font-size:24px;
 margin-bottom:17px;
}

.service h3{
 font-size:20px;
 color:#122638;
 margin-bottom:8px;
}

.service p{
 font-size:14px;
 color:#697987;
}

/* ÇALIŞMALAR */
.project-grid{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:20px;
}

.project{
 overflow:hidden;
 background:#fff;
 border:1px solid #e1e9f1;
 border-radius:18px;
 box-shadow:0 10px 30px rgba(0,45,90,.08);
}

.project-image{
 height:210px;
 background:linear-gradient(135deg,#e9f4fc,#cddfee);
 display:flex;
 align-items:center;
 justify-content:center;
 text-align:center;
 color:#537084;
 font-weight:800;
 overflow:hidden;
}

.project-image img{
 height:100%;
 object-fit:cover;
}

.project-content{
 padding:20px;
}

.project-content h3{
 color:#142a3b;
 margin-bottom:7px;
}

.project-content p{
 font-size:14px;
 color:#71818e;
}

/* SEO MAKALE */
.article{
 max-width:930px;
 margin:auto;
}

.article h2{
 font-size:31px;
 color:#102638;
 margin:36px 0 13px;
}

.article h3{
 font-size:22px;
 color:#0757a8;
 margin:28px 0 10px;
}

.article p{
 color:#526574;
 margin-bottom:17px;
}

.article strong{
 color:#243e52;
}

/* BLOG */
.blog{
 background:#f6f9fc;
}

.blog-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:24px;
}

.blog-card{
 background:#fff;
 border:1px solid #e1e9f1;
 border-radius:18px;
 overflow:hidden;
 box-shadow:0 10px 30px rgba(0,45,90,.08);
 display:flex;
 flex-direction:column;
 transition:.25s;
}

.blog-card:hover{
 transform:translateY(-5px);
}

.blog-thumb{
 height:190px;
 background:linear-gradient(135deg,#e9f4fc,#cddfee);
 overflow:hidden;
}

.blog-thumb img{
 height:100%;
 object-fit:cover;
}

.blog-card-content{
 padding:22px;
 display:flex;
 flex-direction:column;
 flex-grow:1;
}

.blog-date{
 font-size:12px;
 font-weight:800;
 color:#0875d1;
 letter-spacing:1px;
 margin-bottom:8px;
 text-transform:uppercase;
}

.blog-card-content h3{
 font-size:19px;
 color:#142a3b;
 margin-bottom:10px;
 line-height:1.35;
}

.blog-card-content p{
 font-size:14px;
 color:#71818e;
 margin-bottom:16px;
 flex-grow:1;
}

.blog-readmore{
 font-size:13px;
 font-weight:800;
 color:#0757a8;
}

.blog-readmore:hover{
 color:#0875d1;
}

.blog-empty{
 text-align:center;
 color:#71818e;
}

.blog-cta{
 text-align:center;
 margin-top:38px;
}

/* Tekil yazı / sayfa içerik alanı */
.single-post,
.page-content{
 max-width:850px;
 margin:0 auto;
 padding:75px 0;
}

.single-post .entry-title,
.page-content .entry-title{
 font-size:38px;
 color:#102638;
 margin-bottom:14px;
 line-height:1.2;
}

.single-post .entry-meta{
 font-size:13px;
 font-weight:800;
 color:#0875d1;
 letter-spacing:1px;
 text-transform:uppercase;
 margin-bottom:25px;
}

.single-post .entry-thumbnail{
 border-radius:18px;
 overflow:hidden;
 margin-bottom:30px;
}

.single-post .entry-content p,
.page-content .entry-content p{
 color:#526574;
 margin-bottom:17px;
}

.single-post .entry-content h2,
.single-post .entry-content h3{
 color:#102638;
 margin:28px 0 13px;
}

.single-post .entry-content img,
.page-content .entry-content img{
 border-radius:14px;
 margin:20px 0;
}

.post-nav{
 display:flex;
 justify-content:space-between;
 gap:20px;
 margin-top:45px;
 border-top:1px solid #e1e9f1;
 padding-top:25px;
}

.post-nav a{
 font-weight:700;
 color:#0757a8;
}

/* BÖLGELER */
.locations{
 background:#061c2e;
 color:#fff;
}

.locations .section-head h2{
 color:#fff;
}

.locations .section-head p{
 color:#c8d8e5;
}

.location-grid{
 display:grid;
 grid-template-columns:repeat(6,1fr);
 gap:12px;
}

.location{
 padding:17px 8px;
 text-align:center;
 background:rgba(255,255,255,.05);
 border:1px solid rgba(255,255,255,.13);
 border-radius:12px;
 font-weight:700;
}

/* CTA */
.cta{
 text-align:center;
 color:#fff;
 background:linear-gradient(135deg,#0757a8,#087fd7);
}

.cta h2{
 font-size:36px;
 margin-bottom:12px;
}

.cta p{
 max-width:700px;
 margin:0 auto 25px;
 color:#e5f5ff;
}

/* FOOTER */
footer{
 background:#04121f;
 color:#aebdca;
 padding:45px 0 25px;
}

.footer-grid{
 display:grid;
 grid-template-columns:1.4fr 1fr 1fr;
 gap:35px;
}

footer h3{
 color:#fff;
 margin-bottom:13px;
}

footer p{
 font-size:14px;
}

.footer-links{
 list-style:none;
}

.footer-links li{
 margin:7px 0;
}

.copyright{
 border-top:1px solid rgba(255,255,255,.1);
 margin-top:35px;
 padding-top:20px;
 text-align:center;
 font-size:13px;
}

/* WHATSAPP */
.whatsapp{
 position:fixed;
 right:18px;
 bottom:18px;
 width:59px;
 height:59px;
 border-radius:50%;
 background:#20bd5a;
 color:#fff;
 display:grid;
 place-items:center;
 font-size:27px;
 z-index:1000;
 box-shadow:0 8px 25px rgba(0,0,0,.25);
}

.whatsapp:hover{
 transform:scale(1.07);
}

/* WORDPRESS ÇEKİRDEK SINIFLARI (uyumluluk) */
.alignleft{ float:left; margin:0 20px 20px 0; }
.alignright{ float:right; margin:0 0 20px 20px; }
.aligncenter{ display:block; margin:0 auto 20px; }
.wp-caption{ max-width:100%; }
.wp-caption-text{ font-size:13px; color:#71818e; text-align:center; padding-top:6px; }
.screen-reader-text{ position:absolute; left:-9999px; }

/* MOBİL */
@media(max-width:950px){

 .hero-grid{
  grid-template-columns:1fr;
 }

 .service-grid{
  grid-template-columns:repeat(2,1fr);
 }

 .project-grid{
  grid-template-columns:repeat(2,1fr);
 }

 .blog-grid{
  grid-template-columns:repeat(2,1fr);
 }

 .location-grid{
  grid-template-columns:repeat(3,1fr);
 }

 .hero h1{
  font-size:42px;
 }
}

@media(max-width:700px){

 .topbar-inner{
  justify-content:center;
  text-align:center;
 }

 .topbar-inner div:last-child{
  display:none;
 }

 .nav{
  min-height:68px;
 }

 .menu-btn{
  display:block;
 }

 .menu{
  position:absolute;
  top:68px;
  left:4%;
  right:4%;
  display:none;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  background:#fff;
  padding:10px;
  border-radius:15px;
  box-shadow:0 15px 35px rgba(0,0,0,.14);
 }

 .menu.active{
  display:flex;
 }

 .menu a{
  display:block;
  padding:13px;
  border-bottom:1px solid #edf1f5;
 }

 .hero{
  padding:65px 0;
 }

 .hero h1{
  font-size:34px;
 }

 .hero p{
  font-size:16px;
 }

 section{
  padding:55px 0;
 }

 .section-head h2{
  font-size:29px;
 }

 .service-grid,
 .project-grid,
 .blog-grid{
  grid-template-columns:1fr;
 }

 .location-grid{
  grid-template-columns:repeat(2,1fr);
 }

 .footer-grid{
  grid-template-columns:1fr;
 }

 .cta h2{
  font-size:29px;
 }

 .logo{
  font-size:23px;
 }
}