/* 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}
.fic-value{font-size:.96rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.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:#0b1220;background:#ffffff;border:1px solid #e5e7eb;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.fic-style-1 .fic-item{background:#f9fafb;border:1px solid #e5e7eb}
.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 */
.fic-style-3{color:#1f2937;background:#fff;border:1px solid #e5e7eb;box-shadow:0 12px 28px rgba(0,0,0,.06)}
.fic-style-3 .fic-item{background:#f8fafc;border:1px solid #e5e7eb}
.fic-style-3 .fic-item:hover{background:#fff}

/* 4) Glass Card */
.fic-style-4{color:#eaf2ff;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));
border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(12px) saturate(140%)}
.fic-style-4 .fic-item{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25)}

/* 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 */
.fic-style-6{color:#f3f4f6;background:#111827;border:1px solid #1f2937}
.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) Chevron */
.fic-style-8{color:#0b1220;background:repeating-linear-gradient(135deg,#f8fafc,#f8fafc 14px,#eef2f7 14px,#eef2f7 28px);border:1px solid #e5e7eb}
.fic-style-8 .fic-item{background:#fff;border:1px solid #e5e7eb}

/* 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 */
.fic-style-10{color:#0b1220;background:linear-gradient(#fff,#fff) padding-box, repeating-linear-gradient(0deg,#dbeafe,#dbeafe 1px,transparent 1px,transparent 10px) border-box;border:1px solid transparent}
.fic-style-10 .fic-item{background:#fff;border:1px solid #e5e7eb}

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


/* Subtitle under main title */
.fic-subtitle{margin-top:.25rem;font-size:.9rem;opacity:.9}

.fic-addr{grid-column:1 / -1}

.fic-multiline .fic-value{white-space:normal;word-break:break-word;overflow:visible}


/* Contrast tweaks */
.fic-style-1,.fic-style-4,.fic-style-6{color:#eaf2ff}
.fic-style-1 .fic-label,.fic-style-4 .fic-label,.fic-style-6 .fic-label{color:rgba(230,240,255,.9)}
.fic-style-1 .fic-value,.fic-style-4 .fic-value,.fic-style-6 .fic-value{color:#ffffff}

.fic-style-2 .fic-label,.fic-style-3 .fic-label,.fic-style-5 .fic-label,.fic-style-7 .fic-label,.fic-style-8 .fic-label,.fic-style-9 .fic-label,.fic-style-10 .fic-label{color:#374151}
.fic-style-2 .fic-value,.fic-style-3 .fic-value,.fic-style-5 .fic-value,.fic-style-7 .fic-value,.fic-style-8 .fic-value,.fic-style-9 .fic-value,.fic-style-10 .fic-value{color:#111827}

/* Address robust wrap */
.fic-addr{grid-column:1 / -1}
.fic-addr .fic-value,
.fic-item[aria-label="آدرس"] .fic-value{
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    display: block;
}

/* Stronger contrast set */
.fic-style-1,.fic-style-4,.fic-style-6{color:#fff}
.fic-style-1 .fic-item,.fic-style-4 .fic-item,.fic-style-6 .fic-item{border-color:rgba(255,255,255,.22)}
.fic-style-1 .fic-label,.fic-style-4 .fic-label,.fic-style-6 .fic-label{color:rgba(255,255,255,.92)}
.fic-style-1 .fic-value,.fic-style-4 .fic-value,.fic-style-6 .fic-value{color:#fff}

.fic-style-2,.fic-style-3,.fic-style-5,.fic-style-7,.fic-style-8,.fic-style-9,.fic-style-10{color:#0b1220}
.fic-style-2 .fic-label,.fic-style-3 .fic-label,.fic-style-5 .fic-label,.fic-style-7 .fic-label,.fic-style-8 .fic-label,.fic-style-9 .fic-label,.fic-style-10 .fic-label{color:#374151}
.fic-style-2 .fic-value,.fic-style-3 .fic-value,.fic-style-5 .fic-value,.fic-style-7 .fic-value,.fic-style-8 .fic-value,.fic-style-9 .fic-value,.fic-style-10 .fic-value{color:#111827}

/* Link visibility */
.fic-item .fic-link{color:inherit}
.fic-item:hover .fic-link{text-decoration:underline}


/* === Responsive overflow fixes (v4) === */
.fic-card{overflow:hidden}
.fic-item{overflow:hidden}
.fic-value,.fic-label{word-break:break-word;overflow-wrap:anywhere}
.fic-link{word-break:break-all}

/* force safe single-column earlier and allow wrapping */
@media (max-width: 768px){
  .fic-items{grid-template-columns:1fr !important}
  .fic-item{align-items:flex-start;flex-wrap:wrap}
  .fic-value{white-space:normal}
}

/* super-narrow devices */
@media (max-width: 420px){
  .fic-title{font-size:1rem}
  .fic-item{gap:.5rem}
  .fic-value{font-size:.9rem}
}


/* Force hours row full width */
.fic-hours{grid-column:1 / -1}


/* === Custom Overrides (2025-09-03): Lighten dark styles 4 & 6 for white background contrast,
   and differentiate styles while aligning with the aesthetic of style-7 === */

/* Style 4: convert glassy dark to soft light card */
.fic-style-4{
  color:#0b1220 !important;
  background:#ffffff !important;
  border:1px solid #e5e7eb !important;
  box-shadow:0 10px 30px rgba(2,6,23,.06) !important;
  backdrop-filter:none !important;
}
.fic-style-4 .fic-item{
  background:#f8fafc !important;
  border:1px solid #e5e7eb !important;
}

/* Style 6: adopt a gradient-border variation inspired by style-7 (but distinct palette & angle) */
.fic-style-6{
  color:#0b1220 !important;
  background:#ffffff !important;
  border:2px solid transparent !important;
  background-image:linear-gradient(#ffffff,#ffffff),linear-gradient(135deg,#10b981,#3b82f6,#6366f1) !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
}
.fic-style-6 .fic-item{
  background:#ffffff !important;
  border:1px dashed #d1d5db !important;
}

/* Ensure readable label/value colors for styles 4 & 6 */
.fic-style-4 .fic-label,
.fic-style-6 .fic-label{color:#374151 !important}
.fic-style-4 .fic-value,
.fic-style-6 .fic-value{color:#111827 !important}

/* Preserve uniqueness across styles: subtle hover elevation */
.fic-style-4 .fic-item:hover,
.fic-style-6 .fic-item:hover{box-shadow:0 6px 18px rgba(2,6,23,.08)}


/* --- Action Buttons --- */
.fic-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.fic-btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .9rem;border-radius:10px;border:1px solid rgba(0,0,0,.12);font-weight:700;text-decoration:none;transition:all .2s ease;background:#fff}
.fic-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.08)}
/* Variants */
.fic-style-1 .fic-btn{background:rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(10px)}
.fic-btn--map::before{content:"🗺️";margin-left:.35rem}
.fic-btn--wa::before{content:"💬";margin-left:.35rem}
.fic-btn--tg::before{content:"✈️";margin-left:.35rem}
.fic-btn--ig::before{content:"📷";margin-left:.35rem}
.fic-btn--site::before{content:"🌐";margin-left:.35rem}
.fic-btn--email::before{content:"✉️";margin-left:.35rem}
.fic-btn--call::before{content:"📞";margin-left:.35rem}

/* Emphasize first 4 digits of mobile numbers */
.fic-num-lead{font-size:1.25em;font-weight:800;letter-spacing:.5px}
/* Button-style items placed inside grid */
.fic-item--button .fic-value .fic-btn{width:100%}

/* --- Override: Style 1 -> Light (no dark bg) --- */
.fic-style-1{color:#0b1220;background:#ffffff;border:1px solid #e5e7eb;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.fic-style-1 .fic-item{background:#f9fafb;border:1px solid #e5e7eb}
.fic-style-1 .fic-title{color:#0b1220}

/* --- Custom overrides (user request) --- */
.fic-btn--wa{ color:#16a34a !important; }        /* green text for WhatsApp */
.fic-btn--ig{ color:#7e22ce !important; }        /* purple text for Instagram */
 /* remove 📷 emoji before IG */

/* Consistency & color overrides */
.fic-item--button>.fic-ico{display:none !important;}

/* IG inside button override */
.fic-btn--ig::before{ content:"📷" !important; margin-left:.35rem; }


/* --- Spacing tuning (auto-insert under first paragraph) --- */
.fic-card{ margin: 1.25rem 0 !important; }

/* -------- New Bright Variants (11–20) – based on style-7 but with more diverse visuals -------- */

/* 11) Blue–Green Gradient Border */
.fic-style-11{
  color:#0b1220;
  background:#ffffff;
  border:2px solid transparent;
  background-image:linear-gradient(#ffffff,#ffffff),
                   linear-gradient(135deg,#06b6d4,#22c55e);
  background-origin:border-box;
  background-clip:padding-box,border-box;
  box-shadow:0 14px 30px rgba(15,23,42,.09);
}
.fic-style-11 .fic-item{
  background:#f1f5f9;
  border:1px dashed #cbd5f5;
}

/* 12) Orange–Pink Gradient Border */
.fic-style-12{
  color:#0b1220;
  background:#ffffff;
  border:2px solid transparent;
  background-image:linear-gradient(#ffffff,#ffffff),
                   linear-gradient(135deg,#fb923c,#ec4899);
  background-origin:border-box;
  background-clip:padding-box,border-box;
  box-shadow:0 18px 34px rgba(124,45,18,.16);
}
.fic-style-12 .fic-item{
  background:#fff7ed;
  border:1px dashed #fed7aa;
}

/* 13) Turquoise Minimal */
.fic-style-13{
  color:#0b1220;
  background:#ecfeff;
  border:1px solid #a5f3fc;
  box-shadow:0 12px 28px rgba(8,47,73,.12);
}
.fic-style-13 .fic-item{
  background:#ffffff;
  border:1px solid #bae6fd;
}

/* 14) Purple Minimal */
.fic-style-14{
  color:#0b1220;
  background:#f5f3ff;
  border:1px solid #ddd6fe;
  box-shadow:0 12px 28px rgba(76,29,149,.12);
}
.fic-style-14 .fic-item{
  background:#ffffff;
  border:1px dashed #c4b5fd;
}

/* 15) Soft Multi-Color Border */
.fic-style-15{
  color:#0b1220;
  background:#ffffff;
  border:2px solid transparent;
  background-image:linear-gradient(#ffffff,#ffffff),
                   linear-gradient(90deg,#38bdf8,#a855f7,#f97316);
  background-origin:border-box;
  background-clip:padding-box,border-box;
  box-shadow:0 16px 32px rgba(15,23,42,.12);
}
.fic-style-15 .fic-item{
  background:#f9fafb;
  border:1px dashed #e5e7eb;
}

/* 16) Pastel Border */
.fic-style-16{
  color:#0b1220;
  background:#fdf2ff;
  border:2px solid transparent;
  background-image:linear-gradient(#fdf2ff,#fdf2ff),
                   linear-gradient(120deg,#a5b4fc,#f9a8d4);
  background-origin:border-box;
  background-clip:padding-box,border-box;
  box-shadow:0 12px 26px rgba(99,102,241,.16);
}
.fic-style-16 .fic-item{
  background:#ffffff;
  border:1px dashed #e5e7eb;
}

/* 17) Wavy Light Background */
.fic-style-17{
  color:#0b1220;
  background:radial-gradient(circle at 0 0,#e0f2fe 0,#ffffff 55%),
             radial-gradient(circle at 100% 100%,#fee2e2 0,#ffffff 55%);
  border:1px solid #e5e7eb;
  box-shadow:0 16px 32px rgba(15,23,42,.08);
}
.fic-style-17 .fic-item{
  background:#ffffff;
  border:1px solid #e5e7eb;
}

/* 18) Dotted Light Background */
.fic-style-18{
  color:#0b1220;
  background-image:radial-gradient(#e5e7eb 1px,transparent 0);
  background-size:16px 16px;
  background-color:#ffffff;
  border:1px solid #e5e7eb;
  box-shadow:0 10px 24px rgba(15,23,42,.08);
}
.fic-style-18 .fic-item{
  background:#f9fafb;
  border:1px solid #e5e7eb;
}

/* 19) Raised Light Card */
.fic-style-19{
  color:#0b1220;
  background:#ffffff;
  border:1px solid #e5e7eb;
  box-shadow:0 18px 40px rgba(15,23,42,.16);
}
.fic-style-19 .fic-item{
  background:#f3f4f6;
  border:1px solid #e5e7eb;
}

/* 20) Flat Ultra-Clean */
.fic-style-20{
  color:#0b1220;
  background:#f9fafb;
  border:1px solid #e5e7eb;
  box-shadow:none;
}
.fic-style-20 .fic-item{
  background:#ffffff;
  border:1px solid #e5e7eb;
}

/* common label/value colors for new light styles */
.fic-style-11 .fic-label,
.fic-style-12 .fic-label,
.fic-style-13 .fic-label,
.fic-style-14 .fic-label,
.fic-style-15 .fic-label,
.fic-style-16 .fic-label,
.fic-style-17 .fic-label,
.fic-style-18 .fic-label,
.fic-style-19 .fic-label,
.fic-style-20 .fic-label{
  color:#6b7280;
}
.fic-style-11 .fic-value,
.fic-style-12 .fic-value,
.fic-style-13 .fic-value,
.fic-style-14 .fic-value,
.fic-style-15 .fic-value,
.fic-style-16 .fic-value,
.fic-style-17 .fic-value,
.fic-style-18 .fic-value,
.fic-style-19 .fic-value,
.fic-style-20 .fic-value{
  color:#111827;
}

/* Accessibility fix: ensure style-1 text is dark on light background */
.fic-style-1{
  color:#0b1220 !important;
}
.fic-style-1 .fic-label{
  color:#374151 !important;
}
.fic-style-1 .fic-value{
  color:#111827 !important;
}