/*
 * Amidal ShipBox – flags.css
 * "Pravi set zastava" – lagana implementacija preko inline SVG background-a (bez dodatnih ovisnosti).
 * Ako želiš isključivo PNG sprite, samo zamijeni background-image url() po državi na sprite i namjesti background-position.
 */

.amidal-flag{
  display:inline-block;
  background-repeat:no-repeat;
  background-size:cover; /* SVG je vektorski i ostaje oštar na svim DPI-ima */
}

/* Hrvatska (HR) – crveno-bijelo-plavo (bez grba radi jednostavnosti) */
.amidal-flag-hr{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'>\
  <rect width='3' height='2' fill='%23ff0000'/>\
  <rect y='0.6666' width='3' height='0.6667' fill='%23ffffff'/>\
  <rect y='1.3333' width='3' height='0.6667' fill='%23005bbb'/>\
</svg>"); }

/* Austrija (AT) – crveno-bijelo-crveno */
.amidal-flag-at{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'>\
  <rect width='3' height='2' fill='%23ed2939'/>\
  <rect y='0.6666' width='3' height='0.6667' fill='%23ffffff'/>\
</svg>"); }

/* Njemačka (DE) – crno-crveno-zlatno */
.amidal-flag-de{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'>\
  <rect width='3' height='2' fill='%23000000'/>\
  <rect y='0.6666' width='3' height='0.6667' fill='%23dd0000'/>\
  <rect y='1.3333' width='3' height='0.6667' fill='%23ffce00'/>\
</svg>"); }

/* Slovenija (SI) – bijelo-plavo-crveno (bez grba radi jednostavnosti) */
.amidal-flag-si{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'>\
  <rect width='3' height='2' fill='%23ffffff'/>\
  <rect y='0.6666' width='3' height='0.6667' fill='%230056b3'/>\
  <rect y='1.3333' width='3' height='0.6667' fill='%23d50000'/>\
</svg>"); }

/* Mađarska (HU) – crveno-bijelo-zeleno */
.amidal-flag-hu{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'>\
  <rect width='3' height='2' fill='%23ce2939'/>\
  <rect y='0.6666' width='3' height='0.6667' fill='%23ffffff'/>\
  <rect y='1.3333' width='3' height='0.6667' fill='%23036a3f'/>\
</svg>"); }

/* Italija (IT) – zeleno-bijelo-crveno (vertikalne pruge) */
.amidal-flag-it{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'>\
  <rect width='3' height='2' fill='%23ffffff'/>\
  <rect width='1' height='2' x='0' fill='%23009646'/>\
  <rect width='1' height='2' x='2' fill='%23ce2b37'/>\
</svg>"); }

/* Generički fallback (siva pozadina) ako za traženu zemlju nema klase */
.amidal-flag:empty{ background:#eee; }

/* --- DODATNE EU ZASTAVE --- */

/* Belgija (BE) – crna-žuta-crvena (vertikalno) */
.amidal-flag-be{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'>\
  <rect width='1' height='2' x='0' fill='%23000000'/>\
  <rect width='1' height='2' x='1' fill='%23ffd90c'/>\
  <rect width='1' height='2' x='2' fill='%23ef3340'/>\
</svg>"); }

/* Bugarska (BG) – bijelo-zeleno-crveno */
.amidal-flag-bg{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'>\
  <rect width='3' height='2' fill='%23ffffff'/>\
  <rect y='0.6666' width='3' height='0.6667' fill='%2323a63f'/>\
  <rect y='1.3333' width='3' height='0.6667' fill='%23d62612'/>\
</svg>"); }

/* Češka (CZ) – bijelo-crveno s plavim trokutom */
.amidal-flag-cz{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'>\
  <rect width='3' height='1' y='0' fill='%23ffffff'/>\
  <rect width='3' height='1' y='1' fill='%23d7141a'/>\
  <polygon points='0,0 1.5,1 0,2' fill='%230114a8'/>\
</svg>"); }

/* Estonija (EE) – plavo-crno-bijelo */
.amidal-flag-ee{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'>\
  <rect width='3' height='0.6667' fill='%23007ac7'/>\
  <rect y='0.6667' width='3' height='0.6667' fill='%23000000'/>\
  <rect y='1.3333' width='3' height='0.6667' fill='%23ffffff'/>\
</svg>"); }

/* Finska (FI) – bijela s plavim križem */
.amidal-flag-fi{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'>\
  <rect width='18' height='12' fill='%23ffffff'/>\
  <rect x='0' y='4.5' width='18' height='3' fill='%23007ac7'/>\
  <rect x='5' y='0' width='3' height='12' fill='%23007ac7'/>\
</svg>"); }

/* Francuska (FR) – plavo-bijelo-crveno (vertikalno) */
.amidal-flag-fr{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'>\
  <rect width='1' height='2' x='0' fill='%230052a5'/>\
  <rect width='1' height='2' x='1' fill='%23ffffff'/>\
  <rect width='1' height='2' x='2' fill='%23ef3340'/>\
</svg>"); }

/* Grčka (GR) – pojednostavljena: plavo-bijelo s križem u kutu */
.amidal-flag-gr{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 18'>\
  <rect width='27' height='18' fill='%230057b7'/>\
  <rect x='0' y='7' width='27' height='4' fill='%23ffffff'/>\
  <rect x='7' y='0' width='4' height='18' fill='%23ffffff'/>\
</svg>"); }

/* Irska (IE) – zeleno-bijelo-narančasto */
.amidal-flag-ie{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'>\
  <rect width='1' height='2' x='0' fill='%23009a49'/>\
  <rect width='1' height='2' x='1' fill='%23ffffff'/>\
  <rect width='1' height='2' x='2' fill='%23ff8200'/>\
</svg>"); }

/* Latvija (LV) – tamnocrvena-bijela-tamnocrvena */
.amidal-flag-lv{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'>\
  <rect width='3' height='2' fill='%238a1538'/>\
  <rect y='0.8' width='3' height='0.4' fill='%23ffffff'/>\
</svg>"); }

/* Litva (LT) – žuto-zeleno-crveno */
.amidal-flag-lt{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'>\
  <rect width='3' height='0.6667' fill='%23ffb81c'/>\
  <rect y='0.6667' width='3' height='0.6667' fill='%23009646'/>\
  <rect y='1.3333' width='3' height='0.6667' fill='%23c8102e'/>\
</svg>"); }

/* Malta (MT) – pojednostavljena: bijelo-crveno */
.amidal-flag-mt{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'>\
  <rect width='1.5' height='2' x='0' fill='%23ffffff'/>\
  <rect width='1.5' height='2' x='1.5' fill='%23cf142b'/>\
</svg>"); }

/* Nizozemska (NL) – crveno-bijelo-plavo */
.amidal-flag-nl{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'>\
  <rect width='3' height='0.6667' fill='%23ae1c28'/>\
  <rect y='0.6667' width='3' height='0.6667' fill='%23ffffff'/>\
  <rect y='1.3333' width='3' height='0.6667' fill='%2312149d'/>\
</svg>"); }

/* Poljska (PL) – bijelo-crveno */
.amidal-flag-pl{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'>\
  <rect width='3' height='1' fill='%23ffffff'/>\
  <rect y='1' width='3' height='1' fill='%23dc143c'/>\
</svg>"); }

/* Portugal (PT) – pojednostavljeno: zeleno-crveno */
.amidal-flag-pt{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'>\
  <rect width='12' height='20' x='0' fill='%2300633f'/>\
  <rect width='18' height='20' x='12' fill='%23ff2936'/>\
</svg>"); }

/* Rumunjska (RO) – plavo-žuto-crveno (vertikalno) */
.amidal-flag-ro{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'>\
  <rect width='1' height='2' x='0' fill='%23114fa3'/>\
  <rect width='1' height='2' x='1' fill='%23ffd90c'/>\
  <rect width='1' height='2' x='2' fill='%23da121a'/>\
</svg>"); }

/* Slovačka (SK) – bijelo-plavo-crveno (bez grba) */
.amidal-flag-sk{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'>\
  <rect width='3' height='0.6667' fill='%23ffffff'/>\
  <rect y='0.6667' width='3' height='0.6667' fill='%23014aa6'/>\
  <rect y='1.3333' width='3' height='0.6667' fill='%23ee1c25'/>\
</svg>"); }

/* Švedska (SE) – plava sa žutim križem */
.amidal-flag-se{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'>\
  <rect width='18' height='12' fill='%23006aa7'/>\
  <rect x='0' y='5' width='18' height='2' fill='%23ffcd00'/>\
  <rect x='6' y='0' width='2' height='12' fill='%23ffcd00'/>\
</svg>"); }

/* Španjolska (ES) – crveno-žuto-crveno */
.amidal-flag-es{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'>\
  <rect width='3' height='2' fill='%23aa151b'/>\
  <rect y='0.5' width='3' height='1' fill='%fff200'/>\
</svg>"); }

/* Ujedinjeno Kraljevstvo (GB) – pojednostavljena Union Jack (stilizirana) */
.amidal-flag-gb{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'>\
  <rect width='60' height='40' fill='%23012a6b'/>\
  <polygon points='0,0 24,0 60,26 60,40 36,40 0,14' fill='%23ffffff'/>\
  <polygon points='60,0 36,0 0,26 0,40 24,40 60,14' fill='%23ffffff'/>\
  <rect x='24' width='12' height='40' fill='%23ffffff'/>\
  <rect y='14' width='60' height='12' fill='%23ffffff'/>\
  <rect x='26' width='8' height='40' fill='%23c8102e'/>\
  <rect y='16' width='60' height='8' fill='%23c8102e'/>\
</svg>"); }

/* Norveška (NO) – crvena s plavim križem rubno bijelim */
.amidal-flag-no{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 16'>\
  <rect width='22' height='16' fill='%23ba0c2f'/>\
  <rect x='0' y='6' width='22' height='4' fill='%23ffffff'/>\
  <rect x='6' y='0' width='4' height='16' fill='%23ffffff'/>\
  <rect x='0' y='7' width='22' height='2' fill='%23003e7e'/>\
  <rect x='7' y='0' width='2' height='16' fill='%23003e7e'/>\
</svg>"); }

/* Švicarska (CH) – crvena s bijelim križem */
.amidal-flag-ch{ background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'>\
  <rect width='32' height='32' fill='%23ff0000'/>\
  <rect x='12' y='6' width='8' height='20' fill='%23ffffff'/>\
  <rect x='6' y='12' width='20' height='8' fill='%23ffffff'/>\
</svg>"); }
/* ---- Fix: flag images sizing/override theme defaults ---- */
.amidal-shipbox img.amidal-flag-img{ 
  display:inline-block; 
  width:21px !important; 
  height:14px !important; 
  max-width:none !important; 
  max-height:none !important; 
  object-fit:cover; 
  vertical-align:-2px; 
  margin-right:6px; 
  border:1px solid #ddd; 
  border-radius:2px; 
  box-shadow:none; 
}

/* Prevent flex stretching in the header row */
.amidal-shipbox .l1-left img.amidal-flag-img{ flex:0 0 auto; }