/*
 Theme Name: Çevik Spot Brooklyn Child
 Theme URI: https://cevikspot.com/
 Description: Çevik Spot için Brooklyn 4.9.7.6 uyumlu child theme başlangıcı.
 Author: Çevik Spot
 Template: brooklyn
 Version: 1.0.0
 Text Domain: cevikspot-brooklyn-child
*/

:root {
  --cs-primary: #0f5b78;
  --cs-primary-dark: #083b50;
  --cs-accent: #f2a900;
  --cs-ink: #17212b;
  --cs-muted: #64727d;
  --cs-surface: #f5f7f8;
  --cs-radius: 10px;
}

body { color: var(--cs-ink); }
a, a:hover { color: var(--cs-primary); }
.ut-header, .ut-header-holder { z-index: 1000; }

/* Brooklyn içerik alanlarında ortak görünüm */
.cs-section { padding: 72px 24px; }
.cs-section--surface { background: var(--cs-surface); }
.cs-section__inner { width: min(1180px, 100%); margin: 0 auto; }
.cs-eyebrow { color: var(--cs-primary); font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.cs-title { color: var(--cs-ink); font-size: clamp(28px, 4vw, 46px); line-height: 1.12; margin: 10px 0 18px; }
.cs-lead { color: var(--cs-muted); font-size: 18px; line-height: 1.7; max-width: 760px; }
.cs-button { align-items: center; background: var(--cs-primary); border-radius: 6px; color: #fff !important; display: inline-flex; font-weight: 700; gap: 8px; padding: 14px 22px; transition: .2s ease; }
.cs-button:hover { background: var(--cs-primary-dark); transform: translateY(-1px); }
.cs-button--accent { background: var(--cs-accent); color: #17212b !important; }
.cs-card { background: #fff; border-radius: var(--cs-radius); box-shadow: 0 10px 30px rgba(23,33,43,.08); padding: 28px; }

/* Mobilde hızlı iletişim */
.cs-mobile-actions { bottom: 14px; display: none; gap: 10px; left: 14px; position: fixed; right: 14px; z-index: 9999; }
.cs-mobile-actions a { align-items: center; border-radius: 999px; color: #fff !important; display: flex; flex: 1; font-size: 14px; font-weight: 700; justify-content: center; min-height: 48px; text-decoration: none; }
.cs-mobile-actions__call { background: var(--cs-primary); }
.cs-mobile-actions__whatsapp { background: #1fa855; }
@media (max-width: 767px) {
  .cs-section { padding: 52px 18px; }
  .cs-mobile-actions { display: flex; }
  body { padding-bottom: 76px; }
}

/* Visual Composer güvenli şablon sınıfları */
.cs-vc-hero { background: linear-gradient(135deg, #083b50 0%, #0f5b78 100%); padding: 88px 42px !important; }
.cs-vc-hero h1, .cs-vc-hero h2, .cs-vc-hero h3, .cs-vc-hero p { max-width: 850px; }
.cs-vc-hero h1 { color: #fff; font-size: clamp(34px, 5vw, 58px); line-height: 1.12; margin: 14px 0 22px; }
.cs-vc-hero p { color: rgba(255,255,255,.9); font-size: 19px; line-height: 1.75; }
.cs-vc-section { padding: 72px 24px !important; }
.cs-vc-section--soft { background: #f5f7f8; }
.cs-vc-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.cs-vc-card { background: #fff; border: 1px solid rgba(15,91,120,.1); border-radius: 10px; box-shadow: 0 10px 25px rgba(23,33,43,.07); height: 100%; padding: 28px; }
.cs-vc-card h3 { color: #0f5b78; font-size: 22px; margin: 0 0 10px; }
.cs-vc-card p { color: #64727d; line-height: 1.7; }
.cs-vc-band { background: #0f5b78; padding: 70px 24px !important; }
.cs-vc-band h2, .cs-vc-band p { color: #fff; }
.cs-vc-contact { background: #fff; border-left: 5px solid #f2a900; box-shadow: 0 8px 25px rgba(23,33,43,.08); padding: 26px; }
@media (max-width: 767px) { .cs-vc-hero { padding: 58px 22px !important; } .cs-vc-grid { grid-template-columns: 1fr; } .cs-vc-section { padding: 50px 18px !important; } }
.cs-vc-final { background: #f2a900; padding: 55px 25px !important; }

/* Dark visual homepage */
.cs-home { background:#0b0d0f; color:#f7f7f5; font-family:inherit; }
.cs-home__container { margin:0 auto; max-width:1220px; padding-left:28px; padding-right:28px; }
.cs-dark-hero { background:#0b0d0f; overflow:hidden; padding:92px 0 78px; }
.cs-hero-grid { align-items:center; display:grid; gap:65px; grid-template-columns:1fr 1fr; }
.cs-hero-copy h1 { color:#fff; font-size:clamp(42px,5.3vw,76px); letter-spacing:-.035em; line-height:1.02; margin:14px 0 25px; max-width:680px; }
.cs-hero-copy h1 span { color:#f4b52b; }
.cs-kicker { color:#f4b52b; font-size:12px; font-weight:800; letter-spacing:.16em; margin:0 0 13px; text-transform:uppercase; }
.cs-hero-lead { color:#bac2c7; font-size:19px; line-height:1.75; margin:0 0 30px; max-width:610px; }
.cs-actions { align-items:center; display:flex; flex-wrap:wrap; gap:12px; }
.cs-btn { border:1px solid transparent; border-radius:4px; display:inline-flex; font-size:14px; font-weight:800; letter-spacing:.01em; padding:15px 22px; text-decoration:none !important; transition:.2s ease; }
.cs-btn--gold { background:#f4b52b; color:#101214 !important; }
.cs-btn--gold:hover { background:#ffd46a; color:#101214 !important; transform:translateY(-2px); }
.cs-btn--line { border-color:#6c777e; color:#fff !important; }
.cs-btn--line:hover { border-color:#f4b52b; color:#f4b52b !important; }
.cs-hero-image { border-radius:6px; overflow:hidden; position:relative; }
.cs-hero-image:after { border:1px solid rgba(244,181,43,.45); content:""; inset:12px; pointer-events:none; position:absolute; }
.cs-hero-image img { display:block; height:570px; object-fit:cover; width:100%; }
.cs-proof { color:#7e898f; display:flex; flex-wrap:wrap; font-size:12px; gap:18px; margin-top:34px; }
.cs-proof span:first-child { color:#f4b52b; }
.cs-home-section { padding:98px 0; }
.cs-home-section--black { background:#0b0d0f; }
.cs-home-section--charcoal { background:#15191d; }
.cs-home-section--image { background:linear-gradient(90deg,rgba(11,13,15,.96),rgba(11,13,15,.74)),url('../assets/03_slider_02_adresten_alim_nakliye.jpg') center/cover; padding:76px 0; }
.cs-heading { margin-bottom:42px; max-width:720px; }
.cs-heading h2,.sell-grid h2,.wide-cta h2,.contact-grid h2 { color:#fff; font-size:clamp(32px,4vw,52px); letter-spacing:-.025em; line-height:1.08; margin:0 0 18px; }
.cs-heading > p:last-child,.cs-sell-grid > div > p,.cs-wide-cta p { color:#9da8ae; font-size:18px; line-height:1.75; }
.cs-service-grid { display:grid; gap:20px; grid-template-columns:repeat(3,1fr); }
.cs-service-card { background:#171b1f; border:1px solid #283138; border-radius:5px; overflow:hidden; transition:.25s ease; }
.cs-service-card:hover { border-color:#f4b52b; transform:translateY(-4px); }
.cs-service-card__image img { display:block; height:188px; object-fit:cover; width:100%; }
.cs-service-card__body { padding:24px; }
.cs-service-card h3 { color:#fff; font-size:22px; margin:0 0 10px; }
.cs-service-card p { color:#9da8ae; line-height:1.65; min-height:76px; }
.cs-service-card a { color:#f4b52b; font-size:13px; font-weight:800; text-decoration:none; }
.cs-service-card a span { font-size:18px; margin-left:5px; }
.cs-sell-grid { align-items:start; display:grid; gap:70px; grid-template-columns:1fr 1fr; }
.cs-steps { list-style:none; margin:0; padding:0; }
.cs-steps li { align-items:flex-start; border-bottom:1px solid #30373c; display:flex; gap:20px; padding:20px 0; }
.cs-steps b { color:#f4b52b; font-size:14px; letter-spacing:.1em; }
.cs-steps span { color:#aeb7bb; line-height:1.6; }
.cs-steps strong { color:#fff; display:block; font-size:18px; margin-bottom:4px; }
.cs-wide-cta { align-items:center; display:flex; gap:35px; justify-content:space-between; }
.cs-wide-cta p { margin-bottom:0; }
.cs-contact-grid { align-items:center; display:grid; gap:65px; grid-template-columns:1fr 1fr; }
.cs-contact-text { color:#b6c0c4; font-size:18px; line-height:1.8; }
.cs-contact-text a { color:#f4b52b; font-weight:800; }
.cs-contact-image { border-radius:5px; overflow:hidden; }
.cs-contact-image img { display:block; height:360px; object-fit:cover; width:100%; }
@media (max-width:800px) { .cs-dark-hero { padding:55px 0; } .cs-hero-grid,.cs-sell-grid,.cs-contact-grid { grid-template-columns:1fr; gap:38px; } .cs-hero-image img { height:360px; } .cs-service-grid { grid-template-columns:1fr 1fr; } .cs-wide-cta { align-items:flex-start; flex-direction:column; } }
@media (max-width:540px) { .cs-home__container { padding-left:18px; padding-right:18px; } .cs-home-section { padding:65px 0; } .cs-service-grid { grid-template-columns:1fr; } .cs-service-card__image img { height:210px; } .cs-proof { gap:10px; line-height:1.7; } }

/* Layout repair: override Brooklyn page wrappers and prevent horizontal clipping */
html, body { overflow-x: hidden !important; }
.cs-home, .cs-home * { box-sizing: border-box; }
.cs-home { display:block; margin:0 !important; max-width:none !important; overflow:hidden; padding:0 !important; position:relative; width:100% !important; }
.cs-home__container { box-sizing:border-box; margin-left:auto !important; margin-right:auto !important; max-width:1220px !important; width:100% !important; }
.cs-hero-grid, .cs-sell-grid, .cs-contact-grid { margin-left:auto !important; margin-right:auto !important; }
.cs-hero-image img, .cs-service-card__image img, .cs-contact-image img { max-width:100% !important; }
.cs-service-card__image { height:188px; overflow:hidden; }
.cs-service-card__image img { height:100% !important; object-fit:cover !important; }
@media (max-width:800px) { .cs-home__container { width:100% !important; } }

/* Services page */
.cs-services { background:#0b0d0f; color:#f7f7f5; margin:0; overflow:hidden; }
.cs-services__container { margin:0 auto; max-width:1220px; padding:0 28px; }
.cs-services-hero { background:linear-gradient(90deg,rgba(11,13,15,.92),rgba(11,13,15,.5)),url('assets/03_slider_02_adresten_alim_nakliye.jpg') center/cover; padding:115px 0 105px; }
.cs-services-hero h1 { color:#fff; font-size:clamp(43px,6vw,78px); letter-spacing:-.04em; line-height:1.02; margin:14px 0 24px; }
.cs-services-hero h1 span { color:#f4b52b; }
.cs-services-hero > .cs-services__container > p:not(.cs-kicker) { color:#c1c9cc; font-size:19px; line-height:1.75; max-width:660px; }
.cs-services-section { background:#0b0d0f; padding:100px 0; }
.cs-services-heading { max-width:720px; }
.cs-services-heading h2,.cs-services-process h2,.cs-services-area h2 { color:#fff; font-size:clamp(32px,4vw,52px); letter-spacing:-.03em; line-height:1.08; margin:0 0 16px; }
.cs-services-heading > p:last-child,.cs-services-process > .cs-services__container > div > p:not(.cs-kicker),.cs-services-area > .cs-services__container > p:not(.cs-kicker) { color:#9da8ae; font-size:18px; line-height:1.75; }
.cs-services-grid { display:grid; gap:22px; grid-template-columns:repeat(3,1fr); margin-top:48px; }
.cs-service-tile { background:#171b1f; border:1px solid #293238; border-radius:5px; overflow:hidden; transition:.22s ease; }
.cs-service-tile:hover { border-color:#f4b52b; transform:translateY(-4px); }
.cs-service-tile > img { display:block; height:220px; object-fit:cover; width:100%; }
.cs-service-tile > div { padding:25px; }
.cs-service-tile h3 { color:#fff; font-size:22px; margin:0 0 10px; }
.cs-service-tile p { color:#aab4b8; line-height:1.7; min-height:102px; }
.cs-service-tile a { color:#f4b52b; font-size:13px; font-weight:800; text-decoration:none; }
.cs-service-tile a span { font-size:18px; margin-left:4px; }
.cs-services-process { background:#171b1f; padding:100px 0; }
.cs-services-process__grid { display:grid; gap:70px; grid-template-columns:1fr 1fr; }
.cs-services-process__grid > div:first-child > p:not(.cs-kicker) { color:#9da8ae; font-size:18px; line-height:1.75; margin-bottom:28px; }
.cs-services-timeline > div { border-bottom:1px solid #343c41; display:grid; gap:0 20px; grid-template-columns:48px 1fr; padding:21px 0; }
.cs-services-timeline b { color:#f4b52b; grid-row:span 2; }
.cs-services-timeline h3 { color:#fff; font-size:19px; margin:0 0 5px; }
.cs-services-timeline p { color:#aab4b8; margin:0; }
.cs-services-area { background:#0f5b78; padding:90px 0; text-align:center; }
.cs-services-area .cs-kicker { color:#f4b52b; }
.cs-services-area h2 { margin-left:auto; margin-right:auto; max-width:700px; }
.cs-services-area p:not(.cs-kicker) { color:#d7e4e7; margin:0 auto 30px; max-width:970px; }
@media (max-width:800px) { .cs-services__container { padding:0 18px; } .cs-services-grid,.cs-services-process__grid { grid-template-columns:1fr; } .cs-services-hero { padding:75px 0; } .cs-service-tile > img { height:235px; } }

/* Readability fix for the easy-sale section heading */
.cs-sell-grid h2 { color: #f7c84a !important; text-shadow: 0 1px 12px rgba(247,200,74,.12); }
.cs-sell-grid h2 strong, .cs-sell-grid h2 span { color: #f7c84a !important; }