.aol-august{
  --aol-green:#13612E;
  --aol-yellow:#F5A524;
  --aol-ink:#173F2B;
  --aol-soft:#F3F8F4;
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:999999;
  font-family:"Avenir Next",Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.aol-august-launcher{
  border:0;
  border-radius:999px;
  background:var(--aol-green);
  color:#fff;
  min-height:54px;
  padding:0 20px;
  display:flex;
  align-items:center;
  gap:9px;
  font:700 16px/1 "Avenir Next",Avenir,sans-serif;
  box-shadow:0 8px 28px rgba(0,0,0,.18);
  cursor:pointer;
}
.aol-august-launcher:hover{transform:translateY(-1px)}
.aol-august-wave{font-size:20px}
.aol-august-panel{
  position:absolute;
  right:0;
  bottom:68px;
  width:min(390px,calc(100vw - 28px));
  max-height:min(680px,calc(100vh - 110px));
  overflow:auto;
  background:#fff;
  border:1px solid rgba(19,97,46,.16);
  border-radius:18px;
  box-shadow:0 18px 60px rgba(0,0,0,.22);
}
.aol-august-head{
  background:var(--aol-green);
  color:#fff;
  padding:18px 18px 17px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  border-radius:17px 17px 0 0;
  border-bottom:5px solid var(--aol-yellow);
}
.aol-august-head strong{display:block;font-size:20px;line-height:1.2}
.aol-august-head span{display:block;font-size:12px;opacity:.82;margin-top:4px}
.aol-august-close{
  border:0;background:transparent;color:#fff;font-size:28px;line-height:1;
  padding:0 2px;cursor:pointer;
}
.aol-august-body{padding:18px}
.aol-august-intro{margin:0 0 16px;color:#303b34;font-size:14px;line-height:1.55}
.aol-august-form label{display:block;margin:0 0 14px}
.aol-august-form label>span{display:block;font-size:13px;font-weight:700;color:var(--aol-ink);margin-bottom:6px}
.aol-august-form b{color:#b42318}
.aol-august-form small{font-weight:500;opacity:.65}
.aol-august-form textarea,.aol-august-form input[type=text],.aol-august-form input[type=email]{
  box-sizing:border-box;width:100%;border:1px solid #ccd8cf;border-radius:9px;
  background:#fff;color:#18231c;padding:11px 12px;font:500 14px/1.4 inherit;
}
.aol-august-form textarea:focus,.aol-august-form input:focus{
  outline:3px solid rgba(245,165,36,.23);border-color:var(--aol-yellow);
}
.aol-august-form input[type=file]{width:100%;font-size:12px}
.aol-august-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.aol-august-privacy{font-size:11px;line-height:1.45;color:#657168;margin:-2px 0 14px}
.aol-august-submit{
  width:100%;border:0;border-radius:9px;background:var(--aol-yellow);color:var(--aol-ink);
  padding:12px 14px;font:800 14px/1 "Avenir Next",Avenir,sans-serif;cursor:pointer;
}
.aol-august-submit:disabled{opacity:.55;cursor:wait}
.aol-august-status{font-size:13px;line-height:1.45;margin-top:12px;color:var(--aol-green)}
.aol-august-status.is-error{color:#b42318}
.aol-august-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
@media(max-width:600px){
  .aol-august{right:14px;bottom:14px}
  .aol-august-panel{position:fixed;left:14px;right:14px;bottom:80px;width:auto;max-height:calc(100vh - 105px)}
  .aol-august-grid{grid-template-columns:1fr}
}


/* August v1.2 – diskret tip-boble */
.aol-august-nudge{
  position:absolute;
  right:0;
  bottom:66px;
  white-space:nowrap;
  border:1px solid rgba(19,97,46,.22);
  border-radius:14px;
  background:#fff;
  color:var(--aol-green);
  padding:11px 14px;
  font:700 14px/1.2 "Avenir Next",Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-shadow:0 8px 28px rgba(0,0,0,.14);
  cursor:pointer;
  animation:aolAugustNudgeIn .22s ease-out;
}
.aol-august-nudge::after{
  content:"";
  position:absolute;
  right:28px;
  bottom:-7px;
  width:12px;
  height:12px;
  background:#fff;
  border-right:1px solid rgba(19,97,46,.22);
  border-bottom:1px solid rgba(19,97,46,.22);
  transform:rotate(45deg);
}
.aol-august-nudge span{margin-left:3px}
@keyframes aolAugustNudgeIn{
  from{opacity:0;transform:translateY(7px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:600px){
  .aol-august-nudge{right:0;bottom:66px}
}


/* =====================================================
   August v1.3 – kompakt mobiltilstand ved scroll
   ===================================================== */
@media(max-width:600px){
  .aol-august-launcher{
    transition:
      width .22s ease,
      min-width .22s ease,
      padding .22s ease,
      border-radius .22s ease,
      transform .18s ease,
      box-shadow .18s ease;
  }

  .aol-august-label{
    max-width:110px;
    opacity:1;
    overflow:hidden;
    white-space:nowrap;
    transition:max-width .20s ease, opacity .14s ease, margin .20s ease;
  }

  /* Efter scroll: lille rund August-knap */
  .aol-august.is-compact .aol-august-launcher{
    width:50px;
    min-width:50px;
    height:50px;
    min-height:50px;
    padding:0;
    border-radius:50%;
    justify-content:center;
    gap:0;
  }

  .aol-august.is-compact .aol-august-label{
    max-width:0;
    opacity:0;
    margin:0;
  }

  .aol-august.is-compact .aol-august-wave{
    font-size:21px;
    line-height:1;
  }

  /* Taleboblen følger den kompakte knap */
  .aol-august.is-compact .aol-august-nudge{
    bottom:62px;
    right:0;
  }

  /* Når panelet er åbent, behold launcheren kompakt hvis brugeren er scrollet */
  .aol-august-panel:not([hidden]) + *{
    /* bevidst tom: panelet styres fortsat af eksisterende JS */
  }
}

@media(prefers-reduced-motion:reduce){
  .aol-august-launcher,
  .aol-august-label{
    transition:none!important;
  }
}