#energy-community-popover {
    --ep-ink: #1f1f1f;
    --ep-muted: #62625e;
    --ep-gold: #ffc804;
    --ep-paper: #fff;
    --ep-sans: EnergyPopoverInter,Arial,sans-serif;
    --ep-serif: EnergyPopoverLarken,Georgia,serif;
    --ep-control-height: 56px;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    width: min(520px,calc(100% - 32px));
    max-height: calc(100svh - 0px);
    padding: 0;
    border: 0;
    border-radius: 12px;
    background: var(--ep-paper);
    color: var(--ep-ink);
    overflow: auto;
    overscroll-behavior: contain;
    box-shadow: 0 20px 80px #0003;
}
#energy-community-popover:focus{outline:none}
#energy-community-popover::backdrop{background:rgba(0,0,0,.68)}
#energy-community-popover[open]{animation:ep-card-appear .24s ease-out}
#energy-community-popover .ep-inner{padding:48px 40px 32px;text-align:center}
#energy-community-popover .ep-close{position:absolute;top:12px;right:12px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;outline:none}
#energy-community-popover .ep-close img{width:24px;height:24px;display:block}
#energy-community-popover .ep-close:hover,#energy-community-popover .ep-close:focus-visible{background:#f2f2ef}
#energy-community-popover .ep-eyebrow {
    margin: 0 0 16px;
    letter-spacing: .08em;
    color: #62625e;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
}
#energy-community-popover h2{font-family: "Larken Light";font-size: 40px; font-weight: 300;line-height: 1.2;letter-spacing:-.015em;text-wrap:balance;margin:0 0 16px;color:var(--ep-ink)}
#energy-community-popover .ep-intro {
    color: #565651;
    max-width: 360px;
    margin: 0 auto 28px;
    text-wrap: pretty;
    font-family: Inter, sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
}
#energy-community-popover form{text-align:left}
#energy-community-popover label {
    display: block;
    margin: 0 0 8px;
    color: var(--ep-ink);
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}
#energy-community-popover input {
    display: block;
    width: 100%;
    height: var(--ep-control-height);
    border: 1px solid #000;
    border-radius: 8px;
    background: #ebebeb;
    padding: 0 20px;
    color: #1b1b1b;
    appearance: none;
    outline: none;
    box-shadow: none;
    font-family: Inter, sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
}
#energy-community-popover input::placeholder{color:#1b1b1b;opacity:1}
#energy-community-popover input:hover{border-color:#000}
#energy-community-popover input:focus{outline:none;box-shadow:none;border-color:#000;background:#ebebeb}
#energy-community-popover .ep-action{margin-top:12px; position: relative;}
#energy-community-popover .ep-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: var(--ep-control-height);
    min-height: var(--ep-control-height);
    padding: 0 20px;
    border: 1px solid var(--ep-gold);
    border-radius: 999px;
    background: var(--ep-gold);
    color: #000;
    text-align: center;
    transition: background-color .2s,border-color .2s;
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}
#energy-community-popover .ep-submit:hover{background-color:#e6b400;border-color:#e6b400}
#energy-community-popover .ep-submit:focus-visible{outline:2px solid var(--ep-ink);outline-offset:3px}
#energy-community-popover .ep-quiet {
    margin: 16px 0 0;
    color: var(--ep-muted);
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
}
#energy-community-popover .ep-success{padding:12px 0 0}
#energy-community-popover .ep-success-mark{width:48px;height:48px;border-radius:50%;background:#fff3c4;color:#1f1f1f;display:grid;place-items:center;font-size:24px;margin:0 auto 24px}
#energy-community-popover .ep-success .ep-intro{margin-bottom:24px}
@keyframes ep-card-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:540px){
 #energy-community-popover .ep-inner{padding:48px 24px 28px}
 #energy-community-popover h2{font-size:34px;line-height:1.18;margin-bottom:16px}
 #energy-community-popover .ep-intro{font-size:15px;line-height:23px;margin-bottom:24px}
 #energy-community-popover .ep-eyebrow{margin-bottom:14px}
}
@media(prefers-reduced-motion:reduce){#energy-community-popover[open]{animation:none}#energy-community-popover input,#energy-community-popover .ep-submit{transition:none}}

/* Existing Notify Me form treatment: main.css .medium and .wpcf7-not-valid.
   Fill resolves rgba(255,255,255,.92) over the live form's black surface. */
#energy-community-popover input[aria-invalid="true"]{outline:1px solid red;outline-offset:0;border-color:red}
#energy-community-popover .ep-feedback {
    padding: 5px 10px;
    border: 0;
    color: #fff;
    margin: 15px 0 0;
    background: #c70000;
    max-width: 100%;
    border-radius: 4px;
    width: 100%;
    text-align: center;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
}

/* Isolate the component from theme resets and Contact Form 7 markup. */
#energy-community-popover{position:fixed;inset:0;margin:auto}
#energy-community-popover,#energy-community-popover *{box-sizing:border-box}
#energy-community-popover [hidden]{display:none!important}
#energy-community-popover button{cursor:pointer;touch-action:manipulation}
#energy-community-popover .ep-submit:disabled{cursor:wait;opacity:.7}
/* The live theme has a global :focus outline reset with !important. */
#energy-community-popover .ep-submit:focus-visible{outline:2px solid var(--ep-ink)!important;outline-offset:3px}
#energy-community-popover input[aria-invalid="true"]{outline:1px solid red!important;border-color:red!important}

#ep-content span.wpcf7-not-valid-tip {
    display: none;
}
#ep-content .wpcf7-response-output {
    width: 100%;
    font-size: 13px;
    text-align: center;
}