/*
Theme Name: JobsFirst Delaware
Theme URI: https://jobsfirst.delaware.gov
Author: Breakline Digital
Description: Custom WordPress theme for the Delaware JobsFirst permitting accelerator (Executive Order 18).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
Text Domain: jobsfirst
*/

/* ── Reset & base ── */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: #fff; font-family: 'Poppins', system-ui, sans-serif; color: #333333; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }
::selection { background: #EAD788; color: #00415B; }

/* ── Site layout width (header, content sections, footer, state banner) ── */
.jf-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

/* ── Skip nav ── */
.skip-nav { position: absolute; left: -999px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.skip-nav:focus { position: static; left: auto; width: auto; height: auto; padding: 10px 24px; background: #EAD788; color: #00415B; font: 600 14px 'Poppins'; display: inline-block; z-index: 1000; }

/* ── Form focus states ── */
input, select, textarea { outline: none; }
input:focus, select:focus, textarea:focus { border-color: #109BE0 !important; box-shadow: 0 0 0 2px rgba(16,155,224,.2); }

/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) { * { animation-duration: .01ms !important; transition-duration: .01ms !important; } }

/* ── WordPress required alignment classes ── */
.alignleft  { float: left; margin-right: 1.5em; }
.alignright { float: right; margin-left: 1.5em; }
.aligncenter { text-align: center; }
.wp-caption { max-width: 100%; }

/* ── FAQ accordion ── */
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }
details[open] > summary .fa-chevron-down { transform: rotate(180deg); }
details > summary:focus-visible { outline: 2px solid #109BE0; outline-offset: 2px; border-radius: 6px; }
.jf-faq-answer p { margin: 0 0 12px; }
.jf-faq-answer p:last-child { margin-bottom: 0; }
.jf-faq-answer ul { margin: 12px 0 0; padding-left: 20px; }
.jf-faq-answer li { margin-bottom: 8px; }
.jf-faq-answer li:last-child { margin-bottom: 0; }
.jf-faq-answer a { color: #109BE0; font-weight: 600; }