/*
 Theme Name:  LPBC Divi Child
 Theme URI:   https://lpbc.us
 Description: Divi child theme tailored for Lane Prairie Baptist Church. Mobile-first, accessible, SEO-ready, and tuned to push viewers to YouTube instead of a Sermons page.
 Author:      ChatGPT
 Author URI:  https://openai.com
 Template:    Divi
 Version:     1.0.0
 License:     GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: lpbc-divi-child
*/
:root{
  --lpbc-primary:#0e6ba8;
  --lpbc-accent:#ffb703;
  --lpbc-dark:#0b1d2a;
  --lpbc-light:#f7f9fc;
}
/* Basic resets and accessible focus states */
a:focus, button:focus, input:focus, select:focus, textarea:focus {
  outline: 3px solid var(--lpbc-accent);
  outline-offset: 2px;
}
.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: var(--lpbc-dark);
  color: #fff;
  padding: .5rem 1rem;
  z-index: 10000;
}
.skip-link:focus { top: 0; }
.lpbc-cta-youtube a{
  display:inline-block;
  padding:.75rem 1.25rem;
  border-radius:9999px;
  background:var(--lpbc-primary);
  color:#fff;
  font-weight:700;
  text-decoration:none;
}
/* Make Divi menus/buttons touch-friendly */
.et_pb_button, .menu a {
  min-height:44px;
  line-height:44px;
}
/* Utility classes */
.text-center{text-align:center}
.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
/* Lite YouTube placeholder */
.lite-yt {
  position: relative;
  background-color: #000;
  cursor: pointer;
  display:block;
  aspect-ratio: 16/9;
  background-position:center;
  background-size:cover;
}
.lite-yt::before {
  content: "";
  display: block;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox=\"0 0 68 48\"><path d=\"M66.52 7.74a8 8 0 0 0-5.64-5.66C55.8 0 34 0 34 0S12.2 0 7.12 2.08a8 8 0 0 0-5.64 5.66A83.1 83.1 0 0 0 0 24a83.1 83.1 0 0 0 1.48 16.26 8 8 0 0 0 5.64 5.66C12.2 48 34 48 34 48s21.8 0 26.88-2.08a8 8 0 0 0 5.64-5.66A83.1 83.1 0 0 0 68 24a83.1 83.1 0 0 0-1.48-16.26Z\" fill=\"%23f00\"/><path d=\"M45 24 27 14v20\" fill=\"%23fff\"/></svg>') no-repeat center;
  width: 68px; height: 48px;
  position: absolute; inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.6));
}
/* Better defaults for images to avoid CLS */
img{height:auto}