/* User overrides — add your own CSS here. Loaded after template.css and hikashop.css. */

/* Siaze pills — text tiles for size labels (S/M/L/XL/XXL) on the listing card.
   Scoped to the Size characteristic block (id 11) so it doesn't leak to other
   text-only characteristics that might want different treatment. */
.hikashop_product_characteristic_on_listing_1 .hikashop_product_characteristic_value_on_listing {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	height: 22px;
	padding: 0 6px !important;
	border: 1px solid var(--line);
	font-family: var(--sans);
	font-size: 10px !important;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ink);
	background: transparent;
	box-sizing: border-box;
	transition: border-color .15s ease, color .15s ease, background .15s ease;
}
.hikashop_product_characteristic_on_listing_1 .hikashop_product_characteristic_value_on_listing:hover {
	border-color: var(--ink);
}

/*.vessel-header--logo-left .vessel-header-menu > .mod-menu > li > a { font-size: 18px; }
*/


/* --------- Logo méret --------*/
.vessel-logo img, .vessel-logo png { 
    height: 100%; 
    width: auto; 
}

@media (max-width: 900px) {
.vessel-header .vessel-logo png, .vessel-header .vessel-logo img {
    width: 100%;
    height: auto;
    max-width: 240px !important;
    max-height: 65px !important;
}
}

/* ---- Főmenü betü méret ------*/
.vessel-header-menu a {
	font-size: 14px;
}


/* ------- Dupla lefele nyilat kivettem a szűlő menüből.  Use Vessel's own caret; hide Joomla's injected chevron glyph.  ------- */
.vessel-header-menu .mod-menu > li.parent > .mod-menu__toggle-sub .icon-chevron-down,
.vessel-header-menu .mod-menu > li.parent > .mod-menu__toggle-sub  {
	display: none;
}

/*----------kategóriák felirata---------------------*/

.hikashop_category, .hikashop_category_name, h1.hikashop_category_name {
    font-family: var(--serif);
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 0.4;
    color: var(--ink);
    margin: 0 0 12px;
}

/*-------------  kosár méret ----------------------*/

.hikashop_cart_module_product_icon_title {
    display: inline-block !important;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    margin: 0;
}

/*-----------almenü formázása --------------------*/

.vessel-header-menu .mod-menu > li.parent > .mod-menu__sub {
    position: absolute;
    top: 100%;
    /* ettől teljes szélességű
    left: 0;
    right: 0; */
    
    /* Állíts be egy fix vagy maximális szélességet 
    width: 250px; */
    
    /* Vagy ha azt szeretnéd, hogy a tartalomhoz igazodjon: */
    width: max-content;
    
    margin: 0;
    padding: 40px var(--gutter, 56px);
    background: #ede7d7;
    border-top: 1px solid var(--line);
     border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    box-shadow: 0 24px 48px -24px rgba(14,14,12,0.12);
    z-index: 50;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    pointer-events: none;
    transition: opacity .25s cubic-bezier(.2,.7,.2,1),
		transform .25s cubic-bezier(.2,.7,.2,1),
		visibility 0s linear .25s;
    display: grid;
    /* ettől lesz maximális oszlopban
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));*/
   
    /* 1 oszlophoz: */
    grid-template-columns: 1fr; 
    
    /* VAGY 2 oszlophoz: */
    /* grid-template-columns: repeat(2, 1fr); */
    
    gap: 32px 40px /*A rács elemei között 32 pixel függőleges és 40 pixel vízszintes távolság*/
    list-style: none;
}