/* ============================================================
   YENİ BAŞLANGIÇLAR - UI/UX PRO MAX REDESIGN v2
   Style: Claymorphism + Soft UI - SAFE VERSION
   ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Poppins:wght@300;400;500;600;700&display=swap");

:root {
  --primary: #FF7A5A;
  --primary-dark: #e85e3e;
  --secondary: #4ECDC4;
  --accent: #FFD93D;
  --bg: #FFF8F0;
  --text: #2D3436;
  --text-light: #636E72;
  --radius: 20px;
  --radius-sm: 12px;
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* PRELOADER - CSS animasyon ile otomatik kapan */
.preloader {
  animation: preloaderFade 0.6s ease 2s forwards !important;
}
@keyframes preloaderFade {
  to { opacity: 0; visibility: hidden; pointer-events: none; }
}

/* GLOBAL FONTS */
body { font-family: "Poppins", sans-serif !important; background-color: #FFF8F0 !important; }
h1, h2, h3, h4, h5, h6 { font-family: "Nunito", sans-serif !important; }

/* NAVBAR */
.main-header {
  background: rgba(255,248,240,0.96) !important;
  backdrop-filter: blur(16px) !important;
  box-shadow: 0 2px 20px rgba(255,122,90,0.1) !important;
}
.main-header.fixed-header {
  box-shadow: 0 4px 30px rgba(255,122,90,0.15) !important;
}
.main-menu .navigation > li > a {
  font-family: "Nunito", sans-serif !important;
  font-weight: 700 !important;
  transition: var(--transition) !important;
}
.main-menu .navigation > li > a:hover { color: var(--primary) !important; }
.main-menu .navigation > li.current > a { color: var(--primary) !important; }

/* BUTTONS */
.theme-btn,
.btn-style-one {
  background: linear-gradient(135deg, #FF7A5A, #e85e3e) !important;
  border: none !important;
  border-radius: 50px !important;
  font-family: "Nunito", sans-serif !important;
  font-weight: 800 !important;
  box-shadow: 0 6px 20px rgba(255,122,90,0.35) !important;
  transition: var(--transition) !important;
  text-transform: none !important;
}
.theme-btn:hover, .btn-style-one:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 30px rgba(255,122,90,0.45) !important;
  background: linear-gradient(135deg, #ff8c6e, #FF7A5A) !important;
}

/* SECTION TITLES */
.sec-title h5 {
  color: var(--primary) !important;
  font-family: "Nunito", sans-serif !important;
  font-weight: 800 !important;
}
.sec-title h2 {
  font-family: "Nunito", sans-serif !important;
  font-weight: 900 !important;
}

/* SERVICE CARDS */
.service-block-one .inner-box,
.service-block .inner-box {
  border-radius: 20px !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.07) !important;
  transition: var(--transition) !important;
  border-bottom: 3px solid transparent !important;
}
.service-block-one:hover .inner-box,
.service-block:hover .inner-box {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 50px rgba(255,122,90,0.18) !important;
  border-bottom-color: var(--primary) !important;
}

/* NEWS/BLOG CARDS */
.news-block-one .inner-box {
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.07) !important;
  transition: var(--transition) !important;
}
.news-block-one:hover .inner-box {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 40px rgba(255,122,90,0.15) !important;
}
.news-block-one .lower-content { padding: 24px !important; }
.news-block-one h3 a:hover { color: var(--primary) !important; }

/* TEAM CARDS */
.team-block-one .inner-box,
.team-block .inner-box {
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.07) !important;
  transition: var(--transition) !important;
}
.team-block-one:hover .inner-box, .team-block:hover .inner-box {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 50px rgba(255,122,90,0.18) !important;
}

/* GALLERY */
.gallery-block .image-box { border-radius: 16px !important; overflow: hidden !important; }
.gallery-block img { transition: var(--transition) !important; }
.gallery-block:hover img { transform: scale(1.06) !important; }

/* TESTIMONIALS */
.testimonial-block-one .inner-box,
.testimonial-block .inner-box {
  border-radius: 20px !important;
  border-left: 4px solid var(--primary) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important;
  transition: var(--transition) !important;
}

/* FOOTER */
.main-footer {
  background: linear-gradient(135deg, #2D3436, #1e2526) !important;
}
.main-footer a:hover { color: var(--primary) !important; }
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}

/* PAGE TITLE */
.page-title {
  background: linear-gradient(135deg, #FF7A5A, #e85e3e) !important;
}
.page-title h1, .page-title h2, .page-title .bread-crumb li,
.page-title .bread-crumb li a { color: #fff !important; }

/* SCROLL TO TOP */
.scroll-top {
  background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 15px rgba(255,122,90,0.4) !important;
}

/* FORM */
input:focus, textarea:focus, select:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3px rgba(255,122,90,0.12) !important;
  outline: none !important;
}

/* LINK BTN */
.link-btn a { color: var(--primary) !important; font-weight: 700 !important; }

/* SOCIAL */
.social-links a:hover { color: var(--primary) !important; }

/* SECTION BG */
.about-section, .welcome-section {
  background: linear-gradient(135deg, #FFF8F0, #F0FBF9) !important;
}

/* ABOUT IMAGE FLOAT */
@keyframes imgFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}
.about-section .image-column img,
.welcome-section .image-column img {
  animation: imgFloat 5s ease-in-out infinite !important;
  border-radius: 24px !important;
  box-shadow: 0 20px 60px rgba(255,122,90,0.2) !important;
}

/* MOBILE */
@media (max-width: 768px) {
  .news-block-one, .service-block-one, .team-block-one { margin-bottom: 24px !important; }
}

/* ── VIDEO HERO FULLSCREEN BG ── */
.video-hero-section {
  position: relative !important;
  width: 100% !important;
  height: 80vh !important;
  min-height: 550px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  background: #000 !important;
}

.yt-bg-container {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

.yt-bg-iframe {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 100vw !important;
  height: 56.25vw !important; /* 16:9 ratio */
  min-height: 100vh !important;
  min-width: 177.77vh !important;
  transform: translate(-50%, -50%) !important;
  object-fit: cover !important;
  opacity: 0.85 !important;
}

.video-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(135deg, rgba(0,0,0,0.5) 0%, rgba(255,122,90,0.3) 100%) !important;
  z-index: 1 !important;
}

.video-hero-content {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
}

.hero-text h3 {
  color: #FFD93D !important;
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
  margin-bottom: 10px !important;
}

.hero-text h1 {
  color: #FFFFFF !important;
  font-size: clamp(2.5rem, 5vw, 4rem) !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-shadow: 0 4px 20px rgba(0,0,0,0.6) !important;
  margin-bottom: 20px !important;
}

.hero-text p {
  color: rgba(255,255,255,0.9) !important;
  font-size: 1.2rem !important;
  max-width: 600px !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
  margin-bottom: 30px !important;
}

@media (max-width: 768px) {
  .video-hero-section { height: 60vh !important; min-height: 400px !important; }
  .hero-text h1 { font-size: 2.2rem !important; }
}