/*
Theme Name: iDyskont.pl 
Theme URI: http://iDyskont.pl
Author: inford.eu
Author URI: http://inford.eu
Description: Template for iDyskont.pl
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: inford
Tags: INFORD
*/



:root {
 --main1: #393935; 
}

html {
 margin:0!important;
 margin-top:0!important;
 padding: 0; 
}

body {
 margin: 0;
 padding:0;
 background: #fff;
 width:100%; 
 color:#000;
 font-weight:400;
 font-size: 16px;
 line-height:1.7;
 font-family: 'Montserrat', sans-serif; 
 animation-name: fadeIn;
 animation-duration: 1.5s; 
}

    @keyframes fadeIn {
      0%	  { opacity: 0;}	 
	  100% { opacity: 1;}
	}


.mobile {
 display: none;	
}

.menu-button {
 position: absolute;
 right: 10px;
 top:14px;
}

a {
 color: #234267;	
 transition: all .3s ease;
 text-decoration: none; 
}

h2 {
 font-size: 2rem;	
}

h3 {
	
}

.fs-12 {
 font-size: 12px; 
}

.fs-13 {
 font-size: 13px; 
}

.fs-14 {
 font-size: 13px; 
}

img {
 max-width: 100%;
 height: auto; 
}


#header {
 padding: 15px 10px 10px 10px;
 /*position: fixed;*/
 margin-bottom: 15px;
 top:0;
 left: 0;
 right: 0;
 height: auto;
 width: 100%;
 color: #000;
 z-index: 9999999;  
 transition: all .3s ease;
 background: #f9f9f9;
}


/*

#catmenu {
 margin-bottom: 0px;
 z-index:101;	
 border: 0px solid;
 transition: all .3s ease;	
 display: flex;
 justify-content: flex-end;

}
	
.fixed-header #catmenu {
 margin-top:0;	
}
	
#catmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
	
#catmenu li {
 position: relative!important;
 float:left;
 margin: 0px;
 padding: 0px;
}

#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
	display: inline-block;	
	font-size:14.5px;	
	font-weight: 400;
	padding: 8px 12px 8px 12px;
	color: rgba(0,0,0,1);
	transition: all .3s ease;
	text-transform: uppercase;
}

#catmenu li.home-top-menu { 
 padding-top: 15px;
}

#catmenu li.home-top-menu a { 
 padding-right: 10px;
}

.fixed-header #catmenu li a, .fixed-header #catmenu li a:link , .fixed-header #catmenu li a:visited {
  padding: 6px 11px 6px 11px;
}

.fixed-header #catmenu li a {
 color: #000;
}


.fixed-header #catmenu li a:hover {
 color: #234267;
}

.fixed-header #catmenu li a:hover:before {	
}

#catmenu li a:hover, #catmenu li a:active {	
}

.menu-top-booking a {
 background: #8CC647;
}

#catmenu li a:before {
 opacity: 0;
 position: absolute;
 top: 5px; 
 width: 1%;
 transition: all .3s ease;
}

#catmenu li a:hover {
 color: #234267;
}

 
#catmenu li:last-child a:hover:before {
 /*left: calc(50% + 9px); 
 width: calc(100% - 18px);	* /
}
 
#catmenu li ul li a:before {
 display: none;	
}

.home .current-menu-item a {
 background: transparent;
 color: #fff; 
}

#catmenu li.current-menu-item a {
 /*color: #085474;
 border-bottom:1px solid #085474; * /	
}

.current-menu-ancestor {
 border-bottom:0!important;
}


#catmenu li:last-child a {
 margin-right:0;
 
}

	
#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
	width: 100%;
	float:none;
	margin: 0px;
	color: #000;
	font-size:14px;
	line-height: 1.3;
	padding: 6px 12px 6px 12px;
	text-align: left;
}
	
#catmenu li li a:hover, #catmenu li li a:active,
.fixed-header #catmenu li li a:hover {
}


#catmenu li ul {
 z-index: 9999;
 position: absolute;
 left: -999em;
 background: #fff;
 min-width: 190px;
 margin: 0px;	
 padding:10px 5px;
 border-bottom: 5px solid var(--logocolor);
 box-shadow: 0 2px 5px rgba(0,0,0,.1);
 border-radius: 0 0 9px 9px;  
}


#catmenu li ul a { 

}

#catmenu li ul a:hover, #catmenu li ul a:active { 
 background: transparent!important;
 color: var(--logocolor);
}

/*
#catmenu li > li {  
 width: 100%;
 padding: 0 10px;
} * /
	

#catmenu .sub-menu > li {
 border: 0px solid #cc0000;	
 width: 100%;
 display: block;
}

#catmenu .sub-menu > li > a {
 color: #000!important; 
}

#catmenu li li li {
 border: 0px solid #00cc00!important;	
 width: 100%!important;
 display: block!important;
 float: none!important; 
}


#catmenu li li li.menu-section-element a {
 font-weight: 500!important;
 opacity: 0.3; 
 font-size: 12px;
}

#catmenu .sub-menu li li a {
 color: #000!important;	
 min-height: auto!important;
 font-size: 14px;
 font-weight: normal;
}



#catmenu li ul ul {
 position: relative; 
 border: 0px solid #003344;	
 box-shadow: none;
}

#catmenu li.menu-top-cart {
 position: relative;
}

#catmenu li.menu-top-cart:hover .cart-count {
 opacity: 0.8; 
}

#catmenu li.menu-top-cart a {
 color: var(--logocolor);
 position: relative; 
 font-size: 16px;
 padding-left: 5px;
 padding-right: 5px;
}

.fixed-header #catmenu li.menu-top-cart a {
 color: var(--logocolor);
 position: relative; 
 font-size: 16px;
 padding-left: 5px;
 padding-right: 5px;
}


#catmenu li.menu-top-cart a:hover {
 background: none;	
}

#catmenu li.menu-top-cart .cart-count {
 background: #a4d460;
 color: #000;
 width: 16px;
 height: 16px;
 font-size: 9px;
 border-radius: 50%;
 text-align: center;
 position: absolute;
 top: 3px;
 right:-9px;  
}

#catmenu li.menu-top-cart .top-cart-total {
 font-size: 0.8rem;
 margin-left: 5px;
 display: inline-block; 
}



#catmenu li:hover ul, #catmenu li li:hover ul, 
#catmenu li li li:hover ul, #catmenu li.sfhover ul, 
#catmenu li li.sfhover ul, #catmenu li li li.sfhover ul {
 left: 0;
}

#catmenu li:hover, #catmenu li.sfhover { 
 position: static;
}



.top-menu-social  {
 color: #000;
 cursor: pointer; 
 margin-left: 5px!important; 
 display: flex;
 align-items: center;
}

.top-menu-social a {
 width: 30px;
 height: 30px;
 display: inline-block; 
 color: #fff;
 line-height:1;
 text-align: center;
 padding: 7px 0 2px 0!important;
}


#catmenu li.top-menu-social a:hover:before {
 display: none!important; 
}

#catmenu li.top-menu-social a:hover {
 background: transparent;	
}

.top-menu-social a i {
 color: #fff;	
}


.fixed-header .top-menu-social a,
.fixed-header .top-menu-social a i {
 color: #000;	
}

.fixed-header #catmenu .top-menu-search {
}

*/

.top-menu-wrapper {
  position: relative;
}


/* Podstawowe menu */
.main-menu {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-menu > li {
 
}
.main-menu a {
  display: block;
  padding: 10px 14px;
  text-decoration: none;
  color: #222;
}

/* Wspólne style podmenu */
.main-menu li > ul {
  position: absolute;
  top: 100%;
  list-style: none;
  margin: 0;
  padding: 14px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  z-index: 1000;
  display: none;
}

/* Standardowe dropdowny */
.main-menu li:hover > ul,
.main-menu li:focus-within > ul {
  display: grid;
}

/* --- MEGAMENU --- */
.main-menu li.megamenu-1 > ul {
  /* bazowo ukryte przez display:none */
  left: 0;
  right: 0;
  width: 100%;
  max-width: none;

  /* nadpisujemy pozycjonowanie względem wrappera, a nie <li> */
  position: absolute;
  top: 100%;
  padding: 24px;
  gap: 20px;
  /* siatka */
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

/* Pokazanie megamenu jako GRID */
.main-menu li.megamenu-1:hover > ul,
.main-menu li.megamenu-1:focus-within > ul {
  display: grid;
}

/* Linki w megamenu */
.main-menu li.megamenu-1 ul li a {
  padding: 6px 8px;
  color: #222;
  font-weight: 500;
}
.main-menu li.megamenu-1 ul li a:hover {
  color: #0073aa;
}



/* Przycisk menu (desktop ukryty) */
.menu-button {
  display: none;
  background: #0073aa;
  color: #fff;
  border: 0;
  padding: 10px 14px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 4px;
}

/* Toggler podmenu (dodamy JS-em) */
.submenu-toggle {
  display: none; /* desktop: ukryty */
  border: 0;
  background: transparent;
  padding: 10px;
  margin-left: auto;
  font-size: 16px;
  cursor: pointer;
}

/* MOBILE */
@media (max-width: 768px) {
  #top-menu-wrapper { position: relative; }

  .menu-button { display: inline-flex; align-items: center; gap: .5rem; }

  /* panel mobilny */
  .main-menu {
    position: absolute;
    top: 100%;
    left: 0; right: 0;
    display: none;                 /* ukryty domyślnie */
    flex-direction: column;
    gap: 0;
    background: #fff;
    border-top: 1px solid #ddd;
    z-index: 1000;
  }
  .main-menu.active { display: flex; }

  .main-menu > li {
    display: flex;                 /* żeby móc mieć przycisk toggle po prawej */
    align-items: center;
    border-bottom: 1px solid #eee;
    position: static;              /* ważne: wyłączamy absolute z desktopu */
  }

  .main-menu > li > a {
    flex: 1 1 auto;
    padding: 12px 14px;
  }

  /* pokaż przyciski rozwijania podmenu */
  .submenu-toggle { display: inline-block; }

  /* wszystkie podmenu w mobile są statyczne i zwinięte */
  .main-menu li > ul {
    position: static;
    display: none;
    padding: 10px 14px;
    background: #f9f9f9;
    box-shadow: none;
    width: 100%;
  }
  .main-menu li.open > ul { display: block; }

  /* MEGAMENU w mobile = zwykła lista na 1 kolumnę */
  .main-menu li.megamenu-1 > ul {
    display: none;
    grid-template-columns: 1fr;    /* nadpisanie siatki */
    padding: 10px 14px;
    width: 100%;
  }
  .main-menu li.megamenu-1.open > ul { display: block; }
}










#stickySlider,
.carousel-inner,
.carousel-item {
 height: 100%;
}

.carousel-caption {
 left: 0;
 right: 0;
 bottom: 0; 
 padding: 30px 15px;
 text-align: left;
 background: rgba(12, 33, 83, 0.7);	
}

.home-main-right .wrapper  p {
 margin-bottom: 0;
}

.page-title {
 margin-bottom: 30px;	
}

.std-section {
 padding-top: 40px;
 padding-bottom: 40px; 
}

.home-category-area  .sticky-thumbnail {
 margin-bottom: 6px;	
}

.home-category-area h2 {
 color: #111;
 font-size:20px; 
}

.home-category-area h3 {
 font-size: 17px;	
 color: #111; 
}

.home-category-area h2 a,
.home-category-area h3 a {
 color: inherit;	
}

.home-category-area .desc {
 font-size: 95%;
 line-height: 1.4; 
 
}

.category-area-title {
 margin-bottom: 12px; 
}

.category-area-title a {
 color: inherit;	
}


.category-area-title span {
 font-weight: 300; 
 text-transform: uppercase;
 color: #fff;
 display: inline-block;
 padding: 2px 10px; 
 margin-bottom: 0px; 
}

.category-area-title a.cat-right {
 display: inline-block;
 float: right;
 background: transparent!important;
 color: rgba(0,0,0,.6);
 font-size: 90%; 
 padding-left: 15px;
 padding-left: 15px; 
}

.hcat-1 .category-area-title span {
 background: #4caf50; 
}

.hcat-1 .category-area-title {
 border-bottom: 1px solid #4caf50; 
}

.hcat-2 .category-area-title span {
  background: #4db2ec;
}

.hcat-2 .category-area-title {
 border-bottom: 1px solid #4db2ec; 
}

.hcat-3 .category-area-title span {
  background: #f9c100;
}

.hcat-3 .category-area-title {
 border-bottom: 1px solid #f9c100; 
}.carousel-caption {
 left: 0;
 right: 0;
 bottom: 0; 
 padding: 30px 15px;
 text-align: left;
 background: rgba(12, 33, 83, 0.7);	
}

.home-main-right .wrapper  p {
 margin-bottom: 0;
}


.home-category-area  .sticky-thumbnail {
 margin-bottom: 6px;	
}

.home-category-area h2 {
 color: #111;
 font-size:20px; 
}

.home-category-area h3 {
 font-size: 17px;	
 color: #111; 
}

.home-category-area h2 a,
.home-category-area h3 a {
 color: inherit;	
}

.home-category-area .desc {
 font-size: 95%;
 line-height: 1.4; 
 
}

.category-area-title {
 margin-bottom: 12px; 
}

.category-area-title a {
 color: inherit;	
}


.category-area-title span {
 font-weight: 300; 
 text-transform: uppercase;
 color: #fff;
 display: inline-block;
 padding: 2px 10px; 
 margin-bottom: 0px; 
}

.category-area-title a.cat-right {
 display: inline-block;
 float: right;
 background: transparent!important;
 color: rgba(0,0,0,.6);
 font-size: 90%; 
 padding-left: 15px;
 padding-left: 15px; 
}

.hcat-1 .category-area-title span {
 background: #4caf50; 
}

.hcat-1 .category-area-title {
 border-bottom: 1px solid #4caf50; 
}

.hcat-2 .category-area-title span {
  background: #4db2ec;
}

.hcat-2 .category-area-title {
 border-bottom: 1px solid #4db2ec; 
}

.hcat-3 .category-area-title span {
  background: #f9c100;
}

.hcat-3 .category-area-title {
 border-bottom: 1px solid #f9c100; 
}



/*-------------------------------------- single ---------------------------------*/

#tags {
 justify-content: flex-start;
 flex-wrap: wrap;
}

#tags h4 {
 padding-bottom: 5px;	
 border-bottom:1px solid #eee;	
}

#tags a:before {
 font-style: normal;
 content: "#";
 font-weight: normal;
 padding-right: 0.2rem;	
}

#tags a {
 font-size: .80rem;
 border-radius: 1px!important;
 background: #234267;
 color: #fff;
 margin-right: 10px;
 padding: .3rem 1rem;
 margin-bottom: .4rem;
 text-transform: capitalize;
 font-weight: 700;
}

#tags a:hover {
 background: #fe9043;
 color: #fff; 
}