.elementor-element-920db29 { background-color: #000000 !important; }
.elementor-element-165c5ed { background-color: #F7F7F7 !important; }
.elementor-element-1b25ee7 { background-color: #F6F6F6 !important; }
.elementor-element-dfb0d36 { background-color: #F7F7F7 !important; }
.elementor-element-cfc791b { background-color: #02261D !important; }

/* Hakkimizda — Hukuki Destek section padding + fotoğraf küçültme */
.elementor-element-285bf4aa > .elementor-container { padding-left: 20px !important; padding-right: 20px !important; }
.elementor-element-70bbe104 { display: flex !important; justify-content: center !important; align-items: center !important; }
.elementor-element-70bbe104 img { width: 85% !important; height: auto !important; display: block !important; margin: 0 auto !important; }

/* Hakkimizda — logo kartları arası boşluk */
.elementor-element-dfb0d36 .elementor-column { padding: 0 15px !important; }
.elementor-element-dfb0d36 .elementor-container { gap: 20px !important; }

/* CTA section (91c7c3a) — arka plan + beyaz metin */
.elementor-element-91c7c3a {
  background-image: url('/wp-content/uploads/2021/10/practice-areas-banner.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  position: relative !important;
}
.elementor-element-91c7c3a::before {
  content: '' !important;
  background-color: rgba(0,0,0,0.55) !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}
.elementor-element-91c7c3a > .elementor-container {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  justify-content: center !important;
}
.elementor-element-e24565f {
  flex: 0 1 750px !important;
  width: auto !important;
  text-align: center !important;
}
.elementor-element-91c7c3a .elementor-widget {
  width: 100% !important;
  display: block !important;
  margin: 15px 0 !important;
}
.elementor-element-1c50584 .ova-contact-info,
.elementor-element-c9219dc .ova-contact-info {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
}
.elementor-element-1c50584 .contact,
.elementor-element-c9219dc .contact {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 5px !important;
}
.elementor-element-1c50584 .contact .label,
.elementor-element-1c50584 .contact .info,
.elementor-element-c9219dc .contact .label,
.elementor-element-c9219dc .contact .info {
  display: inline !important;
}

/* Yellow line — center */
.elementor-element-91c7c3a::after {
  content: '' !important;
  display: block !important;
  width: 200px !important;
  height: 3px !important;
  background-color: #D7B679 !important;
  margin: 20px auto 0 !important;
}
.elementor-element-af4d796 {
  width: 100% !important;
}
.elementor-element-91c7c3a h2.title,
.elementor-element-91c7c3a h2.title a,
.elementor-element-91c7c3a .ova-contact-info .contact,
.elementor-element-91c7c3a .ova-contact-info .contact a,
.elementor-element-91c7c3a .ova-contact-info .contact .item,
.elementor-element-91c7c3a .ova-contact-info .label { color: #ffffff !important; }
.elementor-element-91c7c3a .ova-contact-info .icon i { color: #D7B679 !important; }
.elementor-element-91c7c3a .ova-contact-info:first-of-type .contact a { color: #D7B679 !important; font-size: 22px !important; font-weight: 600 !important; }

/* CTA inner row — kartlar arası boşluk */
.elementor-element-af4d796 { margin-top: 20px !important; }
.elementor-element-af4d796 .elementor-container {
  display: flex !important;
  gap: 60px !important;
}
.elementor-element-2598c6b,
.elementor-element-69dd27c {
  flex: 1 !important;
}

/* Hizmetlerimiz — H3 alt başlık düzeltme (40px/700 → 21px/300) */
.elementor-element-8a9e054 h3.title { font-size: 21px !important; font-weight: 300 !important; }

/* Hizmetlerimiz — servis kartları section arka planı */
.elementor-element-c15584e,
.elementor-element-32571a1,
.elementor-element-4d5e9fe { background-color: #F6F6F6 !important; }


/* Hakkimizda — "Avukat Muhammed Ali Özcan kimdir?" başlığı siyah */
.elementor-element-3b388d5 .elementor-heading-title { color: #000000 !important; }

/* Hakkimizda — avukat fotoğrafı %30 küçültme */
.elementor-element-b8072cb img { width: 70% !important; height: auto !important; }

/* Banner / hero title override — theme default is 26px dark, reference is 52px white bold */
.wrap_header_banner .header_title {
  color: #ffffff !important;
  font-size: 52px !important;
  font-weight: 700 !important;
  text-transform: capitalize !important;
  text-align: center !important;
}

/* ============ İletişim — sol sütun ============ */
.elementor-element-5eedf72 {
  background: #fff !important;
  padding: 72px 64px !important;
  font-family: "Montserrat", sans-serif !important;
}
.elementor-element-5eedf72 .elementor-widget-wrap {
  display: block !important;
}
.elementor-element-5eedf72 .elementor-widget {
  margin: 0 !important;
  width: 100% !important;
}

/* Heading block */
.elementor-element-5eedf72 .elementor-element-f41f821 {
  margin: 0 0 40px !important;
  position: relative !important;
  padding-bottom: 44px !important;
}
.elementor-element-5eedf72 .elementor-element-f41f821 .ova-heading,
.elementor-element-5eedf72 .elementor-element-f41f821 .title {
  text-align: left !important;
  margin: 0 !important;
}
.elementor-element-5eedf72 .elementor-element-f41f821 h2.title {
  color: #0a0a0a !important;
  font-size: 44px !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
  line-height: 1 !important;
  margin: 0 0 8px !important;
  display: inline-block !important;
  position: relative !important;
  padding-bottom: 10px !important;
}
.elementor-element-5eedf72 .elementor-element-f41f821 h2.title::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 2px !important;
  background: #D7B679 !important;
}
.elementor-element-5eedf72 .elementor-element-f41f821 .description {
  color: #8a9591 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  margin: 10px 0 0 !important;
  line-height: 1.6 !important;
}
.elementor-element-5eedf72 .elementor-element-f41f821::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 90px !important;
  height: 2px !important;
  background: #D7B679 !important;
}

/* Contact info rows */
.elementor-element-5eedf72 .elementor-element-4fcfeea,
.elementor-element-5eedf72 .elementor-element-b25844f,
.elementor-element-5eedf72 .elementor-element-3b8c616 {
  margin-bottom: 20px !important;
}
.elementor-element-5eedf72 .ova-contact-info {
  display: flex !important;
  align-items: flex-start !important;
  gap: 18px !important;
  padding: 0 !important;
  margin: 0 !important;
}
.elementor-element-5eedf72 .ova-contact-info .icon {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 50% !important;
  background: #f7eddb !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  margin-top: 0 !important;
}
.elementor-element-5eedf72 .ova-contact-info .icon i {
  color: #D7B679 !important;
  font-size: 17px !important;
}
.elementor-element-5eedf72 .ova-contact-info .contact {
  flex: 1 !important;
  min-width: 0 !important;
  padding-top: 10px !important;
}
.elementor-element-5eedf72 .ova-contact-info .label {
  display: none !important;
}
.elementor-element-5eedf72 .ova-contact-info .info,
.elementor-element-5eedf72 .ova-contact-info .info li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #0a0a0a !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}
.elementor-element-5eedf72 .elementor-element-3b8c616 .ova-contact-info .info,
.elementor-element-5eedf72 .elementor-element-3b8c616 .ova-contact-info .info li {
  font-weight: 700 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}
.elementor-element-5eedf72 .ova-contact-info .info a {
  color: #0a0a0a !important;
  text-decoration: none !important;
  transition: color 160ms ease !important;
}
.elementor-element-5eedf72 .ova-contact-info .info a:hover {
  color: #D7B679 !important;
}

/* Dividers */
.elementor-element-5eedf72 .elementor-widget-divider {
  margin: 36px 0 28px !important;
}
.elementor-element-5eedf72 .elementor-divider {
  display: block !important;
}
.elementor-element-5eedf72 .elementor-divider-separator {
  display: block !important;
  border-top: 1px solid rgba(10, 10, 10, 0.12) !important;
  width: 100% !important;
}

/* Social icons */
.elementor-element-5eedf72 .elementor-social-icons-wrapper {
  display: flex !important;
  gap: 10px !important;
}
.elementor-element-5eedf72 .elementor-grid-item {
  display: inline-block !important;
}
.elementor-element-5eedf72 .elementor-social-icon {
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: transparent !important;
  border: 1px solid rgba(10, 10, 10, 0.18) !important;
  color: #0a0a0a !important;
  transition: background 160ms ease, color 160ms ease, border-color 160ms ease !important;
}
.elementor-element-5eedf72 .elementor-social-icon i {
  color: inherit !important;
  font-size: 15px !important;
}
.elementor-element-5eedf72 .elementor-social-icon:hover {
  background: #D7B679 !important;
  color: #fff !important;
  border-color: #D7B679 !important;
}

/* Column layout */
.elementor-element-9e03c32 > .elementor-container {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 48px 24px !important;
  gap: 40px !important;
}
.elementor-element-9e03c32 > .elementor-container > .elementor-column {
  flex: 1 1 0 !important;
}
@media (max-width: 900px) {
  .elementor-element-9e03c32 > .elementor-container { flex-direction: column !important; }
  .elementor-element-5eedf72 { padding: 48px 32px !important; }
  .elementor-element-5eedf72 .elementor-element-f41f821 h2.title { font-size: 32px !important; }
}

/* ============ Blog listing — grid + card ============ */
.blog .row_site { background: #fafaf7 !important; padding: 56px 0 72px !important; }
.blog .container_site { max-width: 1240px !important; margin: 0 auto !important; padding: 0 24px !important; }
.blog .main { width: 100% !important; }

.blog_grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
}
.blog_grid .post-wrap {
  background: #fff !important;
  border: 1px solid rgba(2, 38, 29, 0.08) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease !important;
}
.blog_grid .post-wrap:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 32px rgba(2, 38, 29, 0.08) !important;
  border-color: rgba(215, 182, 121, 0.5) !important;
}
.blog_grid .post-wrap > .content {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.blog_grid .post-media {
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  background: #eee !important;
}
.blog_grid .post-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 400ms ease !important;
}
.blog_grid .post-wrap:hover .post-media img { transform: scale(1.04) !important; }

/* Placeholder for cards missing image */
.blog_grid .post-wrap:not(:has(.post-media)) > .content::before {
  content: "";
  display: block;
  aspect-ratio: 16 / 9;
  background: linear-gradient(135deg, #02261D 0%, #0a4a37 60%, #D7B679 140%);
}

.blog_grid .post-title {
  margin: 20px 22px 0 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #02261D !important;
  font-family: "Montserrat", sans-serif !important;
}
.blog_grid .post-wrap > .content > a { text-decoration: none !important; }
.blog_grid .post-wrap > .content > a:hover .post-title { color: #02261D !important; }

.blog_grid .post-meta { margin: 10px 22px 0 !important; }
.blog_grid .post-meta ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  font-size: 12px !important;
  color: #7a8581 !important;
}
.blog_grid .post-meta li {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}
.blog_grid .post-meta li.author,
.blog_grid .post-meta li.comment { display: none !important; }
.blog_grid .post-meta a { color: inherit !important; text-decoration: none !important; }
.blog_grid .post-meta i { color: #D7B679 !important; font-size: 12px !important; }

.blog_grid .post-excerpt {
  margin: 12px 22px 0 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: #5a6461 !important;
  flex: 1 !important;
}
.blog_grid .post-excerpt p { margin: 0 !important; }

.blog_grid .readmore { margin: 16px 22px 22px !important; }
.blog_grid .readmore a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #02261D !important;
  text-decoration: none !important;
  background: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: color 180ms ease, gap 180ms ease !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.blog_grid .readmore a::after {
  content: "→";
  color: #D7B679;
  font-weight: 400;
}
.blog_grid .readmore a:hover {
  color: #D7B679 !important;
  gap: 10px !important;
}

@media (max-width: 960px) {
  .blog_grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 22px !important; }
}
@media (max-width: 600px) {
  .blog_grid { grid-template-columns: 1fr !important; gap: 20px !important; }
  .blog .row_site { padding: 40px 0 56px !important; }
}