/*
Theme Name: NFC App Theme
Theme URI: 
Author: Your Name
Author URI: 
Description: Custom WordPress theme for NFC applications with Bootstrap support
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nfcapp
*/ 

:root {
    --bs-danger: rgba(129, 42, 40, 1);
    --bs-danger-rgb: 129, 42, 40;
}

.btn-danger {
    --bs-btn-bg: rgba(129, 42, 40, 1);
    --bs-btn-border-color: rgba(129, 42, 40, 1);
    --bs-btn-hover-bg: rgba(109, 35, 33, 1);
    --bs-btn-hover-border-color: rgba(109, 35, 33, 1);
    --bs-btn-active-bg: rgba(89, 28, 27, 1);
    --bs-btn-active-border-color: rgba(89, 28, 27, 1);
}

.text-danger {
    color: rgba(129, 42, 40, 1) !important;
}

.alert-danger {
    --bs-alert-color: #fff;
    --bs-alert-bg: rgba(129, 42, 40, 1);
    --bs-alert-border-color: rgba(109, 35, 33, 1);
}

.icon-responsive {
    font-size: min(25vw, 6rem);
}

/* QR kód stílusok */
.qr-code {
    width: 100%;
    height: auto;
}

.btn-dark-gray {
    --bs-btn-color: #fff;
    --bs-btn-bg: #2a2a2a;
    --bs-btn-border-color: #2a2a2a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #404040;
    --bs-btn-hover-border-color: #404040;
    --bs-btn-active-bg: #353535;
    --bs-btn-active-border-color: #353535;
}

/* Nyomtatási stílusok */
@media print {
    @page {
        margin: 1cm;
        size: A4 portrait;
    }

    body {
        background-color: white !important;
        color: black !important;
        font-family: Arial, sans-serif !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .card {
        border: none !important;
        background-color: white !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .card-body {
        padding: 0 !important;
    }

    h1 {
        text-align: center !important;
        margin: 0 0 15px 0 !important;
        font-size: 18px !important;
    }

    .badge {
        border: 1px solid !important;
        color: black !important;
        background: none !important;
        font-size: 14px !important;
        padding: 5px 10px !important;
        margin: 10px auto !important;
        display: inline-block !important;
        width: auto !important;
    }

    table {
        width: 100% !important;
        border-collapse: collapse !important;
        margin: 15px 0 !important;
        font-size: 12px !important;
    }

    .table th,
    .table td {
        border: 1px solid #ddd !important;
        padding: 6px !important;
        text-align: left !important;
        background-color: white !important;
        color: black !important;
    }

    .table th {
        background-color: #f8f9fa !important;
        width: 30% !important;
        color: black !important;
    }

    /* Felesleges elemek elrejtése */
    .icon-responsive,
    .app-badges,
    .btn,
    .text-light-emphasis small,
    .col-md-4,
    .qr-code {
        display: none !important;
    }

    .col-md-8 {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Lábléc */
    .card-body::after {
        content: "Dokumentum nyomtatva: " attr(data-print-date) !important;
        display: block !important;
        text-align: center !important;
        font-size: 10px !important;
        margin-top: 15px !important;
        color: #666 !important;
    }
}

@media (max-width: 767.98px) {
    .table tr {
        border: 1px solid var(--bs-border-color) !important;
    }
    
    .table th {
        background-color: rgba(0,0,0,0.2) !important;
        border-bottom: none !important;
        padding-bottom: 0.5rem !important;
    }
    
    .table td {
        padding-top: 0.5rem !important;
    }
}

/* Input mező fókusz stílus felülírása */
.form-control:focus,
.input-group > .form-control:focus {
    border-color: var(--bs-border-color) !important;
    box-shadow: none !important;
}

/* Input placeholder szín */
.form-control::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}