/* Shared branding utilities for site identity visuals */
.site-logo {
  display: inline-block;
  width: 100px;             /* تقدر تغير الحجم من هنا */
  height: 100px;            /* لازم الرقم ده يكون نفس اللي فوق بالظبط */
  border-radius: 50%;       /* ده اللي بيخليها دائرة */
  object-fit: cover;        /* عشان الصورة ماتتمطش وتملى الدائرة */
  object-position: center;  /* عشان يسنتر الصورة جوه الدائرة */
  border: none;             /* شيلنا البرواز عشان ما يبانش مربعات بيضة */
  background-color: transparent; /* عشان ما يبقاش فيه خلفية بيضة */
  overflow: hidden;         /* ده أهم سطر عشان يقطع أي زيادة خارج الدائرة */
}