/*
Theme Name:     TNA Parts Theme
Theme URI:      https://yourwebsite.com/
Description:    A custom child theme for Storefront.
Author:         Markus
Author URI:     https://yourwebsite.com/
Template:       storefront
Version:        1.0.0
Text Domain: tuunaa
*/

/* infobar default colors */
/* :root {
  --infobar-bg: #eb6123;
  --infobar-text: #000000;
  --infobar-arrow: #000000;
} */

@font-face {
   font-family: "Poppins";
   src: url("/wp-content/themes/tna/assets/fonts/poppins/Poppins-Regular.ttf")
      format("truetype");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Poppins";
   src: url("/wp-content/themes/tna/assets/fonts/poppins/Poppins-Medium.ttf")
      format("truetype");
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Poppins";
   src: url("/wp-content/themes/tna/assets/fonts/poppins/Poppins-SemiBold.ttf")
      format("truetype");
   font-weight: 600;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Poppins";
   src: url("/wp-content/themes/tna/assets/fonts/poppins/Poppins-Bold.ttf")
      format("truetype");
   font-weight: 700;
   font-style: normal;
   font-display: swap;
}

body {
   font-family: "Poppins", sans-serif;
}

body a {
   color: #000;
   text-decoration: none;
}

h3 {
   font-family: "Poppins", sans-serif;
   font-size: 24px; /* Set the font size to 20px */
   text-transform: uppercase; /* Make text uppercase */
   font-weight: 600; /* Semibold (600 is a common weight for semibold) */
}

/* Custom CSS to force drawers and overlays to the absolute top layer */
.z-max-safe {
   z-index: 9999 !important;
}
.z-max-safe-btn {
   z-index: 10000 !important; /* Button needs to be higher than the overlay/drawer */
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus {
   outline: none !important;
}

/* Reduce or remove bottom padding on Storefront breadcrumbs */
.storefront-breadcrumb {
    padding: 0 px 10px !important; /* removes excess padding */
    margin: 0 !important;  /* optional, in case margin is applied */
}

.site-footer {
   color: white;
   background-color: black;
   padding: 0 !important;
}
.site-footer h3 {
   color: white;
}

/* Reduce default Storefront padding */
@media (max-width: 568px) {
  .col-full {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}