/*
Theme Name: ROOVA
Theme URI: https://roova.com/
Author: ROOVA
Description: Custom WordPress and WooCommerce theme for the ROOVA automotive website.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: roova
*/

.screen-reader-text {
  position:absolute!important;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.screen-reader-text:focus {
  position:fixed!important;
  z-index:100000;
  top:12px;
  left:12px;
  width:auto;
  height:auto;
  padding:12px 18px;
  clip:auto;
  color:#0b0b0d;
  background:#fff;
}

.footer-menu {
  display:flex;
  align-items:center;
  gap:3.333333vw;
  padding:0;
  margin:0;
  list-style:none;
}

.admin-bar .site-header {
  top:32px;
}

.wp-caption,
.wp-caption img,
.wp-block-image img {
  max-width:100%;
  height:auto;
}

.alignwide {
  width:min(100%,1920px);
  margin-inline:auto;
}

.alignfull {
  width:100%;
}

@media (max-width:782px) {
  .admin-bar .site-header {
    top:46px;
  }
}

@media (max-width:760px) {
  .footer-menu {
    flex-wrap:wrap;
    justify-content:center;
    gap:16px 24px;
  }
}

/* Keep the footer navigation readable on phones. The list is the actual
   layout container; placing the grid on the wrapping nav element leaves the
   links in an uneven flex row at narrow widths. */
@media (max-width:991.98px) {
  .site-footer .footer-top {
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:flex-start;
    gap:28px;
  }

  .site-footer .footer-top > nav {
    display:block!important;
    width:100%;
    margin-top:0!important;
  }

  .site-footer .footer-top > nav .footer-menu {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:stretch;
    width:100%;
    gap:0 20px;
  }

  .site-footer .footer-menu li {
    min-width:0;
  }

  .site-footer .footer-menu a {
    display:flex;
    align-items:center;
    min-height:42px;
    padding:10px 0;
    font-size:10px;
    line-height:1.2;
  }
}

@media (max-width:575.98px) {
  .site-footer .footer-top > nav .footer-menu {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 18px;
  }
}