/*
Theme Name: LWA Quiz Theme (Use This Logo)
Author: ChatGPT
Description: Version 8.7.1 – adds menu item Icon field (emoji/SVG), retains CF7 pills, footer/sidebar fixes, responsive nav, embedded logo.
Version: 8.7.1
Text Domain: lwa-quiz-theme
*/

@font-face{
  font-family:'Nunito';
  src:url('assets/fonts/Nunito-SemiBold.ttf') format('truetype');
  font-weight:600;
  font-style:normal;
}
@font-face{
  font-family:'Nunito';
  src:url('assets/fonts/Nunito-Bold.ttf') format('truetype');
  font-weight:700;
  font-style:normal;
}

:root{--lwa-red:#e53935;--lwa-amber:#f6ad55;--lwa-green:#2a9d8f;}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;color:#222;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6;height:100%}
body{min-height:100vh;display:flex;flex-direction:column}
.site-header{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 12px 4px;border-bottom:1px solid #eee;background:#fff}
.site-branding{display:flex;flex-direction:column;align-items:center}
.site-logo{display:block;max-width:min(294px,56vw);height:auto;margin:0 auto}
.primary-nav{width:100%;display:flex;justify-content:center}
.primary-nav ul{list-style:none;margin:0;padding:0}
.primary-nav .menu{display:flex;flex-wrap:wrap;gap:10px}
.primary-nav li a{display:block;padding:10px 14px;text-decoration:none;color:#111;background:#fff;position:relative;transition:color .18s ease;font-family:'Nunito',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-weight:600}
.primary-nav li a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:4px;background-image:linear-gradient(90deg,var(--lwa-red),var(--lwa-amber),var(--lwa-green));transform:scaleX(0);transform-origin:left center;transition:transform .22s ease,opacity .22s ease;opacity:0;border-radius:4px}
.primary-nav li a:hover,.primary-nav li a:focus{color:#000}
.primary-nav li a:hover::after,.primary-nav li a:focus::after{transform:scaleX(1);opacity:1}
.primary-nav .current-menu-item>a,.primary-nav .current_page_item>a{font-weight:700}
.primary-nav .current-menu-item>a::after,.primary-nav .current_page_item>a::after{transform:scaleX(1);opacity:1}

.container{max-width:1080px;margin:16px auto;padding:0 16px;flex:1 0 auto}
.layout{display:grid;grid-template-columns:3fr 1fr;gap:24px}
@media (max-width:992px){.layout{grid-template-columns:1fr}}
.sidebar .widget{background:#fff;border:1px solid #e9e9e9;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:8px 12px 12px;margin-bottom:14px}
.sidebar .widget .widget-title,.sidebar .widget .widgettitle{font-size:0.9rem;margin-top:0;margin-bottom:6px;line-height:1.25;font-weight:700}
.sidebar .widget a{text-decoration:none}
.sidebar figure img,.sidebar img,.sidebar iframe{max-width:100%;height:auto}
.sidebar .widget>:last-child{margin-bottom:0}
.site-footer{margin-top:0;padding:16px 12px;text-align:center;background:#fff;border-top:1px solid #eee;color:#666}
.site-footer>*:last-child{margin-bottom:0}
.entry-content>:last-child{margin-bottom:0}
.entry-content img,.entry-content video,.entry-content iframe{max-width:100%;height:auto}
.mobile-toggle{display:none;appearance:none;background:#fff;border:1px solid #eaeaea;padding:10px 14px;border-radius:12px;font-size:16px;cursor:pointer}
@media(max-width:768px){
  .mobile-toggle{display:inline-flex;align-items:center;gap:8px;margin-top:10px}
  .primary-nav{display:block}
  .primary-nav .menu{display:block;overflow:hidden;max-height:0;opacity:.0;transform:translateY(-6px);transition:max-height .28s ease,opacity .24s ease,transform .24s ease}
  .primary-nav .menu.is-open{max-height:480px;opacity:1;transform:translateY(0)}
  .primary-nav .menu li a{display:block;padding:12px 2px;border-bottom:1px solid #f2f2f2}
  .primary-nav .menu li:last-child a{border-bottom:none}
}
/* CF7 card + pills */
.lwa-form{background:#fff;border:1px solid #e9e9e9;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:16px;margin:0 0 20px}
.lwa-form .grid{display:grid;gap:14px;grid-template-columns:1fr 1fr}
.lwa-form .grid .full{grid-column:1 / -1}
@media (max-width:700px){.lwa-form .grid{grid-template-columns:1fr}}
.lwa-form .field label{display:block;font-weight:600;margin:0 0 6px}
.lwa-form input[type=text],.lwa-form input[type=email],.lwa-form input[type=tel],.lwa-form input[type=date],.lwa-form textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:10px;font:inherit;line-height:1.4;background:#fff}
.lwa-form textarea{resize:vertical}
.lwa-form .actions{margin-top:6px}
.lwa-form .btn-primary{padding:10px 14px;border-radius:12px;border:1px solid #eaeaea;background:#fff;cursor:pointer;font-weight:700;transition:all .2s ease}
.lwa-form .btn-primary:hover,.lwa-form .btn-primary:focus{border-color:#ccc;background:linear-gradient(90deg,#2a9d8f,#3bb37e);color:#fff}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.sent .wpcf7-response-output{margin:12px 0 0;border-radius:10px}
.lwa-form .wpcf7-checkbox .wpcf7-list-item{display:inline-block;margin:0 10px 8px 0}
.lwa-form .wpcf7-checkbox .wpcf7-list-item label{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:2px solid #ddd;border-radius:999px;cursor:pointer;user-select:none;line-height:1.2;background:#fff;transition:all .2s ease}
.lwa-form .wpcf7-checkbox .wpcf7-list-item input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}
.lwa-form .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label{font-weight:500;color:#333}
.lwa-form .wpcf7-checkbox .wpcf7-list-item label.selected.is-yes{border-color:#2a9d8f;box-shadow:0 0 0 3px rgba(42,157,143,.25);background:#f6fffa}
.lwa-form .wpcf7-checkbox .wpcf7-list-item label.selected.is-yes .wpcf7-list-item-label{color:#2a9d8f;font-weight:700}
.lwa-form .wpcf7-checkbox .wpcf7-list-item label.selected.is-no{border-color:#e53935;box-shadow:0 0 0 3px rgba(229,57,53,.25);background:#fff6f6}
.lwa-form .wpcf7-checkbox .wpcf7-list-item label.selected.is-no .wpcf7-list-item-label{color:#e53935;font-weight:700}
.lwa-form .wpcf7-checkbox .wpcf7-list-item label:hover{border-color:#ccc}
.lwa-form .wpcf7-checkbox .wpcf7-list-item label:focus-visible{outline:2px solid #2a9d8f;outline-offset:2px;border-radius:999px}
.lwa-note{font-size:.85rem;color:#666;font-style:italic;margin-top:6px}