/* ZAA Contact Info Card – Base */
.fic-card{box-sizing:border-box;direction:rtl;max-width:980px;margin:1.25rem auto;padding:1.25rem;border-radius:16px;position:relative;isolation:isolate}
.fic-title{font-weight:800;font-size:1.1rem;margin:0 0 .8rem 0;display:flex;gap:.5rem;align-items:center}
.fic-items{display:grid;grid-template-columns:1fr;gap:.7rem}
@media(min-width:640px){.fic-items{grid-template-columns:repeat(3,1fr)}}
.fic-item{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;border-radius:14px;text-decoration:none;transition:.2s ease;min-height:46px}
.fic-ico{font-size:1.1rem;line-height:1}
.fic-text{display:flex;flex-direction:column;gap:.12rem;min-width:0}
.fic-label{font-size:.78rem;opacity:.85}
\1

/* Multiline fix for long address or text */
.fic-item{min-width:0}
.fic-item.fic-multiline{align-items:flex-start}
.fic-item.fic-multiline .fic-value{white-space:normal;word-break:break-word;overflow-wrap:anywhere;text-overflow:clip;line-height:1.65}

.fic-link{direction:ltr;text-decoration:none}
.fic-item:hover .fic-link{text-decoration:underline}
.fic-empty{opacity:.6}
.fic--disabled{opacity:.6;filter:grayscale(1)}
.fic-warning{margin-top:.75rem;font-size:.85rem;color:#b42318;background:#fff6f6;border:1px solid #ffd5d5;border-radius:10px;padding:.5rem .75rem}

/* -------- Variants (10 styles) -------- */

/* 1) Neon Glass */
.fic-style-1{color:#e6efff;background:linear-gradient(#0f172a,#0f172a) padding-box,
linear-gradient(135deg,#22d3ee,#a855f7,#f97316) border-box;border:1px solid transparent;
box-shadow:0 18px 40px rgba(2,6,23,.45);backdrop-filter:saturate(120%) blur(8px)}
.fic-style-1 .fic-item{background:linear-gradient(to bottom right,rgba(255,255,255,.06),rgba(255,255,255,.03));
border:1px solid rgba(255,255,255,.14)}
.fic-style-1 .fic-item:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(2,6,23,.5)}

/* 2) Elegant Gradient */
.fic-style-2{color:#132238;background:linear-gradient(120deg,#fdfbfb,#ebedee);border:1px solid #e7ecf3}
.fic-style-2 .fic-item{background:#fff;border:1px solid #e8eef7;box-shadow:0 8px 18px rgba(17,24,39,.06)}
.fic-style-2 .fic-item:hover{transform:translateY(-2px)}

/* 3) Classic Clean (accent left) */
.fic-style-3{color:#1f2937;background:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 24px rgba(0,0,0,.06);position:relative}
.fic-style-3:before{content:'';position:absolute;inset:0 0 0 0;border-left:6px solid #3b82f6;border-radius:16px;pointer-events:none}
.fic-style-3 .fic-item{background:#f8fafc;border:1px solid #e5e7eb}
.fic-style-3 .fic-item:hover{background:#fff}

/* 4) Glass Card (fixed contrast) */
.fic-style-4{color:#eaf2ff;background:#0b1220 linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 50px rgba(2,6,23,.55);backdrop-filter:blur(10px) saturate(140%)}
.fic-style-4 .fic-item{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22)}
.fic-style-4 .fic-label{color:rgba(255,255,255,.9)}
.fic-style-4 .fic-value{color:#fff}
/* 5) Material Light */
.fic-style-5{color:#0f172a;background:#f8fafc;border:1px solid #e5e7eb}
.fic-style-5 .fic-item{background:#fff;border:1px solid #e5e7eb;box-shadow:0 6px 16px rgba(2,6,23,.06)}

/* 6) Material Dark (accent top) */
.fic-style-6{color:#f3f4f6;background:#111827;border:1px solid #1f2937;position:relative;overflow:hidden}
.fic-style-6:after{content:'';position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#06b6d4,#8b5cf6,#f59e0b)}
.fic-style-6 .fic-item{background:#0b1220;border:1px solid #1f2937}

/* 7) Colored Border */
.fic-style-7{color:#0b1220;background:#fff;border:2px solid transparent;
background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#06b6d4,#8b5cf6,#f59e0b);
background-origin:border-box;background-clip:padding-box,border-box}
.fic-style-7 .fic-item{background:#f8fafc;border:1px dashed #d1d5db}

/* 8) Warm Pastel */
.fic-style-8{color:#0b1220;background:linear-gradient(135deg,#fff7ed,#ffe4e6 40%,#e0e7ff);border:1px solid #fde68a}
.fic-style-8 .fic-item{background:rgba(255,255,255,.85);border:1px solid #fde68a}

/* 9) Soft Shadow */
.fic-style-9{color:#111827;background:#fff;border:1px solid #eaeaea;box-shadow:0 20px 60px rgba(0,0,0,.12)}
.fic-style-9 .fic-item{background:#f9fafb;border:1px solid #eee}

/* 10) Minimal Lined (distinct) */
.fic-style-10{color:#0b1220;background:#fff;border:1px solid #e5e7eb;background-image:repeating-linear-gradient(0deg,transparent,transparent 11px,rgba(17,24,39,.06) 12px),repeating-linear-gradient(90deg,transparent,transparent 11px,rgba(17,24,39,.06) 12px)}
.fic-style-10 .fic-item{background:#fff;border:1px dashed #cbd5e1}

.fic-item:hover .fic-value{opacity:.98}


/* === ZAA r20 responsive fixes === */
.fic-items{display:grid;gap:12px;grid-template-columns:1fr}
@media (min-width:640px){.fic-items{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.fic-items{grid-template-columns:repeat(3,1fr)}}
.fic-item{min-width:0} /* prevent overflow */
.fic-value{white-space:normal;word-break:break-word;overflow-wrap:anywhere}
.fic-value a{word-break:break-word;overflow-wrap:anywhere}