/*
Theme Name: NuGlass AutoGlass
Author: NuGlass AutoGlass
Description: Custom WordPress theme for NuGlass AutoGlass.
Version: 1.2.0
Text Domain: nuglass-autoglass
*/

:root{
  --orange:#ff7a00;
  --lightblue:#eaf3ff;
  --text:#0f172a;
}

html, body { height:100%; }

body{
  margin:0;
  font-family: Arial, Helvetica, sans-serif;
  background: var(--lightblue);
  color: var(--text);
}

a{ color:#1e3a8a; text-decoration:none; }

/* HEADER */
.site-header{
  background: var(--orange);
  padding: 18px 0;
}

.header-inner{
  display:flex;
  justify-content:center;
  align-items:center;
}

.custom-logo{
  max-height: 80px;
  width:auto;
  display:block;
}

/* MAIN */
.container{
  max-width:1100px;
  margin: 0 auto;
  padding: 24px 20px;
}

/* Optional: make content sit on a white card so it pops */
.content-card{
  background:#ffffff;
  border-radius:12px;
  padding: 26px 22px;
}

/* FOOTER */
.site-footer{
  background: var(--orange);
  color:#000;
  padding: 28px 0;
  margin-top: 40px;
  text-align:center;
}

.site-footer a{ color:#000; text-decoration:underline; }

/* BUTTON */
.btn{
  background:#000;
  color:#fff;
  padding:12px 16px;
  font-weight:700;
  border-radius:8px;
  display:inline-block;
}
.btn:hover{ opacity:.9; }

.footer-inner{
  display:flex;
  flex-direction:column;
  gap:16px;
  align-items:center;
}

.footer-line{
  margin: 6px 0;
}

.emoji{
  font-size: 18px;
  margin-right: 8px;
}

.sep{
  margin: 0 8px;
}

.footer-social-title{
  margin: 10px 0 8px;
  text-align:center;
}

.social-links{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  justify-content:center;
}

.social{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:10px;
  background: rgba(255,255,255,0.25);
  text-decoration:none;
}

.social svg{
  width:20px;
  height:20px;
  fill:#000;
  flex: 0 0 auto;
}

.social span{
  font-weight:700;
  color:#000;
}
.trust-bar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:16px 0 24px;
}
.trust-item{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  padding:10px 12px;
  border-radius:12px;
  font-weight:700;
}
.info-box{
  background:#ffffff;
  border-left:6px solid #ff7a00;
  padding:14px 16px;
  border-radius:12px;
  margin:18px 0;
}
