/* fpe-inline.css - externalized from inline <style> blocks (validity fix 2026-06-18).
   Was previously emitted inline inside <main>/<section>, which the W3C Nu validator
   rejects (style is metadata content, only valid in <head>). Rendering is identical.
   Accent colors were the PHP constants $awsAccent=#48267a, $awsAccent2=#6b3aad. */

/* --- from pages/view.php (gallery carousel + page sections) --- */
.blueimp-gallery-carousel {
  max-width: 100%;
  height: 480px;
  margin: 24px 0;
  background: #111;
  border-radius: 6px;
  overflow: hidden;
}

.blueimp-gallery-carousel .indicator > li {
  width: 40px;
  height: 30px;
  background-size: cover;
  background-position: center;
  border-radius: 3px;
  margin: 0 2px;
  opacity: 0.6;
  cursor: pointer;
  filter: none;
}

.blueimp-gallery-carousel .indicator > li.active {
  opacity: 1;
  border: 2px solid gold;
}

.page-section {
  padding: 40px 0 20px;
  border-bottom: 1px solid #ddd;
  scroll-margin-top: 70px;
}

.page-section:last-child {
  border-bottom: none;
}

.fpe-ssl-badge { max-width: 40%; }
@media (max-width: 640px) {
  .fpe-ssl-badge {
    float: none !important;
    display: block;
    margin: 0 auto 16px !important;
  }
}

/* --- from sections/areas_we_serve.php (Areas We Serve map section) --- */
.aws-section{max-width:1180px;margin:32px auto 8px;padding:0 18px;}
.aws-card{border:1px solid rgba(72,38,122,0.14);border-radius:18px;background:#fff;
  box-shadow:0 10px 28px rgba(20,28,80,.07);overflow:hidden;padding:22px 24px;}
.aws-title{font-size:1.55rem;font-weight:800;color:#48267a;margin:0 0 4px;}
.aws-sub{font-size:1.1rem;font-weight:700;color:#3a1f62;margin:0 0 16px;}
.aws-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(250px,1fr);gap:20px;align-items:stretch;}
.aws-map-canvas{min-height:340px;border-radius:14px;overflow:hidden;background:#eef2f7;
  border:1px solid rgba(72,38,122,.12);}
.aws-map-open{margin-top:8px;font-size:.95rem;}
.aws-map-open a{color:#48267a;font-weight:700;text-decoration:none;}
.aws-map-open a:hover{text-decoration:underline;}
.aws-side{display:flex;flex-direction:column;gap:10px;}
.aws-label{font-weight:700;color:#48267a;}
.aws-input{width:100%;padding:12px 14px;border:1px solid #cdb8e6;border-radius:10px;font:inherit;box-sizing:border-box;}
.aws-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:13px 16px;
  border:0;border-radius:10px;background:linear-gradient(135deg,#48267a 0%,#6b3aad 100%);
  color:#fff;font-weight:800;cursor:pointer;text-decoration:none;}
.aws-btn:hover{filter:brightness(1.08);}
.aws-addr{font-size:.98rem;line-height:1.55;color:#24304f;}
.aws-areas-title{font-size:1.18rem;font-weight:800;color:#48267a;margin:20px 0 8px;}
.aws-areas{font-size:.96rem;line-height:1.95;color:#3a1f62;}
.aws-areas .dot{display:inline-block;margin:0 8px;color:#6b3aad;}
.aws-areas a{color:#3a1f62;text-decoration:none;border-bottom:1px solid transparent;}
.aws-areas a:hover{color:#48267a;border-bottom-color:#48267a;}
.aws-map-fallback{min-height:340px;display:flex;align-items:center;justify-content:center;text-align:center;
  padding:20px;color:#3a1f62;background:linear-gradient(180deg,#f3eefb 0%,#eee6f8 100%);}
@media (max-width:900px){.aws-grid{grid-template-columns:1fr;}.aws-map-canvas{min-height:280px;}}

/* --- area-page styles (was inline <style> inside each area's DB content;
       stripped from output in areas/_template.php for validity) --- */
.area-page{max-width:880px;margin:0 auto;}
.area-page h1{font-size:1.9rem;margin:.2em 0 .6em;color:#3a1f62;}
.area-page p{line-height:1.65;color:#1a1a1a;margin:0 0 1em;}
.area-page a{color:#48267a;font-weight:600;}
.area-page .area-img{width:100%;max-width:640px;border-radius:12px;display:block;margin:.5em auto 4px;}
.area-page .area-img-caption{font-size:.8rem;color:#666;text-align:center;margin:0 0 1.4em;}
.area-page .area-pitch{margin-top:1.6em;padding:18px 20px;border:1px solid rgba(72,38,122,.18);
  border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(20,28,80,.06);}
.area-page .area-cta{display:inline-block;margin-top:.6em;padding:11px 20px;border-radius:10px;
  background:linear-gradient(135deg,#48267a 0%,#6b3aad 100%);color:#fff !important;
  font-weight:800;text-decoration:none;}
.area-page .area-cta:hover{filter:brightness(1.08);}
