/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ==========================================================================
   Mega meni kategorija — grupe u bočnoj listi, kategorije kao kartice
   --------------------------------------------------------------------------
   Struktura koju tema renderuje:
     .wd-design-aside                 panel
       .wd-sub-menu > .item-level-1   grupa (6 komada, vertikalna lista)
         .wd-wp-menu                  izleteli panel grupe
           .sub-sub-menu
             > li.item-level-2        KATEGORIJA  -> kartica
               > .sub-sub-menu
                 > li.item-level-3    podkategorija -> link u kartici

   NAPOMENA O SPECIFIČNOSTI
   Tema stilizuje ovo iz mod-dropdown-aside.min.css selektorima tipa
   `.wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu > li`
   (0,4,1), a taj fajl se učitava POSLE child teme. Zato selektori ispod
   moraju biti strogo specifičniji — izjednačena specifičnost gubi.
   ========================================================================== */

/* --- bočna lista grupa --------------------------------------------------- */

/*
 * Tema pari `.wd-sub-menu { max-width: 270px }` sa `.wd-dropdown
 * { inset-inline: 270px 0 }`. Ako se menja širina liste, MORA se pomeriti i
 * početak panela — inače se panel preklapa preko liste.
 */
.wd-nav-secondary .wd-design-aside.wd-dropdown-menu .wd-sub-menu-wrapp > .wd-sub-menu {
	min-width: 290px;
	max-width: 290px;
	padding-block: 10px;
}

.wd-nav-secondary .wd-design-aside.wd-dropdown-menu .wd-sub-menu > li.item-level-1 > .woodmart-nav-link {
	padding-block: 13px;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
}

/* --- panel grupe: mreža kartica ------------------------------------------ */

/*
 * Tema panel pozicionira apsolutno sa `top: 0; bottom: 0`, pa se rasteže na
 * visinu bočne liste i seče sadržaj. `bottom: auto` mu vraća visinu po
 * sadržaju; `min-height: 100%` čuva da nikad ne bude niži od liste.
 */
/*
 * Širina se NAMERNO ne postavlja: tema koristi `width: auto` sa
 * `inset-inline: <lista> 0`, pa se panel sam uklapa u kontejner. Fiksna
 * širina ga izgura van ekrana na širokim monitorima.
 *
 * Visina se takođe NE pušta na `auto`: okvir (.wd-sub-menu-wrapp) sa belom
 * pozadinom i senkom prati visinu bočne liste, pa bi viši panel ispao izvan
 * njega i kartice bi visile preko strane. Panel zato ostaje `inset-block: 0`
 * (puni okvir), a višak sadržaja skroluje UNUTAR okvira.
 * Visinu okvira postavlja `_menu_item_height` na korenskoj stavci menija.
 */
.wd-nav-secondary .wd-design-aside.wd-dropdown-menu li.item-level-1 > .wd-wp-menu {
	inset-block: 0;
	inset-inline: 290px 0;
	padding: 0;
	overflow-y: auto;
	overscroll-behavior: contain;
}

.wd-nav-secondary .wd-design-aside.wd-dropdown-menu .wd-wp-menu > .sub-sub-menu {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-content: start;
	align-items: start;
	gap: 12px;
	padding: 20px;
	max-width: 1120px;
}

/* --- kartica = kategorija ------------------------------------------------ */

/* Poništava temino `width: 200px; margin-bottom: 25px; padding-inline: 15px`. */
.wd-nav-secondary .wd-design-aside.wd-dropdown-menu .wd-wp-menu > .sub-sub-menu > li.item-level-2 {
	width: auto;
	margin: 0;
	padding: 12px 14px 10px;
	border: 1px solid rgba(127, 127, 127, 0.22);
	border-radius: 12px;
	background: rgba(127, 127, 127, 0.06);
	transition: border-color 0.18s ease, background-color 0.18s ease;
}

.wd-nav-secondary .wd-design-aside.wd-dropdown-menu .wd-wp-menu > .sub-sub-menu > li.item-level-2:hover {
	border-color: var(--wd-primary-color, #005eff);
	background: rgba(127, 127, 127, 0.11);
}

.wd-nav-secondary .wd-design-aside.wd-dropdown-menu .wd-wp-menu > .sub-sub-menu > li.item-level-2 > .woodmart-nav-link {
	display: block;
	margin-bottom: 7px;
	padding: 0 0 7px;
	border-bottom: 1px solid rgba(127, 127, 127, 0.22);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

/* Kategorija bez podkategorija — bez prazne linije ispod naslova. */
.wd-nav-secondary .wd-design-aside.wd-dropdown-menu .wd-wp-menu > .sub-sub-menu > li.item-level-2:not(.menu-item-has-children) > .woodmart-nav-link {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

/* --- podkategorije u kartici --------------------------------------------- */

.wd-nav-secondary .wd-design-aside.wd-dropdown-menu .wd-wp-menu li.item-level-2 > .sub-sub-menu {
	display: flex;
	flex-direction: column;
	gap: 1px;
	padding: 0;
}

.wd-nav-secondary .wd-design-aside.wd-dropdown-menu .wd-wp-menu li.item-level-2 > .sub-sub-menu > li.item-level-3 {
	width: auto;
	margin: 0;
	padding: 0;
}

.wd-nav-secondary .wd-design-aside.wd-dropdown-menu .wd-wp-menu li.item-level-3 > .woodmart-nav-link {
	padding-block: 3px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0;
	text-transform: none;
	opacity: 0.85;
	transition: opacity 0.15s ease, color 0.15s ease;
}

.wd-nav-secondary .wd-design-aside.wd-dropdown-menu .wd-wp-menu li.item-level-3 > .woodmart-nav-link:hover {
	opacity: 1;
}

/* --- uži ekrani ---------------------------------------------------------- */

/*
 * Namerno BEZ preloma na 2 kolone: dve široke kolone znače duplo više redova,
 * panel naraste preko visine okvira i mora da skroluje. Tri uže kolone staju.
 * Ispod 1025px tema ionako prelazi na mobilni meni.
 */

/* --- mobilni meni: grupe kao naglašeni odeljci ---------------------------- */

.wd-nav-mobile .nf-grupa > a {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.wd-progress-bar.wd-free-progress-bar {
    display: none;
}