/*
 Theme Name:   Astra Child - Q-Bio
 Theme URI:    https://qbio.sk
 Description:  Child theme pre ENLIGHT Q-Bio
 Author:       Q-Bio
 Template:     astra
 Version:      1.0.2
 Text Domain:  astra-child
*/

/* === HEADER === */
#masthead,
.ast-primary-header-bar,
.main-header-bar {
  background-color: #1d3f6e !important;
  border-bottom: 3px solid #c0392b !important;
}

.site-title a,
.ast-site-title-wrap .site-title a {
  color: #ffffff !important;
}

.site-description {
  color: rgba(255,255,255,0.7) !important;
}

/* === NAVIGÁCIA === */
.main-header-bar .main-navigation a,
.main-header-bar .menu-link,
.ast-primary-header-bar .main-navigation a {
  color: rgba(255,255,255,0.92) !important;
  font-size: 0.88em;
  font-weight: 500;
}

.main-header-bar .main-navigation a:hover,
.main-header-bar .current-menu-item > a {
  color: #ffffff !important;
  text-decoration: none;
}

.main-header-bar .sub-menu {
  background-color: #2d5491 !important;
}

.main-header-bar .sub-menu a {
  color: rgba(255,255,255,0.9) !important;
}

button.menu-toggle,
.ast-mobile-menu-buttons-minimal .menu-toggle {
  color: #ffffff !important;
}

/* === TYPOGRAFIA === */
body, p { color: #2c2c2c; line-height: 1.75; }
h1, h2, h3, h4, h5, h6 { color: #1d3f6e; }
a { color: #4a6fa5; }
a:hover { color: #c0392b; }

/* === TLAČIDLÁ === */
.wp-block-button__link,
.ast-button,
a.button,
input[type="submit"] {
  background-color: #1d3f6e !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  border: none !important;
}
.wp-block-button__link:hover,
.ast-button:hover,
a.button:hover,
input[type="submit"]:hover {
  background-color: #c0392b !important;
  color: #ffffff !important;
}

/* === TABUĽKY === */
table thead tr { background-color: #1d3f6e !important; }
table thead th { color: #ffffff !important; padding: 10px 14px; }
table tbody tr:nth-child(odd) { background-color: #f5f7fa; }
table tbody td { padding: 9px 14px; border-bottom: 1px solid #e5e9f0; }

/* === FOOTER POZADIE === */
.site-footer,
#colophon,
.ast-small-footer,
.footer-widget-area,
.ast-footer-overlay,
.ast-above-footer,
.ast-below-footer {
  background-color: #1d3f6e !important;
  color: rgba(255,255,255,0.8) !important;
  border-top: 3px solid #c0392b !important;
}

/* === FOOTER WIDGETY — 3 STĹPCE === */
.footer-widget-area .ast-container,
.footer-widget-area .ast-row,
#colophon .ast-container {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 30px !important;
  align-items: flex-start !important;
  padding: 40px 30px 20px !important;
}

.footer-widget-area .widget,
.footer-widget-area .ast-footer-widget {
  flex: 1 1 220px !important;
  min-width: 200px !important;
}

/* Footer texty a odkazy */
.site-footer a,
#colophon a,
.footer-widget-area a {
  color: rgba(255,255,255,0.75) !important;
}
.site-footer a:hover,
#colophon a:hover { color: #ffffff !important; }

.ast-footer-copyright,
.ast-footer-copyright p {
  color: rgba(255,255,255,0.5) !important;
  font-size: 0.85em;
  text-align: center;
  padding: 15px 0 0;
  border-top: 1px solid rgba(255,255,255,0.12);
}

.footer-widget-area .widget-title,
.footer-widget-area h4 {
  color: #ffffff !important;
  font-size: 0.8em;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.footer-widget-area p,
.footer-widget-area li,
.footer-widget-area .textwidget {
  color: rgba(255,255,255,0.75) !important;
  font-size: 0.9em;
  line-height: 1.8;
}

.footer-widget-area ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Footer logá */
.footer-widget-area img {
  max-height: 45px !important;
  width: auto !important;
  margin-right: 15px !important;
  vertical-align: middle !important;
}

/* === MOBIL === */
@media (max-width: 768px) {
  .ast-mobile-header-wrap {
    background-color: #1d3f6e !important;
  }
  .ast-mobile-header-wrap .main-navigation a {
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    padding: 12px 20px !important;
  }
  .footer-widget-area .ast-container,
  .footer-widget-area .ast-row {
    flex-direction: column !important;
  }
}