/*
  Selina Theme - Front styles (minimal)
  Focus: 3-part header (Top bar + Middle (logo/ad) + Bottom main menu strip)
*/

:root{
  --selina-header-bottom-bg: #1f2328;
  --selina-footer-bar-bg: var(--selina-header-bottom-bg);
  --selina-accent: #1e73be;
  --selina-site-width: 1200px;
  /* Mobile gutters used by the container system (keeps content full-width without overflow) */
  --selina-gutter: 16px;
  --selina-sidebar-col: 30%;
  --selina-main-hover-bg: var(--selina-accent);
  --selina-main-active-bg: var(--selina-accent);
  --selina-main-active-underline: #ffcc00;
}

body{
  margin: 0;
  font-family: var(--selina-font-family, Tahoma, Arial, sans-serif);
  min-height: 100%;
}

/*
  Important: do NOT force body height to 100%.
  When body has a fixed height (100%), the page background stops at the viewport height
  and you will see the html background while scrolling ("background does not extend").
  We keep html/body at min-height: 100% and let body grow naturally.
*/
html{ height: auto; min-height: 100%; }
body{ height: auto; min-height: 100%; }

/* --------------------------------------------------------------------------
 * Mobile safe layout
 * Goal: let containers stretch freely, but never overflow the viewport.
 * -------------------------------------------------------------------------- */
*, *::before, *::after{
  box-sizing: border-box;
}

html, body{
  max-width: 100%;
  overflow-x: clip;
}

@supports not (overflow: clip){
  html, body{ overflow-x: hidden; }
}

/* Media elements should never overflow their parents */
img, svg, video, canvas, iframe, embed, object{
  max-width: 100%;
  height: auto;
}

/* Safer wrapping: prevent horizontal overflow without breaking numbers/prices.
   Apply aggressive wrapping only in content areas where long URLs are expected. */
.selina-entry-content,
.selina-sidebar{
  overflow-wrap: break-word;
  word-break: break-word;
}

/* Allow very long URLs to wrap (but avoid global 'anywhere' that can break prices). */
.selina-entry-content a,
.selina-sidebar a{
  overflow-wrap: anywhere;
}

/* Code blocks can scroll horizontally instead of breaking layout */
pre, code{
  max-width: 100%;
  overflow-x: auto;
}

/* Tables inside post/page content should scroll (not overflow the viewport).
   Exclude WooCommerce system tables to avoid breaking cart/checkout layouts. */
.selina-entry-content table:not(.shop_table):not(.woocommerce-table):not(.wc-block-cart-items):not(.wc-block-cart-items__table):not(.wc-block-components-totals-table),
.selina-entry-content .wp-block-table{
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Flex/Grid children in page builders can overflow unless min-width is reset */
.elementor-container,
.elementor-row,
.wp-block-columns,
.wp-block-group,
.wp-block-cover,
.wp-block-media-text,
.selina-layout,
.selina-checkout-grid{
  min-width: 0;
}

/* Screen-reader-only */
.selina-sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* Thin top line (like the reference UI) */
.selina-site{
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.selina-site::before{
  content: "";
  display: block;
  height: 2px;
  background: linear-gradient(90deg, #ff3b30, #ffcc00, #34c759, #5ac8fa, #007aff, #af52de);
}

.selina-container{
  width: 100%;
  max-width: var(--selina-site-width);
  margin: 0 auto;
  padding-left: var(--selina-gutter);
  padding-right: var(--selina-gutter);
}

/*
  Wide container is used for archives/home/search templates that are not wrapped
  by .selina-main. Add vertical breathing room so content/sidebars do not stick
  to the header/breaking-news bar.
*/
.selina-container-wide{
  padding-top: 28px;
  padding-bottom: 28px;
}

.selina-header a{
  text-decoration: none !important;
}

/* Thin top line (like Jannah) */
.selina-header-topline{
  height: 2px;
  background: linear-gradient(90deg,#ff3b30 0 12.5%,#ff9500 12.5% 25%,#ffcc00 25% 37.5%,#34c759 37.5% 50%,#32ade6 50% 62.5%,#0a84ff 62.5% 75%,#5856d6 75% 87.5%,#ff2d55 87.5% 100%);
}

.selina-top-date{
  border-radius: 0;
}

.selina-top-datetime{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
	font-weight: 600;
}

.selina-top-datetime-sep{
	opacity: 0.6;
	font-weight: 400;
}

.selina-top-time{
	opacity: 0.85;
}

.selina-topbar.is-dark .selina-top-datetime,
.selina-topbar.is-dark .selina-top-date,
.selina-topbar.is-dark .selina-top-time{
	color: rgba(255,255,255,0.92);
}

.selina-topbar.is-dark .selina-top-datetime-sep{
	color: rgba(255,255,255,0.55);
}

/* Top bar */
.selina-topbar{
  background: #ffffff;
  border-bottom: 1px solid #e6e8eb;
  font-size: 13px;
}

.selina-top-inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 36px;
  padding: 6px 16px;
}

.selina-top-left{
  color: #2b2f36;
  display: flex;
  align-items: center;
  gap: 18px;
  flex: 1;
  min-width: 0;
}

.selina-top-right{
  color: #2b2f36;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  white-space: nowrap;
}

/* Weather (Top bar right) */
.selina-weather{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  color: #2b2f36;
}

.selina-weather-icon{
  width: 20px;
  height: 20px;
  display: block;
  opacity: 0.92;
  filter: grayscale(1) saturate(0);
}

/* Keep the icon readable on both light/dark header bars */
.selina-topbar.is-light .selina-weather-icon{
  filter: grayscale(1) saturate(0) brightness(0.6);
}
.selina-topbar.is-dark .selina-weather-icon{
  filter: grayscale(1) saturate(0) brightness(1.2);
}


.selina-weather-city{
  opacity: 0.85;
}

.selina-weather-temp{
  font-weight: 700;
}

/* Weather - dark nav support + admin error hint */
/*
  Important: the Secondary (top) nav bar is styled as a LIGHT bar by default.
  Some setups may still add the .is-dark class based on options.
  We keep the weather text readable on the top bar by NOT forcing white there.
  The Main (bottom) nav bar is the one that is typically dark.
*/
.selina-bottombar.is-dark .selina-weather{
  color: rgba(255,255,255,0.92);
}
.selina-bottombar.is-dark .selina-weather-city{
  opacity: 0.9;
}
.selina-weather--error{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  font-size: 14px;
  line-height: 1;
  color: #ff3b30;
}
.selina-bottombar.is-dark .selina-weather--error{
  color: #ffcc00;
}

/* Weather widget - admin error message */
.widget_selina_weather .selina-weather-widget--error{
  padding: 12px 14px 16px;
}
.widget_selina_weather .selina-weather-widget__error{
  font-size: 13px;
  line-height: 1.5;
  color: rgba(16,24,40,0.75);
}
html.selina-dark-mode .widget_selina_weather .selina-weather-widget__error{
  color: rgba(255,255,255,0.75);
}

.selina-top-nav{
  flex: 0 0 auto;
}

.selina-top-menu{
  list-style: none;
  display: flex;
  gap: 18px;
  margin: 0;
  padding: 0;
  justify-content: flex-start;
  flex-wrap: wrap;
}


.selina-top-social-icons{
  margin-left: 8px;
}
body.rtl .selina-top-social-icons{
  margin-left: 0;
  margin-right: 8px;
}
.selina-top-toggle,
.selina-nav-toggle{
  display: none;
  appearance: none;
  border: 1px solid rgba(0,0,0,0.12);
  background: #ffffff;
  color: #1f2328;
  height: 34px;
  min-width: 40px;
  padding: 0 12px;
  border-radius: 0;
  cursor: pointer;
}

.selina-nav-toggle{
  border-color: rgba(255,255,255,0.16);
  background: transparent;
  color: #ffffff;
  height: 42px;
  min-width: 44px;
}

.selina-top-menu li{
  margin: 0;
  padding: 0;
}

.selina-top-menu a{
  color: #2b2f36;
  padding: 6px 0;
  display: inline-block;
}

.selina-top-menu a:hover{
  color: var(--selina-accent);
}

/* Middle header */
.selina-middle{
  background: #ffffff;
  padding: 18px 0;
}

.selina-middle-inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.selina-logo{
  display: flex;
  align-items: center;
}

.selina-logo-img{
  display: block;
  width: auto;
  max-height: 72px;
}


/* Logo variants (mobile + dark mode) */
.selina-logo-link{
  display: inline-flex;
  align-items: center;
}

.selina-logo-img--mobile{
  display: none;
}

/* By default, hide dark variants to avoid duplicate logos */
.selina-has-dark-logo .selina-logo-img--desktop.selina-logo-img--dark{
  display: none;
}

/* If mobile logos exist, keep the mobile dark variant hidden by default (it will be swapped in Dark Mode on small screens) */
.selina-has-mobile-logo .selina-logo-img--mobile.selina-logo-img--dark{
  display: none;
}

/* Dark mode: swap desktop logo variants only (do not force-show mobile logos on desktop) */
html.selina-dark-mode .selina-has-dark-logo .selina-logo-img--desktop.selina-logo-img--light{
  display: none;
}

html.selina-dark-mode .selina-has-dark-logo .selina-logo-img--desktop.selina-logo-img--dark{
  display: block;
}

@media (max-width: 768px){
  /* If a mobile logo is set, use it on small screens */
  .selina-has-mobile-logo .selina-logo-img--desktop{
    display: none;
  }

  /* Dark mode: ensure desktop logo variants remain hidden on mobile (override desktop dark swap) */
  html.selina-dark-mode .selina-has-mobile-logo.selina-has-dark-logo .selina-logo-img--desktop{
    display: none;
  }

  .selina-has-mobile-logo .selina-logo-img--mobile{
    display: block;
  }

  /* Default on mobile: show light, hide dark */
  .selina-has-mobile-logo .selina-logo-img--mobile.selina-logo-img--dark{
    display: none;
  }

  /* Dark mode on mobile: show dark, hide light */
  html.selina-dark-mode .selina-has-mobile-logo .selina-logo-img--mobile.selina-logo-img--light{
    display: none;
  }
  html.selina-dark-mode .selina-has-mobile-logo .selina-logo-img--mobile.selina-logo-img--dark{
    display: block;
  }
}

html.selina-dark-mode .selina-site-title{
  color: #fff;
}

.selina-custom-logo img{
  display: block;
  width: auto;
  max-height: 72px;
}

.selina-site-title{
  font-size: 28px;
  font-weight: 700;
  color: #1f2328;
}

.selina-header-ad{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 72px;
}

.selina-ad-img{
  display: block;
  width: auto;
  max-height: 90px;
}

/* Ensure header ads never overflow the container */
.selina-header-ad .selina-ad-img{
  max-width: 100%;
  height: auto;
}

/* Bottom bar (main menu strip) */
.selina-bottombar{
  background: var(--selina-header-bottom-bg);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
}

.selina-bottom-inner{
  min-height: 56px;
  display: flex;
  align-items: center;
}

/* Main Nav Layout (v2): left/right areas (items can be placed on either side) */
.selina-main-left,
.selina-main-right{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.selina-main-left{
  flex: 1 1 auto;
}

.selina-main-right{
  flex: 0 0 auto;
  margin-inline-start: auto;
}

/* If the menu is placed on the right side, align items to the edge */
.selina-main-right .selina-main-menu{
  justify-content: flex-end;
}

/* Sticky Menu */
.selina-sticky-spacer{ height: 0; }

.selina-main-nav-bar{
  position: relative;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.selina-main-nav-bar.is-sticky{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
  box-shadow: 0 6px 18px rgba(0,0,0,0.18);
}

body.admin-bar .selina-main-nav-bar.is-sticky{ top: 32px; }
@media screen and (max-width: 782px){
  body.admin-bar .selina-main-nav-bar.is-sticky{ top: 46px; }
}

.selina-main-nav-bar.is-sticky.is-hidden{
  transform: translateY(-100%);
}

.selina-sticky-logo{
  display: none;
  align-items: center;
  margin-inline-end: 12px;
  white-space: nowrap;
}

.selina-main-nav-bar.is-sticky .selina-sticky-logo{
  display: flex;
}

.selina-sticky-logo .selina-logo-img{
  max-height: 38px;
}

.selina-sticky-logo .selina-site-title{
  font-size: 20px;
  line-height: 1;
}

/* Nav components (icons/buttons/links shown on the right side) */
.selina-nav-components{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-inline-start: auto;
}


/* Secondary Nav: allow components on both sides (do not force auto margin) */
.selina-secondary-nav .selina-nav-components{
  margin-inline-start: 0;
}
.selina-comp-btn,
.selina-comp-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 36px;
  min-width: 36px;
  padding: 0 10px;
  border-radius: 6px;
  background: rgba(255,255,255,0.08);
  color: #fff;
  border: 0;
  cursor: pointer;
  text-decoration: none !important;
  line-height: 36px;
}

.selina-comp-btn:hover,
.selina-comp-link:hover{ background: rgba(255,255,255,0.14); }

.selina-comp-text{ font-size: 13px; font-weight: 600; }

.selina-cart-count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  background: #ffcc00;
  color: #1f2328;
  font-size: 12px;
  font-weight: 800;
  line-height: 18px;
}

.selina-main-cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 14px;
  border-radius: 6px;
  background: var(--selina-breaking-label-bg, var(--selina-accent));
  color: #fff;
  text-decoration: none !important;
  font-weight: 800;
  font-size: 13px;
  line-height: 36px;
}

.selina-main-cta:hover{ opacity: .95; }

.selina-secondary-nav.is-light .selina-comp-btn,
.selina-secondary-nav.is-light .selina-comp-link{
  background: rgba(0,0,0,0.06);
  color: #1f2328;
}

.selina-secondary-nav.is-light .selina-comp-btn:hover,
.selina-secondary-nav.is-light .selina-comp-link:hover{
  background: rgba(0,0,0,0.10);
}

/* Account dropdown (header "Log In" component) */
.selina-account-dropdown{
  position: relative;
  display: inline-flex;
  align-items: center;
}

.selina-account-toggle{
  white-space: nowrap;
}

.selina-account-ico{ font-size: 16px; line-height: 1; }
.selina-account-caret{ font-size: 11px; line-height: 1; opacity: .9; }

.selina-account-menu{
  position: absolute;
  top: calc(100% + 8px);
  inset-inline-end: 0;
  min-width: 200px;
  padding: 8px;
  border-radius: 10px;
  background: rgba(31,35,40,0.98);
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 14px 36px rgba(0,0,0,0.28);
  display: none;
  z-index: 9999;
}

/* Align dropdown to the correct side depending on area */
.selina-top-left .selina-account-menu,
.selina-main-left .selina-account-menu{
  inset-inline-start: 0;
  inset-inline-end: auto;
}

.selina-top-right .selina-account-menu,
.selina-main-right .selina-account-menu{
  inset-inline-end: 0;
  inset-inline-start: auto;
}

.selina-account-dropdown.is-open .selina-account-menu{ display: block; }
.selina-account-dropdown:focus-within .selina-account-menu{ display: block; }

@media (hover: hover){
  .selina-account-dropdown:hover .selina-account-menu{ display: block; }
  .selina-account-dropdown:hover .selina-account-toggle{ background: rgba(255,255,255,0.14); }
  .selina-secondary-nav.is-light .selina-account-dropdown:hover .selina-account-toggle{ background: rgba(0,0,0,0.10); }
}

.selina-account-item{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  color: #ffffff;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 700;
}

.selina-account-item:hover{
  background: var(--selina-accent);
  color: #ffffff;
}

/* Light secondary nav: dropdown background and hover */
.selina-secondary-nav.is-light .selina-account-menu{
  background: #ffffff;
  border-color: rgba(0,0,0,0.10);
}

.selina-secondary-nav.is-light .selina-account-item{
  color: #1f2328;
}

.selina-secondary-nav.is-light .selina-account-item:hover{
  color: #ffffff;
}


/* Cart dropdown (WooCommerce mini cart in header) */
.selina-cart-dropdown{
  position: relative;
  display: inline-flex;
  align-items: center;
}

.selina-cart-menu{
  position: absolute;
  top: calc(100% + 8px);
  inset-inline-end: 0;
  min-width: 320px;
  max-width: 340px;
  padding: 10px;
  border-radius: 14px;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.12);
  box-shadow: 0 16px 40px rgba(0,0,0,0.22);
  display: none;
  z-index: 9999;
}

/* Align dropdown to the correct side depending on area */
.selina-top-left .selina-cart-menu,
.selina-main-left .selina-cart-menu{
  inset-inline-start: 0;
  inset-inline-end: auto;
}

.selina-top-right .selina-cart-menu,
.selina-main-right .selina-cart-menu{
  inset-inline-end: 0;
  inset-inline-start: auto;
}

.selina-cart-dropdown.is-open .selina-cart-menu{ display: block; }
.selina-cart-dropdown:focus-within .selina-cart-menu{ display: block; }

.selina-cart-menu-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 4px 10px;
}

.selina-cart-menu-title{
  font-size: 13px;
  font-weight: 800;
  color: #1f2328;
}

.selina-cart-menu-view{
  font-size: 12px;
  font-weight: 800;
  color: #1f2328;
  text-decoration: none !important;
  padding: 6px 10px;
  border-radius: 8px;
  background: rgba(0,0,0,0.06);
}

.selina-cart-menu-view:hover{
  background: rgba(0,0,0,0.10);
  color: #1f2328;
}

.selina-cart-menu .widget_shopping_cart_content{
  padding: 0 4px 6px;
}

.selina-cart-menu ul.woocommerce-mini-cart{
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 260px;
  overflow: auto;
}

.selina-cart-menu li.woocommerce-mini-cart-item{
  position: relative;
  margin: 0 0 10px;
  padding: 10px;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
}

.selina-cart-menu li.woocommerce-mini-cart-item:last-child{ margin-bottom: 0; }

.selina-cart-menu li.woocommerce-mini-cart-item > a:not(.remove){
  display: flex;
  align-items: center;
  gap: 12px;
  color: #1f2328;
  font-weight: 800;
  text-decoration: none !important;
  padding-inline-end: 34px;
}

.selina-cart-menu li.woocommerce-mini-cart-item > a:not(.remove) img{
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: 10px;
  flex: 0 0 44px;
}

.selina-cart-menu li.woocommerce-mini-cart-item .quantity{
  display: block;
  margin-top: 6px;
  color: rgba(31,35,40,0.75);
  font-size: 12px;
  font-weight: 700;
}

.selina-cart-menu li.woocommerce-mini-cart-item .quantity .amount{ color: #1f2328; }

.selina-cart-menu a.remove_from_cart_button{
  position: absolute;
  top: 8px;
  inset-inline-end: 8px;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.06);
  color: #1f2328 !important;
  text-decoration: none !important;
  border: 1px solid rgba(0,0,0,0.10);
}

.selina-cart-menu a.remove_from_cart_button:hover{ background: rgba(0,0,0,0.10); }

.selina-cart-menu p.woocommerce-mini-cart__total{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin: 10px 0 0;
  padding: 10px 10px 0;
  border-top: 1px dashed rgba(0,0,0,0.14);
  color: rgba(31,35,40,0.85);
  font-size: 12px;
  font-weight: 800;
}

.selina-cart-menu p.woocommerce-mini-cart__total strong{ color: #1f2328; font-weight: 900; }

.selina-cart-menu p.woocommerce-mini-cart__buttons{
  display: flex;
  gap: 10px;
  margin: 10px 0 0;
  padding: 0 10px 8px;
}

.selina-cart-menu p.woocommerce-mini-cart__buttons a.button{
  flex: 1;
  text-align: center;
  border-radius: 12px;
  font-weight: 900;
  padding: 10px 12px;
  background: var(--selina-accent);
  border: 1px solid rgba(0,0,0,0.06);
  color: #ffffff !important;
  text-decoration: none !important;
}


.selina-cart-menu p.woocommerce-mini-cart__buttons a.button.checkout{
  background: var(--selina-accent);
  border-color: rgba(0,0,0,0.06);
  color: #ffffff !important;
}

.selina-cart-menu p.woocommerce-mini-cart__buttons a.button:hover{ filter: brightness(1.03); }

.selina-cart-menu .woocommerce-mini-cart__empty-message{
  margin: 0;
  padding: 12px 10px;
  color: rgba(31,35,40,0.75);
  font-size: 12px;
  font-weight: 700;
}




/* Main menu (visual hover + active highlight like the reference) */
.selina-main-menu{
  list-style: none;
  display: flex;
  justify-content: flex-start;
  gap: 0;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}

/* RTL support */
body.rtl{ direction: rtl; }
body.rtl .selina-top-inner{ direction: rtl; }
body.rtl .selina-top-left,
body.rtl .selina-top-right{ text-align: right; }

body.rtl .selina-top-menu{ justify-content: flex-end; }

body.rtl .selina-bottom-inner{ direction: rtl; }
body.rtl .selina-main-menu{ justify-content: flex-end; }
body.rtl .selina-main-menu .sub-menu{ right: 0; left: auto; text-align: right; }

.selina-main-menu > li{
  margin: 0;
  padding: 0;
}

.selina-main-menu > li > a{
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 56px;
  padding: 0 18px;
  font-weight: 700;
  line-height: 56px;
  position: relative;
  border-radius: 0;
  transition: background-color .15s ease, color .15s ease;
}

/* Support icon markup from plugins (i/svg/img) */
.selina-main-menu > li > a i,
.selina-main-menu > li > a svg,
.selina-main-menu > li > a img{
  margin-inline-end: 6px;
}

/* Menu item icons (Dashicons) added from the theme menu icon picker */
.selina-menu-item-icon.dashicons{
  font-size: 16px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0.92;
}

.selina-main-menu > li:hover > a,
.selina-main-menu > li:focus-within > a{
  background: var(--selina-main-hover-bg, var(--selina-accent));
}

/* Active/current item stays highlighted */
.selina-main-menu > li.current-menu-item > a,
.selina-main-menu > li.current_page_item > a,
.selina-main-menu > li.current-menu-ancestor > a,
.selina-main-menu > li.current_page_ancestor > a{
  background: var(--selina-main-active-bg, var(--selina-accent));
}

/* Underline indicator (as in the screenshot) */
.selina-main-menu > li.current-menu-item > a::after,
.selina-main-menu > li.current_page_item > a::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  width: 22px;
  height: 3px;
  background: var(--selina-main-active-underline, #ffcc00);
}

/* Dropdown (basic) */
.selina-main-menu .sub-menu{
  display: none;
  position: absolute;
  left: 0;
  margin: 0;
  padding: 8px 0;
  border-radius: 12px;
  overflow: hidden;
  list-style: none;
  /* Match the header bar (requested) */
  background: var(--selina-header-bottom-bg);
  min-width: 220px;
  box-shadow: 0 12px 30px rgba(16,24,40,0.18);
  border: 1px solid rgba(255,255,255,0.10);
  z-index: 9999;
}

.selina-main-menu li{
  position: relative;
}

.selina-main-menu li:hover > .sub-menu,
.selina-main-menu li:focus-within > .sub-menu{
  display: block;
}

.selina-main-menu .sub-menu a{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  color: rgba(255,255,255,0.92);
  font-weight: 600;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0;
}

.selina-main-menu .sub-menu li{
  margin: 0;
}

/* Full-width hover (requested) */

.selina-main-menu .sub-menu a:hover{
  /* Inherit the main menu hover blue */
  background: var(--selina-main-hover-bg, var(--selina-accent));
  color: #ffffff;
}

/* Submenu toggle arrow (desktop + general)
   The theme injects <button class="selina-sub-toggle"><span>▾</span></button>
   We want it small, minimal, and without a background (requested).
*/
.selina-sub-toggle{
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
  line-height: 1;
  color: inherit;
}

/* Top level (header bar) */
.selina-main-menu > li.menu-item-has-children > a{
  padding-inline-end: 34px; /* space for the arrow */
}

.selina-main-menu > li.menu-item-has-children > .selina-sub-toggle{
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: .85;
  color: rgba(255,255,255,0.92);
}

body.rtl .selina-main-menu > li.menu-item-has-children > .selina-sub-toggle{
  right: auto;
  left: 12px;
}

.selina-main-menu > li.menu-item-has-children > .selina-sub-toggle span{
  display: block;
  font-size: 14px;
  line-height: 1;
}



/* Ensure submenu arrows are visible on the dark header bar */
.selina-bottombar .selina-sub-toggle{
  color: rgba(255,255,255,0.92);
}
.selina-bottombar .selina-sub-toggle span{
  color: inherit;
}
.selina-main-menu > li.menu-item-has-children:hover > .selina-sub-toggle,
.selina-main-menu > li.menu-item-has-children:focus-within > .selina-sub-toggle{
  opacity: 1;
}

/* Inside dropdown menus (nested items) */
.selina-main-menu .sub-menu li.menu-item-has-children > a{
  padding-inline-end: 34px;
}

.selina-main-menu .sub-menu li.menu-item-has-children > .selina-sub-toggle{
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: .75;
  color: rgba(255,255,255,0.92);
}

body.rtl .selina-main-menu .sub-menu li.menu-item-has-children > .selina-sub-toggle{
  right: auto;
  left: 10px;
}

.selina-main-menu .sub-menu li.menu-item-has-children > .selina-sub-toggle span{
  font-size: 12px;
}

/*
  Global site layout
  - full: normal full-width flow
  - boxed: boxed container with shadow
  - framed: boxed container with a frame
  - bordered: boxed container with a simple border
*/
.selina-site{
  max-width: none;
  margin: 0;
  background: transparent;
  /* Ensure the footer can stick to the bottom on short pages */
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body.selina-layout-boxed,
body.selina-layout-framed,
body.selina-layout-bordered{
  background: #f3f5f8;
}

body.selina-layout-boxed .selina-site{
  max-width: var(--selina-site-width);
  margin: 0 auto 0;
  background: #ffffff;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(16,24,40,0.10);
}

body.selina-layout-framed .selina-site{
  max-width: var(--selina-site-width);
  margin: 0 auto 0;
  background: #ffffff;
  border-radius: 0;
  overflow: hidden;
  border: 1px solid #dfe4ea;
  box-shadow: 0 16px 55px rgba(16,24,40,0.12);
}

body.selina-layout-bordered .selina-site{
  max-width: var(--selina-site-width);
  margin: 0 auto 0;
  background: #ffffff;
  border: 1px solid #e6e8eb;
  border-radius: 0;
  overflow: hidden;
}

body.selina-layout-full{
  background: transparent;
}

/* Page loader overlay */
.selina-loader{
  position: fixed;
  inset: 0;
  background: rgba(255,255,255,0.85);
  backdrop-filter: blur(2px);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity .25s ease, visibility .25s ease;
}

.selina-loader.is-hidden{
  opacity: 0;
  visibility: hidden;
}

.selina-loader-spinner{
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 6px solid #d7dde6;
  border-top-color: var(--selina-accent);
  animation: selinaspin 1s linear infinite;
}

@keyframes selinaspin{ to { transform: rotate(360deg); } }

.selina-loader-dots{
  display: flex;
  gap: 10px;
}

.selina-loader-dots span{
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--selina-breaking-label-bg, var(--selina-accent));
  opacity: 0.85;
  animation: selinadots 1s infinite ease-in-out;
}

.selina-loader-dots span:nth-child(2){ animation-delay: .12s; }
.selina-loader-dots span:nth-child(3){ animation-delay: .24s; }

@keyframes selinadots{
  0%, 80%, 100%{ transform: scale(0.6); opacity: 0.5; }
  40%{ transform: scale(1); opacity: 0.95; }
}


/* Content */
.selina-main{
  padding: 28px 0;
}

.selina-content-area{
  padding-left: var(--selina-gutter);
  padding-right: var(--selina-gutter);
}

/* Layout with Sidebar */
.selina-layout{
  display: block;
}

.selina-layout.has-sidebar{
  display: flex;
  gap: 24px;
  align-items: flex-start;
}

.selina-layout.has-sidebar.is-left{
  flex-direction: row;
}

.selina-layout.has-sidebar.is-left .selina-sidebar{
  order: 1;
}

.selina-layout.has-sidebar.is-left .selina-content{
  order: 2;
}

.selina-layout.has-sidebar.is-right .selina-content{
  order: 1;
}

.selina-layout.has-sidebar.is-right .selina-sidebar{
  order: 2;
}

.selina-layout.has-sidebar .selina-content{
  flex: 1 1 auto;
  min-width: 0;
}

.selina-layout.has-sidebar .selina-sidebar{
  flex: 0 0 var(--selina-sidebar-col);
  max-width: var(--selina-sidebar-col);
  min-width: 260px;
}

.selina-layout.is-one-column .selina-content{
  max-width: 860px;
  margin: 0 auto;
}

@media (max-width: 992px){
  .selina-layout.has-sidebar,
  .selina-layout.has-sidebar.is-left{
    flex-direction: column;
  }

  .selina-layout.has-sidebar .selina-sidebar{
    flex-basis: 100%;
    max-width: 100%;
    min-width: 0;
  }
}

/* Sidebar widgets */
.selina-sidebar .widget{
  background: #ffffff;
  border: 1px solid #e6e8eb;
  border-radius: 10px;
  padding: 16px;
  margin: 0 0 16px;
}

.selina-sidebar .widget-title{
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 800;
  color: #1f2328;
}

/* --------------------------------------------------------------------------
   SELINA widgets (classic magazine look) – matches the provided reference
   -------------------------------------------------------------------------- */

/* Make Selina widgets look like the reference: squared box + bottom accent line */
.selina-sidebar .widget.widget_selina_tabs,
.selina-sidebar .widget.widget_selina_featured_post,
.selina-sidebar .widget.widget_selina_social_follow,
.selina-sidebar .widget.widget_selina_weather,
.selina-sidebar .widget.widget_selina_pictures,
.selina-sidebar .widget.widget_selina_facebook,
.selina-sidebar .widget.widget_selina_youtube_subscribe,
.selina-sidebar .widget.widget_selina_categories{
  padding: 0;
  border-radius: 0;
  overflow: hidden;
  position: relative;
}

.selina-sidebar .widget.widget_selina_tabs::after,
.selina-sidebar .widget.widget_selina_featured_post::after,
.selina-sidebar .widget.widget_selina_social_follow::after,
.selina-sidebar .widget.widget_selina_weather::after,
.selina-sidebar .widget.widget_selina_pictures::after,
.selina-sidebar .widget.widget_selina_facebook::after,
.selina-sidebar .widget.widget_selina_youtube_subscribe::after,
.selina-sidebar .widget.widget_selina_categories::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: var(--selina-accent);
}

/* Striped title line like the reference */
.selina-sidebar .widget.widget_selina_tabs .widget-title,
.selina-sidebar .widget.widget_selina_featured_post .widget-title,
.selina-sidebar .widget.widget_selina_social_follow .widget-title,
.selina-sidebar .widget.widget_selina_weather .widget-title,
.selina-sidebar .widget.widget_selina_pictures .widget-title,
.selina-sidebar .widget.widget_selina_facebook .widget-title,
.selina-sidebar .widget.widget_selina_youtube_subscribe .widget-title,
.selina-sidebar .widget.widget_selina_categories .widget-title{
  margin: 0;
  padding: 14px 14px 12px;
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
  display: flex;
  align-items: center;
  gap: 12px;
}

.selina-sidebar .widget.widget_selina_tabs .widget-title::after,
.selina-sidebar .widget.widget_selina_featured_post .widget-title::after,
.selina-sidebar .widget.widget_selina_social_follow .widget-title::after,
.selina-sidebar .widget.widget_selina_weather .widget-title::after,
.selina-sidebar .widget.widget_selina_pictures .widget-title::after,
.selina-sidebar .widget.widget_selina_facebook .widget-title::after,
.selina-sidebar .widget.widget_selina_youtube_subscribe .widget-title::after,
.selina-sidebar .widget.widget_selina_categories .widget-title::after{
  content: "";
  flex: 1;
  height: 10px;
  background-image: repeating-linear-gradient(-45deg, rgba(0,0,0,0.10) 0, rgba(0,0,0,0.10) 3px, transparent 3px, transparent 6px);
  border-radius: 2px;
}

html.selina-dark-mode .selina-sidebar .widget.widget_selina_tabs .widget-title::after,
html.selina-dark-mode .selina-sidebar .widget.widget_selina_featured_post .widget-title::after,
html.selina-dark-mode .selina-sidebar .widget.widget_selina_social_follow .widget-title::after,
html.selina-dark-mode .selina-sidebar .widget.widget_selina_weather .widget-title::after,
html.selina-dark-mode .selina-sidebar .widget.widget_selina_pictures .widget-title::after,
html.selina-dark-mode .selina-sidebar .widget.widget_selina_facebook .widget-title::after,
html.selina-dark-mode .selina-sidebar .widget.widget_selina_youtube_subscribe .widget-title::after,
html.selina-dark-mode .selina-sidebar .widget.widget_selina_categories .widget-title::after{
  background-image: repeating-linear-gradient(-45deg, rgba(255,255,255,0.18) 0, rgba(255,255,255,0.18) 3px, transparent 3px, transparent 6px);
}

/* Tabs widget */
.widget_selina_tabs .selina-tabs-widget{ padding: 0 14px 16px; }

.widget_selina_tabs .selina-tabs-nav{
  display: flex;
  border: 1px solid #e6e8eb;
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 12px;
  background: #f4f5f7;
}

.widget_selina_tabs .selina-tabs-nav__btn{
  flex: 1;
  padding: 10px 8px;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-weight: 900;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #1f2328;
}

.widget_selina_tabs .selina-tabs-nav__btn + .selina-tabs-nav__btn{
  border-inline-start: 1px solid #e6e8eb;
}

.widget_selina_tabs .selina-tabs-nav__btn.is-active{
  background: #ffffff;
}

.widget_selina_tabs .selina-tabs-panel{ display: none; }
.widget_selina_tabs .selina-tabs-panel.is-active{ display: block; }

.widget_selina_tabs .selina-tabs-list{
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget_selina_tabs .selina-tabs-item{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(16,24,40,0.08);
}

.widget_selina_tabs .selina-tabs-item:last-child{ border-bottom: 0; }

.widget_selina_tabs .selina-tabs-thumb{
  width: 60px;
  height: 60px;
  flex: 0 0 60px;
  border-radius: 2px;
  overflow: hidden;
  background: rgba(0,0,0,0.04);
}

.widget_selina_tabs .selina-tabs-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.widget_selina_tabs .selina-tabs-title{
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  text-decoration: none;
  color: inherit;
  display: block;
}

.widget_selina_tabs .selina-tabs-meta{
  margin-top: 4px;
  font-size: 11px;
  opacity: .75;
}

.widget_selina_tabs .selina-tags-cloud{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.widget_selina_tabs .selina-tag{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border: 1px solid rgba(16,24,40,0.14);
  border-radius: 2px;
  background: rgba(0,0,0,0.02);
  text-decoration: none;
  font-size: 12px;
  font-weight: 800;
  color: inherit;
}

.widget_selina_tabs .selina-tag:hover{
  background: rgba(0,0,0,0.05);
}

/* Featured post widget */
.widget_selina_featured_post .selina-featured-post{ padding: 0 14px 16px; }
.widget_selina_featured_post .selina-featured-post__thumb{ display: block; margin: 0 -14px; }
.widget_selina_featured_post .selina-featured-post__thumb img{ width: 100%; height: auto; display: block; }
.widget_selina_featured_post .selina-featured-post__title{ margin: 12px 0 0; font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: .02em; }
.widget_selina_featured_post .selina-featured-post__title a{ color: inherit; text-decoration: none; }
.widget_selina_featured_post .selina-featured-post__meta{ margin-top: 6px; font-size: 12px; opacity: .7; }

/* Social follow widget */
.widget_selina_social_follow .selina-social-follow{ padding: 0 14px 16px; display: flex; flex-wrap: wrap; gap: 6px; }
.widget_selina_social_follow .selina-social-follow__item{
  width: 28px;
  height: 28px;
  border-radius: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #fff;
  background: #9aa0a6;
}
.widget_selina_social_follow .selina-social-follow__item svg{ width: 14px; height: 14px; fill: currentColor; }
.widget_selina_social_follow .selina-social-follow__item img{ width: 16px; height: 16px; object-fit: contain; display: block; }
.widget_selina_social_follow .selina-social-follow__item.is-rss{ background: #f26522; }
.widget_selina_social_follow .selina-social-follow__item.is-facebook{ background: #3b5998; }
.widget_selina_social_follow .selina-social-follow__item.is-x{ background: #111; }
.widget_selina_social_follow .selina-social-follow__item.is-instagram{ background: #e1306c; }
.widget_selina_social_follow .selina-social-follow__item.is-youtube{ background: #ff0000; }
.widget_selina_social_follow .selina-social-follow__item.is-linkedin{ background: #0a66c2; }
.widget_selina_social_follow .selina-social-follow__item.is-telegram{ background: #229ed9; }
.widget_selina_social_follow .selina-social-follow__item.is-whatsapp{ background: #25d366; }
.widget_selina_social_follow .selina-social-follow__item.is-custom{ background: var(--selina-social-bg, #9aa0a6); }
.widget_selina_social_follow .selina-social-custom-dot{ width: 10px; height: 10px; border-radius: 999px; background: rgba(255,255,255,0.9); }

/* Weather widget */
.widget_selina_weather .selina-weather-widget{ padding: 0 14px 16px; }
.widget_selina_weather .selina-weather-widget__top{ display: flex; gap: 14px; align-items: center; }
.widget_selina_weather .selina-weather-widget__temp{ display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.widget_selina_weather .selina-weather-widget__icon{ width: 34px; height: 34px; }
.widget_selina_weather .selina-weather-widget__value{ font-size: 44px; font-weight: 900; line-height: 1; }
.widget_selina_weather .selina-weather-widget__city{ font-weight: 900; letter-spacing: .08em; font-size: 14px; }
.widget_selina_weather .selina-weather-widget__desc{ font-size: 12px; opacity: .8; margin-top: 4px; }
.widget_selina_weather .selina-weather-widget__forecast{ display: flex; justify-content: space-between; gap: 8px; margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(16,24,40,0.10); }
.widget_selina_weather .selina-weather-day{ text-align: center; flex: 1; }
.widget_selina_weather .selina-weather-day__name{ font-size: 11px; font-weight: 900; opacity: .8; }
.widget_selina_weather .selina-weather-day__temps{ display: flex; flex-direction: column; gap: 2px; margin-top: 6px; }
.widget_selina_weather .selina-weather-day__max{ font-size: 12px; font-weight: 900; }
.widget_selina_weather .selina-weather-day__min{ font-size: 11px; opacity: .75; }

/* Pictures grid widget */
.widget_selina_pictures .selina-pictures-grid{ padding: 0 14px 16px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
.widget_selina_pictures .selina-picture{ position: relative; display: block; border-radius: 2px; overflow: hidden; }
.widget_selina_pictures .selina-picture img{ width: 100%; height: 84px; object-fit: cover; display: block; }
.widget_selina_pictures .selina-picture__play{ position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.35); }
.widget_selina_pictures .selina-picture__play svg{ width: 28px; height: 28px; fill: #fff; }

/* Facebook box */
.widget_selina_facebook .selina-facebook-box{ padding: 0 14px 16px; }
.widget_selina_facebook .selina-facebook-box iframe{ width: 100% !important; max-width: 100% !important; display: block; }

/* YouTube subscribe */
.widget_selina_youtube_subscribe .selina-youtube-subscribe{ padding: 0 14px 16px; }
.widget_selina_youtube_subscribe .selina-youtube-subscribe__row{ display: flex; gap: 10px; align-items: center; padding: 10px; border: 1px solid rgba(16,24,40,0.10); background: #f7f8fa; }
.widget_selina_youtube_subscribe .selina-youtube-subscribe__icon{ width: 32px; height: 32px; border-radius: 2px; background: #ff0000; display: inline-flex; align-items: center; justify-content: center; color: #fff; }
.widget_selina_youtube_subscribe .selina-youtube-subscribe__icon svg{ width: 18px; height: 18px; fill: currentColor; }
.widget_selina_youtube_subscribe .selina-youtube-subscribe__info{ display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; }
.widget_selina_youtube_subscribe .selina-youtube-subscribe__name{ font-weight: 900; font-size: 12px; }
.widget_selina_youtube_subscribe .selina-youtube-subscribe__btn{ display: inline-flex; align-items: center; justify-content: center; padding: 8px 12px; border-radius: 2px; background: var(--selina-accent); color: #fff; text-decoration: none; font-weight: 900; font-size: 12px; white-space: nowrap; }

/* Categories */
.widget_selina_categories .selina-categories-list{ padding: 0 14px 16px; list-style: none; margin: 0; }
.widget_selina_categories .selina-categories-list li{ margin: 0; padding: 10px 0; border-bottom: 1px solid rgba(16,24,40,0.08); }
.widget_selina_categories .selina-categories-list li:last-child{ border-bottom: 0; }
.widget_selina_categories .selina-categories-list a{
  text-decoration: none;
  color: inherit;
  font-weight: 800;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* Small folder icon before category name */
.widget_selina_categories .selina-categories-list a::before{
  content: '';
  width: 14px;
  height: 14px;
  display: inline-block;
  flex: 0 0 14px;
  background-color: currentColor;
  opacity: .42;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 4l2 2h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h6z'/%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 fill='black' d='M10 4l2 2h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h6z'/%3E%3C/svg%3E");
}

.widget_selina_categories .selina-categories-list a:hover::before{ opacity: 1; }
.widget_selina_categories .selina-categories-list a:hover{ color: var(--selina-accent); }

html.selina-dark-mode .widget_selina_tabs .selina-tabs-nav,
html.selina-dark-mode .widget_selina_tabs .selina-tabs-item,
html.selina-dark-mode .widget_selina_weather .selina-weather-widget__forecast,
html.selina-dark-mode .widget_selina_youtube_subscribe .selina-youtube-subscribe__row,
html.selina-dark-mode .widget_selina_categories .selina-categories-list li{
  border-color: rgba(255,255,255,0.12);
}

html.selina-dark-mode .widget_selina_youtube_subscribe .selina-youtube-subscribe__row{
  background: rgba(255,255,255,0.06);
}

body.selina-widgets-icon .selina-sidebar .widget-title{
  position: relative;
  padding-inline-start: 18px;
}

body.selina-widgets-icon .selina-sidebar .widget-title::before{
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0.45em;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: var(--selina-accent);
}

/* Block Head Styles (Widget Titles + Archive Titles) */
body.selina-block-head-style-1 .selina-sidebar .widget-title,
body.selina-block-head-style-1 .selina-archive-title{
  position: relative;
  padding-bottom: 10px;
  border-bottom: 2px solid rgba(16,24,40,0.08);
}

body.selina-block-head-style-1 .selina-sidebar .widget-title::after,
body.selina-block-head-style-1 .selina-archive-title::after{
  content: "";
  position: absolute;
  inset-inline-start: 0;
  bottom: -2px;
  width: 44px;
  height: 2px;
  background: var(--selina-accent);
}

body.selina-block-head-style-2 .selina-sidebar .widget-title,
body.selina-block-head-style-2 .selina-archive-title{
  padding: 10px 12px;
  background: #f7f8fa;
  border: 1px solid #e6e8eb;
  border-radius: 10px;
}

body.selina-block-head-style-3 .selina-sidebar .widget-title,
body.selina-block-head-style-3 .selina-archive-title{
  padding-inline-start: 14px;
  border-inline-start: 4px solid var(--selina-accent);
  border-bottom: 1px solid #e6e8eb;
  padding-bottom: 10px;
}

body.selina-block-head-style-4 .selina-sidebar .widget-title,
body.selina-block-head-style-4 .selina-archive-title{
  display: inline-block;
  padding: 8px 12px;
  background: var(--selina-accent);
  color: #ffffff;
  border-radius: 10px;
}

body.selina-block-head-style-5 .selina-sidebar .widget-title,
body.selina-block-head-style-5 .selina-archive-title{
  padding-bottom: 10px;
  border-bottom: 3px solid var(--selina-accent);
}

body.selina-block-head-style-6 .selina-sidebar .widget-title,
body.selina-block-head-style-6 .selina-archive-title{
  position: relative;
  padding-inline-start: 18px;
}

body.selina-block-head-style-6 .selina-sidebar .widget-title::before,
body.selina-block-head-style-6 .selina-archive-title::before{
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0.18em;
  width: 12px;
  height: 12px;
  background: var(--selina-accent);
  transform: skewX(-15deg);
  border-radius: 2px;
}

body.selina-block-head-style-7 .selina-sidebar .widget-title,
body.selina-block-head-style-7 .selina-archive-title{
  padding: 10px 12px;
  background: #1f2328;
  color: #ffffff;
  border-radius: 10px;
}

body.selina-block-head-style-8 .selina-sidebar .widget-title,
body.selina-block-head-style-8 .selina-archive-title{
  position: relative;
  padding-inline-start: 18px;
}

body.selina-block-head-style-8 .selina-sidebar .widget-title::before,
body.selina-block-head-style-8 .selina-archive-title::before{
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0.45em;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--selina-accent);
}

body.selina-block-head-style-9 .selina-sidebar .widget-title,
body.selina-block-head-style-9 .selina-archive-title{
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border: 1px solid #e6e8eb;
  border-radius: 999px;
  background: #ffffff;
}

body.selina-block-head-style-10 .selina-sidebar .widget-title,
body.selina-block-head-style-10 .selina-archive-title{
  padding: 10px 12px;
  border: 1px solid #e6e8eb;
  border-top-width: 3px;
  border-top-color: var(--selina-accent);
  border-radius: 10px;
  background: #ffffff;
}

body.selina-block-head-style-11 .selina-sidebar .widget-title,
body.selina-block-head-style-11 .selina-archive-title{
  position: relative;
  padding-bottom: 12px;
}

body.selina-block-head-style-11 .selina-sidebar .widget-title::after,
body.selina-block-head-style-11 .selina-archive-title::after{
  content: "";
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #e6e8eb;
}

body.selina-block-head-style-11 .selina-sidebar .widget-title::before,
body.selina-block-head-style-11 .selina-archive-title::before{
  content: "";
  position: absolute;
  inset-inline-start: 0;
  bottom: -1px;
  width: 56px;
  height: 3px;
  background: var(--selina-accent);
  border-radius: 3px;
}

html.selina-dark-mode body.selina-block-head-style-2 .selina-sidebar .widget-title,
html.selina-dark-mode body.selina-block-head-style-2 .selina-archive-title,
html.selina-dark-mode body.selina-block-head-style-9 .selina-sidebar .widget-title,
html.selina-dark-mode body.selina-block-head-style-9 .selina-archive-title,
html.selina-dark-mode body.selina-block-head-style-10 .selina-sidebar .widget-title,
html.selina-dark-mode body.selina-block-head-style-10 .selina-archive-title{
  background: #151922;
  border-color: rgba(255,255,255,0.10);
  color: #ffffff;
}

html.selina-dark-mode body.selina-block-head-style-1 .selina-sidebar .widget-title,
html.selina-dark-mode body.selina-block-head-style-1 .selina-archive-title,
html.selina-dark-mode body.selina-block-head-style-3 .selina-sidebar .widget-title,
html.selina-dark-mode body.selina-block-head-style-3 .selina-archive-title,
html.selina-dark-mode body.selina-block-head-style-11 .selina-sidebar .widget-title,
html.selina-dark-mode body.selina-block-head-style-11 .selina-archive-title{
  border-color: rgba(255,255,255,0.12);
}

/* Sticky sidebar */
body.selina-sticky-sidebar .selina-sidebar-inner{
  position: sticky;
  top: 24px;
}

@media (max-width: 992px){
  body.selina-sticky-sidebar .selina-sidebar-inner{
    position: static;
    top: auto;
  }
}


.selina-entry{
  margin: 0 0 22px;
}

/* Block Style (cards) */
body.selina-block-style-bordered .selina-entry,
body.selina-block-style-rounded .selina-entry{
  border: 1px solid #e6e8eb;
  background: #ffffff;
  padding: 16px;
}

body.selina-block-style-rounded .selina-entry{
  border-radius: 12px;
}

html.selina-dark-mode body.selina-block-style-bordered .selina-entry,
html.selina-dark-mode body.selina-block-style-rounded .selina-entry{
  border-color: rgba(255,255,255,0.10);
  background: #151922;
}

/* Entry featured image layouts (used by "Default Featured Image Position") */
.selina-entry-layout{
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.selina-entry-layout-none{
  display: block;
}

.selina-entry-layout-top{
  flex-direction: column;
}

.selina-entry-layout-left{
  flex-direction: row;
}

.selina-entry-layout-right{
  flex-direction: row-reverse;
}

.selina-entry-media{
  display: block;
  flex: 0 0 260px;
  max-width: 260px;
}

.selina-entry-layout-top .selina-entry-media{
  flex: 0 0 auto;
  max-width: 100%;
}

.selina-entry-thumb{
  width: 100%;
  height: auto;
  display: block;
}

body.selina-block-style-bordered .selina-entry-thumb{
  border-radius: 6px;
}

body.selina-block-style-rounded .selina-entry-thumb{
  border-radius: 10px;
}

@media (max-width: 768px){
  .selina-entry-layout-left,
  .selina-entry-layout-right{
    flex-direction: column;
  }
  .selina-entry-media{
    flex: 0 0 auto;
    max-width: 100%;
  }
}

.selina-entry-head{
  margin-bottom: 10px;
}

.selina-entry-title{
  margin: 0 0 8px;
  font-size: 28px;
  line-height: 1.25;
  color: #1f2328;
}

.selina-entry-title a{
  color: inherit;
}

.selina-entry-meta{
  font-size: 13px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.selina-entry-meta a{
  color: inherit;
}

.selina-entry-meta a:hover{
  text-decoration: underline;
}

/* Post Views (icon + number) */
.selina-views{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  line-height: 1;
}

.selina-views__icon{
  display: inline-flex;
  width: 16px;
  height: 16px;
}

.selina-views__icon svg{
  width: 16px;
  height: 16px;
  fill: currentColor;
  opacity: 0.85;
}

.selina-views__num{
  font-variant-numeric: tabular-nums;
}

.selina-views__label{
  opacity: 0.75;
}

.selina-views--warm{ color: #f59e0b; }
.selina-views--hot{ color: #ef4444; }
.selina-views--very-hot{ color: #b91c1c; }

.selina-meta-sep{
  opacity: 0.6;
}

.selina-entry-content{
  line-height: 1.9;
  color: #2b2f36;
}

/*
  Content media alignment (Gutenberg + Classic Editor)
  Ensure "Center" alignment works consistently in RTL/LTR.
*/
.selina-entry-content .aligncenter,
.selina-entry-content img.aligncenter,
.selina-entry-content figure.aligncenter,
.selina-entry-content figure.wp-block-image.aligncenter,
.selina-entry-content .wp-block-image.aligncenter,
.selina-entry-content .wp-caption.aligncenter{
  float: none !important;
  margin-inline: auto !important;
  clear: both;
}

.selina-entry-content img.aligncenter,
.selina-entry-content figure.aligncenter > img,
.selina-entry-content figure.wp-block-image.aligncenter > img,
.selina-entry-content .wp-block-image.aligncenter img{
  display: block;
  margin-inline: auto !important;
}

.selina-entry-content figure.wp-block-image.aligncenter,
.selina-entry-content .wp-block-image.aligncenter,
.selina-entry-content .wp-caption.aligncenter{
  text-align: center;
}

.selina-archive-head{
  margin: 0 0 18px;
}

.selina-archive-title{
  margin: 0 0 6px;
  font-size: 30px;
}

.selina-pagination{
  margin-top: 18px;
}



/* Footer - Copyright Area */
.selina-copyright-bar,
.selina-footer-bar{
  background: var(--selina-footer-bar-bg);
  color: #ffffff;
}

/*
  Make the Copyright Area inner container wide.
  This keeps the dark bar full width AND allows left/center/right content
  to breathe on large screens, matching the header strip proportions.
*/
.selina-copyright-bar .selina-container.selina-copyright-inner{
  max-width: 100%;
}

.selina-copyright-inner,
.selina-footer-bar-inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 44px;
  padding: 8px 16px;
  border-radius: 12px;
  overflow: hidden;
}

.selina-copyright-col,
.selina-footer-col{
  flex: 1;
  font-size: 13px;
  line-height: 1.4;
}

/* Column items wrapper (text / menu / social) */
.selina-copyright-items{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.selina-copyright-left .selina-copyright-items{ justify-content: flex-start; }
.selina-copyright-center .selina-copyright-items{ justify-content: center; }
.selina-copyright-right .selina-copyright-items{ justify-content: flex-end; }

body.rtl .selina-copyright-left .selina-copyright-items{ justify-content: flex-end; }
body.rtl .selina-copyright-right .selina-copyright-items{ justify-content: flex-start; }

.selina-copyright-text{
  display: inline-block;
}

.selina-copyright-left{ text-align: left; }
.selina-copyright-center{ text-align: center; }
.selina-copyright-right{ text-align: right; }

body.rtl .selina-copyright-left{ text-align: right; }
body.rtl .selina-copyright-right{ text-align: left; }

/* Centered layout */
.selina-copyright-bar.is-centered .selina-copyright-inner{
  justify-content: center;
}

.selina-copyright-bar.is-centered .selina-copyright-col{
  flex: 0 0 auto;
}

.selina-copyright-bar.is-centered .selina-copyright-left,
.selina-copyright-bar.is-centered .selina-copyright-center,
.selina-copyright-bar.is-centered .selina-copyright-right{
  text-align: center;
}

/* Footer menu */
.selina-footer-menu{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 14px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.selina-footer-menu a{
  color: inherit;
  text-decoration: none !important;
  opacity: 0.9;
}

.selina-footer-menu a:hover{
  opacity: 1;
  text-decoration: underline;
}

/* Footer menu alignment per column */
.selina-copyright-left .selina-footer-menu{ justify-content: flex-start; }
.selina-copyright-center .selina-footer-menu{ justify-content: center; }
.selina-copyright-right .selina-footer-menu{ justify-content: flex-end; }

body.rtl .selina-copyright-left .selina-footer-menu{ justify-content: flex-end; }
body.rtl .selina-copyright-right .selina-footer-menu{ justify-content: flex-start; }

/* Footer social in copyright area */
.selina-footer-social{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  vertical-align: middle;
}

/* Back to top button */
.selina-back-to-top{
  position: fixed;
  right: 22px;
  bottom: 22px;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  border: 0;
  background: var(--selina-accent);
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
  z-index: 9999;
}

body.rtl .selina-back-to-top{
  right: auto;
  left: 22px;
}

.selina-back-to-top.is-visible{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.selina-back-to-top:focus{
  outline: 2px solid rgba(255,255,255,.7);
  outline-offset: 2px;
}

@media (max-width: 768px){
  .selina-copyright-inner{
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    padding: 14px 16px;
  }
  .selina-copyright-col{
    text-align: center !important;
    width: 100%;
  }
  .selina-footer-social{
    margin-left: 0;
    margin-right: 0;
  }
}


/* ------------------------------------------------------------
   Footer Templates (Presets)
   ------------------------------------------------------------ */
.selina-footer-template{
  width: 100%;
  padding: 42px 0 18px;
}

.selina-footer-template.is-light{
  background: #ffffff;
  color: #111827;
  border-top: 1px solid rgba(15,23,42,0.08);
}

.selina-footer-template.is-dark{
  background: #0b1220;
  color: #e5e7eb;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.selina-footer-template .selina-ft-grid{
  display: grid;
  grid-template-columns: 1.2fr 2fr;
  gap: 34px;
}

.selina-footer-template--mega .selina-ft-grid{
  grid-template-columns: 1.35fr 2.65fr;
  align-items: start;
}

.selina-footer-template .selina-ft-brand-link{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
}

.selina-footer-template .selina-ft-brand-link:hover{
  color: var(--selina-accent);
}

.selina-footer-template .selina-ft-mark{
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: var(--selina-accent);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 1;
}

.selina-footer-template .selina-ft-logo{
  width: 40px;
  height: 40px;
  border-radius: 8px;
  object-fit: contain;
  background: rgba(255,255,255,0.08);
}

/* Footer Templates: allow wide logos (e.g., global site logo) */
.selina-footer-template .selina-ft-logo.selina-ft-logo--wide{
  width: auto;
  max-width: 210px;
  height: 40px;
  border-radius: 0;
  background: transparent;
}

.selina-footer-template .selina-ft-brand-link.has-logo{
  gap: 0;
}

.selina-footer-template.is-light .selina-ft-logo{
  background: rgba(0,0,0,0.06);
}

.selina-footer-template.is-light .selina-ft-logo.selina-ft-logo--wide{
  background: transparent;
}

.selina-footer-template .selina-ft-brand-name{
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.2px;
}

.selina-footer-template--mega .selina-ft-brand-name{
  font-size: 28px;
  font-weight: 800;
  letter-spacing: 0.6px;
}

.selina-footer-template .selina-ft-desc{
  margin-top: 12px;
  font-size: 13px;
  line-height: 1.65;
  opacity: 0.92;
  max-width: 520px;
}

.selina-footer-template .selina-ft-social{
  margin-top: 14px;
}

.selina-footer-template .selina-social-icons{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.selina-footer-template .selina-social-link{
  width: 32px;
  height: 32px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  background: rgba(0,0,0,0.06);
  opacity: 1;
  transition: transform .15s ease, background-color .15s ease, filter .15s ease;
}

.selina-footer-template.is-dark .selina-social-link{
  background: rgba(255,255,255,0.10);
}

.selina-footer-template .selina-social-link:hover,
.selina-footer-template .selina-social-link:focus{
  background: rgba(0,0,0,0.10);
  filter: brightness(1.02);
  transform: translateY(-1px);
}

.selina-footer-template.is-dark .selina-social-link:hover,
.selina-footer-template.is-dark .selina-social-link:focus{
  background: rgba(255,255,255,0.16);
}

.selina-footer-template .selina-ft-links{
  display: grid;
  gap: 26px;
}

.selina-footer-template .selina-ft-links--3{ grid-template-columns: repeat(3, minmax(0,1fr)); }
.selina-footer-template .selina-ft-links--4{ grid-template-columns: repeat(4, minmax(0,1fr)); }

.selina-footer-template .selina-ft-title{
  font-size: 13px;
  font-weight: 700;
  margin: 0 0 12px;
  opacity: 0.95;
}

.selina-footer-template .selina-ft-nav .selina-footer-menu{
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
}

body.rtl .selina-footer-template .selina-ft-nav .selina-footer-menu{
  align-items: flex-end;
}

.selina-footer-template .selina-ft-nav .selina-footer-menu a{
  opacity: 0.88;
  font-size: 13px;
}

.selina-footer-template .selina-ft-nav .selina-footer-menu a:hover{
  opacity: 1;
  text-decoration: none;
  color: var(--selina-accent);
}

.selina-footer-template .selina-ft-bottom{
  margin-top: 26px;
  padding-top: 16px;
  border-top: 1px solid rgba(15,23,42,0.10);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
}

.selina-footer-template.is-dark .selina-ft-bottom{
  border-top: 1px solid rgba(255,255,255,0.10);
}

.selina-footer-template .selina-ft-copy{
  font-size: 12px;
  opacity: 0.85;
}

.selina-footer-template .selina-ft-bottom-nav .selina-footer-menu{
  justify-content: flex-end;
  gap: 0;
}

body.rtl .selina-footer-template .selina-ft-bottom-nav .selina-footer-menu{
  justify-content: flex-start;
}

.selina-footer-template .selina-ft-bottom-nav .selina-footer-menu li{
  display: inline-flex;
  align-items: center;
}

.selina-footer-template .selina-ft-bottom-nav .selina-footer-menu li + li::before{
  content: '|';
  opacity: 0.45;
  display: inline-block;
  margin: 0 10px;
}

.selina-footer-template .selina-ft-bottom-nav .selina-footer-menu a{
  font-size: 12px;
  opacity: 0.85;
  text-decoration: none;
}

.selina-footer-template .selina-ft-bottom-nav .selina-footer-menu a:hover{
  opacity: 1;
  color: var(--selina-accent);
}

/* Footer Templates: Bottom Bar Builder (Start / Center / End) */
.selina-footer-template .selina-ft-bottom.selina-ft-bottom--builder{
  flex-direction: row;
  flex-wrap: nowrap;
}

.selina-footer-template .selina-ft-bottom--builder .selina-ft-bottom-col{
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
}

.selina-footer-template .selina-ft-bottom--builder .selina-ft-bottom-col--start{
  justify-content: flex-start;
  text-align: start;
}

.selina-footer-template .selina-ft-bottom--builder .selina-ft-bottom-col--center{
  justify-content: center;
  text-align: center;
}

.selina-footer-template .selina-ft-bottom--builder .selina-ft-bottom-col--end{
  justify-content: flex-end;
  text-align: end;
}

.selina-footer-template .selina-ft-bottom--builder .selina-ft-bottom-slot{
  font-size: 12px;
  opacity: 0.85;
  line-height: 1.6;
}

.selina-footer-template .selina-ft-bottom--builder .selina-ft-bottom-slot a{
  color: inherit;
  text-decoration: none;
}

.selina-footer-template .selina-ft-bottom--builder .selina-ft-bottom-slot a:hover{
  color: var(--selina-accent);
}



/* Bottom bar builder: menu slot */
.selina-footer-template .selina-ft-bottom--builder .selina-ft-bottom-slot--menu .selina-footer-menu{
  gap: 0;
  flex-wrap: wrap;
}

.selina-footer-template .selina-ft-bottom--builder .selina-ft-bottom-col--start .selina-footer-menu{
  justify-content: flex-start;
}

.selina-footer-template .selina-ft-bottom--builder .selina-ft-bottom-col--center .selina-footer-menu{
  justify-content: center;
}

.selina-footer-template .selina-ft-bottom--builder .selina-ft-bottom-col--end .selina-footer-menu{
  justify-content: flex-end;
}

.selina-footer-template .selina-ft-bottom--builder .selina-ft-bottom-slot--menu .selina-footer-menu li + li::before{
  content: '|';
  margin: 0 10px;
  opacity: 0.55;
}

body.rtl .selina-footer-template .selina-ft-bottom--builder .selina-ft-bottom-slot--menu .selina-footer-menu li + li::before{
  margin: 0 10px;
}

/* Bottom bar builder: social icons + image slots */
.selina-footer-template .selina-ft-bottom--builder .selina-ft-bottom-slot--social .selina-social-icons{
  gap: 6px;
}

.selina-footer-template .selina-ft-bottom--builder .selina-ft-bottom-slot--social .selina-social-link{
  width: 28px;
  height: 28px;
  border-radius: 8px;
  font-size: 14px;
}

.selina-footer-template .selina-ft-bottom--builder .selina-ft-bottom-slot--image .selina-ft-bottom-img-link{
  display: inline-flex;
  align-items: center;
}

.selina-footer-template .selina-ft-bottom--builder .selina-ft-bottom-slot--image .selina-ft-bottom-img{
  max-height: 28px;
  width: auto;
  height: auto;
  display: block;
}

@media (max-width: 520px){
  .selina-footer-template .selina-ft-bottom.selina-ft-bottom--builder{
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .selina-footer-template .selina-ft-bottom--builder .selina-ft-bottom-col{
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (max-width: 992px){
  .selina-footer-template .selina-ft-grid,
  .selina-footer-template--mega .selina-ft-grid{
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .selina-footer-template .selina-ft-links--3{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .selina-footer-template .selina-ft-links--4{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 520px){
  .selina-footer-template .selina-ft-links--3,
  .selina-footer-template .selina-ft-links--4{ grid-template-columns: 1fr; }
  .selina-footer-template{
    padding: 30px 0 14px;
  }
}



/* Responsive header */
@media (max-width: 992px){
  .selina-top-menu{ justify-content: flex-start; }
  body.rtl .selina-top-menu{ justify-content: flex-end; }
}

@media (max-width: 768px){
  .selina-top-inner{
    flex-wrap: wrap;
    gap: 10px;
  }
  .selina-top-left{
    flex-wrap: wrap;
    row-gap: 8px;
  }
  .selina-top-toggle{ display: inline-flex; }
  .selina-top-nav{
    width: 100%;
    display: none;
  }
  .selina-top-nav.is-open{ display: block; }
  .selina-top-menu{
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 12px;
    padding: 8px 0 2px;
  }
  body.rtl .selina-top-menu{ justify-content: flex-end; }

  .selina-middle-inner{
    flex-direction: column;
    align-items: center;
  }
  .selina-header-ad{
    justify-content: center;
  }

  .selina-bottom-inner{
    flex-wrap: wrap;
    align-items: center;
  }
  .selina-main-left,
  .selina-main-right{
    width: 100%;
    flex: 0 0 auto;
    margin-inline-start: 0;
    flex-wrap: wrap;
  }
  .selina-main-left{ justify-content: flex-start; }
  body.rtl .selina-main-left{ justify-content: flex-end; }
  .selina-main-right{ justify-content: flex-end; }
  body.rtl .selina-main-right{ justify-content: flex-start; }

  /* Ensure the menu drops below other controls on mobile */
  .selina-main-nav{ order: 1000; }

  .selina-nav-toggle{ display: inline-flex; }
  .selina-main-nav{
    width: 100%;
  }
  .selina-main-nav .selina-main-menu{
    width: 100%;
    flex-direction: column;
    display: none;
  }
  .selina-main-nav.is-open .selina-main-menu{ display: flex; }
  .selina-main-menu > li > a{
    height: auto;
    line-height: 1.4;
    padding: 14px 16px;
    width: 100%;
    font-size: 16px !important;
  }

  .selina-sub-toggle{
    position: absolute;
    top: 6px;
    right: 6px;
    width: 42px;
    height: 42px;
    border: 0;
    background: transparent;
    color: #ffffff;
    cursor: pointer;
  }
  body.rtl .selina-sub-toggle{ right: auto; left: 6px; }

  /* Override the desktop arrow placement on mobile (bigger touch target) */
  .selina-main-menu > li.menu-item-has-children > .selina-sub-toggle{
    top: 6px;
    right: 6px;
    transform: none;
    width: 42px;
    height: 42px;
    opacity: 1;
  }
  body.rtl .selina-main-menu > li.menu-item-has-children > .selina-sub-toggle{
    right: auto;
    left: 6px;
  }
  .selina-main-menu > li.menu-item-has-children > a{
    padding-inline-end: 56px; /* space for the touch toggle */
  }

  .selina-main-menu .sub-menu li.menu-item-has-children > .selina-sub-toggle{
    top: 6px;
    right: 6px;
    transform: none;
    width: 40px;
    height: 40px;
    opacity: 1;
  }
  body.rtl .selina-main-menu .sub-menu li.menu-item-has-children > .selina-sub-toggle{
    right: auto;
    left: 6px;
  }
  .selina-main-menu .sub-menu li.menu-item-has-children > a{
    padding-inline-end: 54px;
  }
  .selina-main-menu .sub-menu{
    position: static;
    box-shadow: none;
    border: 0;
    padding: 0;
  }
  .selina-main-menu li:hover > .sub-menu,
  .selina-main-menu li:focus-within > .sub-menu{
    display: none;
  }
  .selina-main-menu li.is-open > .sub-menu{ display: block; }
  .selina-main-menu .sub-menu a{
    padding: 12px 18px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 0;
  }
}

/* Search Modal + Slide Sidebar */
.selina-has-overlay{
  overflow: hidden;
}

.selina-modal,
.selina-offcanvas{
  position: fixed;
  inset: 0;
  z-index: 9999;
}

.selina-modal-backdrop,
.selina-offcanvas-backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.55);
}

.selina-modal-dialog{
  position: relative;
  margin: 10vh auto 0;
  max-width: 640px;
  width: calc(100% - 40px);
  background: #fff;
  border-radius: 12px;
  padding: 18px;
  z-index: 2;
  box-shadow: 0 20px 60px rgba(0,0,0,0.35);
}

/*
  Search modal: reserve space for the close button so it never overlaps
  the search input/submit row (especially in RTL).
*/
#selina-search-modal .selina-modal-dialog{
  padding-top: 62px;
}

.selina-modal-close,
.selina-offcanvas-close{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 0;
  background: rgba(0,0,0,0.06);
  cursor: pointer;
  font-size: 20px;
  line-height: 36px;
}

#selina-search-modal .selina-modal-close{
  top: 14px;
  right: 14px;
}
.rtl #selina-search-modal .selina-modal-close{
  right: auto;
  left: 14px;
}

.selina-offcanvas-panel{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: min(360px, 92vw);
  background: #fff;
  z-index: 2;
  box-shadow: 0 0 40px rgba(0,0,0,0.35);
  padding: 18px;
  overflow: auto;
}

.rtl .selina-offcanvas-panel{ left: 0; right: auto; }

html.selina-dark-mode body{ background: #0f1115; color: #e8e8e8; }
html.selina-dark-mode body a{ color: inherit; }
html.selina-dark-mode .selina-modal-dialog,
html.selina-dark-mode .selina-offcanvas-panel{ background: #1b1f26; color: #e8e8e8; }
html.selina-dark-mode .selina-modal-close,
html.selina-dark-mode .selina-offcanvas-close{ background: rgba(255,255,255,0.10); color: #fff; }

/* Dark mode typography adjustments */
html.selina-dark-mode .selina-entry-title,
html.selina-dark-mode .selina-archive-title,
html.selina-dark-mode .selina-sidebar .widget-title{
  color: #e8e8e8;
}

html.selina-dark-mode .selina-entry-content{
  color: #d0d3da;
}

html.selina-dark-mode .selina-entry-meta{
  color: rgba(255,255,255,0.70);
}

/* Dark mode — sidebar widgets (readability) */
html.selina-dark-mode .selina-sidebar .widget{
  background: #151922;
  border-color: rgba(255,255,255,0.10);
  color: rgba(255,255,255,0.88);
}
html.selina-dark-mode .selina-sidebar .widget a{ color: inherit; }
html.selina-dark-mode .selina-sidebar .widget a:hover{ color: var(--selina-accent); }

html.selina-dark-mode .widget_selina_tabs .selina-tabs-nav{
  background: rgba(255,255,255,0.04);
}
html.selina-dark-mode .widget_selina_tabs .selina-tabs-nav__btn{
  color: rgba(255,255,255,0.82);
}
html.selina-dark-mode .widget_selina_tabs .selina-tabs-nav__btn.is-active{
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.95);
}
html.selina-dark-mode .widget_selina_tabs .selina-tabs-nav__btn + .selina-tabs-nav__btn{
  border-inline-start-color: rgba(255,255,255,0.12);
}
html.selina-dark-mode .widget_selina_tabs .selina-tag{
  border-color: rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.05);
}


.selina-footer-bar a{ color: inherit; }

.selina-social-icons{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: 10px;
}

.selina-social-link{
  display: inline-flex;
  text-decoration: none !important;
  border-bottom: 0 !important;
    box-shadow: none !important;
width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  opacity: .9;
  border-radius: 6px;
  transition: opacity .15s ease, background-color .15s ease, transform .15s ease;
}

.selina-social-link:hover{
  text-decoration: none !important;
  border-bottom: 0 !important;

  opacity: 1;
  background-color: rgba(0,0,0,.06);
  transform: translateY(-1px);
}

/* Ensure footer/social icons never show link underlines */
.selina-copyright-bar .selina-social-link,
.selina-copyright-bar .selina-social-link:hover,
.selina-copyright-bar .selina-social-link:focus,
.selina-footer-bar .selina-social-link,
.selina-footer-bar .selina-social-link:hover,
.selina-footer-bar .selina-social-link:focus{
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

html.selina-dark-mode .selina-social-link:hover{
  background-color: rgba(255,255,255,.08);
}

.selina-social-link svg{
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.selina-social-link i{
  font-size: 18px;
  line-height: 1;
}

.selina-social-link img{
  width: 18px;
  height: 18px;
  object-fit: contain;
  display: block;
}

.selina-social-initial{
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid currentColor;
  border-radius: 4px;
}

/* Breaking News (Ticker Bar) */
.selina-breaking-bar{
  background: #fff;
  border-top: 1px solid rgba(0,0,0,.06);
  border-bottom: 1px solid rgba(0,0,0,.06);
  /* Keep consistent typography across all pages (including WooCommerce). */
  font-size: 13px;
  line-height: 1.35;
}

/* Remove the default top padding of the main content when the Breaking News bar is present */
.selina-breaking-bar + .selina-main{
  padding-top: 0;
}

.selina-breaking-inner{
  display: flex;
  align-items: stretch;
  min-height: 40px;
}

.selina-breaking-label{
  display: inline-flex;
  align-items: center;
  padding: 0 14px;
  background: var(--selina-breaking-label-bg, var(--selina-accent));
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  white-space: nowrap;
}

.selina-breaking-track{
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  padding: 0 14px;
  overflow: hidden;
}

.selina-breaking-item{
  display: none;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit;
  text-decoration: none !important;
  opacity: .95;
}

.selina-breaking-item:hover{
  text-decoration: underline;
  opacity: 1;
}

.selina-breaking-item.is-active{ display: block; }

/* Breaking News – Continuous marquee ticker */
.selina-breaking-bar.is-scroll .selina-breaking-track{
  padding: 0 14px;
}

.selina-breaking-bar.is-scroll .selina-breaking-marquee{
  position: relative;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  /*
    IMPORTANT (Mobile/RTL):
    The breaking-news marquee is implemented by translating a long "track".
    In an RTL document, flex items may lay out right-to-left which can place
    the duplicate group on the wrong side. That produces a moment where the
    viewport has no content (the ticker "disappears") before restarting.

    Force an LTR layout-direction for the marquee track only (not the whole
    bar). The text itself still renders correctly (Arabic is RTL by Unicode),
    while the physical layout becomes predictable for seamless looping.
  */
  direction: ltr;
}

.selina-breaking-bar.is-scroll .selina-breaking-marquee-inner{
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  will-change: transform;
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
  animation-duration: var(--selina-breaking-duration, 28s);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  direction: ltr;
}

/* Breaking News – JS driven marquee (prevents reset flashes on mobile) */
.selina-breaking-bar.is-scroll.is-js .selina-breaking-marquee-inner{
  animation: none !important;
}


.selina-breaking-bar.is-scroll[data-selina-breaking-dir="rtl"] .selina-breaking-marquee-inner{
  animation-name: selinaBreakingMarqueeRTL;
}

.selina-breaking-bar.is-scroll[data-selina-breaking-dir="ltr"] .selina-breaking-marquee-inner{
  animation-name: selinaBreakingMarqueeLTR;
}

.selina-breaking-bar.is-scroll .selina-breaking-marquee-group{
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  white-space: nowrap;
}

/* Better bidi isolation for mixed RTL/LTR content (titles, numbers, etc.). */
.selina-breaking-bar.is-scroll .selina-breaking-link,
.selina-breaking-bar.is-scroll .selina-breaking-sep{
  unicode-bidi: plaintext;
}

.selina-breaking-bar.is-scroll .selina-breaking-link{
  display: inline-block;
  color: inherit;
  text-decoration: none !important;
  opacity: .95;
  /* Keep mixed Arabic/English/Numbers stable inside an LTR layout track. */
  unicode-bidi: plaintext;
}

.selina-breaking-bar.is-scroll .selina-breaking-link:hover{
  text-decoration: none !important;
  opacity: 1;
}

.selina-breaking-bar.is-scroll .selina-breaking-sep{
  display: inline-block;
  margin: 0 14px;
  opacity: .55;
  unicode-bidi: isolate;
}

.selina-breaking-bar.is-scroll:hover .selina-breaking-marquee-inner{
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce){
  .selina-breaking-bar.is-scroll .selina-breaking-marquee-inner{
    animation: none !important;
    transform: none !important;
  }
}

@keyframes selinaBreakingMarqueeRTL{
  0%{ transform: translate3d(0,0,0); }
  100%{ transform: translate3d(calc(-1 * var(--selina-breaking-shift, 50%)),0,0); }
}

@keyframes selinaBreakingMarqueeLTR{
  0%{ transform: translate3d(calc(-1 * var(--selina-breaking-shift, 50%)),0,0); }
  100%{ transform: translate3d(0,0,0); }
}

.selina-breaking-controls{
  display: flex;
  align-items: stretch;
  border-left: 1px solid rgba(0,0,0,.06);
}

.selina-breaking-btn{
  appearance: none;
  border: 0;
  background: transparent;
  width: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  color: inherit;
}

.selina-breaking-btn + .selina-breaking-btn{
  border-left: 1px solid rgba(0,0,0,.06);
}

.selina-breaking-btn:hover{
  background: rgba(0,0,0,.03);
}

.selina-breaking-btn:focus{
  outline: 2px solid var(--selina-accent);
  outline-offset: -2px;
}

/* Dark mode */
html.selina-dark-mode .selina-breaking-bar{
  background: #151922;
  border-color: rgba(255,255,255,.08);
}

html.selina-dark-mode .selina-breaking-controls,
html.selina-dark-mode .selina-breaking-btn + .selina-breaking-btn{
  border-color: rgba(255,255,255,.08);
}

html.selina-dark-mode .selina-breaking-btn:hover{
  background: rgba(255,255,255,.06);
}

/* RTL fixes */
.rtl .selina-breaking-controls{
  border-left: 0;
  border-right: 1px solid rgba(0,0,0,.06);
}
.rtl .selina-breaking-btn + .selina-breaking-btn{
  border-left: 0;
  border-right: 1px solid rgba(0,0,0,.06);
}
.selina-dark-mode.rtl .selina-breaking-controls,
.selina-dark-mode.rtl .selina-breaking-btn + .selina-breaking-btn{
  border-right-color: rgba(255,255,255,.08);
}


/* RTL */
.rtl .selina-footer-left{ text-align: right; }
.rtl .selina-footer-right{ text-align: left; }
.rtl .selina-social-icons{ margin-left: 0; margin-right: 10px; }


/* Footer */
.selina-footer{
  border-top: 0;
  padding: 0;
  margin: 0;
  background: transparent;
}

/* Sticky footer behavior: keep the footer flush to the bottom on short pages */
.selina-site > footer.selina-footer{
  margin-top: auto;
}


/* ---------------------------------------------
   Mobile Settings
--------------------------------------------- */

.selina-mobile-header{ display: none; }
.selina-mobile-header-ad{ display: none; }

/* Mobile Header + Mobile Menu become active on smaller screens */
@media (max-width: 992px){
  /* Hide the desktop header bars and use the dedicated mobile header */
  .selina-header .selina-topbar,
  .selina-header .selina-middle,
  .selina-header .selina-bottombar{ display: none; }

  .selina-mobile-header{
    display: block;
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 6px 18px rgba(0,0,0,.06);
    position: relative;
    z-index: 60;
  }
  html.selina-dark-mode .selina-mobile-header{
    box-shadow: 0 6px 18px rgba(0,0,0,.35);
  }
  .selina-mobile-header-inner{ padding: 10px 16px; }
  .selina-mobile-row{ display: flex; align-items: center; justify-content: space-between; gap: 10px; }
  .selina-mobile-row--bottom{ margin-top: 10px; }
  .selina-header + .selina-breaking-bar{ margin-top: 10px; }

  /* Header Ad on mobile: placed below Breaking News */
  .selina-mobile-header-ad{ display: block; margin-top: 10px; }
  .selina-mobile-header-ad-inner{ display: flex; justify-content: center; }
  .selina-mobile-header-ad .selina-header-ad{
    justify-content: center;
    min-height: 0;
    width: 100%;
  }
  .selina-mobile-header-ad .selina-ad-img{ max-width: 100%; height: auto; }

  .selina-mobile-left,
  .selina-mobile-right{ display: flex; align-items: center; gap: 10px; }

  .selina-mobile-logo{ flex: 1; display: flex; justify-content: flex-start; min-width: 0; }
  .selina-mobile-header.is-logo-centered .selina-mobile-logo{ justify-content: center; }
  .selina-mobile-logo .selina-logo-link{ display: inline-flex; max-width: 100%; }

  .selina-mobile-header.is-logo-centered .selina-mobile-row:not(.selina-mobile-row--bottom){
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
  }
  .selina-mobile-header.is-logo-centered .selina-mobile-row:not(.selina-mobile-row--bottom) .selina-mobile-left{ justify-self: start; }
  .selina-mobile-header.is-logo-centered .selina-mobile-row:not(.selina-mobile-row--bottom) .selina-mobile-right{ justify-self: end; }
  .selina-mobile-header.is-logo-centered .selina-mobile-row:not(.selina-mobile-row--bottom) .selina-mobile-logo{
    grid-column: 2;
    justify-self: center;
    flex: 0 0 auto;
    text-align: center;
  }

  .selina-mh-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    background: transparent;
    padding: 6px 8px;
    border-radius: 8px;
    cursor: pointer;
    color: #111;
    font-size: 16px;
  }
  .selina-mh-btn:hover{ background: rgba(0,0,0,.04); }
  .selina-mh-btn:focus{ outline: 2px solid rgba(0,0,0,.15); outline-offset: 2px; }
  .selina-mh-btn-text{ font-size: 13px; font-weight: 600; }

  .selina-mh-btn-cart{ position: relative; }
  .selina-mh-btn-cart .selina-cart-count{
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    border-radius: 999px;
    background: #d63638;
    color: #fff;
    text-align: center;
    padding: 0 4px;
  }
  .rtl .selina-mh-btn-cart .selina-cart-count{ right: auto; left: -4px; }

  /* Hamburger icons */
  .selina-hamburger{ display: inline-block; width: 22px; height: 16px; position: relative; }
  .selina-hamburger span{ position: absolute; left: 0; right: 0; height: 2px; background: currentColor; border-radius: 2px; }
  .selina-hamburger span:nth-child(1){ top: 0; }
  .selina-hamburger span:nth-child(2){ top: 7px; }
  .selina-hamburger span:nth-child(3){ bottom: 0; }
  .selina-hamburger--style2 span{ border-radius: 0; }
  .selina-hamburger--style3 span:nth-child(2){ width: 70%; margin-left: auto; }
  .selina-hamburger--style4 span:nth-child(1){ width: 70%; }
  .selina-hamburger--style5 span:nth-child(3){ width: 70%; }
  .selina-hamburger--style6 span:nth-child(1){ width: 60%; }
  .selina-hamburger--style6 span:nth-child(2){ width: 80%; margin-left: auto; }
  .selina-hamburger--style6 span:nth-child(3){ width: 60%; margin-left: auto; }
  .selina-hamburger--style7 span:nth-child(1){ top: 1px; }
  .selina-hamburger--style7 span:nth-child(2){ top: 7px; opacity: .75; }
  .selina-hamburger--style7 span:nth-child(3){ bottom: 1px; }
  .selina-hamburger--style8 span{ height: 3px; }
}

/* Dark Mode - Mobile Header/Menu */
html.selina-dark-mode .selina-mobile-header{
  background: #151922;
  border-bottom-color: rgba(255,255,255,.08);
}
html.selina-dark-mode .selina-mh-btn{ color: #fff; }
html.selina-dark-mode .selina-mh-btn:hover{ background: rgba(255,255,255,.06); }
html.selina-dark-mode .selina-mobile-menu-panel{
  background: #151922;
  color: #fff;
}
html.selina-dark-mode .selina-mobile-menu-list > li{ border-bottom-color: rgba(255,255,255,.08); }
html.selina-dark-mode .selina-mobile-menu-list a{ color: #fff; }
html.selina-dark-mode .selina-mobile-menu-list a:hover{ background: rgba(255,255,255,.06); }
html.selina-dark-mode .selina-mobile-search-input{ background: transparent; color: #fff; border-color: rgba(255,255,255,.18); }
html.selina-dark-mode .selina-live-search-results{ background: #151922; border-color: rgba(255,255,255,.08); }
html.selina-dark-mode .selina-live-search-item{ color: #fff; border-top-color: rgba(255,255,255,.08); }
html.selina-dark-mode .selina-live-search-item:hover{ background: rgba(255,255,255,.06); }
html.selina-dark-mode .selina-mobile-menu-social{ border-top-color: rgba(255,255,255,.08); }
html.selina-dark-mode .selina-mobile-menu-footer{ border-top-color: rgba(255,255,255,.08); }
html.selina-dark-mode .selina-mobile-menu-head{ border-bottom-color: rgba(255,255,255,.08); }
html.selina-dark-mode .selina-mobile-menu-close:hover{ background: rgba(255,255,255,.06); }

/* Dark Mode: improve submenu toggle contrast */
html.selina-dark-mode .selina-mobile-subtoggle{ background: rgba(255,255,255,.08); }
html.selina-dark-mode .selina-mobile-subtoggle:hover{ background: rgba(255,255,255,.12); }

/* -------------------------------------------------------------------------
 * Mobile Menu Color Scheme (theme option)
 * -------------------------------------------------------------------------
 * The theme already supports global dark mode via `html.selina-dark-mode`.
 * This option allows forcing the off-canvas mobile menu to Light or Dark
 * regardless of the global mode.
 */

/* Force Dark off-canvas menu */
.selina-mobile-menu--dark .selina-mobile-menu-panel{ background: #151922; color: #fff; }
.selina-mobile-menu--dark .selina-mobile-menu-list > li{ border-bottom-color: rgba(255,255,255,.08); }
.selina-mobile-menu--dark .selina-mobile-menu-list a{ color: #fff; }
.selina-mobile-menu--dark .selina-mobile-menu-list a:hover{ background: rgba(255,255,255,.06); }
.selina-mobile-menu--dark .selina-mobile-search-input{ background: transparent; color: #fff; border-color: rgba(255,255,255,.18); }
.selina-mobile-menu--dark .selina-live-search-results{ background: #151922; border-color: rgba(255,255,255,.08); }
.selina-mobile-menu--dark .selina-live-search-item{ color: #fff; border-top-color: rgba(255,255,255,.08); }
.selina-mobile-menu--dark .selina-live-search-item:hover{ background: rgba(255,255,255,.06); }
.selina-mobile-menu--dark .selina-mobile-menu-social{ border-top-color: rgba(255,255,255,.08); }
.selina-mobile-menu--dark .selina-mobile-menu-footer{ border-top-color: rgba(255,255,255,.08); }
.selina-mobile-menu--dark .selina-mobile-menu-head{ border-bottom-color: rgba(255,255,255,.08); }
.selina-mobile-menu--dark .selina-mobile-menu-close:hover{ background: rgba(255,255,255,.06); }
.selina-mobile-menu--dark .selina-mobile-subtoggle{ background: rgba(255,255,255,.08); }
.selina-mobile-menu--dark .selina-mobile-subtoggle:hover{ background: rgba(255,255,255,.12); }
.selina-mobile-menu--dark .selina-mobile-menu-panel .selina-mobile-search-submit{
  border-color: rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.92) !important;
}
.selina-mobile-menu--dark .selina-mobile-menu-panel .selina-mobile-search-submit:focus-visible{
  outline-color: rgba(255,255,255,.28);
}

/* Force Light off-canvas menu (override global dark mode when active) */
.selina-mobile-menu--light .selina-mobile-menu-panel{ background: #fff; color: #111; }
.selina-mobile-menu--light .selina-mobile-menu-list > li{ border-bottom-color: rgba(0,0,0,.06); }
.selina-mobile-menu--light .selina-mobile-menu-list a{ color: #111; }
.selina-mobile-menu--light .selina-mobile-menu-list a:hover{ background: rgba(0,0,0,.03); }
.selina-mobile-menu--light .selina-mobile-search-input{ background: #fff; color: #111; border-color: rgba(0,0,0,.18); }
.selina-mobile-menu--light .selina-live-search-results{ background: #fff; border-color: rgba(0,0,0,.08); }
.selina-mobile-menu--light .selina-live-search-item{ color: #111; border-top-color: rgba(0,0,0,.06); }
.selina-mobile-menu--light .selina-live-search-item:hover{ background: rgba(0,0,0,.03); }
.selina-mobile-menu--light .selina-mobile-menu-social{ border-top-color: rgba(0,0,0,.06); }
.selina-mobile-menu--light .selina-mobile-menu-footer{ border-top-color: rgba(0,0,0,.06); }
.selina-mobile-menu--light .selina-mobile-menu-head{ border-bottom-color: rgba(0,0,0,.06); }
.selina-mobile-menu--light .selina-mobile-menu-close:hover{ background: rgba(0,0,0,.04); }
.selina-mobile-menu--light .selina-mobile-menu-panel .selina-mobile-search-submit{
  border-color: rgba(0,0,0,.18) !important;
  background: rgba(0,0,0,.04) !important;
  color: rgba(0,0,0,.78) !important;
}
.selina-mobile-menu--light .selina-mobile-menu-panel .selina-mobile-search-submit:focus-visible{
  outline-color: rgba(0,0,0,0.20);
}




/* -------------------------------------------------------------------------
 * Mobile Menu Color Scheme (robust overrides)
 * -------------------------------------------------------------------------
 * Some sites/plugins override the wrapper markup or add additional dark-mode
 * selectors. To ensure the theme option always works, we also apply the scheme
 * on the off-canvas panel element itself (\"selina-mobile-menu-panel--*\").
 */

/* Panel forced Dark */
.selina-mobile-menu-panel--dark{ background: #151922 !important; color: #fff !important; }
.selina-mobile-menu-panel--dark .selina-mobile-menu-head{ border-bottom-color: rgba(255,255,255,.08) !important; }
.selina-mobile-menu-panel--dark .selina-mobile-menu-close:hover{ background: rgba(255,255,255,.06) !important; }
.selina-mobile-menu-panel--dark .selina-mobile-menu-list > li{ border-bottom-color: rgba(255,255,255,.08) !important; }
.selina-mobile-menu-panel--dark .selina-mobile-menu-list a{ color: #fff !important; }
.selina-mobile-menu-panel--dark .selina-mobile-menu-list a:hover{ background: rgba(255,255,255,.06) !important; }
.selina-mobile-menu-panel--dark .selina-mobile-search-input{ background: transparent !important; color: #fff !important; border-color: rgba(255,255,255,.18) !important; }
.selina-mobile-menu-panel--dark .selina-live-search-results{ background: #151922 !important; border-color: rgba(255,255,255,.08) !important; }
.selina-mobile-menu-panel--dark .selina-live-search-item{ color: #fff !important; border-top-color: rgba(255,255,255,.08) !important; }
.selina-mobile-menu-panel--dark .selina-live-search-item:hover{ background: rgba(255,255,255,.06) !important; }
.selina-mobile-menu-panel--dark .selina-mobile-menu-footer{ border-top-color: rgba(255,255,255,.08) !important; }
.selina-mobile-menu-panel--dark .selina-mobile-menu-social{ border-top-color: rgba(255,255,255,.08) !important; }
.selina-mobile-menu-panel--dark .selina-mobile-subtoggle{ background: rgba(255,255,255,.08) !important; }
.selina-mobile-menu-panel--dark .selina-mobile-subtoggle:hover{ background: rgba(255,255,255,.12) !important; }
.selina-mobile-menu-panel--dark .selina-mobile-search-submit{
  border-color: rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.92) !important;
}

/* Panel forced Light */
.selina-mobile-menu-panel--light{ background: #fff !important; color: #111 !important; }
.selina-mobile-menu-panel--light .selina-mobile-menu-head{ border-bottom-color: rgba(0,0,0,.06) !important; }
.selina-mobile-menu-panel--light .selina-mobile-menu-close:hover{ background: rgba(0,0,0,.04) !important; }
.selina-mobile-menu-panel--light .selina-mobile-menu-list > li{ border-bottom-color: rgba(0,0,0,.06) !important; }
.selina-mobile-menu-panel--light .selina-mobile-menu-list a{ color: #111 !important; }
.selina-mobile-menu-panel--light .selina-mobile-menu-list a:hover{ background: rgba(0,0,0,.03) !important; }
.selina-mobile-menu-panel--light .selina-mobile-search-input{ background: #fff !important; color: #111 !important; border-color: rgba(0,0,0,.18) !important; }
.selina-mobile-menu-panel--light .selina-live-search-results{ background: #fff !important; border-color: rgba(0,0,0,.08) !important; }
.selina-mobile-menu-panel--light .selina-live-search-item{ color: #111 !important; border-top-color: rgba(0,0,0,.06) !important; }
.selina-mobile-menu-panel--light .selina-live-search-item:hover{ background: rgba(0,0,0,.03) !important; }
.selina-mobile-menu-panel--light .selina-mobile-menu-footer{ border-top-color: rgba(0,0,0,.06) !important; }
.selina-mobile-menu-panel--light .selina-mobile-menu-social{ border-top-color: rgba(0,0,0,.06) !important; }
.selina-mobile-menu-panel--light .selina-mobile-subtoggle{ background: rgba(0,0,0,.03) !important; }
.selina-mobile-menu-panel--light .selina-mobile-subtoggle:hover{ background: rgba(0,0,0,.06) !important; }
.selina-mobile-menu-panel--light .selina-mobile-search-submit{
  border-color: rgba(0,0,0,.18) !important;
  background: rgba(0,0,0,.04) !important;
  color: rgba(0,0,0,.78) !important;
}

/* Mobile Menu Overlay */
.selina-mobile-menu[hidden]{ display: none; }
.selina-mobile-menu{ position: fixed; inset: 0; z-index: 9998; }
.selina-mobile-menu-backdrop{ position: absolute; inset: 0; background: rgba(0,0,0,.55); }
.selina-mobile-menu-panel{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 320px;
  max-width: 86%;
  background: #fff;
  overflow-y: auto;
  transform: translateX(-100%);
  transition: transform .25s ease;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
.rtl .selina-mobile-menu-panel{ left: auto; right: 0; transform: translateX(100%); }
.selina-mobile-menu--full .selina-mobile-menu-panel{ width: 100%; max-width: 100%; }
.selina-mobile-menu.is-open .selina-mobile-menu-panel{ transform: translateX(0); }
.selina-mobile-menu-head{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px 12px 8px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.selina-mobile-menu-logo{
  display: flex;
  justify-content: center;
  width: 100%;
}
.selina-mobile-menu-logo .selina-logo-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.selina-mobile-menu-logo .selina-logo-img{
  max-height: 46px;
  width: auto;
}
.selina-mobile-menu-close{
  position: absolute;
  top: 50%;
  right: 8px;
  inset-inline-end: 8px;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  padding: 4px 8px;
}
.rtl .selina-mobile-menu-close{ right: auto; left: 8px; inset-inline-end: auto; }
.selina-mobile-menu-close:hover{ background: rgba(0,0,0,.04); border-radius: 8px; }

.selina-mobile-nav{ padding: 8px 12px 12px; }
.selina-mobile-menu-list,
.selina-mobile-menu-list ul{ list-style: none; padding: 0; margin: 0; }
.selina-mobile-menu-list > li{ border-bottom: 1px solid rgba(0,0,0,.06); }
.selina-mobile-menu-list a{
  display: block;
  padding: 12px 6px;
  text-decoration: none !important;
  color: #111;
  font-weight: 600;
  font-size: 17px !important;
  line-height: 1.25;
}
.selina-mobile-menu-list a:hover{ background: rgba(0,0,0,.03); }

.selina-mobile-menu-list .menu-item-has-children > a{ padding-right: 44px; }
.rtl .selina-mobile-menu-list .menu-item-has-children > a{ padding-right: 6px; padding-left: 44px; }

.selina-mobile-subtoggle{
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border: 0;
  background: rgba(0,0,0,.03);
  border-radius: 8px;
  cursor: pointer;
}
.rtl .selina-mobile-subtoggle{ right: auto; left: 8px; }
.selina-mobile-subtoggle:hover{ background: rgba(0,0,0,.06); }

.selina-mobile-menu-list li{ position: relative; }
.selina-mobile-menu-list ul{ display: none; padding-left: 14px; }
.rtl .selina-mobile-menu-list ul{ padding-left: 0; padding-right: 14px; }
.selina-mobile-menu-list li.is-open > ul{ display: block; }
.selina-mobile-menu-list ul a{ font-weight: 500; }

.selina-mobile-menu-quick-icons{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 6px 12px 12px;
}

.selina-mobile-search{ padding: 12px 12px 8px; }
.selina-mobile-search-form{ display: flex; align-items: center; gap: 8px; }
.selina-mobile-search-input{ flex: 1; min-width: 0; padding: 10px 12px; border: 1px solid rgba(0,0,0,.18); border-radius: 10px; }
.selina-mobile-menu-panel .selina-mobile-search-submit{
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid rgba(0,0,0,.18) !important;
  background: rgba(0,0,0,.04) !important;
  color: rgba(0,0,0,.78) !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  cursor: pointer;
  transition: filter .15s ease, transform .15s ease;
}
.selina-mobile-menu-panel .selina-mobile-search-submit:hover{
  filter: brightness(0.96);
}
.selina-mobile-menu-panel .selina-mobile-search-submit:active{
  transform: translateY(1px);
  filter: brightness(0.92);
}
.selina-mobile-menu-panel .selina-mobile-search-submit:focus-visible{
  outline: 2px solid rgba(0,0,0,0.20);
  outline-offset: 2px;
}
.selina-dark-mode .selina-mobile-menu-panel .selina-mobile-search-submit{
  border-color: rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.92) !important;
}
.selina-dark-mode .selina-mobile-menu-panel .selina-mobile-search-submit:focus-visible{
  outline-color: rgba(255,255,255,.28);
}

.selina-live-search-results{ margin-top: 8px; border: 1px solid rgba(0,0,0,.08); border-radius: 12px; overflow: hidden; background: #fff; }
.selina-live-search-item{ display: block; padding: 10px 12px; text-decoration: none !important; color: #111; border-top: 1px solid rgba(0,0,0,.06); }
.selina-live-search-item:first-child{ border-top: 0; }
.selina-live-search-item:hover{ background: rgba(0,0,0,.03); }
.selina-live-search-empty{ padding: 10px 12px; color: rgba(0,0,0,.7); }

.selina-mobile-menu-footer{
  padding: 8px 12px 20px;
  border-top: 1px solid rgba(0,0,0,.06);
}
.selina-mobile-menu-footer .selina-mobile-menu-social{
  padding: 0;
  border-top: 0;
}

.selina-mobile-menu-social{ padding: 8px 12px 20px; border-top: 1px solid rgba(0,0,0,.06); }

.selina-mobile-menu-social .selina-social-icons{
  width: 100%;
  justify-content: center;
  gap: 12px;
  margin: 0 !important;
}
.selina-mobile-menu-social .selina-social-icons a{ margin: 0 !important; }

.selina-mobile-menu-lang{
  margin-top: 12px;
  display: flex;
  justify-content: center;
  width: 100%;
}
.selina-mobile-menu-lang .selina-lang-switcher{
  display: inline-flex;
  justify-content: center;
  max-width: 100%;
}


/* Sticky Mobile Share Buttons */
.selina-mobile-share{ display: none; }
@media (max-width: 992px){
  .selina-mobile-share{
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9997;
    background: #fff;
    border-top: 1px solid rgba(0,0,0,.06);
  }
  body.selina-mobile-has-sticky-share{ padding-bottom: 56px; }
  .selina-mobile-share-btn{
    flex: 1;
    text-align: center;
    padding: 12px 0;
    text-decoration: none !important;
    color: #111;
    font-weight: 700;
    font-size: 12px;
    border-left: 1px solid rgba(0,0,0,.06);
  }
  .rtl .selina-mobile-share-btn{ border-left: 0; border-right: 1px solid rgba(0,0,0,.06); }
  .selina-mobile-share-btn:first-child{ border-left: 0; }
  .rtl .selina-mobile-share-btn:first-child{ border-right: 0; }
  .selina-mobile-share-btn:hover{ background: rgba(0,0,0,.03); }
}


/* Show More Content (Single Post) */
@media (max-width: 992px){
  body.selina-mobile-show-more-content .selina-entry-single .selina-entry-content.is-collapsed{
    max-height: 520px;
    overflow: hidden;
    position: relative;
  }
  body.selina-mobile-show-more-content .selina-entry-single .selina-entry-content.is-collapsed:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
  }
  body.selina-dark-mode.selina-mobile-show-more-content .selina-entry-single .selina-entry-content.is-collapsed:after{
    background: linear-gradient(to bottom, rgba(21,25,34,0), rgba(21,25,34,1));
  }
  .selina-show-more-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: rgba(0,0,0,.04);
    padding: 10px 14px;
    border-radius: 10px;
    font-weight: 700;
    cursor: pointer;
    margin-top: 12px;
  }
  body.selina-dark-mode .selina-show-more-btn{ background: rgba(255,255,255,.08); color: #fff; }
}


/* Sidebars on Mobile */
@media (max-width: 992px){
  body.selina-mobile-sidebars-before .selina-layout.has-sidebar{ flex-direction: column; }
  body.selina-mobile-sidebars-before .selina-sidebar{ order: 1; }
  body.selina-mobile-sidebars-before .selina-content{ order: 2; }

  body.selina-mobile-hide-sidebars .selina-sidebar{ display: none; }
}


/* Mobile Elements visibility controls */
@media (max-width: 992px){
  body.selina-m-hide-breaking-news .selina-breaking-bar{ display: none !important; }
  body.selina-m-hide-sticky-above-footer .selina-mobile-share{ display: none !important; }
  body.selina-m-hide-footer footer.selina-footer{ display: none !important; }
  body.selina-m-hide-copyright .selina-copyright-bar{ display: none !important; }
  body.selina-m-hide-header-logo .selina-logo{ display: none !important; }
  body.selina-m-hide-back-to-top .selina-back-to-top{ display: none !important; }
  /* Ads (best-effort: theme currently exposes Header Ad) */
  body.selina-m-hide-ad-header .selina-header-ad{ display: none !important; }
  body.selina-m-hide-ad-above-header .selina-ad--above-header{ display: none !important; }
  body.selina-m-hide-ad-above-posts .selina-ad--above-posts{ display: none !important; }
  body.selina-m-hide-ad-above-footer .selina-ad--above-footer{ display: none !important; }
  body.selina-m-hide-ad-before-header .selina-ad--before-header{ display: none !important; }
  body.selina-m-hide-ad-above-article .selina-ad--above-article{ display: none !important; }
  body.selina-m-hide-ad-under-article-content .selina-ad--above-article-content{ display: none !important; }
  body.selina-m-hide-ad-below-article-content .selina-ad--below-article-content{ display: none !important; }
  body.selina-m-hide-ad-below-article .selina-ad--below-article{ display: none !important; }
  body.selina-m-hide-ad-below-comments .selina-ad--below-comments{ display: none !important; }
}



/* ==========================================================================
   Single Post Page (options)
   ========================================================================== */

/* Reading progress */
.selina-reading-progress{
  position: fixed;
  left: 0;
  width: 100%;
  height: 3px;
  background: rgba(0,0,0,0.10);
  z-index: 99999;
  pointer-events: none;
}
.selina-reading-progress--top{ top: 0; }
.selina-reading-progress--bottom{ bottom: 0; }
body.admin-bar .selina-reading-progress--top{ top: 32px; }
body.admin-bar .selina-reading-progress--bottom{ bottom: 0; }
.selina-reading-progress__bar{
  display: block;
  height: 100%;
  width: 0%;
  background: var(--selina-accent, #0a84ff);
}

/* Single header + excerpt */
.selina-entry-single .selina-entry-head{
  margin-bottom: 14px;
}
.selina-entry-single .selina-entry-title{
  margin-bottom: 10px;
}
.selina-entry-single .selina-entry-excerpt{
  font-size: 15px;
  opacity: .85;
  margin: 0 0 12px;
}

/* Featured media */
.selina-featured-media{
  margin: 0 0 18px;
}
.selina-featured-media--image .selina-featured-image{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}
.selina-featured-media--uncropped .selina-featured-image{
  width: 100%;
  height: auto;
  object-fit: contain;
}
.selina-featured-media--video iframe,
.selina-featured-media--video video{
  max-width: 100%;
}

/* Lightbox */
#selina-lightbox{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.72);
  z-index: 999999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
#selina-lightbox.is-open{ display: flex; }
#selina-lightbox img{
  max-width: min(1100px, 92vw);
  max-height: 86vh;
  width: auto;
  height: auto;
  border-radius: 10px;
}
#selina-lightbox .selina-lightbox-close{
  position: absolute;
  top: 14px;
  right: 14px;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 0;
  background: rgba(255,255,255,.14);
  color: #fff;
  font-size: 22px;
  line-height: 42px;
  cursor: pointer;
}

/* Hero layout */
.selina-hero{
  border-radius: 14px;
  overflow: hidden;
  margin: 0 0 18px;
  background-size: cover;
  background-position: center;
}
.selina-hero__inner{
  padding: 28px 18px;
  background: linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.35));
}
.selina-entry-head--hero .selina-entry-title,
.selina-entry-head--hero .selina-entry-excerpt{
  color: #fff;
}
.selina-entry-head--hero .selina-entry-excerpt{ opacity: .9; }

/* Post info */
.selina-post-info{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  margin: 10px 0 8px;
  font-size: 13px;
  opacity: .92;
}
.selina-post-info--column{
  align-items: flex-start;
}
.selina-post-info__author{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-right: 8px;
}
.selina-post-info__avatar img{
  border-radius: 999px;
}
.selina-post-info__author-icons{
  display: inline-flex;
  gap: 6px;
  margin-left: 6px;
}
.selina-post-info__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: rgba(0,0,0,.06);
  font-size: 12px;
  text-decoration: none !important;
}
.selina-post-info__meta{
  display: inline-flex;
  gap: 10px;
  flex-wrap: wrap;
}
.selina-post-info__item{
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

/* Share bar */
.selina-post-share{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 0;
}
.selina-post-share__link,
.selina-post-share__copy{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  border-radius: 10px;
  text-decoration: none !important;
  background: rgba(0,0,0,.06);
  border: 0;
  font-size: 13px;
  cursor: pointer;
}
.selina-post-share__link:hover,
.selina-post-share__copy:hover{
  background: rgba(0,0,0,.09);
}

/* Share Buttons (Theme Options → Share Buttons) */
.selina-share{
  margin: 14px 0;
}
.selina-share__title{
  font-weight: 700;
  margin-bottom: 8px;
  font-size: 14px;
}
.selina-share__buttons{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.selina-share-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(0,0,0,.10);
  background: #fff;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1;
  text-decoration: none !important;
  color: inherit;
  cursor: pointer;
}
.selina-share-btn__abbr{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  background: rgba(0,0,0,.06);
  font-weight: 700;
  font-size: 12px;
}
.selina-share-btn:hover{
  background: rgba(0,0,0,.03);
}
.selina-share--pos-center .selina-share__buttons{
  justify-content: center;
}
.selina-share--pos-inverted{
  background: rgba(0,0,0,.04);
  padding: 10px;
  border-radius: 6px;
}
.selina-share--pos-inverted .selina-share-btn{
  background: #222;
  color: #fff;
  border-color: rgba(255,255,255,.15);
}
.selina-share--pos-inverted .selina-share-btn__abbr{
  background: rgba(255,255,255,.15);
}

@media (min-width: 768px){
  .selina-share-btn.is-mobile-only{
    display: none;
  }
}

@media (max-width: 768px){
  body.selina-m-hide-share-above .selina-share--above{
    display: none !important;
  }
  body.selina-m-hide-share-below .selina-share--below{
    display: none !important;
  }
}

/* Share buttons style variations */
.selina-share--style2 .selina-share-btn{
  border-radius: 999px;
}
.selina-share--style3 .selina-share-btn{
  padding: 6px;
}
.selina-share--style3 .selina-share-btn__label{
  display: none;
}
.selina-share--style4 .selina-share-btn{
  background: transparent;
}
.selina-share--style4 .selina-share-btn__abbr{
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.selina-share--style5 .selina-share__buttons{
  gap: 0;
}
.selina-share--style5 .selina-share-btn{
  border-radius: 0;
  border-left-width: 0;
}
.selina-share--style5 .selina-share-btn:first-child{
  border-left-width: 1px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.selina-share--style5 .selina-share-btn:last-child{
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.selina-share--style6 .selina-share-btn{
  border-width: 0;
  background: rgba(0,0,0,.06);
}
.selina-share--style6 .selina-share-btn:hover{
  background: rgba(0,0,0,.10);
}
.selina-share--style7 .selina-share-btn{
  border: none;
  padding: 0;
  background: transparent;
}
.selina-share--style7 .selina-share-btn__abbr{
  display: none;
}
.selina-share--style7 .selina-share-btn__label{
  text-decoration: underline;
}

/* Sticky share buttons */
.selina-sticky-share{
  position: fixed;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 999;
}
.selina-sticky-share.is-rtl{
  left: auto;
  right: 16px;
}
.selina-sticky-share-btn{
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: rgba(0,0,0,.06);
  text-decoration: none !important;
  color: inherit;
  border: 1px solid rgba(0,0,0,.08);
}
.selina-sticky-share-btn:hover{
  background: rgba(0,0,0,.10);
}
.selina-sticky-share-abbr{
  font-weight: 700;
  font-size: 12px;
}
@media (max-width: 768px){
  .selina-sticky-share{
    display: none !important;
  }
}

/* Select and Share */
.selina-select-share{
  position: absolute;
  z-index: 10000;
  display: flex;
  gap: 6px;
  padding: 8px;
  border-radius: 10px;
  background: #111;
  color: #fff;
  box-shadow: 0 12px 28px rgba(0,0,0,.20);
}
.selina-select-share-btn{
  appearance: none;
  border: 0;
  background: rgba(255,255,255,.08);
  color: #fff;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 12px;
}
.selina-select-share-btn:hover{
  background: rgba(255,255,255,.14);
}
.selina-select-share-abbr{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  background: rgba(255,255,255,.14);
  font-weight: 700;
}
.selina-select-share-label{
  font-weight: 600;
}
@media (max-width: 480px){
  .selina-select-share-label{
    display: none;
  }
}

/* Responsive videos inside content */
body.selina-single-responsive-video .selina-entry-single .selina-entry-content iframe,
body.selina-single-responsive-video .selina-entry-single .selina-entry-content video{
  max-width: 100%;
}
body.selina-single-responsive-video .selina-entry-single .selina-entry-content iframe{
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
}

/* Taxonomy blocks */
.selina-entry-single .selina-entry-footer{
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 16px;
}
.selina-post-tax-label{
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  opacity: .75;
  margin-right: 8px;
  margin-inline-end: 8px;
}
.selina-post-categories,
.selina-post-tags{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.selina-post-tax,
.selina-post-tag{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none !important;
}
.selina-post-tags--modern .selina-post-tag{
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(16,24,40,0.10);
  background: rgba(0,0,0,.04);
}
.selina-post-tags--classic .selina-post-tag{
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Author box */
.selina-author-box{
  display: flex;
  gap: 14px;
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(16,24,40,0.10);
  box-shadow: 0 10px 24px rgba(16,24,40,0.06);
}
.selina-author-box__avatar .avatar,
.selina-author-box__avatar img{
  border-radius: 999px;
  box-shadow: 0 0 0 4px rgba(16,24,40,0.06);
}
.selina-author-box__name{
  font-weight: 900;
  font-size: 16px;
  margin-bottom: 4px;
}
.selina-author-box__bio{
  font-size: 14px;
  opacity: .85;
  margin-bottom: 10px;
  line-height: 1.55;
}
.selina-author-box__social{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 13px;
}
.selina-author-box__social-link{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none !important;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(16,24,40,0.12);
  background: rgba(0,0,0,.02);
  font-weight: 800;
  font-size: max(12px, var(--selina-author-icon-size, 10px));
}

.selina-author-box__social-link:hover{
  background: rgba(0,0,0,.05);
}

/* Newsletter */
.selina-newsletter-box{
  margin-top: 18px;
  padding: 16px;
  border-radius: 14px;
  background: rgba(0,0,0,.04);
}
.selina-newsletter-box__title{
  margin: 0 0 6px;
}
.selina-newsletter-box__text{
  margin: 0;
  opacity: .85;
}

/* Related posts */
.selina-related-posts{
  margin-top: 22px;
}
.selina-related-posts__title{
  margin: 0 0 12px;
}
.selina-related-posts__grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}
.selina-related-posts__link{
  display: grid;
  grid-template-columns: 86px 1fr;
  gap: 10px;
  align-items: center;
  text-decoration: none !important;
  padding: 10px;
  border-radius: 12px;
  background: rgba(0,0,0,.04);
}
.selina-related-posts__thumb img{
  border-radius: 10px;
  display: block;
}
.selina-related-posts__text{
  font-weight: 600;
  line-height: 1.35;
}

/* Read next slider */
.selina-read-next{
  margin-top: 18px;
}
.selina-read-next__title{ margin: 0 0 12px; }
.selina-read-next__track{
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 6px;
  scroll-snap-type: x mandatory;
}
.selina-read-next__card{
  min-width: 220px;
  max-width: 320px;
  flex: 0 0 auto;
  scroll-snap-align: start;
  display: grid;
  grid-template-columns: 68px 1fr;
  gap: 10px;
  align-items: center;
  text-decoration: none !important;
  padding: 10px;
  border-radius: 12px;
  background: rgba(0,0,0,.04);
}
.selina-read-next__thumb img{
  border-radius: 10px;
  display: block;
}
.selina-read-next__text{
  font-weight: 600;
  line-height: 1.35;
}

/* Fly "Check Also" box */
.selina-check-also{
  position: fixed;
  bottom: 18px;
  z-index: 99998;
  width: min(340px, calc(100% - 24px));
  border-radius: 14px;
  background: rgba(0,0,0,.86);
  color: #fff;
  padding: 12px;
  display: none;
}
.selina-check-also--right{ right: 12px; }
.selina-check-also--left{ left: 12px; }
.selina-check-also.is-visible{ display: block; }
.selina-check-also__head{
  font-weight: 700;
  margin-bottom: 10px;
}
.selina-check-also__item{
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 10px;
  align-items: center;
  text-decoration: none !important;
  color: inherit;
  padding: 8px;
  border-radius: 12px;
  background: rgba(255,255,255,.10);
}
.selina-check-also__thumb img{
  border-radius: 10px;
  display: block;
}
.selina-check-also__text{
  font-weight: 600;
  line-height: 1.35;
}

/* Inline related posts box (injected by filter) */
.selina-inline-related{
  margin: 18px 0;
  padding: 14px;
  border-radius: 14px;
  background: rgba(0,0,0,.04);
}
.selina-inline-related__title{
  font-weight: 700;
  margin-bottom: 10px;
}
.selina-inline-related__grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.selina-inline-related__item{
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 10px;
  align-items: center;
  text-decoration: none !important;
  padding: 8px;
  border-radius: 12px;
  background: rgba(0,0,0,.04);
}
.selina-inline-related__thumb img{
  border-radius: 10px;
  display: block;
}

/* Copy selection button (JS) */
.selina-copy-selection{
  position: absolute;
  z-index: 999999;
  background: rgba(0,0,0,.86);
  color: #fff;
  border-radius: 10px;
  padding: 6px 10px;
  font-size: 13px;
  border: 0;
  cursor: pointer;
  display: none;
}
.selina-copy-selection.is-visible{ display: block; }



/* Compact comments area */
body.selina-comments-compact .comments-area{
  padding: 12px;
  border-radius: 14px;
  background: rgba(0,0,0,.04);
}
html.selina-dark-mode body.selina-comments-compact .comments-area{
  background: rgba(255,255,255,.06);
}

/* Dark mode adjustments */
html.selina-dark-mode .selina-featured-media--image .selina-featured-image{
  box-shadow: 0 0 0 1px rgba(255,255,255,.06);
}
html.selina-dark-mode .selina-author-box,
html.selina-dark-mode .selina-newsletter-box,
html.selina-dark-mode .selina-related-posts__link,
html.selina-dark-mode .selina-read-next__card,
html.selina-dark-mode .selina-inline-related,
html.selina-dark-mode .selina-inline-related__item{
  background: rgba(255,255,255,.06);
}

html.selina-dark-mode .selina-author-box{
  border-color: rgba(255,255,255,0.10);
  box-shadow: none;
}

html.selina-dark-mode .selina-author-box__avatar .avatar,
html.selina-dark-mode .selina-author-box__avatar img{
  box-shadow: 0 0 0 4px rgba(255,255,255,0.10);
}
html.selina-dark-mode .selina-post-share__link,
html.selina-dark-mode .selina-post-share__copy,
html.selina-dark-mode .selina-post-tags--modern .selina-post-tag,
html.selina-dark-mode .selina-author-box__social-link{
  background: rgba(255,255,255,.08);
}

html.selina-dark-mode .selina-author-box__social-link{
  border-color: rgba(255,255,255,0.14);
}
html.selina-dark-mode .selina-post-info__icon{
  background: rgba(255,255,255,.10);
}

/* Mobile hide helpers */
@media (max-width: 768px){
  body.selina-m-hide-post-share-links .selina-post-share{ display: none !important; }
  body.selina-m-hide-author-box .selina-author-box{ display: none !important; }
  body.selina-m-hide-related-posts .selina-related-posts{ display: none !important; }
  body.selina-m-hide-read-next-slider .selina-read-next{ display: none !important; }
  body.selina-m-hide-check-also .selina-check-also{ display: none !important; }
  body.selina-m-hide-newsletter .selina-newsletter-box{ display: none !important; }
  body.selina-m-hide-inline-related-posts .selina-inline-related{ display: none !important; }
  body.selina-m-hide-comments .selina-comments-area{ display: none !important; }

  /* Existing hide classes that were not previously styled */
  body.selina-m-hide-post-navigation .post-navigation{ display: none !important; }
}



/* =========================================================
   Archives Settings (Theme Options → Archives)
   ========================================================= */

.selina-entry-main{
  flex: 1;
  min-width: 0;
}

.selina-read-more{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border: 1px solid rgba(16,24,40,0.14);
  border-radius: 6px;
  text-decoration: none !important;
  font-size: 14px;
  line-height: 1;
  margin-top: 10px;
}

.selina-read-more:hover{
  border-color: rgba(16,24,40,0.30);
}

@media (max-width: 992px){
  body.selina-m-hide-read-more .selina-read-more{
    display: none !important;
  }
}

/* Archive posts wrappers */
.selina-archive-posts.selina-archive-grid{
  display: grid;
  gap: 18px;
}

.selina-archive-posts.selina-archive-grid .selina-entry{
  margin-bottom: 0;
}

.selina-archive-posts.selina-archive-layout-masonry1{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.selina-archive-posts.selina-archive-layout-masonry2{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.selina-archive-posts.selina-archive-layout-masonry3{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.selina-archive-posts.selina-archive-layout-overlay_title,
.selina-archive-posts.selina-archive-layout-overlay_title_centered{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1200px){
  .selina-archive-posts.selina-archive-layout-masonry3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 992px){
  .selina-archive-posts.selina-archive-layout-masonry2,
  .selina-archive-posts.selina-archive-layout-masonry3,
  .selina-archive-posts.selina-archive-layout-overlay_title,
  .selina-archive-posts.selina-archive-layout-overlay_title_centered{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px){
  .selina-archive-posts.selina-archive-grid{
    grid-template-columns: 1fr !important;
  }
}

/* Grid entries typography */
.selina-archive-grid .selina-entry-title{
  font-size: 18px;
  line-height: 1.35;
}

.selina-archive-grid .selina-entry-meta{
  font-size: 12px;
}

/* Classic Small */
.selina-entry-small .selina-entry-layout-left .selina-entry-media,
.selina-entry-small .selina-entry-layout-right .selina-entry-media{
  flex: 0 0 140px;
  max-width: 140px;
}

/* Timeline */
.selina-entry-timeline .selina-entry-main{
  position: relative;
  padding-left: 14px;
  border-left: 2px solid rgba(16,24,40,0.10);
}

.selina-entry-timeline .selina-entry-main::before{
  content: "";
  position: absolute;
  left: -6px;
  top: 14px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: rgba(16,24,40,0.18);
}

.selina-timeline-date{
  font-size: 12px;
  opacity: 0.85;
  margin-bottom: 6px;
}

/* Featured (Large Post Above) */
.selina-entry-featured .selina-entry-title{
  font-size: 30px;
}

@media (max-width: 992px){
  .selina-entry-featured .selina-entry-title{
    font-size: 24px;
  }
}

/* Overlay layouts */
.selina-entry-overlay{
  overflow: hidden;
  border-radius: 10px;
}

.selina-overlay-link{
  position: relative;
  display: block;
  text-decoration: none !important;
  color: #fff;
  min-height: 240px;
}

.selina-overlay-bg{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(1.02);
}

.selina-overlay-link::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.62), rgba(0,0,0,0.16));
}

.selina-overlay-inner{
  position: relative;
  z-index: 2;
  min-height: 240px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 16px;
}

.selina-overlay-link.is-centered .selina-overlay-inner{
  justify-content: center;
  text-align: center;
}

.selina-entry-overlay .selina-entry-title{
  color: #fff;
  font-size: 20px;
  margin: 0 0 8px;
}

.selina-entry-overlay .selina-entry-meta{
  color: rgba(255,255,255,0.85);
  font-size: 12px;
}

.selina-entry-overlay .selina-entry-content{
  color: rgba(255,255,255,0.90);
}

.selina-entry-overlay .selina-read-more{
  margin-top: 10px;
  display: inline-flex;
  border-color: rgba(255,255,255,0.28);
  color: #fff;
}

/* Load More / Infinite Scroll */
.selina-pagination-more{
  margin: 22px 0;
  text-align: center;
}

.selina-load-more-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border: 1px solid rgba(16,24,40,0.14);
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}

.selina-pagination-more.is-loading .selina-load-more-btn{
  opacity: 0.65;
  cursor: progress;
}

/* Author archive box */
.selina-author-archive-box{
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(16,24,40,0.10);
  border-radius: 12px;
  background: #fff;
}

.selina-author-archive-avatar{
  border-radius: 50%;
}

.selina-author-archive-name{
  font-weight: 700;
  margin-bottom: 6px;
}

.selina-author-archive-bio{
  opacity: 0.9;
  line-height: 1.6;
}



/* ==========================================================================
   Advertisements
   ========================================================================== */

.selina-ad{
  margin: 18px 0;
  text-align: center;
}

.selina-ad .selina-ad-img{
  max-width: 100%;
  height: auto;
  display: inline-block;
}

.selina-ad-title{
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 8px;
  opacity: .75;
}

.selina-ad-title a{ text-decoration: none !important; }

.selina-ad-code{
  display: block;
  margin: 0 auto;
}

.selina-archive-posts .selina-ad{
  width: 100%;
  flex: 0 0 100%;
}

/* Background takeover link (behind .selina-site) */
.selina-site{
  position: relative;
  z-index: 2;
}

.selina-bg-ad-link{
  position: fixed;
  inset: 0;
  z-index: 0;
}

/* Floating left/right ads (desktop only) */
.selina-float-ads .selina-ad{
  margin: 0;
}

@media (max-width: 1200px){
  .selina-float-ads{ display: none !important; }
}

@media (min-width: 1201px){
  .selina-float-ads .selina-ad--float-left{
    position: fixed;
    top: 140px;
    left: 10px;
    width: 160px;
    z-index: 50;
  }
  .selina-float-ads .selina-ad--float-right{
    position: fixed;
    top: 140px;
    right: 10px;
    width: 160px;
    z-index: 50;
  }
}


.selina-ad--before-header{
  max-width: var(--selina-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  z-index: 2;
}


/* -------------------------------------------------------------
   Ad Blocker Detector
------------------------------------------------------------- */
.selina-adblock-overlay{
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(0,0,0,.70);
}

.selina-adblock-overlay.is-visible{
  display: flex;
}

.selina-adblock-modal{
  width: 100%;
  max-width: 520px;
  background: #ffffff;
  border-radius: 12px;
  padding: 26px 24px;
  box-shadow: 0 12px 40px rgba(0,0,0,.25);
  text-align: center;
}

.selina-adblock-title{
  margin: 0 0 10px 0;
  font-size: 20px;
  font-weight: 700;
}

.selina-adblock-text{
  margin: 0 0 10px 0;
  font-size: 14px;
  line-height: 1.6;
  color: #4b5563;
}

.selina-adblock-text-2{
  margin-bottom: 18px;
}

.selina-adblock-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 160px;
  padding: 11px 18px;
  border: 0;
  border-radius: 12px;
  cursor: pointer;
  background: var(--selina-accent, #d35400);
  color: #fff;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 10px 26px rgba(0,0,0,.18);
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}

.selina-adblock-refresh-btn{
  gap: 8px;
}

.selina-adblock-btn-check{
  color: #22c55e;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
}

.selina-adblock-btn:hover{
  filter: brightness(.95);
  box-shadow: 0 14px 32px rgba(0,0,0,.22);
}

.selina-adblock-btn:active{
  transform: translateY(1px);
  box-shadow: 0 8px 20px rgba(0,0,0,.18);
}

.selina-adblock-btn:focus-visible{
  outline: 3px solid rgba(0,0,0,.18);
  outline-offset: 3px;
}

html.selina-adblock-lock,
body.selina-adblock-lock{
  overflow: hidden !important;
}

.selina-dark-mode .selina-adblock-modal{
  background: #1f2328;
  color: #fff;
}



.selina-dark-mode .selina-adblock-text{
  color: rgba(255,255,255,.75);
}

img.selina-adblock-image{
  object-fit: cover;
}

/* Optional: when images are blocked, reduce layout shift */
html.selina-adblock-images img{
  background: #f3f4f6;
}

/* ------------------------------------------------------------
   Styling Settings
------------------------------------------------------------- */

/* Main Navigation styles */
body.selina-mainnav-style-style2 .selina-main-menu > li > a{
  border-radius: 999px;
  height: 44px;
  line-height: 44px;
  margin: 6px 2px;
  padding: 0 14px;
}

body.selina-mainnav-style-style2 .selina-bottombar{
  padding: 0 6px;
}

body.selina-mainnav-style-style3{
  --selina-main-hover-bg: transparent;
  --selina-main-active-bg: transparent;
}

body.selina-mainnav-style-style3 .selina-main-menu > li:hover > a::after{
  transform: scaleX(1);
  opacity: 1;
}

body.selina-mainnav-style-style4{
  --selina-main-hover-bg: transparent;
  --selina-main-active-bg: transparent;
  --selina-main-active-underline: transparent;
}

body.selina-mainnav-style-style4 .selina-main-menu > li > a{
  border-bottom: 3px solid transparent;
}

body.selina-mainnav-style-style4 .selina-main-menu > li:hover > a,
body.selina-mainnav-style-style4 .selina-main-menu > li.current-menu-item > a,
body.selina-mainnav-style-style4 .selina-main-menu > li.current-menu-ancestor > a{
  border-bottom-color: var(--selina-accent);
}

body.selina-mainnav-style-style5{
  --selina-main-hover-bg: transparent;
  --selina-main-active-bg: transparent;
  --selina-main-active-underline: transparent;
}

body.selina-mainnav-style-style5 .selina-main-menu > li > a{
  border-top: 3px solid transparent;
  border-radius: 0;
}

body.selina-mainnav-style-style5 .selina-main-menu > li:hover > a,
body.selina-mainnav-style-style5 .selina-main-menu > li.current-menu-item > a,
body.selina-mainnav-style-style5 .selina-main-menu > li.current-menu-ancestor > a{
  border-top-color: var(--selina-accent);
}

/* Buttons styles */
body.selina-buttons-style-style2 .selina-read-more,
body.selina-buttons-style-style2 .selina-main-cta,
body.selina-buttons-style-style2 .selina-comp-btn{
  border-radius: 999px;
}

body.selina-buttons-style-style3 .selina-read-more,
body.selina-buttons-style-style3 .selina-main-cta,
body.selina-buttons-style-style3 .selina-comp-btn{
  background: var(--selina-accent);
  border-color: var(--selina-accent);
  color: #fff;
}

body.selina-buttons-style-style3 .selina-read-more:hover,
body.selina-buttons-style-style3 .selina-main-cta:hover,
body.selina-buttons-style-style3 .selina-comp-btn:hover{
  filter: brightness(0.95);
}

body.selina-buttons-style-style4 .selina-read-more,
body.selina-buttons-style-style4 .selina-main-cta,
body.selina-buttons-style-style4 .selina-comp-btn{
  box-shadow: 0 8px 18px rgba(0,0,0,0.12);
}

body.selina-buttons-style-style5 .selina-read-more,
body.selina-buttons-style-style5 .selina-main-cta,
body.selina-buttons-style-style5 .selina-comp-btn{
  background: transparent;
  border-color: rgba(16,24,40,0.18);
}




/* Footer social icons: remove underline/border and keep hover subtle */
.selina-footer-bar a,
.selina-footer-bar a:visited,
.selina-copyright-bar a,
.selina-copyright-bar a:visited{
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
.selina-footer-bar a:hover,
.selina-copyright-bar a:hover{
  text-decoration: none !important;
  border-bottom: 0 !important;
}



/* Keep footer social icons in one row (no vertical stacking) */
.selina-copyright-items .selina-social-icons,
.selina-footer-bar-inner .selina-social-icons{
  flex-wrap: nowrap;
}



/* Sticky mobile share: avoid desktop whitespace if the class is present, but keep space on mobile */
body.selina-mobile-has-sticky-share{ padding-bottom: 0; }
@media (max-width: 992px){
  body.selina-mobile-has-sticky-share{ padding-bottom: 56px; }
}


/* -------------------------------------------------------------------------
   WooCommerce
   ------------------------------------------------------------------------- */

/* Make WooCommerce typography inherit the theme */
.woocommerce,
.woocommerce-page{
  color: inherit;
}

.woocommerce a,
.woocommerce-page a{
  text-decoration: none;
}

.woocommerce a:hover,
.woocommerce-page a:hover{
  text-decoration: none;
}

/* Product loop / grid (keeps a modern, tidy look even if WC styles are disabled) */
.woocommerce ul.products,
.woocommerce-page ul.products{
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 18px;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  width: auto !important;
  margin: 0 !important;
  padding: 14px;
  border: 1px solid rgba(16,24,40,0.10);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(16,24,40,0.06);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(16,24,40,0.10);
  border-color: rgba(16,24,40,0.18);
}

.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img{
  width: 100%;
  height: auto;
  border-radius: 10px;
  margin: 0 0 10px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title{
  font-size: 15px;
  line-height: 1.4;
  margin: 8px 0 6px;
  color: #101828;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price{
  color: #101828;
  font-weight: 700;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit{
  border-radius: 10px;
  padding: 10px 14px;
  background: var(--selina-accent);
  color: #ffffff;
  border: 0;
  transition: filter 140ms ease, transform 140ms ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page #respond input#submit:hover{
  filter: brightness(0.95);
  transform: translateY(-1px);
}

/* Forms / inputs */
.woocommerce .input-text,
.woocommerce-page .input-text,
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="number"],
.woocommerce input[type="password"],
.woocommerce textarea{
  border-radius: 10px;
  border: 1px solid rgba(16,24,40,0.14);
  padding: 10px 12px;
}

/* Notices */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info{
  border-radius: 12px;
  border: 1px solid rgba(16,24,40,0.12);
}

/* Cart / checkout tables */
.woocommerce table.shop_table{
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(16,24,40,0.10);
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td{
  padding: 12px 14px;
}

/* Single product */
.woocommerce div.product{
  background: transparent;
}

.woocommerce div.product .product_title{
  font-size: 26px;
  line-height: 1.25;
  margin-bottom: 10px;
}

.woocommerce div.product .woocommerce-tabs{
  margin-top: 28px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
  border-radius: 10px 10px 0 0;
}

/* Small RTL touch-ups */
html[dir="rtl"] .woocommerce ul.products li.product,
html[dir="rtl"] .woocommerce-page ul.products li.product{
  text-align: right;
}


/* --------------------------------------------------
   WooCommerce Cart Page
-------------------------------------------------- */
.woocommerce-cart .woocommerce{
  padding-top: 12px;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form{
  background: rgba(255,255,255,0.75);
  border: 1px solid rgba(16,24,40,0.10);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(16,24,40,0.06);
  overflow: hidden;
}

html.selina-dark-mode .woocommerce-cart .woocommerce .woocommerce-cart-form{
  background: rgba(17,24,39,0.55);
  border-color: rgba(255,255,255,0.08);
}

.woocommerce-cart table.shop_table.cart{
  border: 0;
  border-radius: 0;
  margin: 0;
}

.woocommerce-cart table.shop_table.cart thead th{
  background: rgba(16,24,40,0.03);
  border-bottom: 1px solid rgba(16,24,40,0.08);
  font-weight: 800;
  letter-spacing: 0.2px;
}

html.selina-dark-mode .woocommerce-cart table.shop_table.cart thead th{
  background: rgba(255,255,255,0.04);
  border-bottom-color: rgba(255,255,255,0.08);
}

.woocommerce-cart table.shop_table.cart td{
  border-top: 1px solid rgba(16,24,40,0.06);
  vertical-align: middle;
}

html.selina-dark-mode .woocommerce-cart table.shop_table.cart td{
  border-top-color: rgba(255,255,255,0.08);
}

.woocommerce-cart table.shop_table.cart td.product-thumbnail img{
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid rgba(16,24,40,0.10);
}

html.selina-dark-mode .woocommerce-cart table.shop_table.cart td.product-thumbnail img{
  border-color: rgba(255,255,255,0.10);
}

.woocommerce-cart table.shop_table.cart td.product-name a{
  font-weight: 800;
  text-decoration: none;
}

.woocommerce-cart table.shop_table.cart td.product-name a:hover{
  text-decoration: underline;
}

.woocommerce-cart .quantity .qty{
  width: 84px;
  padding: 8px 10px;
  border-radius: 12px;
}

.woocommerce-cart table.shop_table.cart td.product-remove a{
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(239,68,68,0.10);
  color: rgba(239,68,68,0.95);
  text-decoration: none;
  border: 1px solid rgba(239,68,68,0.18);
  transition: 0.18s ease;
}

.woocommerce-cart table.shop_table.cart td.product-remove a:hover{
  background: rgba(239,68,68,0.16);
  transform: translateY(-1px);
}

.woocommerce-cart table.shop_table.cart td.actions{
  padding: 14px;
  background: rgba(16,24,40,0.02);
  border-top: 1px solid rgba(16,24,40,0.08);
}

html.selina-dark-mode .woocommerce-cart table.shop_table.cart td.actions{
  background: rgba(255,255,255,0.03);
  border-top-color: rgba(255,255,255,0.08);
}

.woocommerce-cart table.shop_table.cart td.actions .coupon{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.woocommerce-cart table.shop_table.cart td.actions .coupon input.input-text{
  min-width: 220px;
}

.woocommerce-cart table.shop_table.cart td.actions button,
.woocommerce-cart table.shop_table.cart td.actions .button{
  border-radius: 12px;
}

.woocommerce-cart .cart-collaterals{
  margin-top: 18px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.woocommerce-cart .cart-collaterals .cart_totals{
  background: rgba(255,255,255,0.75);
  border: 1px solid rgba(16,24,40,0.10);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(16,24,40,0.06);
  padding: 16px;
}

html.selina-dark-mode .woocommerce-cart .cart-collaterals .cart_totals{
  background: rgba(17,24,39,0.55);
  border-color: rgba(255,255,255,0.08);
}

.woocommerce-cart .cart-collaterals .cart_totals h2{
  font-size: 18px;
  margin: 0 0 12px;
}

.woocommerce-cart .cart-collaterals .cart_totals table{
  border: 0;
}

.woocommerce-cart .cart-collaterals .cart_totals th,
.woocommerce-cart .cart-collaterals .cart_totals td{
  padding: 10px 0;
  border: 0;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  border-radius: 14px;
  padding: 12px 16px;
  font-weight: 900;
}

/* Responsive cart */
@media (max-width: 820px){
  .woocommerce-cart table.shop_table.cart thead{ display:none; }

  .woocommerce-cart table.shop_table.cart tr{
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 12px;
    padding: 14px;
    border-bottom: 1px solid rgba(16,24,40,0.08);
  }

  html.selina-dark-mode .woocommerce-cart table.shop_table.cart tr{
    border-bottom-color: rgba(255,255,255,0.08);
  }

  .woocommerce-cart table.shop_table.cart td{
    border: 0;
    padding: 0;
  }

  .woocommerce-cart table.shop_table.cart td.product-thumbnail{
    grid-row: span 4;
  }

  .woocommerce-cart table.shop_table.cart td.product-remove{
    justify-self: end;
  }

  .woocommerce-cart table.shop_table.cart td.actions{
    display: block;
  }

  .woocommerce-cart table.shop_table.cart td.actions .coupon input.input-text{
    flex: 1 1 auto;
    min-width: 160px;
  }
}

/* RTL tweaks */
html[dir="rtl"] .woocommerce-cart table.shop_table.cart td.actions .coupon{
  justify-content: flex-start;
}

html[dir="rtl"] .woocommerce-cart table.shop_table.cart td.product-remove{
  text-align: left;
}

/*
 * Per-page options (metabox)
 * - Hide page title
 * - Hide featured image
 *
 * We add body classes server-side and use CSS as a fallback, which is
 * especially helpful with page builders.
 */
body.selina-hide-page-title .selina-entry-page .selina-entry-title,
body.selina-hide-page-title .selina-entry-single .selina-entry-title{
  display: none !important;
}

body.selina-hide-featured-image .selina-entry-single .selina-featured-media,
body.selina-hide-featured-image .selina-entry-single .selina-hero{
  display: none !important;
}


/* -------------------------------------------------------------------------
 * Share Buttons (Enhancements)
 * - Per-network colors
 * - Icon shape + size (Theme Options)
 * ---------------------------------------------------------------------- */
:root{
  --selina-share-icon-size: 28px;
  --selina-share-icon-radius: 8px;
}

.selina-share-btn{
  /* Defaults (will be overridden by network classes below) */
  --selina-share-color: #fff;
  --selina-share-text: inherit;
  --selina-share-border: rgba(0,0,0,.10);
  --selina-share-icon-bg: rgba(0,0,0,.06);
  --selina-share-icon-text: currentColor;

  background: var(--selina-share-color);
  color: var(--selina-share-text);
  border-color: var(--selina-share-border);
}

.selina-share-btn:hover{
  background: var(--selina-share-color);
  filter: brightness(.95);
}

.selina-share-btn__abbr{
  width: var(--selina-share-icon-size);
  height: var(--selina-share-icon-size);
  border-radius: var(--selina-share-icon-radius);
  background: var(--selina-share-icon-bg);
  color: var(--selina-share-icon-text);
  font-size: calc(var(--selina-share-icon-size) * 0.42);
}

/* Keep colors even when older style/position presets are used */
.selina-share--pos-inverted .selina-share-btn{
  background: var(--selina-share-color);
  color: var(--selina-share-text);
  border-color: var(--selina-share-border);
}
.selina-share--pos-inverted .selina-share-btn__abbr{
  background: var(--selina-share-icon-bg);
  color: var(--selina-share-icon-text);
}

.selina-share--style4 .selina-share-btn,
.selina-share--style6 .selina-share-btn,
.selina-share--style7 .selina-share-btn{
  background: var(--selina-share-color);
  color: var(--selina-share-text);
  border: 1px solid var(--selina-share-border);
  padding: 8px 10px;
}
.selina-share--style7 .selina-share-btn__abbr{
  display: inline-flex;
}
.selina-share--style7 .selina-share-btn__label{
  text-decoration: none;
}

/* Network colors */
.selina-share-btn--x,
.selina-sticky-share-btn--x{
  --selina-share-color: #000;
  --selina-share-text: #fff;
  --selina-share-border: rgba(255,255,255,.18);
  --selina-share-icon-bg: rgba(255,255,255,.22);
  --selina-share-icon-text: #fff;
}

.selina-share-btn--facebook,
.selina-sticky-share-btn--facebook{
  --selina-share-color: #1877F2;
  --selina-share-text: #fff;
  --selina-share-border: rgba(255,255,255,.18);
  --selina-share-icon-bg: rgba(255,255,255,.22);
  --selina-share-icon-text: #fff;
}

.selina-share-btn--linkedin,
.selina-sticky-share-btn--linkedin{
  --selina-share-color: #0A66C2;
  --selina-share-text: #fff;
  --selina-share-border: rgba(255,255,255,.18);
  --selina-share-icon-bg: rgba(255,255,255,.22);
  --selina-share-icon-text: #fff;
}

.selina-share-btn--pinterest,
.selina-sticky-share-btn--pinterest{
  --selina-share-color: #E60023;
  --selina-share-text: #fff;
  --selina-share-border: rgba(255,255,255,.18);
  --selina-share-icon-bg: rgba(255,255,255,.22);
  --selina-share-icon-text: #fff;
}

.selina-share-btn--reddit,
.selina-sticky-share-btn--reddit{
  --selina-share-color: #FF4500;
  --selina-share-text: #fff;
  --selina-share-border: rgba(255,255,255,.18);
  --selina-share-icon-bg: rgba(255,255,255,.22);
  --selina-share-icon-text: #fff;
}

.selina-share-btn--tumblr,
.selina-sticky-share-btn--tumblr{
  --selina-share-color: #36465D;
  --selina-share-text: #fff;
  --selina-share-border: rgba(255,255,255,.18);
  --selina-share-icon-bg: rgba(255,255,255,.22);
  --selina-share-icon-text: #fff;
}

/* Catalog key: vkontakte */
.selina-share-btn--vkontakte,
.selina-sticky-share-btn--vkontakte,
.selina-share-btn--vk,
.selina-sticky-share-btn--vk{
  --selina-share-color: #0077FF;
  --selina-share-text: #fff;
  --selina-share-border: rgba(255,255,255,.18);
  --selina-share-icon-bg: rgba(255,255,255,.22);
  --selina-share-icon-text: #fff;
}

.selina-share-btn--odnoklassniki,
.selina-sticky-share-btn--odnoklassniki{
  --selina-share-color: #EE8208;
  --selina-share-text: #fff;
  --selina-share-border: rgba(255,255,255,.18);
  --selina-share-icon-bg: rgba(255,255,255,.22);
  --selina-share-icon-text: #fff;
}

.selina-share-btn--pocket,
.selina-sticky-share-btn--pocket{
  --selina-share-color: #EF3F56;
  --selina-share-text: #fff;
  --selina-share-border: rgba(255,255,255,.18);
  --selina-share-icon-bg: rgba(255,255,255,.22);
  --selina-share-icon-text: #fff;
}

.selina-share-btn--flipboard,
.selina-sticky-share-btn--flipboard{
  --selina-share-color: #E12828;
  --selina-share-text: #fff;
  --selina-share-border: rgba(255,255,255,.18);
  --selina-share-icon-bg: rgba(255,255,255,.22);
  --selina-share-icon-text: #fff;
}

.selina-share-btn--skype,
.selina-sticky-share-btn--skype{
  --selina-share-color: #00AFF0;
  --selina-share-text: #fff;
  --selina-share-border: rgba(255,255,255,.18);
  --selina-share-icon-bg: rgba(255,255,255,.22);
  --selina-share-icon-text: #fff;
}

.selina-share-btn--messenger,
.selina-sticky-share-btn--messenger{
  --selina-share-color: #00B2FF;
  --selina-share-text: #fff;
  --selina-share-border: rgba(255,255,255,.18);
  --selina-share-icon-bg: rgba(255,255,255,.22);
  --selina-share-icon-text: #fff;
}

.selina-share-btn--whatsapp,
.selina-sticky-share-btn--whatsapp{
  --selina-share-color: #25D366;
  --selina-share-text: #fff;
  --selina-share-border: rgba(255,255,255,.18);
  --selina-share-icon-bg: rgba(255,255,255,.22);
  --selina-share-icon-text: #fff;
}

.selina-share-btn--telegram,
.selina-sticky-share-btn--telegram{
  --selina-share-color: #26A5E4;
  --selina-share-text: #fff;
  --selina-share-border: rgba(255,255,255,.18);
  --selina-share-icon-bg: rgba(255,255,255,.22);
  --selina-share-icon-text: #fff;
}

.selina-share-btn--viber,
.selina-sticky-share-btn--viber{
  --selina-share-color: #7360F2;
  --selina-share-text: #fff;
  --selina-share-border: rgba(255,255,255,.18);
  --selina-share-icon-bg: rgba(255,255,255,.22);
  --selina-share-icon-text: #fff;
}

.selina-share-btn--line,
.selina-sticky-share-btn--line{
  --selina-share-color: #00B900;
  --selina-share-text: #fff;
  --selina-share-border: rgba(255,255,255,.18);
  --selina-share-icon-bg: rgba(255,255,255,.22);
  --selina-share-icon-text: #fff;
}

.selina-share-btn--email,
.selina-sticky-share-btn--email{
  --selina-share-color: #5A5A5A;
  --selina-share-text: #fff;
  --selina-share-border: rgba(255,255,255,.18);
  --selina-share-icon-bg: rgba(255,255,255,.22);
  --selina-share-icon-text: #fff;
}

.selina-share-btn--print,
.selina-sticky-share-btn--print{
  --selina-share-color: #444;
  --selina-share-text: #fff;
  --selina-share-border: rgba(255,255,255,.18);
  --selina-share-icon-bg: rgba(255,255,255,.22);
  --selina-share-icon-text: #fff;
}

/* Sticky share buttons: inherit the same per-network colors + icon shape */
.selina-sticky-share-btn{
  background: var(--selina-share-color);
  color: var(--selina-share-text);
  border-color: var(--selina-share-border);
  border-radius: var(--selina-share-icon-radius);
}

.selina-sticky-share-btn:hover{
  background: var(--selina-share-color);
  filter: brightness(.95);
}


/* ==========================================================================
   Single Post - Elegant layout (match the provided reference screenshot)
   ========================================================================== */

/* Add breathing room between the site header and the post title area */
body.single-post .selina-main.selina-single-main{
  padding-top: 14px;
}

/* Post card */
body.single-post .selina-entry-single{
  background: #fff;
  border: 1px solid rgba(16,24,40,0.10);
  border-radius: 14px;
  padding: 18px;
  padding-bottom: 24px;
  box-shadow: 0 10px 24px rgba(16,24,40,0.06);
}

html.selina-dark-mode body.single-post .selina-entry-single{
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.10);
  box-shadow: none;
}

/* A little more spacing under the title, like the reference */
body.single-post .selina-entry-single .selina-entry-title{
  margin: 6px 0 12px;
  text-align: center;
}

/* Author heading (e.g. ABOUT FERAS) */
body.single-post .selina-entry-single .selina-author-title{
  margin: 18px 0 10px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.single-post .selina-entry-single .selina-author-title + .selina-author-box{
  margin-top: 0;
}

/* Post header meta (icons like the reference) */
body.single-post .selina-entry-single .selina-post-info{
  opacity: 1;
  gap: 18px;
  row-gap: 8px;
  margin: 10px 0 14px;
  color: rgba(0,0,0,0.55);
  font-size: 13px;
  justify-content: center;
}

body.single-post .selina-entry-single .selina-post-info__item{
  background: transparent;
  border: 0;
  padding: 0;
  border-radius: 0;
  line-height: 1.4;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

body.single-post .selina-entry-single .selina-post-info__author{
  margin-right: 0;
}

body.single-post .selina-entry-single .selina-post-info__ico{
  display: inline-flex;
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  color: rgba(0,0,0,0.45);
}

body.single-post .selina-entry-single .selina-post-info__ico svg{
  width: 14px;
  height: 14px;
  fill: currentColor;
  display: block;
}

body.single-post .selina-entry-single .selina-post-info__link{
  color: inherit;
  text-decoration: none !important;
}

body.single-post .selina-entry-single .selina-post-info__link:hover{
  color: var(--selina-accent);
}

/* Remove the avatar next to the author name in the post header meta */
body.single-post .selina-entry-single .selina-post-info__avatar{
  display: none !important;
}

html.selina-dark-mode body.single-post .selina-entry-single .selina-post-info{
  color: rgba(255,255,255,0.75);
}

html.selina-dark-mode body.single-post .selina-entry-single .selina-post-info__ico{
  color: rgba(255,255,255,0.65);
}


/* If the post header is the HERO overlay, keep meta readable */
body.single-post .selina-entry-single .selina-entry-head--hero .selina-post-info{
  color: rgba(255,255,255,0.90);
}
body.single-post .selina-entry-single .selina-entry-head--hero .selina-post-info__ico{
  color: rgba(255,255,255,0.80);
}
body.single-post .selina-entry-single .selina-entry-head--hero .selina-post-info__link:hover{
  color: #ffffff;
}

/* Tags: each tag as a neat chip */
body.single-post .selina-entry-single .selina-post-tags--modern .selina-post-tag{
  background: rgba(0,0,0,0.05);
  border: 1px solid rgba(0,0,0,0.06);
  padding: 6px 10px;
}

/* Hide the footer categories section (category is already shown in the centered post meta) */
body.single-post .selina-entry-single .selina-entry-footer .selina-post-categories{
  display: none;
}
html.selina-dark-mode body.single-post .selina-entry-single .selina-post-tags--modern .selina-post-tag{
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.10);
}

/* Categories as chips for visual consistency */
body.single-post .selina-entry-single .selina-post-categories .selina-post-tax{
  background: rgba(0,0,0,0.05);
  border: 1px solid rgba(0,0,0,0.06);
  padding: 6px 10px;
  border-radius: 999px;
}
html.selina-dark-mode body.single-post .selina-entry-single .selina-post-categories .selina-post-tax{
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.10);
}



/* ========================================================================== 
   Single Post - Reference blocks (Tags / Author / Prev-Next / Related)
   Match the provided screenshots closely.
   ========================================================================== */

/* Tags as "label" ribbons */
body.single-post .selina-entry-single .selina-post-tags{
  gap: 8px;
  margin-top: 6px;
}

body.single-post .selina-entry-single .selina-post-tags .selina-post-tax-label{
  font-weight: 700;
  font-size: 13px;
  text-transform: none;
  letter-spacing: 0;
  opacity: 1;
}

body.single-post .selina-entry-single .selina-post-tags .selina-post-tag{
  --selina-tag-bg: #9aa0a6;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--selina-tag-bg);
  color: #fff !important;
  padding: 5px 10px;
  border-radius: 0 4px 4px 0;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
  line-height: 1.25;
  margin-inline-start: 10px; /* room for the notch */
}

body.single-post .selina-entry-single .selina-post-tags .selina-post-tag:hover{
  filter: brightness(.95);
}

body.single-post:not(.rtl) .selina-entry-single .selina-post-tags .selina-post-tag::before{
  content: "";
  position: absolute;
  left: -10px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: 10px solid var(--selina-tag-bg);
}

body.single-post:not(.rtl) .selina-entry-single .selina-post-tags .selina-post-tag::after{
  content: "";
  position: absolute;
  left: -4px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background: rgba(255,255,255,0.95);
  border-radius: 50%;
}

body.single-post.rtl .selina-entry-single .selina-post-tags .selina-post-tag{
  border-radius: 4px 0 0 4px;
  margin-inline-start: 0;
  margin-inline-end: 10px;
}

body.single-post.rtl .selina-entry-single .selina-post-tags .selina-post-tag::before{
  content: "";
  position: absolute;
  right: -10px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 10px solid var(--selina-tag-bg);
}

body.single-post.rtl .selina-entry-single .selina-post-tags .selina-post-tag::after{
  content: "";
  position: absolute;
  right: -4px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background: rgba(255,255,255,0.95);
  border-radius: 50%;
}

html.selina-dark-mode body.single-post .selina-entry-single .selina-post-tags .selina-post-tag{
  --selina-tag-bg: rgba(255,255,255,0.22);
  color: rgba(255,255,255,0.92) !important;
}

html.selina-dark-mode body.single-post:not(.rtl) .selina-entry-single .selina-post-tags .selina-post-tag::before{
  border-right-color: var(--selina-tag-bg);
}

html.selina-dark-mode body.single-post.rtl .selina-entry-single .selina-post-tags .selina-post-tag::before{
  border-left-color: var(--selina-tag-bg);
}

/* Section headings with diagonal stripes line */
body.single-post .selina-entry-single .selina-author-title,
body.single-post .selina-entry-single .selina-related-posts--v3 .selina-related-posts__title{
  display: flex;
  align-items: center;
  gap: 12px;
}

body.single-post .selina-entry-single .selina-author-title::after,
body.single-post .selina-entry-single .selina-related-posts--v3 .selina-related-posts__title::after{
  content: "";
  flex: 1;
  height: 10px;
  background-image: repeating-linear-gradient(-45deg, rgba(0,0,0,0.10) 0, rgba(0,0,0,0.10) 3px, transparent 3px, transparent 6px);
  border-radius: 2px;
}

html.selina-dark-mode body.single-post .selina-entry-single .selina-author-title::after,
html.selina-dark-mode body.single-post .selina-entry-single .selina-related-posts--v3 .selina-related-posts__title::after{
  background-image: repeating-linear-gradient(-45deg, rgba(255,255,255,0.18) 0, rgba(255,255,255,0.18) 3px, transparent 3px, transparent 6px);
}

/* Author box like the reference */
body.single-post .selina-entry-single .selina-author-box--v3{
  border-radius: 0;
  padding: 18px;
  background: #fff;
  border: 1px solid rgba(16,24,40,0.12);
  box-shadow: none;
  margin-top: 10px;
  margin-bottom: 20px; /* leave space under the author container */
  position: relative;
}

body.single-post .selina-entry-single .selina-author-box--v3::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: var(--selina-accent);
}

html.selina-dark-mode body.single-post .selina-entry-single .selina-author-box--v3{
  background: rgba(255,255,255,0.03);
  border-color: rgba(255,255,255,0.12);
}

body.single-post .selina-entry-single .selina-author-box--v3 .selina-author-box__avatar{
  flex: 0 0 auto;
}

body.single-post .selina-entry-single .selina-author-box--v3 .selina-author-box__avatar .avatar,
body.single-post .selina-entry-single .selina-author-box--v3 .selina-author-box__avatar img{
  border-radius: 0;
  box-shadow: none;
  border: 1px solid rgba(16,24,40,0.12);
}

html.selina-dark-mode body.single-post .selina-entry-single .selina-author-box--v3 .selina-author-box__avatar .avatar,
html.selina-dark-mode body.single-post .selina-entry-single .selina-author-box--v3 .selina-author-box__avatar img{
  border-color: rgba(255,255,255,0.12);
}

body.single-post .selina-entry-single .selina-author-box--v3 .selina-author-box__bio{
  margin-bottom: 12px;
  opacity: 1;
}

body.single-post .selina-entry-single .selina-author-box--v3 .selina-author-box__social{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

body.single-post .selina-entry-single .selina-author-box--v3 .selina-author-box__social-btn{
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.06);
  border: 1px solid rgba(16,24,40,0.10);
  border-radius: 2px;
  text-decoration: none !important;
  color: rgba(0,0,0,0.65);
}

body.single-post .selina-entry-single .selina-author-box--v3 .selina-author-box__social-btn svg{
  width: max(14px, var(--selina-author-icon-size, 14px));
  height: max(14px, var(--selina-author-icon-size, 14px));
  fill: currentColor;
  display: block;
}

body.single-post .selina-entry-single .selina-author-box--v3 .selina-author-box__social-btn:hover{
  background: rgba(0,0,0,0.10);
}

body.single-post .selina-entry-single .selina-author-box--v3 .selina-author-box__handle{
  font-weight: 700;
  font-size: 13px;
  opacity: .85;
}

html.selina-dark-mode body.single-post .selina-entry-single .selina-author-box--v3 .selina-author-box__social-btn{
  background: rgba(255,255,255,0.10);
  border-color: rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.75);
}

/* Prev / Next navigation like the reference */
body.single-post .selina-entry-single .selina-prev-next{
  margin-top: 18px;
  padding: 14px 18px;
  border: 1px solid rgba(16,24,40,0.12);
  background: #fff;
  position: relative;
}

body.single-post .selina-entry-single .selina-prev-next::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: var(--selina-accent);
}

html.selina-dark-mode body.single-post .selina-entry-single .selina-prev-next{
  background: rgba(255,255,255,0.03);
  border-color: rgba(255,255,255,0.12);
}

body.single-post .selina-entry-single .selina-prev-next__inner{
  display: flex;
  gap: 18px;
}

body.single-post .selina-entry-single .selina-prev-next__item{
  width: 50%;
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none !important;
  color: inherit;
}

body.single-post .selina-entry-single .selina-prev-next__item--empty{
  opacity: 0;
}

body.single-post .selina-entry-single .selina-prev-next__chev{
  font-size: 44px;
  line-height: 1;
  color: rgba(0,0,0,0.20);
  flex: 0 0 auto;
}

html.selina-dark-mode body.single-post .selina-entry-single .selina-prev-next__chev{
  color: rgba(255,255,255,0.22);
}

body.single-post .selina-entry-single .selina-prev-next__meta{
  display: grid;
  gap: 4px;
}

body.single-post .selina-entry-single .selina-prev-next__label{
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  opacity: .55;
}

body.single-post .selina-entry-single .selina-prev-next__title{
  font-weight: 700;
  line-height: 1.25;
}

body.single-post .selina-entry-single .selina-prev-next__item:hover .selina-prev-next__title{
  color: var(--selina-accent);
}

body.single-post .selina-entry-single .selina-prev-next__next{
  justify-content: flex-end;
  text-align: right;
}

body.single-post.rtl .selina-entry-single .selina-prev-next__inner{
  flex-direction: row-reverse;
}

body.single-post.rtl .selina-entry-single .selina-prev-next__next{
  text-align: left;
}

/* Related articles section like the reference (image top, title + date) */
body.single-post .selina-entry-single .selina-related-posts--v3{
  margin-top: 18px;
  padding: 14px 18px 18px;
  border: 1px solid rgba(16,24,40,0.12);
  background: #fff;
  position: relative;
}

body.single-post .selina-entry-single .selina-related-posts--v3::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: var(--selina-accent);
}

html.selina-dark-mode body.single-post .selina-entry-single .selina-related-posts--v3{
  background: rgba(255,255,255,0.03);
  border-color: rgba(255,255,255,0.12);
}

body.single-post .selina-entry-single .selina-related-posts--v3 .selina-related-posts__title{
  margin: 0 0 14px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.single-post .selina-entry-single .selina-related-posts--v3 .selina-related-posts__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

@media (max-width: 980px){
  body.single-post .selina-entry-single .selina-related-posts--v3 .selina-related-posts__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  body.single-post .selina-entry-single .selina-related-posts--v3 .selina-related-posts__grid{ grid-template-columns: 1fr; }
}

body.single-post .selina-entry-single .selina-related-posts--v3 .selina-related-posts__card{
  display: block;
  text-decoration: none !important;
  color: inherit;
}

body.single-post .selina-entry-single .selina-related-posts--v3 .selina-related-posts__thumb img{
  width: 100%;
  display: block;
  border-radius: 0;
  border: 1px solid rgba(16,24,40,0.10);
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

html.selina-dark-mode body.single-post .selina-entry-single .selina-related-posts--v3 .selina-related-posts__thumb img{
  border-color: rgba(255,255,255,0.12);
}

body.single-post .selina-entry-single .selina-related-posts--v3 .selina-related-posts__body{
  display: grid;
  gap: 8px;
  padding-top: 10px;
}

body.single-post .selina-entry-single .selina-related-posts--v3 .selina-related-posts__text{
  font-weight: 700;
  line-height: 1.25;
}

body.single-post .selina-entry-single .selina-related-posts--v3 .selina-related-posts__date{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  opacity: .75;
}

body.single-post .selina-entry-single .selina-related-posts--v3 .selina-related-posts__ico{
  width: 14px;
  height: 14px;
  display: inline-flex;
  color: rgba(0,0,0,0.45);
}

body.single-post .selina-entry-single .selina-related-posts--v3 .selina-related-posts__ico svg{
  width: 14px;
  height: 14px;
  fill: currentColor;
  display: block;
}

html.selina-dark-mode body.single-post .selina-entry-single .selina-related-posts--v3 .selina-related-posts__ico{
  color: rgba(255,255,255,0.65);
}

body.single-post .selina-entry-single .selina-related-posts--v3 .selina-related-posts__card:hover .selina-related-posts__text{
  color: var(--selina-accent);
}
/* Share buttons: tighter “bar” look like the screenshot when using connected styles */
body.single-post .selina-entry-single .selina-share--below{
  padding-top: 12px;
  border-top: 1px solid rgba(16,24,40,0.10);
  margin-top: 16px;
}
html.selina-dark-mode body.single-post .selina-entry-single .selina-share--below{
  border-top-color: rgba(255,255,255,0.10);
}

body.single-post .selina-entry-single .selina-share--style5 .selina-share__buttons,
body.single-post .selina-entry-single .selina-share--style1.selina-share--below .selina-share__buttons{
  gap: 0;
}

body.single-post .selina-entry-single .selina-share--style5 .selina-share-btn,
body.single-post .selina-entry-single .selina-share--style1.selina-share--below .selina-share-btn{
  flex: 1 1 0;
  justify-content: center;
  border-radius: 0;
  border-left-width: 0;
}

body.single-post .selina-entry-single .selina-share--style5 .selina-share-btn:first-child,
body.single-post .selina-entry-single .selina-share--style1.selina-share--below .selina-share-btn:first-child{
  border-left-width: 1px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

body.single-post .selina-entry-single .selina-share--style5 .selina-share-btn:last-child,
body.single-post .selina-entry-single .selina-share--style1.selina-share--below .selina-share-btn:last-child{
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* ==========================================================================
   Comments - Clean boxed styling
   ========================================================================== */

.selina-comments{
  margin-top: 22px;
}

.selina-comments .comments-title{
  margin: 0 0 14px;
  font-size: 18px;
  font-weight: 800;
}

.selina-comments .comment-list{
  list-style: none;
  padding: 0;
  margin: 0;
}

.selina-comments .comment-list > li{
  margin: 0 0 14px;
}

.selina-comments .comment-body{
  background: #fff;
  border: 1px solid rgba(16,24,40,0.10);
  border-radius: 14px;
  padding: 14px;
}

html.selina-dark-mode .selina-comments .comment-body{
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.10);
}

.selina-comments .comment-author{
  display: flex;
  align-items: center;
  gap: 10px;
}

.selina-comments .comment-author .avatar{
  border-radius: 999px;
}

.selina-comments .comment-metadata,
.selina-comments .comment-metadata a{
  font-size: 12px;
  opacity: .75;
  text-decoration: none;
}

.selina-comments .comment-content{
  margin-top: 10px;
}

.selina-comments .reply{
  margin-top: 10px;
}

.selina-comments .reply .comment-reply-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 12px;
  border-radius: 10px;
  border: 1px solid rgba(16,24,40,0.14);
  background: rgba(0,0,0,0.02);
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
}

.selina-comments .reply .comment-reply-link:hover{
  background: rgba(0,0,0,0.05);
}

html.selina-dark-mode .selina-comments .reply .comment-reply-link{
  border-color: rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.06);
}

/* Comment form */
.selina-comments .comment-respond{
  margin-top: 18px;
  background: #fff;
  border: 1px solid rgba(16,24,40,0.10);
  border-radius: 0;
  padding: 18px;
  box-shadow: none;
  position: relative;
}

/* colored line at the bottom like the reference screenshot */
.selina-comments .comment-respond::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: var(--selina-accent);
}

html.selina-dark-mode .selina-comments .comment-respond{
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.10);
  box-shadow: none;
}

.selina-comments .comment-reply-title{
  margin: 0 0 12px;
  font-weight: 900;
  display: flex;
  align-items: center;
  gap: 12px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

/* diagonal stripes line after the title (LEAVE A REPLY) */
.selina-comments .comment-reply-title::after{
  content: "";
  flex: 1;
  height: 10px;
  background-image: repeating-linear-gradient(-45deg, rgba(0,0,0,0.10) 0, rgba(0,0,0,0.10) 3px, transparent 3px, transparent 6px);
  border-radius: 2px;
}

html.selina-dark-mode .selina-comments .comment-reply-title::after{
  background-image: repeating-linear-gradient(-45deg, rgba(255,255,255,0.18) 0, rgba(255,255,255,0.18) 3px, transparent 3px, transparent 6px);
}

.selina-comments .comment-reply-title small a{
  font-size: 12px;
  text-decoration: none;
  opacity: .75;
  margin-inline-start: 10px;
}

.selina-comments .comment-notes,
.selina-comments .logged-in-as{
  margin: 0 0 10px;
  font-size: 13px;
  opacity: .85;
  text-align: start;
}

.selina-comments .logged-in-as a{
  font-weight: 800;
  text-decoration: none;
}

.selina-comments .comment-form{
  display: block;
}

.selina-comments .comment-form > p{
  margin: 0 0 14px;
}

.selina-comments .comment-form > p:last-child{
  margin-bottom: 0;
}

.selina-comments .comment-form label{
  display: block;
  font-size: 13px;
  font-weight: 900;
  margin: 0 0 6px;
  text-align: start;
}

.selina-comments .comment-form .comment-form-cookies-consent label{
  display: inline;
  font-weight: 700;
}

.selina-comments .comment-form input[type="text"],
.selina-comments .comment-form input[type="email"],
.selina-comments .comment-form input[type="url"],
.selina-comments .comment-form textarea{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(16,24,40,0.14);
  border-radius: 2px;
  padding: 10px 12px;
  background: #fff;
  outline: none;
}

/* match the reference: make name/email/website narrower, while the comment textarea stays full width */
.selina-comments .comment-form input[type="text"],
.selina-comments .comment-form input[type="email"],
.selina-comments .comment-form input[type="url"]{
  width: min(360px, 100%);
  max-width: 360px;
  margin-inline-start: 0;
  margin-inline-end: auto;
}

/* Mobile: keep comment form inputs full width (avoid looking "narrow" on phones). */
@media (max-width: 520px){
  .selina-comments .comment-form input[type="text"],
  .selina-comments .comment-form input[type="email"],
  .selina-comments .comment-form input[type="url"]{
    width: 100%;
    max-width: 100%;
  }
}

.selina-comments .comment-form .form-submit{
  text-align: start;
}

html.selina-dark-mode .selina-comments .comment-form input[type="text"],
html.selina-dark-mode .selina-comments .comment-form input[type="email"],
html.selina-dark-mode .selina-comments .comment-form input[type="url"],
html.selina-dark-mode .selina-comments .comment-form textarea{
  background: rgba(0,0,0,0.10);
  border-color: rgba(255,255,255,0.14);
  color: #fff;
}

.selina-comments .comment-form textarea{
  min-height: 170px;
  resize: vertical;
}

/* Submit button (comment_form sets class_submit => selina-btn selina-btn-primary) */
.selina-comments .selina-btn,
.selina-comments .comment-form .submit{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 2px;
  border: 0;
  background: var(--selina-accent, #0a84ff);
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}

.selina-comments .comment-form .required{
  color: #d11a2a;
}

.selina-comments .selina-btn:hover,
.selina-comments .comment-form .submit:hover{
  filter: brightness(.95);
}


/* --------------------------------------------------------------------------
   Archive: Classic list (category / archives) – requested layout
   -------------------------------------------------------------------------- */

.selina-archive-layout-classic.selina-archive-list{
  border: 1px solid #e6e9ef;
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}

.selina-archive-layout-classic.selina-archive-list .selina-archive-entry-classic{
  padding: 18px 18px 16px;
  margin: 0;
  border-bottom: 1px solid #eef1f5;
}

.selina-archive-layout-classic.selina-archive-list .selina-archive-entry-classic:last-child{
  border-bottom: 0;
}

.selina-archive-layout-classic .selina-entry-head--archive{
  margin: 0 0 12px;
}

.selina-archive-layout-classic .selina-entry-head--archive .selina-entry-title{
  font-size: 22px;
  line-height: 1.3;
  margin: 0 0 6px;
}

.selina-archive-layout-classic .selina-entry-head--archive .selina-entry-title a{
  color: #222;
  text-decoration: none;
}

.selina-archive-layout-classic .selina-entry-head--archive .selina-entry-title a:hover{
  color: var(--selina-accent, #1f5fff);
}

.selina-archive-meta{
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  font-size: 12px;
  color: #8a8f98;
}

.selina-archive-meta__item{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: inherit;
  text-decoration: none;
}

.selina-archive-meta__icon{
  width: 14px;
  height: 14px;
  opacity: .75;
}

.selina-archive-meta__cats-links a{
  color: inherit;
  text-decoration: none;
}

.selina-archive-meta__cats-links a:hover,
.selina-archive-meta__comments:hover{
  color: var(--selina-accent, #1f5fff);
}

.selina-archive-meta .selina-views{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.selina-archive-meta .selina-views__icon svg{
  width: 14px;
  height: 14px;
}

.selina-archive-layout-classic .selina-entry-layout-left{
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.selina-archive-layout-classic .selina-entry-layout-left .selina-entry-media{
  flex: 0 0 240px;
  max-width: 240px;
}

.selina-archive-layout-classic .selina-entry-layout-left .selina-entry-thumb{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}

.selina-archive-layout-classic .selina-entry-main{
  flex: 1 1 auto;
  min-width: 0;
}

.selina-archive-layout-classic .selina-entry-content{
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.8;
  color: #444;
}

.selina-archive-layout-classic .selina-read-more{
  display: inline-block;
  padding: 8px 12px;
  border-radius: 2px;
  /* Keep archive buttons aligned with the theme accent color */
  background: var(--selina-accent, #1f5fff);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.selina-archive-layout-classic .selina-read-more:hover{
  filter: brightness(.95);
}

.selina-archive-layout-classic .selina-read-more::after{
  content: ' \00BB';
}

@media (max-width: 620px){
  .selina-archive-layout-classic .selina-entry-layout-left{
    flex-direction: column;
  }
  .selina-archive-layout-classic .selina-entry-layout-left .selina-entry-media{
    max-width: 100%;
    flex-basis: auto;
  }
}

/* Pagination styling similar to the requested design */
.selina-pagination-numeric{
  margin-top: 18px;
  padding: 10px 12px;
  border: 1px solid #e6e9ef;
  /* Accent line should inherit the theme accent (same as widgets/headings accents) */
  border-top: 4px solid var(--selina-accent, #1f5fff);
  border-radius: 6px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

/* Attach pagination to classic list container visually */
.selina-archive-layout-classic.selina-archive-list + .selina-pagination-numeric{
  margin-top: 0;
  border-radius: 0 0 6px 6px;
}

.selina-archive-layout-classic.selina-archive-list + .selina-pagination-numeric{
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


.selina-pagination-numeric .navigation.pagination{
  margin: 0;
}

.selina-pagination-numeric .nav-links{
  display: flex;
  align-items: center;
  gap: 6px;
}

.selina-pagination-numeric .page-numbers{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 28px;
  padding: 0 8px;
  border-radius: 2px;
  text-decoration: none;
  color: #555;
  background: transparent;
}

.selina-pagination-numeric .page-numbers.current{
  background: var(--selina-accent, #1f5fff);
  color: #fff;
}

.selina-pagination-numeric a.page-numbers:hover{
  background: #f2f4f7;
}

.selina-pagination-pageof{
  font-size: 12px;
  color: #8a8f98;
  white-space: nowrap;
}

.rtl .selina-pagination-numeric{
  flex-direction: row-reverse;
}

/* =====================================================
   Menu Icons (Dashicons + Font Awesome)
   ===================================================== */

.selina-menu-item-icon{
  margin-inline-end: 6px;
}

body.rtl .selina-menu-item-icon{
  margin-inline-end: 0;
  margin-inline-start: 6px;
}

.selina-menu-item-icon--fa{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 14px;
  opacity: 0.92;
}

.selina-menu-item-icon--fa::before{
  line-height: 16px;
}

/* =====================================================
   Footer menus: no menu icons, use a simple marker instead
   (keeps header icons, removes them only in footer)
   ===================================================== */

.selina-footer-template .selina-footer-menu .selina-menu-item-icon,
.selina-copyright-bar .selina-footer-nav .selina-menu-item-icon{
  display: none !important;
}

.selina-footer-template .selina-ft-nav .selina-footer-menu li{
  position: relative;
  padding-left: 14px;
}

body.rtl .selina-footer-template .selina-ft-nav .selina-footer-menu li{
  padding-left: 0;
  padding-right: 14px;
}

.selina-footer-template .selina-ft-nav .selina-footer-menu li::before{
  content: '›';
  position: absolute;
  left: 0;
  top: 0.15em;
  opacity: 0.60;
}

body.rtl .selina-footer-template .selina-ft-nav .selina-footer-menu li::before{
  content: '‹';
  left: auto;
  right: 0;
}

/* ---------------------------------------------------------
   WooCommerce (Header Mini Cart) - Unified Button Sizing
   Keep cart dropdown buttons consistent across all pages.
--------------------------------------------------------- */
.selina-cart-menu p.woocommerce-mini-cart__buttons{
  flex-wrap: wrap;
}

.selina-cart-menu p.woocommerce-mini-cart__buttons a.button,
.selina-cart-menu p.woocommerce-mini-cart__buttons a.button.checkout{
  width: 115px !important;
  flex: 0 0 115px !important;

  height: 40px !important;
  min-height: 40px !important;
  line-height: 40px !important;
  font-size: 14px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-sizing: border-box !important;
  padding: 0 14px !important;
  white-space: nowrap !important;
}


/* ==========================================================================
   Dark Mode (Front-end) - Full Coverage
   Applies when <html> has class "selina-dark-mode" (set by assets/front.js).

   Fixes:
   - Boxed/framed/bordered layouts staying light in dark mode.
   - Header (topbar + middle) not switching to dark.
   - Header dropdowns (account + cart) not switching to dark.
   ========================================================================== */

html.selina-dark-mode{
  /* Let the browser render native form controls (where possible) in dark UI */
  color-scheme: dark;
}

/* Boxed/framed/bordered layouts: body and site wrapper must also switch */
html.selina-dark-mode body.selina-layout-boxed,
html.selina-dark-mode body.selina-layout-framed,
html.selina-dark-mode body.selina-layout-bordered{
  background: #0f1115;
}

html.selina-dark-mode body.selina-layout-boxed .selina-site,
html.selina-dark-mode body.selina-layout-framed .selina-site,
html.selina-dark-mode body.selina-layout-bordered .selina-site{
  background: #0f1115;
  border-color: rgba(255,255,255,0.10);
  box-shadow: 0 16px 55px rgba(0,0,0,0.35);
}

/* Loader overlay in dark mode */
html.selina-dark-mode .selina-loader{
  background: rgba(15,17,21,0.82);
}

html.selina-dark-mode .selina-loader-spinner{
  border-color: rgba(255,255,255,0.18);
  border-top-color: var(--selina-accent);
}

/* Header: force topbar + middle to dark in dark mode (even if "is-light") */
html.selina-dark-mode .selina-topbar,
html.selina-dark-mode .selina-middle{
  background: #0f1115;
  border-bottom-color: rgba(255,255,255,0.10);
}

html.selina-dark-mode .selina-topbar{
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

/* Text logo (site title/description) should remain readable in dark mode */
html.selina-dark-mode .selina-site-title,
html.selina-dark-mode .selina-site-title a{
  color: rgba(255,255,255,0.96);
}

html.selina-dark-mode .selina-site-desc{
  color: rgba(255,255,255,0.72);
}

html.selina-dark-mode .selina-top-date,
html.selina-dark-mode .selina-top-custom{
  color: rgba(255,255,255,0.72);
}

html.selina-dark-mode .selina-top-menu a,
html.selina-dark-mode .selina-weather{
  color: rgba(255,255,255,0.88);
}

html.selina-dark-mode .selina-top-menu a:hover{
  color: var(--selina-accent);
}

/* Weather icon: "is-light" normally dims it; undo that in dark mode */
html.selina-dark-mode .selina-topbar .selina-weather-icon{
  filter: grayscale(1) saturate(0) brightness(1.2);
}

html.selina-dark-mode .selina-top-toggle{
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.14);
  color: rgba(255,255,255,0.92);
}

html.selina-dark-mode .selina-top-toggle:hover{
  background: rgba(255,255,255,0.10);
}

/* Secondary nav "is-light" components should behave like dark */
html.selina-dark-mode .selina-secondary-nav.is-light .selina-comp-btn,
html.selina-dark-mode .selina-secondary-nav.is-light .selina-comp-link{
  background: rgba(255,255,255,0.08);
  color: #ffffff;
}

html.selina-dark-mode .selina-secondary-nav.is-light .selina-comp-btn:hover,
html.selina-dark-mode .selina-secondary-nav.is-light .selina-comp-link:hover{
  background: rgba(255,255,255,0.14);
}

/* Account dropdown in the light secondary nav */
html.selina-dark-mode .selina-secondary-nav.is-light .selina-account-menu{
  background: rgba(31,35,40,0.98);
  border-color: rgba(255,255,255,0.12);
}

html.selina-dark-mode .selina-secondary-nav.is-light .selina-account-item{
  color: #ffffff;
}

/* Cart dropdown (header mini cart) */
html.selina-dark-mode .selina-cart-menu{
  background: rgba(31,35,40,0.98);
  border-color: rgba(255,255,255,0.12);
  box-shadow: 0 18px 50px rgba(0,0,0,0.45);
}

html.selina-dark-mode .selina-cart-menu-title{
  color: rgba(255,255,255,0.92);
}

html.selina-dark-mode .selina-cart-menu-view{
  color: rgba(255,255,255,0.92);
  background: rgba(255,255,255,0.08);
}

html.selina-dark-mode .selina-cart-menu-view:hover{
  background: rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.92);
}

html.selina-dark-mode .selina-cart-menu li.woocommerce-mini-cart-item{
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.10);
}

html.selina-dark-mode .selina-cart-menu li.woocommerce-mini-cart-item > a:not(.remove){
  color: rgba(255,255,255,0.92);
}

html.selina-dark-mode .selina-cart-menu li.woocommerce-mini-cart-item .quantity{
  color: rgba(255,255,255,0.68);
}

html.selina-dark-mode .selina-cart-menu li.woocommerce-mini-cart-item .quantity .amount,
html.selina-dark-mode .selina-cart-menu p.woocommerce-mini-cart__total strong{
  color: rgba(255,255,255,0.95);
}

html.selina-dark-mode .selina-cart-menu a.remove_from_cart_button{
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.92) !important;
}

html.selina-dark-mode .selina-cart-menu a.remove_from_cart_button:hover{
  background: rgba(255,255,255,0.10);
}

html.selina-dark-mode .selina-cart-menu p.woocommerce-mini-cart__total{
  border-top-color: rgba(255,255,255,0.14);
  color: rgba(255,255,255,0.72);
}

html.selina-dark-mode .selina-cart-menu .woocommerce-mini-cart__empty-message{
  color: rgba(255,255,255,0.72);
}

/* WooCommerce: product loop cards in dark mode (shop + shortcodes + related products) */
html.selina-dark-mode .woocommerce ul.products li.product,
html.selina-dark-mode .woocommerce-page ul.products li.product{
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.10);
  box-shadow: none;
}

html.selina-dark-mode .woocommerce ul.products li.product:hover,
html.selina-dark-mode .woocommerce-page ul.products li.product:hover{
  box-shadow: none;
  border-color: rgba(255,255,255,0.16);
}

html.selina-dark-mode .woocommerce ul.products li.product .woocommerce-loop-product__title,
html.selina-dark-mode .woocommerce-page ul.products li.product .woocommerce-loop-product__title,
html.selina-dark-mode .woocommerce ul.products li.product .price,
html.selina-dark-mode .woocommerce-page ul.products li.product .price{
  color: rgba(255,255,255,0.92);
}


/* Dark Mode - Additional Coverage (v6) */

/*
  الهدف من هذه الإضافات:
  - ضمان أن الوضع الداكن يتغلب على أي خلفيات يتم حقنها عبر الخيارات العامة أو خيارات الصفحة (inline CSS).
  - إصلاح ظهور الشعار مرتين (Light/Dark) عند تفعيل الوضع الداكن بسبب تعارضات/أولوية CSS.
  - تحسين قابلية قراءة محتوى Elementor/Gutenberg الذي قد يفرض لوناً أسود للنص.
*/

/* 1) Hard override: body/site background in Dark Mode (wins over inline background rules) */
html.selina-dark-mode body{
  background-color: #0f1115 !important;
  background-image: none !important;
}

html.selina-dark-mode body.selina-layout-boxed,
html.selina-dark-mode body.selina-layout-framed,
html.selina-dark-mode body.selina-layout-bordered,
html.selina-dark-mode body.selina-layout-full{
  background-color: #0f1115 !important;
  background-image: none !important;
}

html.selina-dark-mode body.selina-layout-boxed .selina-site,
html.selina-dark-mode body.selina-layout-framed .selina-site,
html.selina-dark-mode body.selina-layout-bordered .selina-site{
  background: #0f1115 !important;
  border-color: rgba(255,255,255,0.08) !important;
  box-shadow: none !important;
}

/* 2) Fix: prevent double logo when Dark Mode is enabled */
.selina-has-dark-logo .selina-logo-img--desktop.selina-logo-img--dark{ display: none !important; }
html.selina-dark-mode .selina-has-dark-logo .selina-logo-img--desktop.selina-logo-img--light{ display: none !important; }
html.selina-dark-mode .selina-has-dark-logo .selina-logo-img--desktop.selina-logo-img--dark{ display: block !important; }

@media (max-width: 768px){
  .selina-has-mobile-logo .selina-logo-img--desktop{ display: none !important; }
  /* Dark mode: keep desktop logos hidden on mobile (override desktop dark swap) */
  html.selina-dark-mode .selina-has-mobile-logo.selina-has-dark-logo .selina-logo-img--desktop{ display: none !important; }

  .selina-has-mobile-logo .selina-logo-img--mobile{ display: block !important; }
  .selina-has-mobile-logo .selina-logo-img--mobile.selina-logo-img--dark{ display: none !important; }

  html.selina-dark-mode .selina-has-mobile-logo .selina-logo-img--mobile.selina-logo-img--light{ display: none !important; }
  html.selina-dark-mode .selina-has-mobile-logo .selina-logo-img--mobile.selina-logo-img--dark{ display: block !important; }
}


/* 3) Elementor: make sections inherit dark background and readable typography */
html.selina-dark-mode .elementor,
html.selina-dark-mode .elementor-widget-container{
  color: rgba(255,255,255,0.88);
}

/* Remove hard white section backgrounds so the page stays dark */
html.selina-dark-mode .elementor-section,
html.selina-dark-mode .elementor-column,
html.selina-dark-mode .elementor-widget-wrap,
html.selina-dark-mode .elementor-container{
  background-color: transparent !important;
}

/* Common Elementor text widgets that often default to black */
html.selina-dark-mode .elementor .elementor-heading-title,
html.selina-dark-mode .elementor .elementor-text-editor,
html.selina-dark-mode .elementor .elementor-text-editor p,
html.selina-dark-mode .elementor .elementor-text-editor span,
html.selina-dark-mode .elementor .elementor-widget-text-editor,
html.selina-dark-mode .elementor .elementor-widget-icon-box .elementor-icon-box-title,
html.selina-dark-mode .elementor .elementor-widget-icon-box .elementor-icon-box-description,
html.selina-dark-mode .elementor .elementor-widget-image-box .elementor-image-box-title,
html.selina-dark-mode .elementor .elementor-widget-image-box .elementor-image-box-description,
html.selina-dark-mode .elementor .elementor-widget-icon-list .elementor-icon-list-text{
  color: rgba(255,255,255,0.92) !important;
}

html.selina-dark-mode .elementor a{
  color: var(--selina-accent) !important;
}

/* Elementor Buttons (Dark Mode)
   The rule above intentionally makes Elementor links readable by forcing an accent color,
   but Elementor buttons are also <a> tags. In dark mode this can turn button text blue.
   Keep normal links accented, while keeping button text light for contrast.
*/
html.selina-dark-mode .elementor a.elementor-button,
html.selina-dark-mode .elementor a.elementor-button:visited,
html.selina-dark-mode .elementor a.elementor-button:hover,
html.selina-dark-mode .elementor a.elementor-button:focus,
html.selina-dark-mode .elementor a.elementor-button:active,
html.selina-dark-mode .elementor .elementor-button,
html.selina-dark-mode .elementor .elementor-button .elementor-button-text{
  color: rgba(255,255,255,0.92) !important;
}

html.selina-dark-mode .elementor .elementor-button .elementor-button-icon,
html.selina-dark-mode .elementor .elementor-button .elementor-button-icon i{
  color: rgba(255,255,255,0.92) !important;
}
html.selina-dark-mode .elementor .elementor-button .elementor-button-icon svg{
  fill: rgba(255,255,255,0.92) !important;
}

/* 4) Gutenberg/Blocks: fix black text colors that become unreadable in dark mode */
html.selina-dark-mode .has-black-color,
html.selina-dark-mode .has-very-dark-gray-color,
html.selina-dark-mode .has-cyan-bluish-gray-color{
  color: rgba(255,255,255,0.92) !important;
}

/* Light backgrounds inside blocks can be harsh in dark mode; soften them */
html.selina-dark-mode .has-white-background-color,
html.selina-dark-mode .has-light-gray-background-color,
html.selina-dark-mode .has-very-light-gray-background-color{
  background-color: rgba(255,255,255,0.06) !important;
}

/* ============================
   Language Switcher (GTranslate)
   ============================ */

/* Selina Theme — Language Switcher styling (Header/Menu only) */
.selina-lang-switcher{
  --ls-height: 34px;
  --ls-font: 13px;
  --ls-radius: 12px;
  --ls-bg: #ffffff;
  --ls-border: rgba(0,0,0,.14);
  --ls-text: #111111;
  --ls-padding-x: 12px;

  display: inline-flex;
  align-items: center;
  max-width: 100%;
}

.selina-lang-switcher select,
.selina-lang-switcher .gt_selector{
  height: var(--ls-height) !important;
  min-height: var(--ls-height) !important;
  padding: 0 var(--ls-padding-x) !important;
  border-radius: var(--ls-radius) !important;
  border: 1px solid var(--ls-border) !important;
  background: var(--ls-bg) !important;
  color: var(--ls-text) !important;
  font-size: var(--ls-font) !important;
  line-height: 1 !important;
  outline: none !important;
  cursor: pointer !important;
}

.selina-lang-switcher a.gt_switcher_popup,
.selina-lang-switcher a.gt_switcher-popup,
.selina-lang-switcher .gt_selected,
.selina-lang-switcher .gt_current,
.selina-lang-switcher .gt_current_lang{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: var(--ls-height) !important;
  padding: 0 var(--ls-padding-x) !important;
  border-radius: var(--ls-radius) !important;
  border: 1px solid var(--ls-border) !important;
  background: var(--ls-bg) !important;
  color: var(--ls-text) !important;
  font-size: var(--ls-font) !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.selina-lang-switcher a.gt_switcher_popup img,
.selina-lang-switcher a.gt_switcher-popup img,
.selina-lang-switcher .gt_selected img,
.selina-lang-switcher .gt_current img,
.selina-lang-switcher .gt_current_lang img{
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  object-fit: cover !important;
  margin-inline-end: 6px !important;
}

.selina-lang-switcher a.gt_switcher_popup:hover,
.selina-lang-switcher a.gt_switcher-popup:hover,
.selina-lang-switcher select:hover,
.selina-lang-switcher .gt_selector:hover{
  filter: brightness(0.98);
}

.selina-lang-switcher a.gt_switcher_popup:focus,
.selina-lang-switcher a.gt_switcher-popup:focus,
.selina-lang-switcher select:focus,
.selina-lang-switcher .gt_selector:focus{
  box-shadow: 0 0 0 3px rgba(71, 102, 255, 0.18) !important;
}

html.selina-dark-mode .selina-lang-switcher{
  --ls-bg: rgba(255,255,255,.08);
  --ls-border: rgba(255,255,255,.18);
  --ls-text: #ffffff;
}

.selina-lang-switcher--navbar{
  margin-inline-start: 10px;
}

.selina-main-menu > li.selina-menu-lang{
  display: flex;
  align-items: center;
  height: 56px;
  padding: 0 12px;
}

.selina-main-menu > li.selina-menu-lang .selina-lang-switcher{
  width: 100%;
}

html.selina-dark-mode body div[id^="gt-wrapper-"].gtranslate_wrapper .gt_white_content{
  background: rgba(17,17,17,.92) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 44px rgba(0,0,0,.35) !important;
}

html.selina-dark-mode body div[id^="gt-wrapper-"].gtranslate_wrapper .gt_white_content a{
  color: #ffffff !important;
}

html.selina-dark-mode body div[id^="gt-wrapper-"].gtranslate_wrapper .gt_white_content a:hover{
  background: rgba(255,255,255,.08) !important;
}

.selina-lang-switcher .gt_white_content a,
.selina-lang-switcher .gt_languages a{
  height: auto !important;
  min-height: 0 !important;
  padding: 6px 10px !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  filter: none !important;
  justify-content: flex-start !important;
  text-decoration: none !important;
}

.selina-lang-switcher .gt_white_content a img,
.selina-lang-switcher .gt_languages a img{
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  object-fit: cover !important;
  margin-inline-end: 8px !important;
}

/* ========================================================================== 
   Mobile Responsiveness - Global Safety Fixes (v1.0.7)
   --------------------------------------------------------------------------
   Goal: eliminate horizontal overflow on mobile and improve content resilience.
   ========================================================================== */

/* Global box model: prevents 100% width + padding overflow */
*,
*::before,
*::after{
  box-sizing: border-box;
}

/* Prevent accidental horizontal scrolling (common with page builders/embeds) */
html,
body{
  max-width: 100%;
  overflow-x: hidden;
}

/* Media should never exceed the viewport */
img,
video{
  max-width: 100%;
  height: auto;
}

iframe,
embed,
object{
  max-width: 100%;
}

/* Long URLs / unbroken strings should wrap instead of pushing the layout */
.selina-entry-content,
.selina-entry-excerpt,
.selina-content,
.selina-site,
.woocommerce,
.woocommerce-page{
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Entry content hardening */
.selina-entry-content img,
.selina-entry-content video,
.selina-entry-content iframe,
.selina-entry-content embed,
.selina-entry-content object{
  max-width: 100%;
  height: auto;
}

/* Most email/iframe embeds use fixed widths; make them fluid */
.selina-entry-content iframe{
  width: 100%;
}

/* Code and pre blocks can overflow on mobile */
.selina-entry-content pre,
.selina-entry-content code{
  max-width: 100%;
}

.selina-entry-content pre{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Tables: allow horizontal scrolling on small screens instead of breaking layout */
.selina-entry-content table{
  width: 100%;
  max-width: 100%;
}

@media (max-width: 768px){
  .selina-entry-content table{
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* Ads: if ad code injects fixed-width containers, keep overflow contained */
.selina-ad-code{
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.selina-ad-code iframe,
.selina-ad-code img,
.selina-ad-code video{
  max-width: 100% !important;
  height: auto;
}

/* Gutenberg wide/full blocks: avoid negative margins causing mobile overflow */
.selina-entry-content .alignwide,
.selina-entry-content .alignfull{
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Elementor (common source of 1–2px horizontal scroll) */
body.elementor-page{
  overflow-x: hidden;
}

/* Header mini-cart dropdown: make it fit the viewport on very small screens */
@media (max-width: 480px){
  .selina-cart-menu{
    min-width: 0;
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
  }
}

/* ------------------------------------------------------------
   Cart button (bag icon + red badge)
   Reference: user-provided screenshot (bag + small red count)
------------------------------------------------------------ */

/* Compact icon-only cart button */
.selina-comp-link.selina-comp-cart,
.selina-comp-btn.selina-comp-cart{
  position: relative;
  width: 36px;
  min-width: 36px;
  padding: 0;
  gap: 0;
}

/* Use a consistent SVG icon */
.selina-cart-ico{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  line-height: 1;
}

.selina-cart-ico svg{
  width: 22px;
  height: 22px;
  display: block;
}

/* Badge positioning & style (desktop + mobile) */
.selina-comp-cart .selina-cart-count,
.selina-mh-btn-cart .selina-cart-count{
  position: absolute;
  top: auto;
  bottom: -4px;
  right: -4px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #e02424;
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
  line-height: 18px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 10px rgba(0,0,0,0.18);
}

.rtl .selina-comp-cart .selina-cart-count,
.rtl .selina-mh-btn-cart .selina-cart-count{
  right: auto;
  left: -4px;
}

/* Hide the badge when the cart is empty */
.selina-cart-count.is-zero{ display: none !important; }


/* -------------------------------------------------------------------------
 * Mobile Menu Enhancements
 * - Use inverted logo inside the off-canvas menu when the menu scheme is Dark
 * - Reduce spacing between menu item icons and text
 * - Improve submenu toggle arrow (size + color) for both Light/Dark schemes
 * ------------------------------------------------------------------------- */

/* 1) Dark scheme: force the inverted logo (without affecting the main header) */
.selina-mobile-menu--dark .selina-mobile-menu-logo .selina-has-dark-logo:not(.selina-has-mobile-logo) .selina-logo-img--desktop.selina-logo-img--light{
  display: none !important;
}
.selina-mobile-menu--dark .selina-mobile-menu-logo .selina-has-dark-logo:not(.selina-has-mobile-logo) .selina-logo-img--desktop.selina-logo-img--dark{
  display: block !important;
}

@media (max-width: 768px){
  .selina-mobile-menu--dark .selina-mobile-menu-logo .selina-has-mobile-logo.selina-has-dark-logo .selina-logo-img--mobile.selina-logo-img--light{
    display: none !important;
  }
  .selina-mobile-menu--dark .selina-mobile-menu-logo .selina-has-mobile-logo.selina-has-dark-logo .selina-logo-img--mobile.selina-logo-img--dark{
    display: block !important;
  }
}

/* 2) Mobile menu item icons: slightly tighter spacing */
.selina-mobile-menu-list .selina-menu-item-icon{
  margin-inline-end: 3px !important;
}
body.rtl .selina-mobile-menu-list .selina-menu-item-icon{
  margin-inline-end: 0 !important;
  margin-inline-start: 3px !important;
}

/* 3) Submenu toggle arrow: smaller & scheme-aware */
.selina-mobile-subtoggle{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(0,0,0,.65);
}
.selina-mobile-menu--dark .selina-mobile-subtoggle{
  color: rgba(255,255,255,.92) !important;
}
.selina-mobile-subtoggle-icon{
  width: 12px;
  height: 12px;
  display: block;
  transition: transform .2s ease;
}
.selina-mobile-menu-list li.is-open > .selina-mobile-subtoggle .selina-mobile-subtoggle-icon{
  transform: rotate(180deg);
}


/* --------------------------------------------------------------------------
 * Content Protection (deterrent only)
 * -------------------------------------------------------------------------- */

/* Disable text selection globally when enabled, but keep forms usable. */
html.selina-protect-content body{
  -webkit-user-select: none;
  user-select: none;
}
html.selina-protect-content input,
html.selina-protect-content textarea,
html.selina-protect-content select,
html.selina-protect-content [contenteditable=""],
html.selina-protect-content [contenteditable="true"]{
  -webkit-user-select: text;
  user-select: text;
}

/* Allowlist: mark specific elements as selectable/copyable.
   Usage: add class="selina-allow-copy" or data-selina-allow-copy="1" */
html.selina-protect-content .selina-allow-copy,
html.selina-protect-content [data-selina-allow-copy="1"]{
  -webkit-user-select: text;
  user-select: text;
}

/* Reduce long-press menus on iOS for images/links (best-effort). */
html.selina-protect-content img,
html.selina-protect-content a{
  -webkit-touch-callout: none;
}

/* --------------------------------------------------------------------------
 * Subscribe page (Elementor) – product grid alignment
 * --------------------------------------------------------------------------
 * The /subscribe page is often built with an Elementor section that outputs a
 * WooCommerce products loop (ul.products > li.product).
 *
 * When the number of items is not a multiple of the column count, the last row
 * can look “unbalanced” (items stick to the start edge with large empty space).
 *
 * This page-scoped layout uses flexbox to:
 * - center the last row,
 * - keep consistent gaps,
 * - keep cards at equal height (CTA button aligned).
 */

body.selina-page-subscribe ul.products{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.selina-page-subscribe ul.products li.product{
  float: none !important;
  margin: 0 !important;
  width: auto !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 calc((100% - 72px) / 4) !important; /* 4 cols, 3 gaps */
  max-width: calc((100% - 72px) / 4) !important;
}

/* Keep thumbnails consistent to improve alignment (optional but recommended). */
body.selina-page-subscribe ul.products li.product img{
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

/* Push CTA to the bottom for equal card heights. */
body.selina-page-subscribe ul.products li.product .button,
body.selina-page-subscribe ul.products li.product a.button{
  margin-top: auto !important;
}

/* Tablet: 3 columns */
@media (max-width: 1024px){
  body.selina-page-subscribe ul.products li.product{
    flex-basis: calc((100% - 48px) / 3) !important;
    max-width: calc((100% - 48px) / 3) !important;
  }
}

/* Mobile: 2 columns */
@media (max-width: 768px){
  body.selina-page-subscribe ul.products li.product{
    flex-basis: calc((100% - 24px) / 2) !important;
    max-width: calc((100% - 24px) / 2) !important;
  }
}

/* Small mobile: 1 column */
@media (max-width: 480px){
  body.selina-page-subscribe ul.products li.product{
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
}