/**
 * Agentex — Merkezi Görsel Yönetimi
 * Tema: assets/images/
 */

:root {
  --img-hero: url('../images/a1.jpg');
  --img-about: url('../images/a2.jpg');
  --img-philosophy: url('../images/a3.jpg');
  --img-what-we-do: url('../images/a4.jpg');
  --img-contact-accent: url('../images/footer1.png');
  --img-brands-bg: url('../images/brands-back.jpg');
  --img-footer-texture: url('../images/footer1.png');
  --logo: url('../images/logo.png');
  --img-inner-banner: url('../images/a3.jpg');
  --img-inner-feature: url('../images/a2.jpg');
  --img-products-feature: url('../images/a4.jpg');
  --img-product-01: url('../images/a1.jpg');
  --img-product-02: url('../images/a2.jpg');
  --img-product-03: url('../images/a3.jpg');
  --img-product-04: url('../images/a4.jpg');
  --img-contact-person: url('../images/a2.jpg');
}

.img-inner-banner {
  background-image: var(--img-inner-banner);
  background-size: cover;
  background-position: center;
  background-color: #e8e4df;
}

.img-inner-feature {
  background-image: var(--img-inner-feature);
  background-size: cover;
  background-position: center;
  background-color: #d4cfc8;
}

.img-products-feature {
  background-image: var(--img-products-feature);
  background-size: cover;
  background-position: center;
  background-color: #1e2a3a;
}

.img-product-01 { background-image: var(--img-product-01); background-size: cover; background-position: center; }
.img-product-02 { background-image: var(--img-product-02); background-size: cover; background-position: center; }
.img-product-03 { background-image: var(--img-product-03); background-size: cover; background-position: center; }
.img-product-04 { background-image: var(--img-product-04); background-size: cover; background-position: center; }

.img-contact-person {
  background-image: var(--img-contact-person);
  background-size: cover;
  background-position: center top;
  background-color: #eae7e2;
}

.img-hero {
  background-image: var(--img-hero);
  background-size: cover;
  background-position: center;
  background-color: #eae7e2;
}

.img-about {
  background-image: var(--img-about);
  background-size: cover;
  background-position: center;
  background-color: #d4cfc8;
}

.img-philosophy {
  background-image: var(--img-philosophy);
  background-size: cover;
  background-position: center;
  background-color: #e8e4df;
}

.img-what-we-do {
  background-image: var(--img-what-we-do);
  background-size: cover;
  background-position: center;
  background-color: #1e2a3a;
}

.img-contact-accent {
  background-image: var(--img-contact-accent);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}

.contact-accent-img {
  display: block;
  width: auto;
  height: 8rem;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  background: transparent;
  border: none;
  border-radius: 0;
  filter: none;
  opacity: 1;
  mix-blend-mode: normal;
}

@media (min-width: 768px) {
  .contact-accent-img {
    height: 10rem;
  }
}

.img-brands-bg {
  background-color: #eae7e2;
  background-image: var(--img-brands-bg),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.85) 0%, rgba(234, 231, 226, 0.55) 50%, rgba(255, 255, 255, 0.85) 100%);
  background-size: cover, 100% 100%;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
}

.img-footer {
  background-image: var(--img-footer-texture);
  background-size: cover;
  background-position: center;
}

.img-block {
  position: relative;
  overflow: hidden;
  min-height: 200px;
}

.img-block::after {
  content: '';
  position: absolute;
  inset: 0;
  background-color: transparent;
  transition: background-color 0.5s ease;
}

.img-block:hover::after {
  background-color: rgba(0, 0, 0, 0.05);
}

.aspect-hero {
  aspect-ratio: 1 / 1;
}

.aspect-banner {
  aspect-ratio: 16 / 5;
}

@media (max-width: 768px) {
  .aspect-banner {
    aspect-ratio: 16 / 9;
  }

  .img-block {
    min-height: 240px;
  }
}

.logo-img {
  height: 2rem;
  width: auto;
}

@media (min-width: 768px) {
  .logo-img {
    height: 2.5rem;
  }
}

.brand-logos-grid {
  isolation: isolate;
}

.brand-logo-img {
  height: 3.25rem;
  width: auto;
  max-width: 170px;
  object-fit: contain;
  background: transparent;
  filter: grayscale(100%);
  opacity: 0.55;
  mix-blend-mode: normal;
  transition: filter 0.5s ease, opacity 0.5s ease;
}

.brand-logo-img:hover {
  filter: grayscale(0%);
  opacity: 1;
}

@media (min-width: 768px) {
  .brand-logo-img {
    height: 4.25rem;
    max-width: 200px;
  }
}

.wp-custom-img {
  background-image: var(--wp-custom-image, var(--img-hero));
}