@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');

/* =================================================================== */
/* TEMEL SAYFA STİLLERİ                                              */
/* =================================================================== */
body {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  color: #333;
  background: linear-gradient(270deg, #0077cc, #00b894, #6c5ce7, #0984e3);
  background-size: 400% 400%;
  animation: gradientBG 30s ease infinite;
}

@keyframes gradientBG {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

h2.section-title {
  color: #fff;
  font-weight: 700;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4), -1px -1px 1px rgba(255, 255, 255, 0.6); 
  font-size: 11pt;
}

/* =================================================================== */
/* HERO (ANA GİRİŞ EKRANI) STİLLERİ                                  */
/* =================================================================== */
.hero {
  padding-top: 5rem; padding-bottom: 2rem;
  display: flex; align-items: center;
}
.profile-img {
  width: 200px; height: 200px; object-fit: cover;
  border-radius: 50%; box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}
#typewriter {
  padding-right: 5px; font-size: 1.6rem; font-weight: 600;
  animation: blink 0.7s infinite; color: #fff;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
}

/* =================================================================== */
/* BUTON STİLLERİ                                                    */
/* =================================================================== */
.btn {
  border-radius: 30px; padding: 0.6rem 1.4rem;
  font-weight: 500; transition: all 0.3s ease;
}
.btn-dark { background-color: #222 !important; border: none; }
.btn:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,0.2); }

/* =================================================================== */
/* MODAL (İLETİŞİM PENCERESİ) STİLLERİ                               */
/* =================================================================== */
.contact-modal { border-radius: 15px; background: #fff; }
.signature-name { font-family: 'Dancing Script', cursive; font-size: 2.4rem; font-weight: 700; color: #222; }
.contact-modal .subtitle { font-size: 1.0rem; font-weight: bold; font-style: italic; margin-bottom: 0.2rem; }
.contact-modal .contact-info { font-weight: bold; margin-bottom: 0.3rem; }

/* =================================================================== */
/* AKORDİYON STİLLERİ                                                */
/* =================================================================== */
.accordion-button {
  font-size: 11pt !important;
  font-weight: 700 !important;
  background-color: #f1f5f9;
  color: #222;
}
.sub-accordion-btn, .accordion-body h5 {
  font-size: 9.5pt !important;
  font-weight: 700 !important;
}
.sub-accordion-btn { 
    background-color: #e0f7fa; 
    color: #006064;
}
.sub-accordion-btn:not(.collapsed) { background-color: #b2ebf2; color: #004d40; }
.accordion-body h5 { color: #222; }
.accordion-body, .accordion-body p, .accordion-body ul, .accordion-body li {
  font-size: 10pt !important;
  font-weight: 400 !important;
}

/* =================================================================== */
/* YAZDIRMA İÇİN GEREKLİ GİZLEME KURALI                              */
/* =================================================================== */
#printHeader {
  display: none;
}

/* =================================================================== */
/* NİHAİ YAZDIRMA STİLLERİ (SON AYARLAR)                           */
/* =================================================================== */
@media print {

  /* --- 1. TEMEL SAYFA AYARLARI --- */
  body {
    margin: 0 !important; /* KENAR BOŞLUKLARI SIFIRLANDI */
    font-size: 9pt !important;
    line-height: 1.15 !important; letter-spacing: -0.4px;
    word-spacing: -1px; background: none !important; color: #000 !important;
  }
  .container, .row {
    max-width: none !important; width: 100% !important;
    padding: 0 !important; margin: 0 !important;
  }

  /* --- 2. GİZLENECEK ELEMENTLER --- */
  header.hero, .btn, .modal, .modal-backdrop, footer, .d-print-none, #about {
    display: none !important;
  }

  /* --- 3. 3-7-2 ORANLI BAŞLIK STİLLERİ --- */
  #printHeader {
    display: block !important; margin-bottom: 20px !important;
    padding-bottom: 15px !important; border-bottom: 2px solid #333;
    page-break-after: avoid;
    /* İçeriğin sayfa kenarlarına yapışmaması için başlığa özel iç boşluk */
    padding-left: 0.5cm;
    padding-right: 0.5cm;
    padding-top: 0.5cm;
  }
  #printHeader .row { 
    display: flex; 
    align-items: center;
  }
  #printHeader .col-3 { 
    flex: 0 0 25%; max-width: 25%; text-align: center;
  }
  #printHeader .col-7 { 
    flex: 0 0 58.33%; max-width: 58.33%; padding: 0 15px !important; text-align: left;
  }
  #printHeader .col-2 {
    flex: 0 0 16.66%; max-width: 16.66%; text-align: center;
  }
  #printHeader .print-photo {
    width: 168px !important; height: 168px !important;
    border-radius: 50%; object-fit: cover; border: 3px solid #eee;
  }
  #printHeader h1 {
    font-size: 16pt !important; font-weight: 700; margin: 0;
  }
  #printHeader .print-date-subtitle {
    font-size: 11pt; font-weight: normal; margin-bottom: 10px;
  }
  #printHeader .print-contact {
    font-size: 9.5pt; line-height: 1.4;
  }
  #printHeader .contact-details {
    text-align: left;
  }
  #printHeader .print-qr-code {
    width: 135px !important; /* %3 KÜÇÜLTÜLDÜ */
    height: 135px !important; /* %3 KÜÇÜLTÜLDÜ */
  }

  /* --- 4. DETAYLI CV AKORDİYON STİLLERİ --- */
  .accordion-collapse { display: block !important; }
  .accordion-item { border: none !important; }
  /* İçeriğin sayfa kenarlarına yapışmaması için akordiyonlara özel iç boşluk */
  #mainAccordion {
      padding-left: 0.5cm;
      padding-right: 0.5cm;
  }
  
  #mainAccordion > .accordion-item > .accordion-header > .accordion-button, .accordion-button {
    font-size: 11pt !important; font-weight: bold !important; border-top: 1px solid #888 !important;
  }
  .sub-accordion-btn, .accordion-body h5 {
    font-size: 9.5pt !important; font-weight: bold !important; border-top: 1px dotted #aaa !important;
  }
  .accordion-body, .accordion-body p, .accordion-body ul, .accordion-body li {
      font-size: 10pt !important; font-weight: normal !important;
  }
  .accordion-button { background: none !important; color: #000 !important; padding: 6px 0 !important; }
  .accordion-button::after { display: none !important; }
  .accordion-body { padding: 6px 0 !important; }
  p, ul { margin-bottom: 6px !important; }
  ul { padding-left: 20px !important; }
  li { margin-bottom: 3px !important; }
  h1, h2, h3, h4, h5 { margin: 8px 0 4px 0; }
  hr { display: none; }
}