:root {
  --bs-body-bg: #ffffff;
  --bs-body-color: #111111;
  --bs-link-color: #333333;
  --bs-link-hover-color: #000000;
  --bs-primary: #444444;
  --bs-primary-rgb: 68,68,68;
  --bs-secondary: #666666;
  --bs-secondary-rgb: 102,102,102;
  --bs-border-color: #dddddd;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-600: #6c757d;
  --bs-gray-900: #212529;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #f5f5f5;
    color: #333;
}

/* Header árnyék, lekerekítés */
header {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* Alsó rész külön doboz */
header > .container > div:nth-child(2) {
    border-left: 4px solid #fff;
    padding: 15px;
}

/* Main tartalom kártyás */
main {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

/* Footer letisztult */
footer {
    background: #f1f1f1;
    color: #555;
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #ddd;
}

.bootstrap5-class-or-id .search-form {
  margin-left: auto;
}

.sound-icon {
  font-size: 2rem;           /* nagyobb alapméret */
  transition: transform 0.2s, color 0.2s;
  cursor: pointer;
  color: #0d6efd;            /* alap bootstrap kék */
}

.sound-icon:hover {
  transform: scale(1.6);     /* most már sokkal nagyobb hoverkor */
  color: #0056b3;            /* sötétebb kék */
}


.alcim{font-family:'Oswald',sans-serif;font-weight:400;color:#0088cc;border-bottom:4px dotted #9aa6ab;font-size:3.5em;} .alcimgyak{font-family:'Oswald',sans-serif;font-weight:400;color:#008000;border-bottom:4px dotted #9aa6ab;font-size:3.5em;}
.alcimreader{font-family:'Oswald',sans-serif;font-weight:400;color:#bb5e00;border-bottom:4px dotted #9aa6ab;font-size:3.5em;}
.alcimszo{font-family:'Oswald',sans-serif;font-weight:400;color:#df7000;border-bottom:4px dotted #9aa6ab;font-size:3.5em;}
                     .simatext{width:95%;}
                     .tantabla{width:100%;max-width:500px;}
                     .tantabla td{border:1px solid #e3e4e6;vertical-align:top !important;}