/*
Theme Name: SH Car Rentals (Astra Child)
Theme URI: https://shcarrentals.com/
Description: Child theme for SH Car Rentals. Holds the coded site footer and future coded page templates, so shared furniture lives in one file instead of being duplicated into every page.
Author: SH Car Rentals
Template: astra
Version: 1.0.1
Text Domain: astra-child
*/

/* ---------------------------------------------------------------
   Coded site footer
   Tokens taken from the design already live on the site:
     background   #292D32   (Elementor "BG Dark 1")
     text         #FFFFFF   ("Netral")
     hover        #15C031   ("Hover Button")
     divider      rgba(255,255,255,.10)  ("Line Color")
     type         Heebo, already loaded by the theme

   SPECIFICITY NOTE
   Elementor's kit stylesheet (post-8.css) is enqueued after this file
   and carries rules such as `.elementor-kit-8 h2` and `.elementor-kit-8 a`.
   A bare `.sh-footer__heading` (0,1,0) loses to `.elementor-kit-8 h2`
   (0,1,1), which rendered the footer dark-on-dark. Every rule below is
   therefore prefixed with `.site-footer`, lifting it to (0,2,0) or higher
   so it wins on specificity rather than on !important.
   --------------------------------------------------------------- */

.site-footer .sh-footer{
  --sh-bg:#292D32;
  --sh-ink:#FFFFFF;
  --sh-ink-soft:rgba(255,255,255,.78);
  --sh-accent:#15C031;
  --sh-rule:rgba(255,255,255,.10);
  background:var(--sh-bg);
  color:var(--sh-ink);
  font-family:Heebo,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:16px;
  line-height:1.65;
  margin-top:50px;
  padding:3em 0 0;
}
.site-footer .sh-footer *{box-sizing:border-box}
.site-footer .sh-footer__inner{max-width:1200px;margin:0 auto;padding:0 20px}

.site-footer .sh-footer__cols{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  border-bottom:1px solid var(--sh-rule);
  padding-bottom:2em;
}
.site-footer .sh-footer__col{padding:2em}
@media(max-width:1024px){.site-footer .sh-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
  .site-footer .sh-footer__cols{grid-template-columns:1fr}
  .site-footer .sh-footer__col{padding:1.25em 0}
}

.site-footer .sh-footer__heading{
  font-family:inherit;
  font-size:24px;
  font-weight:500;
  line-height:1.3;
  letter-spacing:0;
  color:var(--sh-ink);
  margin:0 0 .75em;
  padding:0;
  text-transform:none;
}
.site-footer .sh-footer__list{list-style:none;margin:0;padding:0}
.site-footer .sh-footer__list li{margin:0 0 7px;padding:0;display:flex;gap:.55em;align-items:flex-start}
.site-footer .sh-footer__list li:last-child{margin-bottom:0}
.site-footer .sh-footer__list li::before,
.site-footer .sh-footer__list li::marker{content:none}
.site-footer .sh-footer__list svg{flex:0 0 auto;width:16px;height:16px;margin-top:.35em;fill:var(--sh-accent);color:var(--sh-accent)}

.site-footer .sh-footer a{
  color:var(--sh-ink-soft);
  text-decoration:none;
  background:none;
  transition:color .2s ease;
}
.site-footer .sh-footer a:hover,
.site-footer .sh-footer a:focus-visible{
  color:var(--sh-accent);
  text-decoration:underline;
  text-underline-offset:3px;
}
.site-footer .sh-footer a:focus-visible{outline:2px solid var(--sh-accent);outline-offset:3px}
.site-footer .sh-footer__addr{color:var(--sh-ink-soft);font-style:normal}

.site-footer .sh-footer__about{padding:2.25em 2em;border-bottom:1px solid var(--sh-rule);text-align:center}
.site-footer .sh-footer__about p{margin:0 auto;max-width:78ch;color:var(--sh-ink-soft);font-size:15.5px;line-height:1.7}
.site-footer .sh-footer__about strong{color:var(--sh-ink);font-weight:600}
@media(max-width:767px){.site-footer .sh-footer__about{padding:1.75em 0}}

.site-footer .sh-footer__bottom{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;flex-wrap:wrap;padding:1.5em 2em;
}
@media(max-width:767px){.site-footer .sh-footer__bottom{padding:1.25em 0;justify-content:center;text-align:center}}
.site-footer .sh-footer__logo img{display:block;max-width:150px;height:auto}
.site-footer .sh-footer__copy{margin:0;color:var(--sh-ink-soft);font-size:14px}

@media(prefers-reduced-motion:reduce){.site-footer .sh-footer a{transition:none}}