/* =========================================================
   SKLEP (Tabs) – styl jak kalkulatory (ARIA roles)
   ========================================================= */

.efk-shop-tabs{
  --efk-primary:#003785;
  --efk-border:#d9e1ef;
  --efk-text:#111;
  --efk-muted:#54657a;
}

.efk-shop-tabs .elementor-widget-container,
.efk-shop-tabs .e-n-tabs,
.efk-shop-tabs .elementor-tabs{
  display:flex !important;
  flex-direction:row !important;
  gap:18px !important;
  align-items:stretch !important;
}

.efk-shop-tabs [role="tablist"]{
  flex:0 0 340px !important;
  width:340px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;

  border:1px solid var(--efk-border) !important;
  border-radius:18px !important;
  padding:12px !important;
  background:#fff !important;
  box-shadow:0 8px 24px rgba(0,0,0,.04) !important;
}

.efk-shop-tabs [role="tab"]{
  width:100% !important;
  justify-content:flex-start !important;
  text-align:left !important;

  border:1px solid transparent !important;
  border-radius:14px !important;
  padding:12px 12px !important;
  background:transparent !important;
  margin:0 !important;

  color:var(--efk-text) !important;
  font-weight:900 !important;
}
.efk-shop-tabs [role="tab"]:hover{
  background:rgba(0,55,133,.05) !important;
}
.efk-shop-tabs [role="tab"][aria-selected="true"],
.efk-shop-tabs [role="tab"].elementor-active{
  background:rgba(0,55,133,.08) !important;
  border-color:rgba(0,55,133,.18) !important;
}

.efk-shop-tabs [role="tabpanel"]{
  flex:1 1 auto !important;
  min-width:0 !important;

  border:1px solid var(--efk-border) !important;
  border-radius:18px !important;
  padding:18px !important;
  background:#fff !important;
  box-shadow:0 8px 24px rgba(0,0,0,.04) !important;
}

.efk-shop-tabs .elementor-tab-content,
.efk-shop-tabs .e-n-tabs__content{
  padding:0 !important;
  border:none !important;
  box-shadow:none !important;
  background:transparent !important;
}

@media (max-width:960px){
  .efk-shop-tabs .elementor-widget-container,
  .efk-shop-tabs .e-n-tabs,
  .efk-shop-tabs .elementor-tabs{
    flex-direction:column !important;
  }
  .efk-shop-tabs [role="tablist"]{
    width:auto !important;
    flex:auto !important;
  }
}


/* =========================================================
   PORADNIK (Tabs) – styl jak kalkulatory (ARIA roles)
   ========================================================= */

.efk-guide-tabs{
  --efk-primary:#003785;
  --efk-border:#d9e1ef;
  --efk-text:#111;
  --efk-muted:#54657a;
}

.efk-guide-tabs .elementor-widget-container,
.efk-guide-tabs .e-n-tabs,
.efk-guide-tabs .elementor-tabs{
  display:flex !important;
  flex-direction:row !important;
  gap:18px !important;
  align-items:stretch !important;
}

.efk-guide-tabs [role="tablist"]{
  flex:0 0 340px !important;
  width:340px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;

  border:1px solid var(--efk-border) !important;
  border-radius:18px !important;
  padding:12px !important;
  background:#fff !important;
  box-shadow:0 8px 24px rgba(0,0,0,.04) !important;
}

.efk-guide-tabs [role="tab"]{
  width:100% !important;
  justify-content:flex-start !important;
  text-align:left !important;

  border:1px solid transparent !important;
  border-radius:14px !important;
  padding:12px 12px !important;
  background:transparent !important;
  margin:0 !important;

  color:var(--efk-text) !important;
  font-weight:900 !important;
}
.efk-guide-tabs [role="tab"]:hover{
  background:rgba(0,55,133,.05) !important;
}
.efk-guide-tabs [role="tab"][aria-selected="true"],
.efk-guide-tabs [role="tab"].elementor-active{
  background:rgba(0,55,133,.08) !important;
  border-color:rgba(0,55,133,.18) !important;
}

.efk-guide-tabs [role="tabpanel"]{
  flex:1 1 auto !important;
  min-width:0 !important;

  border:1px solid var(--efk-border) !important;
  border-radius:18px !important;
  padding:18px !important;
  background:#fff !important;
  box-shadow:0 8px 24px rgba(0,0,0,.04) !important;
}

.efk-guide-tabs .elementor-tab-content,
.efk-guide-tabs .e-n-tabs__content{
  padding:0 !important;
  border:none !important;
  background:transparent !important;
}

@media (max-width:960px){
  .efk-guide-tabs .elementor-widget-container,
  .efk-guide-tabs .e-n-tabs,
  .efk-guide-tabs .elementor-tabs{
    flex-direction:column !important;
  }
  .efk-guide-tabs [role="tablist"]{
    width:auto !important;
    flex:auto !important;
  }
}


/* =========================================================
   PORADNIK – PLIKI DO POBRANIA (we wpisie)
   ========================================================= */

.efk-downloads{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(0,0,0,.08);
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.efk-downloads .elementor-button{
  border-radius:14px !important;
  font-weight:900 !important;
  background:#fff !important;
  color:#003785 !important;
  border:1px solid rgba(0,0,0,.12) !important;
}
.efk-downloads .elementor-button:hover{
  background:rgba(0,0,0,.02) !important;
}


/* =========================================================
   PORADNIK – LOOP GRID + KARTY (blogowo, bez “kilometrów”)
   ========================================================= */

/* dodaj klasę efk-guide-grid na WIDGET Loop Grid */
.efk-guide-grid .elementor-loop-container{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:14px !important;
}
@media (max-width:760px){
  .efk-guide-grid .elementor-loop-container{
    grid-template-columns:1fr !important;
  }
}

/* dodaj klasę efk-guide-card na KONTENER GŁÓWNY w Loop Item */
.efk-guide-card{
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.04);

  height:100%;
  display:flex;
  flex-direction:column;
}

.efk-guide-card .elementor-widget-image img{
  width:100%;
  height:180px;
  object-fit:cover;
  display:block;
}

/* wyczyść marginesy typowych widgetów w karcie */
.efk-guide-card .elementor-widget-heading,
.efk-guide-card .elementor-widget-post-excerpt,
.efk-guide-card .elementor-widget-post-info,
.efk-guide-card .elementor-widget-button{
  margin:0 !important;
}

/* tytuł */
.efk-guide-card .elementor-heading-title{
  color:#111;
  font-weight:900;
  font-size:18px !important;
  line-height:1.25 !important;
  margin:0 !important;
}

/* tylko Post Excerpt – nie ścinamy Text Editora (żeby nie psuć innych treści) */
.efk-guide-card .elementor-widget-post-excerpt{
  color:#54657a;
  line-height:1.55;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.efk-guide-card .elementor-widget-post-info{
  color:#54657a;
  font-size:12px;
}

/* przycisk na dole */
.efk-guide-card .elementor-button-wrapper{
  margin-top:auto;
  padding-top:10px;
}
.efk-guide-card .elementor-button{
  border-radius:14px !important;
  font-weight:900 !important;
  background:#003785 !important;
}
.efk-guide-card .elementor-button:hover{
  filter:brightness(.98);
}
/* CTA w karcie poradnika – wygląda jak przycisk, ale nie używa widgetu Button */
.efk-guide-card .efk-readmore a{
  display:inline-block;
  padding:10px 14px;
  border-radius:14px;
  background:#003785;
  color:#fff !important;
  font-weight:900;
  text-decoration:none !important;
}
.efk-guide-card .efk-readmore a:hover{
  filter:brightness(.98);
}
/* Do pobrania – większe kafelki */
.efk-dl-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr)); /* było 3 */
  gap:16px;
}
@media (max-width:960px){
  .efk-dl-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width:560px){
  .efk-dl-grid{ grid-template-columns:1fr; }
}

.efk-dl-card{
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.04);
  padding:18px;              /* było 14 */
  display:flex;
  gap:14px;                  /* było 12 */
  align-items:center;
  min-height:120px;          /* było 92 */
}

.efk-dl-card .elementor-widget-image img{
  width:72px !important;     /* było 56 */
  height:72px !important;
  object-fit:contain !important;
  display:block;
}

.efk-dl-card .elementor-heading-title{
  font-size:16px !important; /* było 14 */
  line-height:1.25 !important;
  font-weight:900 !important;
  margin:0 !important;
}

.efk-dl-card .elementor-heading-title a{
  color:#003785 !important;
  text-decoration:none !important;
}
.efk-dl-card .elementor-heading-title a:hover{
  text-decoration:underline !important;
}
/* =========================================================
   EFK – ujednolicenie lewego menu (kalkulatory / sklep / poradnik)
   Wklej NA KOŃCU Additional CSS
   ========================================================= */

:root{
  --efk-primary: #003785;
  --efk-border: #d9e1ef;
  --efk-text: #111;
  --efk-muted: #54657a;

  /* Zmień tu szerokości */
  --efk-left-width: 340px;
  --efk-max-width: 1240px;

  /* Zmień tu czcionkę (Inter jeśli masz; jak nie, poleci Roboto/Lato) */
  --efk-font: Inter, Roboto, Lato, Arial, sans-serif;
}

/* Ujednolicenie fontu + szerokości kontenera (dla tych 3 sekcji) */
.efk-suite,
.efk-shop-tabs,
.efk-guide-tabs{
  font-family: var(--efk-font) !important;
  max-width: var(--efk-max-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* ===================== KALKULATORY (Twoje HTML/CSS) ===================== */
.efk-suite .efk-layout{
  grid-template-columns: var(--efk-left-width) 1fr !important;
}
.efk-suite .efk-nav{
  border-color: var(--efk-border) !important;
}
.efk-suite .efk-nav button[aria-selected="true"]{
  background: rgba(0,55,133,.08) !important;
  border-color: rgba(0,55,133,.18) !important;
}
.efk-suite .efk-nav-title{
  font-size: 14px !important;
  line-height: 1.25 !important;
  letter-spacing: .1px !important;
}
.efk-suite .efk-nav-sub{
  font-size: 12px !important;
  line-height: 1.25 !important;
  color: var(--efk-muted) !important;
}

/* ===================== SKLEP (Tabs) ===================== */
.efk-shop-tabs [role="tablist"]{
  flex: 0 0 var(--efk-left-width) !important;
  width: var(--efk-left-width) !important;
  border-color: var(--efk-border) !important;
}
.efk-shop-tabs [role="tab"]{
  font-size: 14px !important;
  line-height: 1.25 !important;
  letter-spacing: .1px !important;
}
.efk-shop-tabs [role="tab"][aria-selected="true"],
.efk-shop-tabs [role="tab"].elementor-active{
  background: rgba(0,55,133,.08) !important;
  border-color: rgba(0,55,133,.18) !important;
}
.efk-shop-tabs [role="tabpanel"]{
  border-color: var(--efk-border) !important;
}

/* ===================== PORADNIK (Tabs) ===================== */
.efk-guide-tabs [role="tablist"]{
  flex: 0 0 var(--efk-left-width) !important;
  width: var(--efk-left-width) !important;
  border-color: var(--efk-border) !important;
}
.efk-guide-tabs [role="tab"]{
  font-size: 14px !important;
  line-height: 1.25 !important;
  letter-spacing: .1px !important;
}
.efk-guide-tabs [role="tab"][aria-selected="true"],
.efk-guide-tabs [role="tab"].elementor-active{
  background: rgba(0,55,133,.08) !important;
  border-color: rgba(0,55,133,.18) !important;
}
.efk-guide-tabs [role="tabpanel"]{
  border-color: var(--efk-border) !important;
}

/* RWD – na mobile lewa kolumna ma iść na górę */
@media (max-width: 960px){
  .efk-suite .efk-layout{ grid-template-columns: 1fr !important; }
  .efk-shop-tabs [role="tablist"],
  .efk-guide-tabs [role="tablist"]{
    width: auto !important;
    flex: auto !important;
  }
}