/* ============================================================
   Evren Yazılım — Print (Yazdırma) Stylesheet
   ------------------------------------------------------------
   Senaryolar:
   - Fatura / invoice çıktısı
   - Sözleşme / contract çıktısı
   - Bilgi Bankası (knowledge base) makale çıktısı
   - Sipariş onay PDF'si

   functions.php'de media="print" ile koşullu yüklenir; ekran
   render'ını etkilemez.
   ============================================================ */


/* ===========================================================
   1) GLOBAL — beyaz arkaplan, siyah metin
   =========================================================== */
@media print {
    *, *::before, *::after {
        background: transparent !important;
        color: #000 !important;
        text-shadow: none !important;
        box-shadow: none !important;
        animation: none !important;
        transition: none !important;
        filter: none !important;
        backdrop-filter: none !important;
    }

    html, body {
        background: #fff !important;
        color: #000 !important;
        font-family: Georgia, "Times New Roman", Times, serif !important;
        font-size: 11pt !important;
        line-height: 1.45 !important;
    }


    /* ===========================================================
       2) SAYFA DÜZENİ — A4, 1.5cm margin
       =========================================================== */
    @page {
        size: A4;
        margin: 1.5cm;
    }
    @page :first { margin-top: 2cm; }
    @page :left  { margin-left: 1.8cm; margin-right: 1.2cm; }
    @page :right { margin-left: 1.2cm; margin-right: 1.8cm; }


    /* ===========================================================
       3) GİZLENECEK ELEMANLAR — sidebar, header, footer, dekoratif
       =========================================================== */
    .starfield,
    .topnav-wrap,
    .utility-bar,
    .topnav,
    .mega,
    .sidebar,
    footer,
    .site-footer,
    .toast,
    .modal-bg,
    .modal,
    .btn,
    .theme-toggle,
    .lang-pill,
    .dots,
    .no-print,
    .screen-only,
    nav,
    aside,
    .pagination,
    .post-nav,
    #wpadminbar,
    .skip-link {
        display: none !important;
    }


    /* ===========================================================
       4) GÖSTERİLECEK ÖZEL ELEMANLAR — sadece yazdırmada
       =========================================================== */
    .print-only {
        display: block !important;
    }

    /* Yazdırma logosu — header'da gizli, sadece print'te görünür */
    .print-logo {
        display: block !important;
        text-align: left;
        margin-bottom: 1cm;
        border-bottom: 2px solid #000;
        padding-bottom: 0.5cm;
    }
    .print-logo .logo-text {
        font-size: 18pt !important;
        font-weight: 700 !important;
    }
    .print-logo .logo-text small {
        display: block;
        font-size: 9pt !important;
        font-weight: 400 !important;
        margin-top: 2pt;
    }

    /* Yazdırma altbilgisi — şirket info, KEP, sayfa numarası */
    .print-footer {
        display: block !important;
        margin-top: 1cm;
        padding-top: 0.5cm;
        border-top: 1px solid #666;
        font-size: 9pt;
        color: #444 !important;
    }


    /* ===========================================================
       5) LİNKLER — yazdırma için URL ekle
       =========================================================== */
    a, a:visited {
        color: #000 !important;
        text-decoration: underline;
    }
    /* External link URL'ini parantez içinde yazdır */
    a[href^="http"]:not(.no-url-print)::after {
        content: " (" attr(href) ")";
        font-size: 9pt;
        font-weight: normal;
        color: #555 !important;
    }
    /* Mailto / tel link'leri de göster */
    a[href^="mailto:"]::after {
        content: " (" attr(href) ")";
        font-size: 9pt;
        color: #555 !important;
    }
    a[href^="tel:"]::after {
        content: " (" attr(href) ")";
        font-size: 9pt;
        color: #555 !important;
    }
    /* Dahili link'ler için URL eklenmesin */
    a[href^="#"]::after,
    a[href^="/"]::after,
    a[href^="javascript:"]::after {
        content: "";
    }


    /* ===========================================================
       6) BAŞLIKLAR — sayfa sonunda kalıp orphan olmasın
       =========================================================== */
    h1, h2, h3, h4, h5, h6 {
        color: #000 !important;
        page-break-after: avoid;
        break-after: avoid;
        page-break-inside: avoid;
        font-family: Georgia, "Times New Roman", Times, serif !important;
    }
    h1 { font-size: 20pt !important; margin-top: 0; margin-bottom: 12pt; }
    h2 { font-size: 16pt !important; margin-top: 18pt; margin-bottom: 10pt; }
    h3 { font-size: 13pt !important; margin-top: 14pt; margin-bottom: 8pt; }
    h4, h5, h6 { font-size: 11pt !important; margin-top: 10pt; margin-bottom: 6pt; }

    p, li, td, th {
        orphans: 3;
        widows: 3;
    }


    /* ===========================================================
       7) MANUEL SAYFA SONU — kullanıcı .page-break sınıfı koyarsa
       =========================================================== */
    .page-break,
    .page-break-before { page-break-before: always !important; break-before: page !important; }
    .page-break-after  { page-break-after:  always !important; break-after: page !important; }
    .avoid-break,
    .no-break          { page-break-inside: avoid !important; break-inside: avoid !important; }


    /* ===========================================================
       8) TABLOLAR — fatura ve sözleşmeler için klasik stil
       =========================================================== */
    table, .tbl {
        width: 100% !important;
        border-collapse: collapse !important;
        margin: 12pt 0;
        page-break-inside: avoid;
    }
    th, .tbl th {
        background: #eaeaea !important;
        color: #000 !important;
        border: 1px solid #000 !important;
        padding: 6pt 8pt !important;
        font-weight: 700 !important;
        text-align: left;
        font-size: 10pt !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
    }
    td, .tbl td {
        border: 1px solid #333 !important;
        padding: 5pt 8pt !important;
        font-size: 10.5pt !important;
        vertical-align: top;
    }
    /* Alternating row — fatura okunabilirliği için */
    tbody tr:nth-child(even) td,
    .tbl tr:nth-child(even) td {
        background: #f6f6f6 !important;
    }


    /* ===========================================================
       9) CARDS / SECTIONS — kompakt, kutusuz akış
       =========================================================== */
    .card, .prod, .feat, .plan, .stat, .fam-card, .terminal, .chat-pane {
        border: 1px solid #ccc !important;
        background: #fff !important;
        padding: 8pt !important;
        margin: 8pt 0 !important;
        border-radius: 0 !important;
        page-break-inside: avoid;
    }
    .section { padding: 12pt 0 !important; max-width: none !important; }
    .hero { padding: 12pt 0 !important; max-width: none !important; }


    /* ===========================================================
       10) RESIMLER — küçült, sayfa içinde kal
       =========================================================== */
    img {
        max-width: 100% !important;
        height: auto !important;
        page-break-inside: avoid;
    }
    figure { page-break-inside: avoid; margin: 8pt 0; }


    /* ===========================================================
       11) KODE / PRE — monospace, soluk arkaplan
       =========================================================== */
    pre, code, kbd, samp {
        font-family: "Courier New", Courier, monospace !important;
        font-size: 9.5pt !important;
        background: #f3f3f3 !important;
        border: 1px solid #ccc !important;
        color: #000 !important;
    }
    pre {
        padding: 6pt !important;
        white-space: pre-wrap !important;
        word-wrap: break-word !important;
        page-break-inside: avoid;
    }
    code { padding: 1pt 4pt !important; }


    /* ===========================================================
       12) BLOCKQUOTE — italic, sol bar
       =========================================================== */
    blockquote {
        border-left: 3px solid #333 !important;
        padding: 4pt 8pt !important;
        margin: 8pt 0 !important;
        font-style: italic;
        page-break-inside: avoid;
    }


    /* ===========================================================
       13) FATURA / SÖZLEŞME OZEL — kullanılırsa class'lar
       =========================================================== */
    .invoice-header,
    .contract-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        border-bottom: 2px solid #000;
        padding-bottom: 8pt;
        margin-bottom: 16pt;
    }
    .invoice-meta,
    .contract-meta {
        font-size: 10pt;
        color: #333 !important;
    }
    .invoice-totals td {
        font-weight: 700 !important;
        background: #eaeaea !important;
    }
    .signature-block {
        margin-top: 32pt;
        page-break-inside: avoid;
    }
    .signature-block .sig-line {
        border-top: 1px solid #000;
        margin-top: 40pt;
        width: 60%;
    }


    /* ===========================================================
       14) GRADIENT TEXT — siyaha düşür (mockup'taki gradient
       başlık yazdırmada okunmaz olur)
       =========================================================== */
    .gradient {
        background: none !important;
        -webkit-background-clip: initial !important;
        background-clip: initial !important;
        color: #000 !important;
    }


    /* ===========================================================
       15) FORMS — yazdırmada elle doldurulabilir hale getir
       =========================================================== */
    input, select, textarea {
        background: #fff !important;
        border: 1px solid #000 !important;
        color: #000 !important;
        padding: 4pt 6pt !important;
    }
    input[type="checkbox"],
    input[type="radio"] {
        border: 1px solid #000 !important;
    }
}