@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  body {
    @apply font-source-sans font-light;
  }
  
  p {
    @apply mb-6 leading-loose;
  }

  li {
    @apply mb-2 leading-loose;
  }

  h2 {
    @apply text-2xl font-medium mb-4 mt-8;
  }

  h3 {
    @apply text-xl font-medium mb-3 mt-6;
  }

  h4 {
    @apply text-lg font-medium mb-3 mt-6;
  }

  h5 {
    @apply text-base font-medium mb-2 mt-4;
  }

  h6 {
    @apply text-sm font-medium mb-2 mt-4;
  }

  /* Liste stilleri */
  ul {
    @apply list-disc pl-6 mb-6;
  }

  ol {
    @apply list-decimal pl-6 mb-6;
  }

  ul li, ol li {
    @apply mb-2 leading-relaxed;
  }

  /* İç içe listeler için */
  ul ul, ol ol, ul ol, ol ul {
    @apply mt-2 mb-2;
  }
}

/* Font tanımlamaları */
@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/fenerakademi/fonts/Montserrat-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/fenerakademi/fonts/Montserrat-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/fenerakademi/fonts/Montserrat-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/fenerakademi/fonts/Montserrat-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('/wp-content/themes/fenerakademi/fonts/SourceSans3-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: bold;
    font-display: swap;
}


@font-face {
    font-family: 'Aviano Gothic';
    src: url('/wp-content/themes/fenerakademi/fonts/AvianoGothic-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aviano Gothic';
    src: url('/wp-content/themes/fenerakademi/fonts/AvianoGothic-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aviano Gothic';
    src: url('/wp-content/themes/fenerakademi/fonts/AvianoGothic-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aviano Gothic';
    src: url('/wp-content/themes/fenerakademi/fonts/AvianoGothic-Black.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aviano Gothic';
    src: url('/wp-content/themes/fenerakademi/fonts/AvianoGothic-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aviano Gothic';
    src: url('/wp-content/themes/fenerakademi/fonts/AvianoGothic-Heavy.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('/wp-content/themes/fenerakademi/fonts/SourceSans3-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: extra-light;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('/wp-content/themes/fenerakademi/fonts/SourceSans3-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: light;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('/wp-content/themes/fenerakademi/fonts/SourceSans3-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('/wp-content/themes/fenerakademi/fonts/SourceSans3-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: bold;
    font-display: swap;
}

.object-position-30 {
  object-position: 30% 50%;
}

.gmaps-location {
    margin: 2rem auto
}

.form-grid {
    @apply grid grid-cols-1 md:grid-cols-5 gap-4;
}

.form-grid p {
    @apply m-0;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"] {
    @apply w-full px-4 py-2 border border-gray-300 rounded-none text-sm;
}

.wpcf7-form input[type="submit"] {
    @apply w-full bg-black hover:bg-gray-800 text-white font-medium py-2 px-4 rounded-none transition-colors text-sm;
}

/* Placeholder stil tanımları */
.wpcf7-form input::placeholder {
    @apply text-sm text-gray-400;
}

.wpcf7 {
    @apply mt-10;
}

.prose a {
    @apply underline hover:no-underline;
}

html {
    @apply scroll-smooth;
}

.contact-links {
    @apply mb-8;
}

.contact-links + p {
    @apply mb-8;
}

.logo-text {
    @apply font-aviano text-xl font-bold tracking-wide;
}

.test-font {
    font-family: 'Source Sans 3';
    font-weight: 300;
}

.font-source-sans {
  font-family: 'Source Sans 3', sans-serif;
  font-weight: 300;
}

/* Hover highlight efekti */
.hover-highlight {
    position: relative;
    padding: 0.25rem 0.5rem;
}

.hover-highlight:hover::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff589b5;
    opacity: 1;
    z-index: -1;
}

/* Aktif menü öğesi için sürekli highlight */
.active-menu-item {
    position: relative;
    padding: 0.25rem 0.5rem;
}

.active-menu-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff589b5;
    opacity: 1;
    z-index: -1;
}

@layer components {
  /* Menü highlight efektleri */
  .hover-highlight {
    @apply relative px-2 py-1;
  }

  .hover-highlight:hover::after {
    @apply content-[''] absolute inset-0 bg-[#FFED00] opacity-50 -z-10;
  }

  .active-menu-item {
    @apply relative px-2 py-1;
  }

  .active-menu-item::after {
    @apply content-[''] absolute inset-0 bg-[#FFED00] opacity-50 -z-10;
  }

  .text-marker {
    @apply relative inline;
  }

  .text-marker::after {
    @apply content-[''] absolute bottom-0 left-0 w-full h-full bg-yellow-200 -z-[1];
  }
}