/*
Theme Name: Serif Yenen v3
Theme URI: https://serifyenen.com.tr
Author: Erdoğan Aktaş
Version: 9.2
*/

/* --- 1. FONTLAR & TEMEL AYARLAR --- */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;900&display=swap');

body {
    margin: 0; padding: 0;
    font-family: 'Roboto', sans-serif !important;
    background-color: #0f172a;
    color: #cbd5e1;
    -webkit-font-smoothing: antialiased;
}

p {margin: 0 0 20px 0;}

/* --- Tailwind CDN'de line-clamp plugin yok: basit clamp yardımcıları --- */
.line-clamp-2,
.line-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-2 { -webkit-line-clamp: 2; }
.line-clamp-3 { -webkit-line-clamp: 3; }


/* --- 2. GLOBAL BAŞLIK SİSTEMİ (STANDART) --- */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    color: #ccc;
    text-transform: none !important;
    line-height: 1.2;
    opacity: 1 !important;
    letter-spacing: 0 !important;
}

/* --- 3. HERO SECTION (REFİNED - 600 WEIGHT) --- */
#hero h1 {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: clamp(2.2rem, 8vw, 3.8rem) !important; /* Dev değil, dengeli */
    letter-spacing: 0 !important;
    line-height: 1.1 !important;
}

.hero-gradient-text {
    background-image: linear-gradient(to right, #f97316, #fbbf24) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #f97316 !important;
    display: inline-block !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

.hero-subtext {
    color: #ffffff !important; 
    font-weight: 300 !important;
    line-height: 1.8 !important;
    font-size: 1.15rem !important;
    text-shadow: 0 4px 12px rgba(0,0,0,0.8);
}

/* --- 4. KITAP BÖLÜMÜ (#BOOK) --- */
#book .badge-masterpiece {
    display: inline-block !important;
    padding: 6px 22px !important;
    border: 1px solid rgba(249, 115, 22, 0.5) !important;
    border-radius: 9999px !important;
    color: #f97316 !important;
    font-size: 11px !important;
    margin-bottom: 2.5rem !important;
}

#book .book-subtitle { color: #94a3b8 !important; font-weight: 300 !important; font-style: italic !important; font-size: 1.4rem !important; margin-top: 0.5rem !important; display: block !important; }
#book .book-divider { height: 1px !important; width: 80px !important; background-color: #ea580c !important; margin: 2.5rem 0 !important; }
#book .book-description { color: #e2e8f0 !important; font-weight: 300 !important; line-height: 2 !important; font-size: 1.2rem !important; }

.book-award-badge {
    position: absolute !important; bottom: -20px !important; left: -20px !important;
    background: #ffffff !important; padding: 18px 28px !important; border-radius: 8px !important;
    box-shadow: 0 25px 50px rgba(0,0,0,0.5) !important; border-left: 6px solid #ea580c !important; z-index: 40 !important;
}
.book-award-badge p { color: #0f172a !important; font-weight: 600 !important; margin: 0 !important; font-size: 1rem !important; opacity: 1 !important; }
.book-award-stars { color: #f97316 !important; font-size: 11px !important; display: flex !important; gap: 3px !important; margin-top: 6px !important; }

/* --- 5. SOSYAL MEDYA (İÇ SAYFA) --- */
.social-icon-circle {
    width: 56px !important; height: 56px !important; border-radius: 50% !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    color: #ffffff !important; font-size: 24px !important; transition: all 0.3s ease !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2) !important;
}
.social-icon-circle:hover { transform: translateY(-5px) scale(1.1); }

.icon-instagram { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important; }
.icon-facebook { background-color: #1877F2 !important; }
.icon-youtube { background-color: #FF0000 !important; }
.icon-linkedin { background-color: #0A66C2 !important; }
.icon-twitter { background-color: #000000 !important; }
.icon-google { background-color: #4285F4 !important; }

/* --- 6. SOL SOSYAL SIDEBAR (30PX SABİTLEME) --- */
.social-sidebar-container {
    position: fixed !important; left: 0 !important; top: 50% !important;
    transform: translateY(-50%) !important; z-index: 9999 !important;
    display: flex !important; flex-direction: column !important; gap: 8px !important;
    padding: 10px 8px !important; background: rgba(15, 23, 42, 0.3) !important;
    backdrop-filter: blur(12px) !important; border-radius: 0 12px 12px 0 !important;
}

.social-sidebar-btn {
    width: 30px !important; height: 30px !important; border-radius: 50% !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    color: #ffffff !important; transition: all 0.3s ease !important; font-size: 14px !important;
}
.sidebar-fb { background-color: #1877F2 !important; }
.sidebar-ig { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important; }
.sidebar-yt { background-color: #FF0000 !important; }
.sidebar-li { background-color: #0A66C2 !important; }
.sidebar-tw { background-color: #000000 !important; }
.sidebar-gp { background-color: #4285F4 !important; }

.social-sidebar-btn:hover { transform: scale(1.2) translateX(5px) !important; }

/* --- 7. BÖLÜM BAZLI RENK İZOLASYONU --- */
/* Koyu Zeminler */
#hero h1, #hero p, #book h1, #book h2, #book h3, #youtube h2, #youtube h4, #contact-info-side h2, h1, footer h2, footer h3, footer h4, .service-card.bg-slate-900 h3 {
    color: #ffffff;
}


/* Açık Zeminler */
#media p, #services h2, #social-digital h2, #social-digital h3, #social-digital p,
#contact h2, #contact label, .bg-white h1, .bg-white h2, .bg-white h3, .service-card:not(.bg-slate-900) h3 {
    color: #0f172a;
}

h1.text-white  {
    color: #ffffff !important;
}

h2.text-white  {
    color: #ffffff !important;
}

h3.text-white  {
    color: #ffffff !important;
}

/* --- 8. BASIN LOGOLARI --- */
.media-logo-img { height: 38px !important; width: auto !important; max-width: 140px !important; filter: grayscale(100%); opacity: 0.5; transition: all 0.4s ease; display: inline-block !important; object-fit: contain !important; }
.media-logo-img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.05); }

/* --- 9. NAVIGASYON DROPDOWN  --- */
/* Alt menüleri başta sakla */
#navbar .dropdown-menu {
    display: none !important;
    position: absolute;
    background: #ffffff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    border-radius: 8px;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

/* Hover olunca göster */
#navbar .dropdown:hover .dropdown-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0);
}

#scroll-line { position: fixed; top: 0; left: 0; height: 4px; background: #ea580c; z-index: 10000; width: 0%; }
#navbar { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
#nav-logo { transition: all 0.4s ease; }


.service-card { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 10px 30px rgba(0,0,0,0.05); border: 1px solid #f1f5f9; transition: all 0.4s ease; }

.bg-brand-600, .btn-primary { background-color: #ea580c !important; color: #ffffff !important; border-radius: 4px; font-weight: 500; padding: 14px 30px; display: inline-flex; align-items: center; gap: 10px; text-decoration: none !important; }
.btn-outline { background-color: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; color: #ffffff !important; backdrop-filter: blur(10px); padding: 14px 30px; border-radius: 4px; display: inline-flex; align-items: center; gap: 10px; text-decoration: none !important; }

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-thumb { background: #ea580c; border-radius: 10px; }

/* ==========================================================================
   10. WORDPRESS İÇERİK TİPOGRAFİSİ (BLOG & SAYFALAR İÇİN)
   Bu stiller sadece ".entry-content" sınıfı içindeki yazılar için geçerlidir.
   ========================================================================== */
.entry-content {
    font-size: 1.05rem;
    line-height: 1.8;
    color: #334155; /* Slate-700 (Okunabilir Koyu Gri) */
}

/* Başlıklar */
.entry-content h1, .entry-content h2, .entry-content h3, 
.entry-content h4, .entry-content h5, .entry-content h6 {
    color: #0f172a !important; /* Koyu Lacivert */
    font-weight: 700 !important;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    line-height: 1.3;
}

.entry-content h2 { 
    font-size: 1.8rem; 
    border-bottom: 2px solid #f1f5f9; 
    padding-bottom: 0.5rem; 
}
.entry-content h3 { font-size: 1.5rem; }
.entry-content h4 { font-size: 1.25rem; }

/* Paragraf ve Linkler */
.entry-content p { margin-bottom: 1.5rem; }
.entry-content a {
    color: #ea580c; /* Marka Turuncusu */
    text-decoration: underline;
    text-underline-offset: 4px;
    font-weight: 600;
    transition: color 0.2s;
}
.entry-content a:hover { color: #c2410c; }

/* Listeler (Sıfırlamayı Geri Alma) */
.entry-content ul { list-style-type: disc !important; padding-left: 1.5rem !important; margin-bottom: 1.5rem !important; }
.entry-content ol { list-style-type: decimal !important; padding-left: 1.5rem !important; margin-bottom: 1.5rem !important; }
.entry-content li { margin-bottom: 0.5rem; }

/* Alıntılar */
.entry-content blockquote {
    border-left: 4px solid #ea580c;
    background: #f8fafc;
    padding: 1.5rem 2rem;
    margin: 2rem 0;
    font-style: italic;
    color: #475569;
    border-radius: 0 8px 8px 0;
}

/* Görseller */
.entry-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    margin: 2rem 0;
}
.entry-content figcaption {
    text-align: center;
    font-size: 0.85rem;
    color: #64748b;
    margin-top: 0.5rem;
    font-style: italic;
}

/* Tablolar */
.entry-content table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem;
    font-size: 0.95rem;
}
.entry-content th, .entry-content td {
    border: 1px solid #e2e8f0;
    padding: 12px;
    text-align: left;
}
.entry-content th {
    background-color: #f1f5f9;
    font-weight: 700;
    color: #1e293b;
}


/* --------------------------------------------------------------------------
 * CONTACT FORM 7 - MODERN TEMA UYUMU (v1.0)
 * -------------------------------------------------------------------------- */

/* 1. FORM KAPSAYICISI VE GENEL DÜZEN */
.wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 1.5rem; /* Elemanlar arası boşluk (24px) */
    font-family: 'Roboto', sans-serif;
}

/* 2. ETİKETLER (LABELS) */
.wpcf7-form label {
    display: block;
    font-size: 0.75rem; /* 12px */
    font-weight: 700; /* Bold */
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #475569; /* Slate-600 */
    margin-bottom: 0.5rem;
}

/* 3. GİRİŞ ALANLARI (INPUT, TEXTAREA, SELECT) */
.wpcf7-form-control-wrap {
    position: relative;
    display: block;
    width: 100%;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 select,
.wpcf7 textarea {
    width: 100%;
    padding: 12px 16px;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #1e293b; /* Slate-800 */
    background-color: #f8fafc; /* Slate-50 - Hafif Gri Zemin */
    border: 1px solid #cbd5e1; /* Slate-300 */
    border-radius: 8px; /* Hafif yuvarlak köşe */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: none;
    -webkit-appearance: none; /* Tarayıcı varsayılanlarını sıfırla */
}

/* 4. FOCUS (ODAKLANMA) DURUMU */
.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
    background-color: #ffffff;
    border-color: #ea580c; /* Brand-600 (Turuncu) */
    box-shadow: 0 0 0 4px rgba(234, 88, 12, 0.1); /* Turuncu hafif parlama */
}

/* 5. GÖNDER BUTONU (SUBMIT) */
.wpcf7 input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 14px 28px;
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #ffffff;
    background-color: #ea580c; /* Brand-600 */
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px -1px rgba(234, 88, 12, 0.3);
    margin-top: 1rem;
}

.wpcf7 input[type="submit"]:hover {
    background-color: #c2410c; /* Brand-700 (Koyu Turuncu) */
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(234, 88, 12, 0.4);
}

.wpcf7 input[type="submit"]:active {
    transform: translateY(0);
}

/* 6. HATA VE BAŞARI MESAJLARI */
/* Genel Mesaj Kutusu */
.wpcf7-response-output {
    border: none !important;
    border-radius: 8px !important;
    padding: 1rem !important;
    margin: 1.5rem 0 0 0 !important;
    font-size: 0.85rem !important;
    text-align: center;
}

/* Başarı Mesajı (Yeşil) */
.wpcf7 form.sent .wpcf7-response-output {
    background-color: #dcfce7; /* Green-100 */
    color: #166534; /* Green-800 */
    border: 1px solid #86efac !important;
}

/* Hata Mesajı (Kırmızı) */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    background-color: #fee2e2; /* Red-100 */
    color: #991b1b; /* Red-800 */
    border: 1px solid #fca5a5 !important;
}

/* Alan Altındaki Hata Uyarısı (Validation Error) */
span.wpcf7-not-valid-tip {
    font-size: 0.75rem;
    color: #dc2626; /* Red-600 */
    margin-top: 0.25rem;
    display: block;
    font-weight: 500;
}

/* Hatalı Input Çerçevesi */
.wpcf7-not-valid {
    border-color: #dc2626 !important;
    background-color: #fef2f2 !important;
}

/* 7. LOADING (YÜKLENİYOR) SİMGESİ */
.wpcf7-spinner {
    margin: 0 0 0 10px;
    vertical-align: middle;
    background-color: #ea580c; /* Spinner rengi turuncu yapıldı */
}

/* 8. PLACEHOLDER RENGİ */
::placeholder {
    color: #94a3b8; /* Slate-400 */
    opacity: 1;
}

/* =========================================
   SY Tour Cards – premium typography/spacing
   Covers taxonomy pages + shortcode output.
   ========================================= */
body.taxonomy-tour_type .sy-tour-card,
body.post-type-archive-tour .sy-tour-card,
.sy-tour-card{
  border-radius: 16px;
}

body.taxonomy-tour_type .sy-tour-card__body,
body.post-type-archive-tour .sy-tour-card__body,
.sy-tour-card__body{
  padding: 18px 22px 22px;
}

body.taxonomy-tour_type .sy-tour-card__meta,
body.post-type-archive-tour .sy-tour-card__meta,
.sy-tour-card__meta{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;

  padding: 6px 10px;
  border-radius: 999px;

  background: rgba(255, 237, 213, .55);
  border: 1px solid rgba(255, 237, 213, .9);

  letter-spacing: .08em;
  font-size: 11px;
  line-height: 1;
  margin-bottom: 12px;
}

body.taxonomy-tour_type .sy-tour-card__title,
body.post-type-archive-tour .sy-tour-card__title,
.sy-tour-card__title{
  margin: 0 0 10px;
  letter-spacing: -0.01em;
  line-height: 1.22;
  font-size: clamp(1.05rem, 0.95rem + .35vw, 1.25rem);
}

body.taxonomy-tour_type .sy-tour-card__excerpt,
body.post-type-archive-tour .sy-tour-card__excerpt,
.sy-tour-card__excerpt{
  color: #475569;
  line-height: 1.55;
  margin-bottom: 18px;
}

body.taxonomy-tour_type .sy-tour-card__actions,
body.post-type-archive-tour .sy-tour-card__actions,
.sy-tour-card__actions{
  margin-top: auto;
}

body.taxonomy-tour_type .sy-tour-card:hover,
body.post-type-archive-tour .sy-tour-card:hover,
.sy-tour-card:hover{
  transform: translateY(-1px);
}


/* --- 11. TOUR KARTLARI (PREMIUM) --- */
/* Global h* kuralları (font-weight:400 !important) kart başlıklarını etkileyebiliyordu.
   Bu bölüm tur kartlarını premium ve tutarlı göstermek için ek override içerir. */

.sy-tour-card__body {
    padding-top: 22px; /* görsel ile içerik arası daha dengeli */
}

.sy-tour-card__title {
    margin: 0 0 10px 0 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em;
}

.sy-tour-card__title a {
    color: #0f172a !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.sy-tour-card__title a:hover {
    color: #ea580c !important;
}

.sy-tour-card__excerpt {
    margin: 0 0 18px 0 !important;
    line-height: 1.65 !important;
    color: #64748b !important; /* slate-500 */
}

.sy-tour-card__actions a {
    border-radius: 14px !important;
    font-weight: 700 !important;
}

.sy-tour-card__actions a:hover {
    transform: translateY(-1px);
}


/* --- FIX: WPBakery bazı bloklarda buton font-size'ı 0 yapabiliyor (ikon var, yazı yok).
   Tur kartı aksiyon butonları için net override. */
.sy-tour-card__actions{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.sy-tour-card__actions a{
  font-size: 14px !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
}

.sy-tour-card__actions a i{
  font-size: 10px !important;
}

/* ===========================
   Tour cards – premium polish
   =========================== */
.sy-actions{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 14px;
}

.sy-btn{
  font-size: 14px !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
  white-space: nowrap;
}

.sy-btn--ghost{
  background: rgba(248,250,252,.9);
  border: 1px solid rgba(226,232,240,.9);
  color: #0f172a;
}

.sy-btn--ghost:hover{
  background: #ffffff;
  border-color: rgba(148,163,184,.7);
}

.sy-btn--primary{
  background: #ea580c;
  border: 1px solid #ea580c;
  color: #fff;
}

.sy-btn--primary:hover{
  filter: brightness(.97);
}

/* Title + excerpt clamps */
.sy-tour-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sy-tour-card__excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

/* ===========================
   Tour hero – typography & bg
   =========================== */
.sy-tour-hero{
  background: #0b1220;
}

.sy-tour-hero__title{
  font-family: "Playfair Display", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  letter-spacing: -0.02em;
  line-height: 1.05;
  text-shadow: 0 12px 40px rgba(0,0,0,.35);
}

.sy-tour-hero__bg{
  object-position: center 30%;
}