/* ============================================================
   Cinfee language flags — drawn in pure CSS (no external image)
   ============================================================ */
.flag-en { background: linear-gradient(180deg, #012169 0 33%, #ffffff 33% 66%, #C8102E 66%); position: relative; overflow: hidden; }
.flag-en::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 50%; background:
  linear-gradient(45deg, transparent 45%, #fff 45% 55%, transparent 55%),
  linear-gradient(-45deg, transparent 45%, #fff 45% 55%, transparent 55%);
  background-size: 7px 7px; }
.flag-en::after { content: ''; position: absolute; inset: 0; background:
  linear-gradient(135deg, transparent 47%, #C8102E 47% 53%, transparent 53%),
  linear-gradient(45deg, transparent 47%, #C8102E 47% 53%, transparent 53%);
  background-size: 14px 14px; }

.flag-es { background: linear-gradient(180deg, #AA151B 0 25%, #F1BF00 25% 75%, #AA151B 75%); }
.flag-fr { background: linear-gradient(90deg, #002395 0 33.3%, #ffffff 33.3% 66.6%, #ED2939 66.6%); }
.flag-de { background: linear-gradient(180deg, #000000 0 33.3%, #DD0000 33.3% 66.6%, #FFCE00 66.6%); }
.flag-ru { background: linear-gradient(180deg, #ffffff 0 33.3%, #0039A6 33.3% 66.6%, #D52B1E 66.6%); }

.flag-ar { background: #006C35; position: relative; }
.flag-ar::before {
  content: '☪'; position: absolute; inset: 0;
  display: grid; place-items: center;
  color: #fff; font-size: 11px;
  text-shadow: 0 0 2px rgba(0,0,0,.3);
}