/* Release 8 — consent banner with a real choice.
   Extends .cookie-notice in main.css; the base rule stays untouched so
   nothing else that uses it shifts. */

.cookie-notice--choice{
  max-width:680px;
  align-items:flex-start;
  flex-wrap:wrap;
  padding:18px 22px;
  gap:14px 20px;
}

.cookie-notice--choice .cookie-notice__copy{flex:1 1 340px;min-width:0}

.cookie-notice--choice strong{
  display:block;
  font-size:.95rem;
  margin-bottom:5px;
  color:#fff;
  letter-spacing:-.01em;
}

.cookie-notice--choice p{
  font-size:.83rem;
  line-height:1.5;
  color:rgba(240,233,224,.82);
}

.cookie-notice--choice .cookie-notice__actions{
  display:flex;
  gap:10px;
  flex:0 0 auto;
  align-items:center;
  margin-left:auto;
}

.cookie-notice--choice .btn{
  flex-shrink:0;
  font-size:.86rem;
  padding:10px 18px;
  white-space:nowrap;
}

/* "Essential only" must be as easy to click as "Accept" — a reject
   button that is hidden, greyed or smaller is not a real choice, and
   under Law 25 a weighted choice is not consent. Same size, same
   prominence, only the fill differs. */
.cookie-notice--choice .btn-outline{
  background:transparent;
  border:1px solid rgba(240,233,224,.5);
  color:#F0E9E0;
}
.cookie-notice--choice .btn-outline:hover{
  border-color:#F0E9E0;
  background:rgba(240,233,224,.08);
}

.cookie-notice--choice button[disabled]{opacity:.55;cursor:default}

@media (max-width:620px){
  .cookie-notice--choice{
    flex-direction:column;
    align-items:stretch;
    padding:16px 18px;
  }
  .cookie-notice--choice .cookie-notice__actions{
    margin-left:0;
    width:100%;
  }
  .cookie-notice--choice .btn{flex:1 1 0;text-align:center}
}