:root {
    --sadaa-header-height: 70px;
}

.main-header {
    --sadaa-header-height: 70px;
    background: #4790d4;
    background-image: none;
    height: var(--sadaa-header-height);
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    top: 0;
    z-index: 1000;
}

/* ✅ تغليف داخلي للهيدر */
.main-header .header-inner {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    gap: 15px;
}

/* ✅ تقسيم داخلي 3 أعمدة */
.header-section {
    flex: 1;
}
.header-left {
    text-align: right;
}
.header-center {
    text-align: center; /* هذا ماينفع لحاله مع flex */
    display: flex;
    justify-content: center; /* ← لمحاذاة الروابط يسار */
    align-items: center;
}

.header-section.header-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}

/* الشعار */
.logo-container {
    display:flex;
    align-items:center;
    height:var(--sadaa-header-height);
    max-height:var(--sadaa-header-height);
    overflow:hidden;
}

.logo-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:100%;
    max-height:100%;
    text-decoration:none;
}

.logo-link img{
    display:block;
    width:auto !important;
    height:auto !important;
    max-width:200px;
    max-height:calc(var(--sadaa-header-height) - 16px);
    object-fit:contain;
}

/* روابط الوسط */
.header-nav {
    display: flex;
    justify-content: center;
    gap: 0px;
}
.header-nav a {
    text-decoration: none;
    font-weight: normal;
	font-size: 14px;
    color: #333;
    padding: 6px 12px;
    transition: background-color 0.3s ease;
	font-family: var(--site-font-family);
}
.header-nav a:hover {
    transition: background-color 0.3s ease;
}
.header-nav i {
	text-align: center; /* هذا ماينفع لحاله مع flex */
    display: flex;
    justify-content: flex-start; /* ← لمحاذاة الروابط يسار */
    align-items: center;
    margin-right: 10px;
	margin-left: 0px;
}

.btn-add-ad {
  background-color: #fff;
  color: #000 !important;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px; /* فراغ بين الأيقونة والنص */
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  box-sizing: border-box;
  min-width: auto; /* تثبيت عرض مبدئي */
  height: 48px;
  z-index: 1000;
  margin-left: 15px; margin-right: 15px;
}

.btn-add-ad:hover {
  background-color: var(--sadaa-brand-deep);
  color: #fff !important;
  border: none;
}
.dropdown-menu {
  position: absolute;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 8px 0;
  min-width: 210px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  margin-top: 10px;
  z-index: 1000;
  margin-right: -75px;
}

.dropdown-item {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  color: #333;
  text-decoration: none;
  transition: background 0.2s ease;
}

.dropdown-item i {
  width: 25px;
  text-align: center;
  font-size: 15px;
  color: #666;
  margin-left: 5px;
}

.dropdown-item span {
  flex: 1;
  text-align: right;
  font-size: 14px;
  font-family: var(--site-font-family);
}

.dropdown-item:hover {
  background-color: #f5f5f5;
}

.hidden {
  display: none;
}

.btn-account {
  background: transparent;
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 10px 30px;
  cursor: pointer;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: var(--site-font-family);
  margin-left: 20px;
  height: 48px;
  
}
@media (max-width: 768px) {
  .btn-add-ad { display: none; }
  .logo-container { margin-right: 10px; }
  .header-nav { gap: 20px; }
}
.btn-store-directory{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:46px;
    padding:8px 15px;
    background:#002147;
    color:#ffffff;
    border:1px solid #002147;
    border-radius:5px;
    text-decoration:none;
    font-family: var(--site-font-family);
    font-size:14px;
    line-height:1;
    transition:background-color 0.22s ease,border-color 0.22s ease,color 0.22s ease;
}

.btn-store-directory:hover{
    background:#ffffff;
    border-color:#ffffff;
    color:#002147;
}

.btn-store-directory i{
    color:currentColor;
    font-size:14px;
}

/* ✅ في وضع التوافق يظهر زر دليل المتاجر / العودة للرئيسية كأيقونة فقط */
@media (max-width: 768px) {
  .main-header .btn-store-directory {
    width: 46px;
    min-width: 46px;
    height: 46px;
    min-height: 46px;
    padding: 0;
    gap: 0;
    flex-shrink: 0;
  }

  .main-header .btn-store-directory span {
    display: none;
  }

  .main-header .btn-store-directory i {
    margin: 0;
    font-size: 16px;
  }
}

/* ✅ إصلاح الخروج الأفقي الطفيف في الهيدر على الجوال
   ملاحظة: التقارب بين زر حسابي وزر دليل المتاجر صار بتقليل المسافة بينهما، وليس بتحريك الزر خارج حدود الشاشة. */
.main-header,
.main-header * {
  box-sizing: border-box;
}

.main-header .header-inner {
  max-width: 100%;
  min-width: 0;
}

.main-header .header-section {
  min-width: 0;
}

@media (max-width: 768px) {
  html {
    scroll-padding-top: var(--sadaa-header-height);
  }

  body {
    /* الهيدر ثابت على الجوال؛ نضمن حجز مساحته حتى لو كانت الصفحة نفسها تستخدم body { padding:0 }. */
    padding-top: var(--sadaa-header-height) !important;
  }

  .main-header {
    position: fixed;
    top: 0;
    inset-inline: 0;
    width: 100%;
    max-width: 100%;
    z-index: 7000;
  }

  .main-header .header-inner {
    width: 100%;
    max-width: 100%;
    padding-inline: 6px;
    gap: 6px;
  }

  .main-header .header-section.header-right {
    gap: 6px !important;
    min-width: 0;
  }

  .main-header .btn-account {
    margin-left: 0;
  }

  .main-header .btn-store-directory {
    transform: none;
  }

  .main-header .logo-container {
    margin-right: 0;
    min-width: 0;
  }

  .main-header .logo-link img {
    width:auto !important;
    height:auto !important;
    max-width:min(190px, 44vw);
    max-height:min(48px, calc(var(--sadaa-header-height) - 12px));
    object-fit:contain;
  }
}


/* ✅ زر دخول / حسابي في وضع التوافق يظهر كأيقونة فقط */
@media (max-width: 768px) {
  .main-header .btn-account {
    width: 46px;
    min-width: 46px;
    height: 46px;
    min-height: 46px;
    padding: 0;
    margin-left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex-shrink: 0;
  }

  .main-header .btn-account p,
  .main-header .btn-account .fa-caret-down {
    display: none !important;
  }

  .main-header .btn-account::before {
    content: "\f007";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #ffffff;
    font-size: 17px;
    line-height: 1;
  }
}

/* ✅ إصلاح قائمة دخول / حسابي في الجوال
   القائمة تبقى مرتبطة بزرها مباشرة، بدون fixed وبدون هامش سالب يسبب تمدداً أفقياً. */
.main-header .dropdown {
  position: relative;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .main-header .dropdown-menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: auto;
    width: 210px;
    min-width: 0;
    max-width: calc(100vw - 12px);
    margin: 0 !important;
    box-sizing: border-box;
    z-index: 5000;
    overflow: hidden;
  }

  .main-header .dropdown-item {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
  }

  .main-header .dropdown-item span {
    min-width: 0;
  }
}

/* ==================================================
   زر مشاركة الصفحة — سياق الهيدر فقط
   بنية الـ Popover نفسها تأتي من Design System المركزي.
   ================================================== */
.main-header .site-share{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.main-header .site-share-button{
  width:36px;
  min-width:36px;
  height:48px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:0;
  background:transparent;
  color:#ffffff;
  font-family:var(--site-font-family);
  cursor:pointer;
  box-shadow:none;
  appearance:none;
  -webkit-appearance:none;
  transition:opacity .18s ease,transform .18s ease;
}

.main-header .site-share-button:hover,
.main-header .site-share-button[aria-expanded="true"]{
  background:transparent;
  border-color:transparent;
  opacity:.82;
}

.main-header .site-share-button:focus-visible{
  outline:2px solid rgba(255,255,255,.45);
  outline-offset:3px;
  border-radius:6px;
}

.main-header .site-share-button i{
  margin:0;
  color:#ffffff;
  font-size:28px;
  line-height:1;
}

/* موضع Popover المشاركة خاص بمكان الزر داخل الهيدر. */
.main-header .site-share-menu{
  top:calc(100% + 10px);
  right:0;
  left:auto;
  direction:rtl;
  text-align:right;
}

.main-header .site-share-menu::before{
  right:18px;
  left:auto;
}

/* ألوان منصات المشاركة تبقى Context خاصًا بهذه الحالة. */
.main-header .site-share-native[hidden]{display:none !important}
.main-header .site-share-native i{color:var(--sadaa-primary);background:rgba(var(--sadaa-primary-rgb),.08);border-color:rgba(var(--sadaa-primary-rgb),.16)}
.main-header .site-share-whatsapp i{color:#15803d;background:#f0fdf4;border-color:#dcfce7}
.main-header .site-share-x i{color:#111827;background:#f8fafc;border-color:#e5e7eb}
.main-header .site-share-facebook i{color:#1877f2;background:#eff6ff;border-color:#dbeafe}
.main-header .site-share-telegram i{color:#0284c7;background:#f0f9ff;border-color:#dbeafe}
.main-header .site-share-copy i{color:#64748b;background:#f8fafc;border-color:#e5e7eb}

.main-header .site-share-copy.is-success{
  background:#ecfdf5;
  color:#166534;
}

.main-header .site-share-copy.is-success i{
  color:#15803d;
  background:#f0fdf4;
  border-color:#bbf7d0;
}

@media (max-width:768px){
  .main-header .site-share-button{
    width:32px;
    min-width:32px;
    height:46px;
  }

  /* زر المشاركة قريب من الحافة اليسرى على الجوال؛ نفتح للداخل. */
  .main-header .site-share-menu{
    top:calc(100% + 8px);
    left:0;
    right:auto;
    width:252px;
    min-width:0;
    max-width:calc(100vw - 12px);
  }

  .main-header .site-share-menu::before{
    left:18px;
    right:auto;
  }
}

/* =========================================================
   قائمة حسابي — Sadaa Premium Account Menu
   ========================================================= */
.main-header .dropdown{
  position:relative;
  flex-shrink:0;
}

.main-header #advertiserDropdown.dropdown-menu{
  position:absolute;
  top:calc(100% + 12px);
  left:0;
  right:auto;
  width:258px;
  min-width:258px;
  margin:0 !important;
  padding:9px;
  overflow:visible;

  background:#ffffff;
  border:1px solid rgba(var(--sadaa-brand-deep-rgb),.11);
  border-radius:8px;

  box-shadow:
    0 18px 42px rgba(var(--sadaa-brand-deep-rgb),.17),
    0 3px 10px rgba(var(--sadaa-brand-deep-rgb),.07);

  z-index:6500;
  direction:rtl;
  text-align:right;
}

/* خط الهوية أعلى القائمة */
.main-header #advertiserDropdown.dropdown-menu::before{
  content:"";
  position:absolute;
  top:-1px;
  right:18px;
  left:18px;
  height:3px;
  border-radius:0 0 3px 3px;
  background:var(--sadaa-primary);
}

/* السهم الصغير باتجاه زر حسابي */
.main-header #advertiserDropdown.dropdown-menu::after{
  content:"";
  position:absolute;
  top:-6px;
  left:24px;
  width:11px;
  height:11px;
  background:#ffffff;
  border-top:1px solid rgba(var(--sadaa-brand-deep-rgb),.11);
  border-left:1px solid rgba(var(--sadaa-brand-deep-rgb),.11);
  transform:rotate(45deg);
  z-index:-1;
}

/* عناصر القائمة */
.main-header #advertiserDropdown .dropdown-item{
  position:relative;
  width:100%;
  min-height:46px;
  padding:7px 9px;
  display:flex;
  align-items:center;
  gap:10px;

  color:#2f465a;
  background:transparent;
  border:0;
  border-bottom:1px solid #edf2f6;
  border-radius:0;

  text-decoration:none;
  box-sizing:border-box;

  transition:
    color .18s ease,
    background-color .18s ease,
    padding-inline-start .18s ease;
}

.main-header #advertiserDropdown .dropdown-item:last-child{
  border-bottom:0;
}

/* صندوق الأيقونة */
.main-header #advertiserDropdown .dropdown-item i{
  width:32px;
  min-width:32px;
  height:32px;
  margin:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;

  color:var(--sadaa-primary-dark);
  background:var(--sadaa-primary-50);
  border:1px solid var(--sadaa-line, #E9E2EB);
  border-radius:6px;

  font-size:13px;
  line-height:1;

  transition:
    color .18s ease,
    background-color .18s ease,
    border-color .18s ease,
    transform .18s ease;
}

.main-header #advertiserDropdown .dropdown-item span{
  flex:1;
  min-width:0;
  color:inherit;
  text-align:right;
  font-family:var(--site-font-family);
  font-size:13px;
  font-weight:400;
  line-height:1.6;
}

/* Hover */
.main-header #advertiserDropdown .dropdown-item:hover,
.main-header #advertiserDropdown .dropdown-item:focus-visible{
  color:var(--sadaa-primary-dark);
  background:var(--sadaa-primary-50);
  padding-inline-start:13px;
  outline:none;
}

.main-header #advertiserDropdown .dropdown-item:hover i,
.main-header #advertiserDropdown .dropdown-item:focus-visible i{
  color:#ffffff;
  background:var(--sadaa-primary);
  border-color:var(--sadaa-primary);
  transform:translateY(-1px);
}

/* تسجيل الخروج له معاملة مستقلة */
.main-header #advertiserDropdown .dropdown-item[href*="logout.php"]{
  margin-top:5px;
  color:#9f3434;
  border-top:1px solid #edf2f6;
  border-bottom:0;
}

.main-header #advertiserDropdown .dropdown-item[href*="logout.php"] i{
  color:#b24040;
  background:#fff6f6;
  border-color:#f4dddd;
}

.main-header #advertiserDropdown .dropdown-item[href*="logout.php"]:hover,
.main-header #advertiserDropdown .dropdown-item[href*="logout.php"]:focus-visible{
  color:#8f2929;
  background:#fff8f8;
}

.main-header #advertiserDropdown .dropdown-item[href*="logout.php"]:hover i,
.main-header #advertiserDropdown .dropdown-item[href*="logout.php"]:focus-visible i{
  color:#ffffff;
  background:#b24040;
  border-color:#b24040;
}

/* زر حسابي نفسه — تحسين خفيف حتى ينسجم مع القائمة */
.main-header .btn-account{
  transition:
    background-color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.main-header .btn-account:hover,
.main-header .btn-account[aria-expanded="true"]{
  background:rgba(var(--sadaa-brand-deep-rgb),.16);
  border-color:rgba(255,255,255,.72);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}

/* =========================
   الجوال
   ========================= */
@media (max-width:768px){
  .main-header #advertiserDropdown.dropdown-menu{
    top:calc(100% + 9px);
    left:0;
    right:auto;
    width:min(272px,calc(100vw - 18px));
    min-width:0;
    max-width:calc(100vw - 18px);
    padding:8px;
    border-radius:7px;
  }

  .main-header #advertiserDropdown.dropdown-menu::before{
    right:14px;
    left:14px;
  }

  .main-header #advertiserDropdown.dropdown-menu::after{
    left:17px;
  }

  .main-header #advertiserDropdown .dropdown-item{
    min-height:45px;
    padding:6px 8px;
    gap:9px;
  }

  .main-header #advertiserDropdown .dropdown-item i{
    width:31px;
    min-width:31px;
    height:31px;
    border-radius:6px;
    font-size:12.5px;
  }

  .main-header #advertiserDropdown .dropdown-item span{
    font-size:12.5px;
  }

  .main-header #advertiserDropdown .dropdown-item:hover,
  .main-header #advertiserDropdown .dropdown-item:focus-visible{
    padding-inline-start:11px;
  }
}

@media (max-width:420px){
  .main-header #advertiserDropdown.dropdown-menu{
    width:min(252px,calc(100vw - 14px));
    max-width:calc(100vw - 14px);
  }
}

@media (prefers-reduced-motion:reduce){
  .main-header #advertiserDropdown .dropdown-item,
  .main-header #advertiserDropdown .dropdown-item i,
  .main-header .btn-account{
    transition:none !important;
  }
}



/* =========================================================
   Header responsive width hardening
   الغلاف الخارجي للهيدر Full Width دائماً؛ وضع boxed يخص
   المحتوى الداخلي فقط. هذا يمنع انكماش الهيدر في التابلت.
   ========================================================= */
.main-header {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

@media (min-width: 769px) and (max-width: 1100px) {
  .main-header {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .main-header .header-inner {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* sadaa-tablet-header-add-ad-refine-20260925 */
@media (min-width:721px) and (max-width:1100px){
  .main-header .btn-add-ad{
    display:inline-flex!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:118px!important;
    max-width:none!important;
    height:44px!important;
    min-height:44px!important;
    padding:8px 13px!important;
    margin-inline:5px!important;
    gap:7px!important;
    font-size:13px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  .main-header .btn-add-ad i{
    flex:0 0 auto!important;
    margin:0!important;
  }
}



/* sadaa-dashboard-app-header-v1-20261002
   هيدر لوحات التحكم: يتبع هندسة الـ App Shell على سطح المكتب فقط. */
@media (min-width:1101px){
  .main-header.sadaa-dashboard-header{
    border-bottom:1px solid rgba(255,255,255,.14);
    box-shadow:0 1px 0 rgba(31,17,35,.08),0 8px 24px rgba(var(--sadaa-primary-rgb),.08) !important;
  }

  .main-header.sadaa-dashboard-header .header-inner{
    width:100% !important;
    max-width:none !important;
    height:100%;
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;
  }

  .main-header.sadaa-dashboard-header .header-section.header-left{
    flex:0 0 272px !important;
    width:272px !important;
    min-width:272px !important;
    height:100%;
    padding:0 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    border-inline-end:0 !important;
  }

  .main-header.sadaa-dashboard-header .logo-container{
    width:100%;
    height:100%;
    margin:0 !important;
    justify-content:center;
  }

  .main-header.sadaa-dashboard-header .logo-link{
    width:100%;
    justify-content:center;
  }

  .main-header.sadaa-dashboard-header .logo-link img{
    max-width:158px !important;
    max-height:calc(var(--sadaa-header-height) - 20px) !important;
  }

  .main-header.sadaa-dashboard-header .header-section.header-right{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:100%;
    padding:0 clamp(18px,2.15vw,34px) !important;
    gap:10px !important;
    justify-content:flex-end !important;
  }

  .main-header.sadaa-dashboard-header .btn-add-ad,
  .main-header.sadaa-dashboard-header .btn-account{
    height:46px !important;
    min-height:46px !important;
    border-radius:10px !important;
  }

  .main-header.sadaa-dashboard-header .btn-add-ad{
    min-width:118px;
    margin:0 !important;
    padding:0 16px !important;
    gap:7px;
    background:#fff !important;
    color:var(--sadaa-primary) !important;
    border:1px solid rgba(255,255,255,.72) !important;
    box-shadow:0 4px 12px rgba(32,18,37,.10);
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;
    transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease !important;
  }

  .main-header.sadaa-dashboard-header .btn-add-ad:hover,
  .main-header.sadaa-dashboard-header .btn-add-ad:focus-visible{
    background:rgba(255,255,255,.94) !important;
    color:var(--sadaa-primary) !important;
    transform:translateY(-1px);
    box-shadow:0 7px 16px rgba(32,18,37,.14);
  }

  .main-header.sadaa-dashboard-header .btn-account{
    min-width:122px;
    margin:0 !important;
    padding:0 18px !important;
    gap:8px;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:rgba(255,255,255,.10) !important;
    border:1px solid rgba(255,255,255,.26) !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:700 !important;
  }

  .main-header.sadaa-dashboard-header .btn-account p{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:100% !important;
    margin:0 !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1 !important;
  }

  .main-header.sadaa-dashboard-header .btn-account .fa-caret-down{
    margin:0 !important;
    font-size:12px;
    opacity:.82;
  }

  .main-header.sadaa-dashboard-header .btn-account:hover,
  .main-header.sadaa-dashboard-header .btn-account[aria-expanded="true"]{
    background:rgba(255,255,255,.17) !important;
    border-color:rgba(255,255,255,.40) !important;
    box-shadow:none !important;
  }

  .main-header.sadaa-dashboard-header .site-share{
    margin:0 !important;
    padding:0 !important;
  }

  .main-header.sadaa-dashboard-header .site-share-button{
    width:30px !important;
    min-width:30px !important;
    height:30px !important;
    min-height:30px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#fff !important;
    opacity:.96 !important;
    transition:opacity .18s ease,transform .18s ease !important;
  }

  .main-header.sadaa-dashboard-header .site-share-button i{
    margin:0 !important;
    font-size:16px !important;
    line-height:1 !important;
  }

  .main-header.sadaa-dashboard-header .site-share-button:hover,
  .main-header.sadaa-dashboard-header .site-share-button[aria-expanded="true"]{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    opacity:.76 !important;
    transform:none !important;
  }
}


/* =========================================================
   Global public header alignment + outlined share icon
   2026-10-05

   Public pages:
   - same visual width as the authenticated secondary navbar
   - exact 1450px max with 16px viewport gutters
   Dashboard pages keep their App Shell header geometry.
   ========================================================= */
@media (min-width:1101px){
  html body .main-header:not(.sadaa-dashboard-header) .header-inner{
    width:min(calc(100% - 32px),1450px) !important;
    max-width:1450px !important;
    margin-inline:auto !important;
    padding-inline:0 !important;
    box-sizing:border-box !important;
  }
}

/* Share icon: same connected-nodes idea, now fully outlined. */
html body .main-header .site-share-button .site-share-outline-icon{
  display:block !important;
  width:22px !important;
  height:22px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;

  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;

  color:#fff !important;
  flex:0 0 22px !important;
}

html body .main-header .site-share-head-icon .site-share-outline-icon{
  display:block !important;
  width:16px !important;
  height:16px !important;
  margin:0 !important;

  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}