.navbar-center-img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

body {
  background-image: url("../media/bg1.jpg");
  background-size: cover;              /* Scales to cover the whole screen */
  background-position: center center;  /* Centered image */
  background-repeat: no-repeat;        /* Prevent tiling */
  background-attachment: fixed;        /* FIXED position (parallax effect) */
}



.navbar{
    padding-left: 0% !important;
}

main img{
    max-width: 75% !important;
    max-height: 100% !important;
}

@media (max-width: 576px) {
    main .border-disappear {
      border-left: 0px !important;
      border-right: 0px !important;
      padding: 0 !important;
      text-align: left !important;
    }   
}

th{
    background-color: #ffc107 !important;
}

.nav-link {
  color: #969696;
}

img.albums{
max-width: 150px !important;
}

.portrait-ratio {
  aspect-ratio: 9 / 16;
  max-height: 400px;
}




/* Form */
.gnr-form {
    background-color: #111; /* dark theme */
    color: #f8f9fa;          /* light text */
    padding: 1.5rem;
    border-radius: 1rem;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
  }
  
  .gnr-form label {
    font-weight: bold;
    margin-bottom: 0.25rem;
  }
  
  .gnr-form .form-control {
    background-color: #222;
    border: 1px solid #555;
    color: #fff;
  }
  
  .gnr-form .form-control::placeholder {
    color: #aaa;
  }
  
/* Custom red checkmark (simulated style) */
.gnr-form .form-check-input:checked {
    background-color: #dc3545;
    border-color: #dc3545;
  }
  
  
  .gnr-form .form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); /* red shadow */
    border-color: #dc3545;
  }
  
  .gnr-form .form-check-input:checked {
    background-color: #dc3545;
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); /* match shadow on checked too */
  }

  .gnr-form .form-control:focus {
    border-color: #dc3545; /* red border */
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); /* red glow */
  }


/* Headings — confident but clean */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Anton', Impact, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #ffffff !important;
  letter-spacing: 0.05em;
  margin-bottom: 1rem;
}

/* Body — understated and cool */
body, p, span, li, td {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1rem;
  color: #dddddd;
  line-height: 1.6;
}

/* Nav links — just a touch of style */
.nav-link {
  font-family: 'Anton', sans-serif;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 0.03em;
}

.nav-link:hover {
  color: #ffffff !important;
}

/* Global links (excluding nav links) */
a:not(.nav-link):not(.btn):visited {
  color: #bba94e !important; /* more muted gold (visited) */
  text-decoration-color: #bba94e !important;
}


/* nyomtatasi kep */
/* ==================== */
/* PRINT STYLES (ORIGINAL VERSION + FORM ADJUSTMENTS) */
/* ==================== */
@media print {
  /* Base text color enforcement */
  body, h1, h2, h3, h4, h5, h6,
  p, li, td, th, caption, span,
  .text-white, .text-warning, 
  .nav-link, .link-warning,
  a, a:visited,
  /* Form-specific additions */
  .form-label, .form-check-label {
    color: black !important;
  }

  /* Keep all original layout rules */
  body {
    background-image: none !important;
    background-color: white !important;
    font-size: 12pt !important;
    line-height: 1.3 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  nav, video, details, summary, 
  .navbar-toggler, footer {
    display: none !important;
  }

  .container-lg {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
  }

  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
  }

  a {
    text-decoration: underline !important;
  }
  
  a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 0.8em;
    font-weight: normal;
  }

  img {
    page-break-before: avoid;
    max-width: 50% !important;
    height: auto !important;
    page-break-inside: avoid;
    border: 1px solid #ddd !important;
  }

  table {
    width: 100% !important;
    border-collapse: collapse !important;
  }
  
  th, td {
    background-color: white !important;
    border: 1px solid #ddd !important;
    padding: 4px !important;
  }

  article {
    page-break-inside: avoid;
  }

  section {
    margin-bottom: 1cm;
    page-break-inside: avoid;
  }

  hr, .border-warning, .border-black {
    border-color: #ccc !important;
  }

  /* FORM-SPECIFIC ADJUSTMENTS */
  /* Hide buttons only */
  .btn, button {
    display: none !important;
  }

  /* Show form elements */
  .gnr-form {
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  /* Make form inputs visible */
  .form-control, textarea {
    background: transparent !important;
    border: 1px solid #999 !important;
    color: black !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  /* Show radio/checkbox labels */
  .form-check {
    display: block !important;
  }

}


/* ALBUMS page specific formatting */
@media print {
  body.albums-page {
    background: white !important;
    font-size: 12pt !important;
    line-height: 1.3 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.albums-page * {
    color: black !important;
  }

  /* Hide unnecessary elements only on Albums page */
  body.albums-page nav,
  body.albums-page video,
  body.albums-page details,
  body.albums-page summary,
  body.albums-page .navbar-toggler,
  body.albums-page footer,
  body.albums-page .visually-hidden-focusable {
    display: none !important;
  }

  /* Layout preservation for Albums page */
  body.albums-page .container-lg {
    max-width: 720px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
    border: none !important;
  }

  body.albums-page .row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  body.albums-page [class*="col-"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  body.albums-page .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
  body.albums-page .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  body.albums-page .col-md-3 { flex: 0 0 25%; max-width: 25%; }
  body.albums-page .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  body.albums-page .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  body.albums-page .col-md-6 { flex: 0 0 50%; max-width: 50%; }
  body.albums-page .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  body.albums-page .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  body.albums-page .col-md-9 { flex: 0 0 75%; max-width: 75%; }
  body.albums-page .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  body.albums-page .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  body.albums-page .col-md-12 { flex: 0 0 100%; max-width: 100%; }

  body.albums-page img {
    max-width: 100% !important;
    height: auto !important;
    border: 1px solid #ccc !important;
    page-break-inside: avoid;
  }

  body.albums-page hr, 
  body.albums-page .border-warning, 
  body.albums-page .border-black {
    border-color: #ccc !important;
  }

  body.albums-page h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
  }

  body.albums-page a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 0.8em;
  }
}