/* Pages « Investisseurs étrangers » et services associés (#211). Complète simplanter-pages.css (#186). */
.ip-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 24px; }
.ip-pays { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 16px; padding: 0; list-style: none; }
.ip-dl { margin: 8px 0 0; } .ip-dl div { display: flex; flex-wrap: wrap; gap: 0 8px; } .ip-dl dt { font-weight: 600; } .ip-dl dd { margin: 0; overflow-wrap: anywhere; }
.ip-petit { font-size: 14px; line-height: 20px; color: var(--c-text-2, #475569); }
.ip-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.ip-form { max-width: 640px; margin: 0 0 16px; }
.ip-form .ui-field { margin: 0 0 16px; }
.ip-case { display: grid; grid-template-columns: 24px 1fr; gap: 12px; align-items: start; margin: 0 0 16px; }
.ip-case input { width: 24px; height: 24px; margin: 0; accent-color: var(--sp-marque); }
.ip-erreur { margin: 0 0 16px; padding: 12px 16px; border: 1px solid #FCA5A5; border-radius: var(--r-sm, 8px); background: #FEF2F2; color: #991B1B; }
.ip-page .sp-fiche__pied a, .ip-page .sp-etape__liens a { overflow-wrap: anywhere; }
.ip-page .ip-actions .ui-btn, .ip-page .ip-pays .ui-btn, .ip-page .sp-corps p > .ui-btn { white-space: normal; max-width: 100%; height: auto; min-height: 44px; text-align: center; overflow-wrap: anywhere; }
.ip-form .ui-input { display: block; width: 100%; max-width: 100%; box-sizing: border-box; }

/* Pays d'origine (#211) : tuiles, drapeaux, types d'organismes. */
.ip-tuiles { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 0 0 16px; padding: 0; list-style: none; }
@media (min-width: 480px) { .ip-tuiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 768px) { .ip-tuiles { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } }
@media (min-width: 1024px) { .ip-tuiles { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.ip-tuiles > li[hidden] { display: none; }
.ip-tuile { display: grid; grid-template-columns: 64px minmax(0, 1fr); grid-template-areas: "d n" "d c"; gap: 0 16px; align-items: center; min-width: 0; min-height: 44px; padding: 16px; color: inherit; text-decoration: none; background: #fff; border: 1px solid var(--sp-bord, #e2e8f0); border-radius: var(--r-md, 12px); box-shadow: var(--sh-2, 0 4px 16px rgba(15, 23, 42, .08)); }
.ip-tuile:hover, .ip-tuile:focus-visible { border-color: var(--c-brand, #1d4ed8); }
.ip-tuile__drapeau { grid-area: d; width: 64px; height: 48px; object-fit: cover; border: 1px solid var(--sp-bord, #e2e8f0); border-radius: 4px; }
.ip-tuile__nom { grid-area: n; font-weight: 600; overflow-wrap: anywhere; }
.ip-tuile__n { grid-area: c; font-size: 14px; line-height: 20px; color: var(--c-text-2, #475569); }
.ip-recherche { max-width: 480px; margin: 0 0 16px; }
.ip-recherche .ui-input { display: block; width: 100%; max-width: 100%; box-sizing: border-box; }
.ip-drapeau { margin: 0 0 16px; }
.ip-drapeau img { border: 1px solid var(--sp-bord, #e2e8f0); border-radius: 4px; max-width: 100%; height: auto; }
.ip-type { margin: 0; font-size: 14px; line-height: 20px; font-weight: 600; color: var(--c-text-2, #475569); }
.sp-fiche .ip-petit { margin: 0; overflow-wrap: anywhere; }
