/*
 Theme Name:   Discy Child Final
 Theme URI:    https://2code.info/demo/themes/Discy/
 Description:  Discy Child Theme for custom modifications
 Author:       Gemini
 Template:     discy
 Version:      1.0.0
 License:      license purchased
 License URI:  http://themeforest.net/licenses/regular_extended
 Text Domain:  discy-child-final
*/


@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

/* Replace icon-comment with Material Symbol */
.icon-comment::before {
  font-family: 'Material Symbols Outlined' !important;
  content: '\e8af' !important; /* chat_bubble_outline */
  font-style: normal !important;
  -webkit-font-smoothing: antialiased !important;
  font-weight: 400 !important;
  /* Adjust size and position if needed */
  font-size: 17px;
  vertical-align: middle;
}











/* --- Style użytkownika (wyszukiwarka) --- */
.header-search,
.main-search {
    display: none !important;
}

.header-search-bar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: 10px;
    margin-top: 0.5cm;  /* ✅ Obniżenie o 0,5 cm */
    max-width: 800px;
    flex-grow: 1;
}

.ajaxsearchlite {
    width: 100% !important;
    max-width: 100% !important;
}

div[id^="ajaxsearchlite"] {
    width: 100% !important;
}

 @media (max-width: 786px) {

  .mobile-bar-search {
    display: none !important;
  }

  .header .the-main-container {
    position: relative;
    width: 100%;
  }

  /* Kontener wyszukiwarki z przezroczystym tłem */
  .header-search-bar {
    display: block;
    position: absolute;
    top: 90px;
    left: 0px;
    width: 65%;
    padding: 0.75px;
    margin: 0;
    z-index: 999;
    background-color: transparent; /* <-- Zmienione na przezroczyste */
  }

  /* Stylizacja samego pola do wpisywania tekstu */
  .header-search-bar .ajaxsearchlite input[type="search"] {
    background-color: #f0f2f5; /* Jasnoszare tło, możesz zmienić na #fff dla białego */
    border: 1px solid #ddd;
    border-radius: 25px;
    padding: 8px 15px;
    box-shadow: none;
  }

 


}

/* =================================================================
   Nowy wygląd menu bocznego - WERSJA OSTATECZNA (z !important)
   ================================================================= */

/* --- STYLE DLA WIDOKU DESKTOPOWEGO --- */

nav.nav_menu.float_r {
    background-color: #1e293b !important;
    padding: 0 !important;
    border-radius: 0 !important;
    width: 250 px !important;
    box-sizing: border-box !important;
}

.left-header.float_l {
       background-color: #1e293b !important;
    }

.right-header.float_r {
       background-color: #1e293b !important;
       padding: 0
    }




nav.nav_menu.float_r ul#menu-left-menu {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

nav.nav_menu.float_r ul#menu-left-menu .menu-item {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 8px 0 !important;
}

nav.nav_menu.float_r ul#menu-left-menu .menu-item a {
    display: flex !important;
    align-items: center !important;
    padding: 12px !important;
    border-radius: 8px !important;
    color: white !important;
    text-decoration: none !important;
    transition: background-color 0.2s !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

nav.nav_menu.float_r ul#menu-left-menu .menu-item a:hover {
    background-color: #334155 !important;
    color: white !important;
}

nav.nav_menu.float_r ul#menu-left-menu .current-menu-item > a {
    background-color: #334155 !important;
    font-weight: 700 !important;
}

nav.nav_menu.float_r ul#menu-left-menu .menu-item a i {
    margin-right: 12px !important;
    font-size: 24px !important;
    width: 24px !important;

}

/* Przesunięcie menu w prawo o 38px tylko na desktopie */
@media (min-width: 769px) {
  ul#menu-left-menu {
    position: relative !important;
    left: 35 px !important;
  }
}



/* --- STYLE DLA WIDOKU MOBILNEGO --- */

.mobile-aside-inner-inner {
    background-color: #1e293b !important;
    padding: 24px !important;
    border-radius: 12px !important;
}

.mobile-aside-inner-inner .mobile-menu-left,
.mobile-aside-inner-inner #nav_menu {
    background: none !important;
    border: none !important;
}

.mobile-aside-inner-inner #nav_menu {
    padding: 0 !important;
    margin: 0 !important;
}

#nav_menu .menu-item {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 8px 0 !important;
}

#nav_menu .menu-item a {
    display: flex !important;
    align-items: center !important;
    padding: 12px !important;
    border-radius: 8px !important;
    color: white !important;
    text-decoration: none !important;
    transition: background-color 0.2s !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

#nav_menu .menu-item a:hover {
    background-color: #334155 !important;
    color: white !important;
}

#nav_menu .current-menu-item > a {
    background-color: #334155 !important;
    font-weight: 700 !important;
}

#nav_menu .menu-item a .material-symbols-outlined,
#nav_menu .menu-item a i {
    margin-right: 12px !important;
    font-size: 24px !important;
    width: 24px !important;
}

a.logo.float_l.logo-img {
    display: none !important;
}

i.icon-lock {
  display: none !important;
}


  article.question {
  background-color: white !important;
  padding: 1.5rem !important;
  border-radius: 0.75rem !important;
  border-color: black;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),
   0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  margin-bottom: 3rem !important; /* Odstęp między postami *
  }