/*

    Theme Name:		 Brikk Child v2
    Theme URI:		 https://themeforest.net/item/brikk-directory-listing-wordpress-theme/29105129
    Description:	 Brikk Child is a child theme of Brikk
    Author:			 Utillz
    Author URI:		 https://themeforest.net/user/utillz
    Template:		 brikk
    Version:		 1.7.0.3
    Text Domain:	 brikk-child

*/
/* .brk-articles .brk--item .brk--content .brk--excerpt,
.brk-articles .brk--item .brk--content .brk--date
 {
    color: #fff;
} */

.brk-articles .brk--item .brk--content .brk--category {
	background-color: #393939;
	
}
.brk-bg:after, .rz-button:after {
	background:transparent;
}
.brk-breadcrumb ul li span,
.brk-breadcrumb ul li a{
	color:#fff;
}

.blog .brk-msnry .brk--item,
.brk-sidebar .brk-widget{

	   background-color: #d8d8d8;;
}
/* .brk-msnry .brk--item .brk--title,
.brk-msnry .brk--item .brk--meta,
.brk-msnry .brk--item .brk--date,
.brk-msnry .brk--item .brk--excerpt,
.brk-msnry .brk--item .brk--more a,
.elementor-kit-9 h2{
	color:#000;
} */
/* Welcome Screen Overlay */
.rz-welcome-screen-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #000;
    z-index: 999999; /* Higher than Brikk modal */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.rz-welcome-screen-overlay.rz-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.rz-welcome-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

/* Hero Section */
.rz-welcome-hero {
    flex: 1;
    position: relative;
    overflow: hidden;
}

.rz-welcome-hero img {
    width: 100%;
    height: 90%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.25) translateX(-12%);
}

.rz-welcome-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.2) 0%,
        rgba(0, 0, 0, 0.5) 50%,
        rgba(0, 0, 0, 0.95) 100%
    );
}

/* Branding Section */
.rz-welcome-branding {
    position: absolute;
    bottom: 280px;
    left: 0;
    right: 0;
    text-align: center;
    padding: 0 30px;
    z-index: 10;
}

.rz-welcome-logo {
    margin: 0 auto -23px;
    width: 100%;
    height: 145px;
}

.rz-welcome-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
	 filter: brightness(0) invert(1) drop-shadow(0 0 8px rgba(255,255,255,0.4));
}

.rz-welcome-title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

/* Action Buttons */
.rz-welcome-actions {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    padding: 35px 25px 50px;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 0.98) 70%,
        rgba(0, 0, 0, 0) 100%
    );
    display: flex;
    flex-direction: column;
    gap: 16px;
    z-index: 10;
}

.rz-welcome-btn {
    width: 100%;
    padding: 18px 24px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: inherit;
}

.rz-welcome-signin {
    background: #fff;
    color: #000;
    box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2);
}

.rz-welcome-signin:hover {
    background: #f5f5f5;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 255, 255, 0.3);
}

.rz-welcome-signup {
    background: transparent;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.9);
}

.rz-welcome-signup:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: #fff;
}

.rz-welcome-skip {
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
    padding: 14px;
    font-size: 14px;
    font-weight: 500;
}

.rz-welcome-skip:hover {
    color: rgba(255, 255, 255, 0.9);
}

/* Hide signin modal initially when welcome is shown */
body.rz-welcome-active .rz-modal.rz-modal-signin,
body.rz-welcome-active .rz-modal-overlay {
    opacity: 0 !important;
    pointer-events: none !important;
}
/* Hide welcome screen by default - only show via JS */
.rz-welcome-screen-overlay {
    display: none; /* Changed from flex */
}

.rz-welcome-screen-overlay.rz-show {
    display: flex;
}

/* Desktop: Don't show welcome screen */
@media (min-width: 768px) {
    .rz-welcome-screen-overlay {
        display: none !important;
    }
}

@media (max-width:767px) {
/* 	 .elementor-kit-9 a {
    color: #fff !important;
} */
	.brk-mobile-bar .brk-mobile-row a {
		color: #fff !important;
	}

/* body:not(.elementor-12028),
body:not(.elementor-element-1b9eb07),
.elementor-kit-9:not(.elementor-12028) {
    background: #fff !important;
    color: #000 !important;
} */
/* 	.elementor-kit-9 h1,
	.elementor-kit-9 h2,
	.elementor-kit-9 h3,
	.elementor-kit-9 h4,
	.elementor-kit-9 h5,
	.elementor-kit-9 h6,
	.elementor-kit-9 p{
		color:#000 !important;
	} */
	.brk--sub-title.brk--size-small p {
			color:#fff !important;
	}
	.brk-embed-street-view .brk-buttons .rz-button,
	.brk-cover.brk--gallery-lighbox a,
	.brk-bg:after, .rz-button:after {
		    background-color: #7F7F7F;
	}
	.rz-calendar .rz-calendar-month .rz-days li.rz--day-disabled, .rz-calendar .rz-calendar-month .rz-days li.rz--not-available, .rz-calendar .rz-calendar-month .rz-days li.rz--past-day, .rz-calendar .rz-calendar-month .rz-days li.rz--temp-disabled {
		color:#000!important;
	}
		.rz-calendar .rz-calendar-month .rz-days li.rz--day-disabled, .rz-calendar .rz-calendar-month .rz-days li.rz--not-available, .rz-calendar .rz-calendar-month .rz-days li.rz--past-day, .rz-calendar .rz-calendar-month .rz-days  {
		color:#000!important;
	}
	.brk-breadcrumb ul li span, .brk-breadcrumb ul li a{
				color:#000!important;

	}
	body:not(.home) .brk-hide-heading.elementor-page .brk-container, .brk-overlap-header .brk-container, .elementor-page .brk-container {
	        margin-top: 3rem;
	}
	.rz--icon-filters a,
	.rz-ml-auto a,
	.brk-mobile-listing-top a,
	.rz-mod-listing-meta .rz--meta li a{
	    color:#000 !important;
	}
	.rz-signin-social ul {
	    padding-left: 0;
	}
	#mpos-identifier,
	.mpos-input{
	    color:#000 !important;
	    ;
	}
	.woocommerce-page form .form-row label, .woocommerce form .form-row label {
	    color:#000 !important;
	}
	.elementor-element-1e5b882f  .brk-section.brk-elementor-row h3,
	.elementor-element-1e5b882f  .brk-section.brk-elementor-row p {
		 color:#fff !important;
	}
}
/*.rz-mod-listing-meta .rz--meta li i {*/
/*	font-family: 'amenities' !important;*/
/*}	*/
.brk-embed-street-view .brk-buttons .rz-button,
	.brk-cover.brk--gallery-lighbox a,
	.brk-bg:after, .rz-button:after {
		    background-color: #7F7F7F;
	}
	
.brk--footer .brk--meta > a:last-child{
    display: none !important;
}
	
	
	/*Apply css icons for menu in mobile
	*/
	
	
	/* ==========================================
   Mobile menu icons for:
   .brk--nav nav.brk-nav-mobile ul.menu li a
   (You already added the menu-icon-* classes)
========================================== */
/* ==========================================
   Base layout (matches reference)
========================================== */

.brk--nav .brk-nav-mobile ul.menu{
  margin: 0;
  padding: 0;
}

.brk--nav .brk-nav-mobile ul.menu > li{
  list-style: none;
  margin: 0;
  padding: 0;
}

.brk--nav .brk-nav-mobile ul.menu > li > a{
  display: flex;
  align-items: center;
  justify-content: space-between; /* text left, icon right */
  padding: 16px 18px;
  text-decoration: none;

  /* Reference-like divider */
  border-bottom: 1px solid rgba(0,0,0,.10);
}

/* Optional: remove last border if you want */
.brk--nav .brk-nav-mobile ul.menu > li:last-child > a{
  border-bottom: 0;
}

/* Keep text style clean (optional) */
.brk--nav .brk-nav-mobile ul.menu > li > a{
  letter-spacing: .02em;
  text-transform: uppercase;
}

/* ==========================================
   Right icon (use ::after)
========================================== */

.brk--nav .brk-nav-mobile ul.menu > li > a::after{
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  display: inline-block;

  /* inherits link color */
  background-color: currentColor;

  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;

  /* keeps it visually aligned like reference */
  opacity: .9;
}

/* ===== icon mapping (uses your menu item classes) ===== */

/* ACCOUNT (user) */
.brk--nav .brk-nav-mobile li.menu-icon-account > a::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='7' r='4' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='7' r='4' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
}

/* BOOKING (clipboard/list) */
.brk--nav .brk-nav-mobile li.menu-icon-booking > a::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 2h6a2 2 0 0 1 2 2v1H7V4a2 2 0 0 1 2-2z' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M7 5h10v17H7z' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M9 9h6M9 13h6M9 17h6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 2h6a2 2 0 0 1 2 2v1H7V4a2 2 0 0 1 2-2z' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M7 5h10v17H7z' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M9 9h6M9 13h6M9 17h6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* PAYMENT (credit card) */
.brk--nav .brk-nav-mobile li.menu-icon-payment > a::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='6' width='18' height='12' rx='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M3 10h18' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M7 15h5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='6' width='18' height='12' rx='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M3 10h18' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M7 15h5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* EVENTS (calendar +) */
.brk--nav .brk-nav-mobile li.menu-icon-add > a::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='16' rx='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 9h18' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 13v6M9 16h6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='16' rx='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 9h18' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 13v6M9 16h6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* INVITE FRIENDS (user plus) */
.brk--nav .brk-nav-mobile li.menu-icon-invite > a::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 21a6 6 0 0 0-12 0' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='10' cy='7' r='4' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M19 8v6M16 11h6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 21a6 6 0 0 0-12 0' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='10' cy='7' r='4' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M19 8v6M16 11h6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* SETTINGS (gear) */
.brk--nav .brk-nav-mobile li.menu-icon-settings > a::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M19.4 15a7.8 7.8 0 0 0 .1-2l2-1.5-2-3.5-2.4 1a7.7 7.7 0 0 0-1.7-1L15 3h-6l-.4 2.9a7.7 7.7 0 0 0-1.7 1L4.5 6.0l-2 3.5L4.5 11a7.8 7.8 0 0 0 .1 2l-2 1.5 2 3.5 2.4-1a7.7 7.7 0 0 0 1.7 1L9 21h6l.4-2.9a7.7 7.7 0 0 0 1.7-1l2.4 1 2-3.5z' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M19.4 15a7.8 7.8 0 0 0 .1-2l2-1.5-2-3.5-2.4 1a7.7 7.7 0 0 0-1.7-1L15 3h-6l-.4 2.9a7.7 7.7 0 0 0-1.7 1L4.5 6.0l-2 3.5L4.5 11a7.8 7.8 0 0 0 .1 2l-2 1.5 2 3.5 2.4-1a7.7 7.7 0 0 0 1.7 1L9 21h6l.4-2.9a7.7 7.7 0 0 0 1.7-1l2.4 1 2-3.5z' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* LOG OUT (power) */
.brk--nav .brk-nav-mobile li.menu-icon-logout > a::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2v10' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M18.4 6.6a9 9 0 1 1-12.8 0' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2v10' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M18.4 6.6a9 9 0 1 1-12.8 0' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.brk--nav .brk-nav-mobile li.menu-icon-terms > a::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h7l3 3v15H7z' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M14 3v4h4' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M9 11h6M9 15h6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h7l3 3v15H7z' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M14 3v4h4' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M9 11h6M9 15h6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.brk--nav .brk-nav-mobile li.menu-icon-about > a::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M12 11v6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 8h.01' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M12 11v6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 8h.01' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
}
.brk--nav .brk-nav-mobile li.menu-icon-delete > a::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M10 11v7M14 11v7' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 7l1 14h10l1-14' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M9 7V4h6v3' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M10 11v7M14 11v7' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 7l1 14h10l1-14' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M9 7V4h6v3' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.brk--nav .brk-nav-mobile ul.menu > li > a{
  justify-content: space-between;
}

.brk--nav .brk-nav-mobile ul.menu > li > a::before{
  order: 1 ;           
}


.convert-black,
.convert-black a{
	color:#000 !important;
}
	.brk-breadcrumb ul li span, .brk-breadcrumb ul li a{
				color:#000!important;

	}

/* ============================================================
   Admin-only menu item visibility
   ============================================================ */

/* Hidden for everyone by default */
.show_for_admins_only {
    display: none !important;
}

/* Show ONLY on mobile AND ONLY for admins */
@media (max-width: 768px) {
    body.is-admin-user .show_for_admins_only {
        display: block !important;
    }
}

/* ============================================================
   Mobile nav — shared styles for admin + messages items
   ============================================================ */

.brk--nav .brk-nav-mobile li.show_for_admins_only,
.brk--nav .brk-nav-mobile li.menu-icon-messages {
    position: relative;
}

.brk--nav .brk-nav-mobile li.show_for_admins_only > a,
.brk--nav .brk-nav-mobile li.menu-icon-messages > a {
    position: relative;
    display: flex;
    align-items: center;
}

/* ============================================================
   Chat bubble SVG icon — admin menu item only
   ============================================================ */

.brk--nav .brk-nav-mobile li.show_for_admins_only > a::after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
    vertical-align: middle;
    margin-inline-start: 8px;
}

/* ============================================================
   Unread dot — mobile nav menu items (li-based)
   ============================================================ */

.brk--nav .brk-nav-mobile li.show_for_admins_only > a::before,
.brk--nav .brk-nav-mobile li.menu-icon-messages > a::before {
    content: '';
    position: absolute;
    top: 40%;
    right: 15px;
    transform: translateY(-50%) translateX(100%);
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ef4444;
    display: none;
}

.brk--nav .brk-nav-mobile li.show_for_admins_only.has-unread > a::before,
.brk--nav .brk-nav-mobile li.menu-icon-messages.has-unread > a::before {
    display: block;
}

/* ============================================================
   Unread dot — injected <span> for a[data-name="Messages"]
   (bottom bar + account nav link)
   ============================================================ */

.rz-unread-dot {
    position: absolute;
    top: -2px;
    right: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ef4444 !important;
    border: 1.5px solid #fff;
    display: block;
    z-index: 99;
    pointer-events: none;
    -webkit-mask-image: none !important;
            mask-image: none !important;
    -webkit-mask-size: unset !important;
            mask-size: unset !important;
}
/* Force the injected dot visible — scoped to account nav */
a[data-name="Messages"] {
    position: relative;
    overflow: visible !important;
}

a[data-name="Messages"] .rz-unread-dot {
    position: absolute;
    top: -10px;
    right: 15px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ef4444 !important;
    border: 1.5px solid #fff;
    display: block !important;
    z-index: 999;
    pointer-events: none;
    /* Hard reset mask inheritance */
    -webkit-mask-image: none !important;
            mask-image: none !important;
    -webkit-mask-size: unset !important;
            mask-size: unset !important;
    opacity: 1 !important;
    visibility: visible !important;
    /* Reset any transform that might move it offscreen */
    transform: none !important;
}
.brk-header .brk-header-container .brk-site-logo img {

    max-width: 320px;
    max-height: 75px;
    margin: 0;
}

.rz-is-explore .rz-form-group input[type=text] {
	    background-color: var(--field-bg) !important;
}