.filterBox.size-swacthes .widget-content .swacth-btn2{ margin:0 5px 5px 0; line-height:32px; border:1px solid #cdcfd3; }
.filterBox.size-swacthes .widget-content .swacth-btn2.checked{ border-color:#000000; }

.filterBox .filter-color .swacth-btn2 { display:block; float:left; margin-bottom:5px; position:relative; height:24px; width:34px; border:1px solid transparent; background-color:#f8f8f8; border-radius:3px; margin-right:5px; text-align:center; font-size:10px; line-height:21px; color:#000000; cursor:pointer; }
.filterBox .filter-color .swacth-btn2.checked { border-width:1px; border-color:#000000; }

.size-swacthes .swacth-list .swacth-btn2:after,
.filterBox .filter-color .swacth-btn2:after { content:''; border-style:solid; border-width:0 0 2px 2px; border-color:transparent transparent #000000 #000000; width:12px; height:7px; position:absolute; top:50%; left:0; right:0; margin:-5px auto auto; opacity:0; -webkit-transform:scale(1) rotate(-45deg); transform:scale(1) rotate(-45deg); -webkit-transition:transform 0.3s linear, opacity 0.3s linear; transition:transform 0.3s linear, opacity 0.3s linear; }
.size-swacthes .swacth-list .swacth-btn2.checked:after,
.filterBox .filter-color .swacth-btn2.checked:after { opacity:1; -webkit-transform:scale(1) rotate(-45deg); transform:scale(1) rotate(-45deg); color:#6d6d6d; z-index:2; }
.size-swacthes .swacth-list .swacth-btn2.checked:before,
.filterBox .filter-color .swacth-btn2.checked:before { content:''; background:rgba(255,255,255,0.5); display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; }




/* Size Swacthes */
.size-swacthes .swacth-list .swacth-btn2 { font-size:12px; display:block; margin-bottom:2px; width:34px; height:34px; line-height:32px; }
.thd{background-color:#e20177 !Important}

.ml110{
	margin-left:110px !Important;
}
.ml90{
	margin-left:90px !Important;
}
.ml55{
	margin-left:55px !Important;
}
.ml35{
	margin-left:35px !Important;
}
.ml0{
	margin-left:0px !Important;
}

.w45{
	width:45px !Important;
}

.w20{
	width:20px !Important;
}
.w80{
	width:80px !Important;
}

.h40{
	height:40px !Important;
}

.disabled {  
	cursor: not-allowed !important;
}	

.nodisplay{
	display:none;
}

.fs-08{
	font-size:.8em !Important;
}

.fs-09{
	font-size:.9em !important;
}

.fs-1{
	font-size:1.0em !important;
}

.fs-11{
	font-size:1.1em;
}

.fs-13{
	font-size:1.3em;
}

.fs-15{
	font-size:1.5em;
}

.fs-60p{
	font-size:60px !important;
}

.dred{
    color: #ae2500 !important;
}

.text-green{
	color: #048b1d !important;
}

.text-blue{
	color: #17a2b8 !important;
}

.text-black{
	color: #000000 !important;
}

.text-red-dark {
  color: #d0021b !important; 
}

.errclass{
	border:1px solid #ff0000 !important;
	background:#fde0e0 !important;
}

.disabled {  
  cursor: not-allowed !important;
}	

.nocapitalize{
	text-transform: none !important;
}


.lblstockon{
	background:#83cc52;
	color:#fff;
}

.lblstockoff{
	background:#ef2727;
	color:#fff;
}

.zinpricered{
	color:#d30171;
}


/*ckeditorstiles*/
img.right
{	
	float: right;
	margin-left: 15px !important;
	padding: 5px;
}

img.left {
	float: left;
	margin-right: 15px !important;
	padding: 5px;
}

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

/*placeholdertotop*/
.input-container {
    position: relative;
    margin-top: 20px;
}

.floating-input {
    border: 1px solid #ccc; /* Ez a szegély marad kattintáskor is */
    padding: 10px 10px 10px 5px;
    font-size: 12px;
    width: 100%;
    box-sizing: border-box;
    outline: none; /* Különösen fontos, hogy ne legyen kék kontúr fókusz esetén */
}

.floating-label {
    position: absolute;
    top: 85%;
    left: 0px;
    font-size: 13px;
    color: #aaa;
    pointer-events: none;
    transition: 0.2s ease all;
    transform: translateY(-92%);
	/*background:#fff;	*/
	padding: 4px 4px 4px 4px;
}

/* Csak a label pozíciója és színe változik, az input border-e nem */
.floating-input:focus + .floating-label,
.floating-input:not(:placeholder-shown) + .floating-label {
    top: 0;
    font-size: 11px;
    color: #777;
	border: 1px solid #ddd; /* Ez a szegély marad kattintáskor is */
	border-bottom:0px;
	
}

.regselect{border:1px solid #ccc}

.pwshw{
	margin-left:-25px; width:40px; height:40px;
}

@media (max-width: 768px) {
	.pwshw{ margin-top:-70px;float:right; height:35px;}
	
}


/*placeholdertotop*/

.fixed-select {
	width: 200px;
}


.header-5 #AccessibleNav
 {
    background: #000000;
	
}


.typeahead.dropdown-menu {
    font-size: 12px; /* Adjust this value to your desired size */
}

/* If your suggestions are within <li> or <a> tags inside the list, you might need to target those as well */
.typeahead.dropdown-menu li {
    font-size: 12px; /* Ensures list items also inherit the size */
}

.typeahead.dropdown-menu li a {
    font-size: 12px; /* Ensures the clickable links also inherit the size */
}

.typeahead.dropdown-menu { /* Or whatever the class name for your suggestions list is */
    position: absolute; /* Ensure it's positioned */
    z-index: 10000; /* Set a very high z-index value */
}



.stickyNav .site-header__search { display: none; }


.size-swacthes .swacth-list .swacth-btn:after,
.filterBox .filter-color .swacth-btn:after {
  content: ''; /* Keep this as it is, we'll hide it later for the checked state */
  border-style: solid;
  border-width: 0 0 2px 2px;
  border-color: transparent transparent #000000 #000000;
  width: 12px;
  height: 7px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: -5px auto auto;
  opacity: 0;
  -webkit-transform: scale(1) rotate(-45deg);
  transform: scale(1) rotate(-45deg);
  -webkit-transition: transform 0.3s linear, opacity 0.3s linear;
  transition: transform 0.3s linear, opacity 0.3s linear;
}

.size-swacthes .swacth-list .swacth-btn.checked:after,
.filterBox .filter-color .swacth-btn.checked:after {
  opacity: 0; /* This hides the checkmark */
}

.size-swacthes .swacth-list .swacth-btn.checked, /* Select the button itself for text color */
.filterBox .filter-color .swacth-btn.checked {
  color: #FFFFFF; /* White text */
  background-color: #83cc52; /* Green background */
}

.size-swacthes .swacth-list .swacth-btn.checked:before,
.filterBox .filter-color .swacth-btn.checked:before {
  content: '';
  background: transparent; /* Remove the semi-transparent white background */
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}



.striped-table {
  width: 100%;
  border-collapse: collapse; /* Eltávolítja a cellák közötti távolságot */
  margin: 1em 0;
  font-family: Arial, sans-serif;
}

/* Fejléc stílusa */
.striped-table thead th {
  background-color: #333;
  color: #fff;
  padding: 10px;
  text-align: left;
}

/* Cellák stílusa */
.striped-table th,
.striped-table td {
  padding: 8px;
  border: 1px solid #ddd;
}

/* A CSÍKOZOTT HATÁS */
/* Páros sorok háttérszínének megváltoztatása */
.striped-table tbody tr:nth-child(even) {
  background-color: #f2f2f2; /* Világosszürke háttér */
}

/* Páratlan sorok (opcionális, de jó a kontraszt miatt) */
.striped-table tbody tr:nth-child(odd) {
  background-color: #ffffff; /* Fehér háttér */
}

/* Sor kiemelése egérrel való rámutatáskor (hover) */
.striped-table tbody tr:hover {
  background-color: #ddd; /* Sötétebb szürke rámutatáskor */
}


/* ===========================================================
   MOBIL FIX HEADER + Z-INDEX RENDEZÉS
   =========================================================== */
@media (max-width: 991px) {

    /* TOP HEADER fixen fent */
    .top-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        background: #e20177; /* eredeti háttérszín */
    }

    /* HEADER FIX alatta */
    .header-wrap {
        position: fixed;
        top: 40px;          /* a top-header magassága – állítható */
        left: 0;
        width: 100%;
        z-index: 9998;
        background: #fff;   /* általad kért háttér */
    }

    /* Tartalom tolása lejjebb, hogy ne csússzon a header alá */
    body {
        padding-top: 100px; /* top-header (40px) + header-wrap (~60px) */
    }
}

/* ===========================================================
   Z-INDEX RENDEZÉS — DROPDOWN, TOOLTIP, MOBIL NAV, SEARCH
   =========================================================== */

/* Weboldal overlay elemek (mobil menü, kereső) */
.mobile-nav-wrapper,
.search,
.notification-bar {
    z-index: 10001 !important;
}

/* Tooltip mindig a header fölött legyen */
.tooltip,
.tooltip.show {
    z-index: 10002 !important;
    opacity: 1 !important;
}

/* Dropdown menük szintén kerüljenek a header fölé */
.dropdown-menu {
    z-index: 10003 !important;
}

/* Ha bármelyik ikonra nyíló popover lenne */
.popover {
    z-index: 10004 !important;
}

/* Minicart overlay / modal biztonság kedvéért */
#minicart-drawer,
.modal {
    z-index: 10005 !important;
}



.btn-slider {
  border: 1px solid #484848; 
  background-color: #ffffff; 
  color: #000000;
  font-size:1.2em;
  text-transform: uppercase;
  display: inline-block; 
  padding: 10px 20px;
  text-decoration: none;  
  transition: background-color 0.3s ease, color 0.3s ease; 
}
.btn-slider:hover {
  background-color: #000000; 
  color: #ffffff; 
  text-decoration: none;
  border: 1px solid #ffffff; 
}


.text-overlay {
  color: white;
  background-color: rgba(0, 0, 0, 0.5); 
  padding: 3px 3px; 
  display: inline-block; 
  border-radius: 5px;
  color:#fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}

.product-name{
	height:40px;
}