/* ===============================
OUR STORY – ICONS + TEXT FIX
For Squarespace 7.1 (Miscellaneous)
=============================== */
/* -------- النصوص تحت الأيقونات -------- */
.section[data-section-id*="our-story"] .sqs-block-html p,
.section[data-section-id*="our-story"] .summary-block p,
.section[data-section-id*="our-story"] .content-wrapper p {
color: #5b4b41 !important; /* بني فاخر واضح */
font-weight: 500;
opacity: 1 !important;
text-align: center;
}
/* -------- الأيقونات الذهبية -------- */
.section[data-section-id*="our-story"] svg,
.section[data-section-id*="our-story"] .sqs-svg-icon,
.section[data-section-id*="our-story"] .icon svg {
width: 52px;
height: 52px;
fill: #d4af37 !important; /* الذهبي الفاخر */
stroke: #d4af37 !important;
stroke-width: 1.2;
filter: drop-shadow(0 0 4px rgba(212,175,55,0.5)); /* توهج خفيف */
transition: all 0.3s ease-in-out;
display: inline-block;
}
/* -------- تأثير اللمعان عند المرور -------- */
.section[data-section-id*="our-story"] svg:hover,
.section[data-section-id*="our-story"] .sqs-svg-icon:hover,
.section[data-section-id*="our-story"] .icon svg:hover {
transform: scale(1.15);
fill: #f7d774 !important; /* ذهبي أفتح */
stroke: #f7d774 !important;
filter: drop-shadow(0 0 8px rgba(247,215,116,0.7)); /* لمعان أقوى */
}
/* -------- محاذاة الأيقونة مع النص -------- */
.section[data-section-id*="our-story"] .sqs-block-html,
.section[data-section-id*="our-story"] .sqs-block-content,
.section[data-section-id*="our-story"] .summary-block {
text-align: center;
}
