/*
Theme Name:   X Magazine
Description:  X Magazine – is a free, fast, and fully responsive WordPress magazine theme. This is the child theme of X Blog theme. X Magazine features a clean, professional list layout designed for online magazines, newspapers, and news websites. X Magazine is highly customizable with flexible post display options and Gutenberg block editor compatibility. The theme has SEO-optimized layouts with clean HTML5 and CSS3 code for fast loading speed and better search engine rankings. X Magazine is perfect for online magazines, digital newspapers, editorial sites, and content-rich blogs.
Author:       Noor alam
Author URI:   https://profiles.wordpress.org/nalam-1/
Theme URI:    https://wpthemespace.com/product/x-magazine/
Template:     x-blog
Version:      1.0.18
Tested up to: 7.1
Requires at least: 6.0
Requires PHP: 7.4
License:        GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: 		  blog, news, education, custom-logo, one-column, two-columns, grid-layout, right-sidebar, custom-background, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, threaded-comments, translation-ready, block-styles
Text Domain: x-magazine

*/

/* ==========================================================================
   Header Logo & Navigation Spacing Rule (wp-theme-updater Rule #7 & #10)
   Prevents logo/menu collision & prevents menu items from breaking words vertically.
   ========================================================================== */
.site-branding,
.header-img,
.site-title,
.custom-logo-link {
  min-width: 0;
  max-width: 100%;
}

.site-branding .custom-logo {
  max-height: 80px;
  width: auto;
  object-fit: contain;
  display: block;
}

/* Rule #9: Blog list spacing & inline badges */
.post-list .post-thumb,
.entry-list .post-thumb {
  margin-right: 20px;
}

.main-btn,
.read-more,
.more-link,
.post-categories a,
.cat-links a,
.entry-footer a {
  align-self: flex-start !important;
  width: auto !important;
  max-width: max-content !important;
  display: inline-block !important;
}

/* ==========================================================================
   Desktop Navigation Flex-Flow & Word-Wrap Preservation (Rule #10)
   Prevents menu items from breaking words vertically when there are many items.
   Items wrap cleanly to new lines with full words preserved.
   ========================================================================== */
@media (min-width: 992px) {
  .menu-bar,
  .xmenu-bar,
  .site-header .main-navigation,
  .main-navigation ul,
  .baby-menu,
  #baby-menu,
  #primary-menu,
  .navbar-nav {
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: center;
  }

  .baby-menu > li,
  #baby-menu > li,
  #primary-menu > li,
  .main-navigation ul > li,
  .menu-bar nav > ul > li {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  .baby-menu > li > a,
  #baby-menu > li > a,
  #primary-menu > li > a,
  .main-navigation ul > li > a,
  .menu-bar nav > ul > li > a,
  .nav-link {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    display: block;
  }

  /* Submenus maintain vertical column flow */
  .baby-menu ul,
  #baby-menu ul,
  #primary-menu ul,
  .main-navigation ul ul,
  .dropdown-menu {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  .baby-menu ul > li > a,
  #baby-menu ul > li > a,
  #primary-menu ul > li > a,
  .main-navigation ul ul > li > a {
    white-space: nowrap !important;
  }
}

/* Universal mobile suppression of legacy navbar toggle & slicknav & old bars (Rule #8) */
@media screen and (max-width: 991px) {
  .slicknav_menu,
  .slicknav_btn,
  .slicknav_nav,
  .menu-toggle:not(#mmenu-btn),
  button.menu-toggle:not(#mmenu-btn),
  .mmenu-hide,
  .xmenu-bar,
  .menu-bar,
  #masthead .site-branding:not(.mobile-topbar-logo) {
    display: none !important;
  }
  #wsm-menu.mobile-menu-bar {
    display: block !important;
  }
}