/* ============================================================
   Consent banner — styled to the site, not to a plugin default.
   Loaded on every page alongside rtl.css.
   ============================================================ */
.consent{
  position:fixed;
  inset-inline:clamp(16px,4vw,32px);
  inset-block-end:clamp(16px,4vw,32px);
  z-index:300;
  max-width:640px;
  margin-inline:auto;
  display:flex;
  align-items:center;
  gap:clamp(16px,3vw,30px);
  flex-wrap:wrap;
  padding:clamp(18px,3vw,24px) clamp(20px,3.4vw,28px);
  background:#0d0d0d;
  border:1px solid rgba(216,216,214,.12);
  border-radius:3px;
  box-shadow:0 18px 50px rgba(0,0,0,.55);
  animation:consentIn .7s cubic-bezier(.16,1,.3,1) both;
}
@keyframes consentIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.consent-t{
  flex:1 1 260px;
  margin:0;
  font-size:12.5px;
  line-height:1.75;
  color:rgba(248,247,244,.50);
}
.consent-t a{
  color:rgba(248,247,244,.50);
  border-bottom:1px solid rgba(216,216,214,.12);
  text-decoration:none;
}
.consent-t a:hover{color:#F8F7F4}

.consent-b{display:flex;gap:10px;flex:none}
.consent-b button{
  font-family:inherit;
  font-size:10px;
  font-weight:500;
  letter-spacing:.24em;
  text-transform:uppercase;
  padding:13px 22px;
  border-radius:2px;
  cursor:pointer;
  background:transparent;
  border:1px solid rgba(216,216,214,.12);
  color:#F8F7F4;
  transition:border-color .5s cubic-bezier(.16,1,.3,1),background .5s cubic-bezier(.16,1,.3,1);
}
.consent-b button:hover{border-color:#D8D8D6;background:rgba(248,247,244,.045)}
.consent-b button.solid{background:#F8F7F4;border-color:#F8F7F4;color:#111111}
.consent-b button.solid:hover{background:#D8D8D6;border-color:#D8D8D6}

/* Arabic: no letterspacing on joined script, and a readable floor */
html[dir="rtl"] .consent-b button{letter-spacing:0;text-transform:none;font-size:13px}
html[dir="rtl"] .consent-t{font-size:13px}

@media(max-width:560px){
  .consent{flex-direction:column;align-items:stretch}
  .consent-b button{flex:1}
}
@media(prefers-reduced-motion:reduce){.consent{animation:none}}