.parallax {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.is-apple .parallax {
  background-size: cover;
  background-attachment: scroll;
}

header .site-branding {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

header div[data-row="middle"] {
	 min-height: 80px;
   display: flex;
}

.w-card-info {
	height: 35px;
  padding: 10px;
  justify-content: center;
}

.w-collections-card > div:first-child > div:first-child {
	display: none
}

site-logo-container > img {
    margin-right: 15px;
}

#block-29 {
	margin-top: 0 !important;
}

/* جعل الحاوية الأساسية مستعدة لاستقبال الأيقونة */
.w-collections-card > div:first-child {
    position: relative;
}

/* إضافة الأيقونة في المنتصف */
.w-collections-card > div:first-child::after {
    /* تم استبدال FontAwesome بـ SVG مشفر */
    content: ""; 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%; /* حجم العدسة داخل الدائرة */
    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.5); /* الخلفية السوداء */
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block; /* الـ flex لا يعمل مع content فارغ في بعض المتصفحات */
    opacity: 0.7;
    transition: all 0.3s ease;
    pointer-events: none;
}

/* تأثير عند اللمس أو مرور الماوس */
.w-collections-card > div:first-child:hover::after,
.w-collections-card > div:first-child:active::after {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.8);
    transform: translate(-50%, -50%) scale(1.1);
}
footer div[data-column="widget-area-4"] .wp-block-heading {
  font-size: 18px;
}

.w-collections-title {
	text-align: center;
}

.w-collections-card {
	justify-content: space-between;
}

#menu-main-footer {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 20px;
}

@media only screen and (max-width: 767px) {
  .ct-container div[data-column="socials"] {
    display: none;
  }
	
	.w-collection-tags > ul > li {
		margin-inline: 8px !important;
	}
	footer div[data-column="widget-area-4"] .ct-widget {
		margin-top: 0 !important;
	}
	footer div[data-column="widget-area-4"] .wp-block-heading {
    font-size: 16px;
}
}