/* Golden Oldies Radio Reclame Planner - theme-friendly front-end styling */
.gor-rp-form{
  --gor-rp-accent: var(--wp--preset--color--primary, var(--wp--preset--color--accent, currentColor));
  max-width:960px;
  margin:2rem auto;
  padding:clamp(1rem,2vw,2rem);
  color:inherit;
  background:color-mix(in srgb, currentColor 4%, transparent);
  border:1px solid color-mix(in srgb, currentColor 18%, transparent);
  border-radius:18px;
  box-shadow:0 12px 35px rgba(0,0,0,.10);
}

.gor-rp-form h2{
  margin-top:0;
  color:inherit;
}

.gor-rp-form p,
.gor-rp-form strong,
.gor-rp-form span,
.gor-rp-form small,
.gor-rp-form label{
  color:inherit;
}

.gor-rp-form section{
  margin:1.25rem 0;
  padding:1rem;
  color:inherit;
  background:color-mix(in srgb, currentColor 3%, transparent);
  border:1px solid color-mix(in srgb, currentColor 16%, transparent);
  border-radius:14px;
}

.gor-rp-form label{
  display:block;
  margin:.7rem 0;
  font-weight:600;
}

.gor-rp-form input,
.gor-rp-form textarea,
.gor-rp-form select{
  width:100%;
  box-sizing:border-box;
  padding:.75rem;
  color:inherit;
  background:color-mix(in srgb, currentColor 6%, transparent);
  border:1px solid color-mix(in srgb, currentColor 25%, transparent);
  border-radius:10px;
  font:inherit;
}

.gor-rp-form input::placeholder,
.gor-rp-form textarea::placeholder{
  color:color-mix(in srgb, currentColor 60%, transparent);
}

.gor-rp-form input[type=radio]{
  width:auto;
  margin-right:.45rem;
  accent-color:var(--gor-rp-accent);
}

.gor-rp-grid,
.gor-rp-packages{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1rem;
}

.gor-rp-package{
  padding:1rem;
  color:inherit;
  background:color-mix(in srgb, currentColor 4%, transparent);
  border:1px solid color-mix(in srgb, currentColor 22%, transparent);
  border-radius:14px;
  cursor:pointer;
  transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.gor-rp-package:hover,
.gor-rp-package:has(input:checked){
  border-color:var(--gor-rp-accent);
  box-shadow:0 0 0 2px color-mix(in srgb, var(--gor-rp-accent) 30%, transparent);
  background:color-mix(in srgb, var(--gor-rp-accent) 10%, transparent);
}

.gor-rp-package strong,
.gor-rp-package span,
.gor-rp-package small{
  display:block;
  margin:.25rem 0;
}

.gor-rp-summary{
  padding:1rem;
  border-radius:14px;
  background:color-mix(in srgb, currentColor 7%, transparent);
  border:1px solid color-mix(in srgb, currentColor 14%, transparent);
}

.gor-rp-submit{
  padding:.9rem 1.4rem;
  border:0;
  border-radius:999px;
  font-weight:700;
  cursor:pointer;
  background:var(--gor-rp-accent);
  color:#fff;
}

.gor-rp-submit:hover{
  filter:brightness(1.08);
}

.gor-rp-success{
  max-width:960px;
  margin:1rem auto;
  padding:1rem;
  border-radius:12px;
  background:color-mix(in srgb, #16a34a 18%, transparent);
  border:1px solid color-mix(in srgb, #16a34a 55%, transparent);
  color:inherit;
}

/* Fallback for older browsers without color-mix support */
@supports not (background: color-mix(in srgb, white 50%, black)){
  .gor-rp-form,
  .gor-rp-form section,
  .gor-rp-package,
  .gor-rp-summary{
    background:transparent;
    border-color:currentColor;
  }
  .gor-rp-form input,
  .gor-rp-form textarea,
  .gor-rp-form select{
    background:transparent;
    color:inherit;
    border-color:currentColor;
  }
}
.gor-rp-package-image{display:block;margin:0 0 .75rem}.gor-rp-package-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;display:block}.gor-rp-sample audio{width:100%;max-width:560px;display:block;margin-top:.75rem}.gor-rp-sample{border-color:color-mix(in srgb, var(--gor-rp-accent) 28%, transparent)}