/*
Theme Name: Hello Elementor SW
Theme URI: https://beta.smoothwizard.com
Description: SmoothWizard marketing child of Hello Elementor - Elementor kit tokens + styles ported from live betasmoothwizard.
Author: SmoothWizard
Template: hello-elementor
Version: 1.2.5
Text Domain: hello-elementor-sw
*/

/* ==========================================================================
   Port resetu Hello Elementor (parent reset.css wylaczony filtrem
   hello_elementor_enqueue_style w functions.php). Powod: reguly
   a:hover / button:hover z resetu (#c36, u nas nadpisane zielenia) maja
   specyficznosc (0,1,1) i psuly hover KAZDEGO ostylowanego komponentu
   (demo React, FAQ, slidery, cookies). Czesc normalize - verbatim.
   Brandowe defaulty linkow/buttonow - w :where() (zero specyficznosci),
   wiec kazdy komponent z wlasnym CSS zawsze wygrywa.
   ========================================================================== */
html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}
h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-end:.9rem;margin-block-start:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}
a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}
abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{color:#333;font-size:16px;font-style:italic;font-weight:400;line-height:1.4}[hidden],template{display:none}
label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}
button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;width:auto}
[type=button]:focus:not(:focus-visible),[type=submit]:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}
table{background-color:transparent;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%}table td,table th{border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50%,.502)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50%,.071)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50%,.102)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50%,.502)}
@media(max-width:767px){table table{font-size:.8em}table table td,table table th{line-height:1.3;padding:7px}table table th{font-weight:400}}
dd,dl,dt,li,ol,ul{background:transparent;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:baseline}
@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}

/* ==========================================================================
   Brandowe defaulty (kit #5) tylko dla "golych" elementow - :where() = 0
   specyficznosci, przegrywa z kazdym class-selectorem komponentu.
   ========================================================================== */
body {
  background-color: #0a0317;
  color: var(--e-global-color-text, #d9d9d9);
  font-family: "Ubuntu", Sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:where(a) {
  background-color: transparent;
  color: var(--e-global-color-primary, #ffffff);
  text-decoration: none;
}

:where(a:active, a:hover) {
  color: var(--e-global-color-accent, #2fea15);
}

:where([type="button"], [type="submit"], button) {
  background-color: transparent;
  border: 1px solid var(--e-global-color-accent, #2fea15);
  border-radius: 3px;
  color: var(--e-global-color-accent, #2fea15);
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  padding: 0.5rem 1rem;
  text-align: center;
  transition: all 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}

:where([type="button"]:focus, [type="button"]:hover,
       [type="submit"]:focus, [type="submit"]:hover,
       button:focus, button:hover) {
  background-color: var(--e-global-color-accent, #2fea15);
  color: #061208;
  text-decoration: none;
}

.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item {
  color: var(--e-global-color-text, #d9d9d9);
  fill: var(--e-global-color-text, #d9d9d9);
}

.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus {
  color: var(--e-global-color-accent, #2fea15);
  fill: var(--e-global-color-accent, #2fea15);
}

.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
  background-color: var(--e-global-color-accent, #2fea15);
}

/* ==========================================================================
   Ported from live child theme betasmoothwizard/style.css
   ========================================================================== */
/* ########################################################################################################################### */
/* Main CSS */
/* ########################################################################################################################### */
.gradient_hr span {
  border-block-start: 0px !important;
  height: var(--divider-border-width) !important;
  background: linear-gradient(
    27deg,
    rgba(255, 255, 255, 0) 1%,
    rgba(37, 225, 21, 1) 52%,
    rgba(255, 255, 255, 0) 99%
  );
  border-radius: 20% !important;
}
.bot_menu:has(.elementor-button-icon) .elementor-button-content-wrapper {
  gap: 15px;
  justify-content: center;
  align-items: center;
}
.bot_menu:has(.elementor-button-icon)
  .elementor-button-content-wrapper
  .elementor-button-icon {
  font-size: 25px;
  display: block;
  padding: 0;
  margin: 0;
  height: 25px;
}
.gradient_right_left:before {
  height: 100% !important;
  background: linear-gradient(
    27deg,
    rgba(255, 255, 255, 0) 1%,
    rgba(37, 225, 21, 1) 52%,
    rgba(255, 255, 255, 0) 99%
  );
  border-radius: 20% !important;
  width: 3px;
  left: 0px;
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
}
.gradient_right_left:after {
  height: 100% !important;
  background: linear-gradient(
    27deg,
    rgba(255, 255, 255, 0) 1%,
    rgba(37, 225, 21, 1) 52%,
    rgba(255, 255, 255, 0) 99%
  );
  border-radius: 20% !important;
  width: 3px;
  right: 0px;
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
}
.elementor-sticky {
  width: 100% !important;
}
/* header shrink */
@media only screen and (min-width: 1125px) {
  .shrinker {
    background: transparent;
    height: 90px;
    transition: all 0.3s linear !important;
    -webkit-transition: all 0.3s linear !important;
    -moz-transition: all 0.3s linear !important;
  }

  .shrinker.elementor-sticky--effects {
    background: #fff;
    height: 60px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    box-shadow: 0px 4px 20px 1px rgba(0, 0, 0, 0.4);
    transition: all 0.3s linear !important;
    -webkit-transition: all 0.3s linear !important;
    -moz-transition: all 0.3s linear !important;
  }
  .shrinker .logo_top img,
  .shrinker .logo_top h2 {
    transition: all 0.3s linear !important;
    -webkit-transition: all 0.3s linear !important;
    -moz-transition: all 0.3s linear !important;
  }
  .shrinker.elementor-sticky--effects .logo_top img {
    width: 35px !important;
  }
  .shrinker.elementor-sticky--effects .logo_top h2 {
    font-size: 18px !important;
  }

  .shrinker .elementor-icon-box-content {
    max-width: 90px;

    transition: opacity 0.2s 0.2s linear, max-width 0.2s linear !important;
  }
  .shrinker.elementor-sticky--effects .elementor-icon-box-content {
    opacity: 0;
    max-width: 0;
    overflow: hidden;
    transition: opacity 0.2s linear, max-width 0.2s 0.2s linear !important;
  }
  .shrinker.elementor-sticky--effects .menu-item a {
    font-size: 15px !important;
  }
}
/* ########################################################################################################################### */
/* GAME LIST SHORTCODE */
/* ########################################################################################################################### */
.gamelist_skull_popup {
  display: flex;
  position: fixed;
  flex-direction: column;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: calc(100% - 100px);
  min-width: max-content;
  max-height: calc(100% - 100px);
  min-height: 400px;
  height: 60vh;
  width: max-content;
  background-color: #00000599;
  backdrop-filter: blur(4px);
  border-radius: 8px;
  border: 1px solid #222;
  z-index: 9999;
}

.gamelist_skull_popup_mask {
  display: block;
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background-color: #00000599;
  z-index: 9998;
}

.gamelist_container {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.gamelist {
  overflow-y: scroll;
  height: 100%;
  color: #fff;
  font-size: 18px;
}

/* nice scroll */

.gamelist::-webkit-scrollbar {
  width: 10px;
}

.gamelist::-webkit-scrollbar-track {
  background: #000005;
}

.gamelist::-webkit-scrollbar-thumb {
  background: #1eb414;
}

.gamelist::-webkit-scrollbar-thumb:hover {
  background: #27e41a;
}

.gamelist_skull_single {
  display: flex;
  padding: 5px;
}
a.gamelist_skull_single .gamelist_skull_single_name {
  color: #cdffca !important;
}
a.gamelist_skull_single:hover .gamelist_skull_single_name {
  color: #87ff7e !important;
}

.gamelist_skull_single_image {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

#close_game_list_btn {
  background-color: #1eb414;
  color: white;
  border: none;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 14px 10px;
  cursor: pointer;
  width: calc(100% - 20px);
  transition: all 0.3s ease;
  color: #000005;
  font-weight: 600;
}

#close_game_list_btn:hover {
  background-color: #27e41a;
}
/* ########################################################################################################################### */
/* ___________________________________________________________________________________________________________________________ */
/* ----------------                                     STRONA ZAMÓWIENIA                                     ---------------- */
/* ___________________________________________________________________________________________________________________________ */
/* ########################################################################################################################### */

/* ########################################################################################################################### */
/* CART */
/* ########################################################################################################################### */
/* alerts */
.woocommerce-order:has(.woocommerce-thankyou-order-received) > p {
  color: #fff;
}
.woocommerce-order:has(.woocommerce-thankyou-order-received) > p > a {
  color: #1a980f;
}
.woocommerce-order:has(.woocommerce-thankyou-order-received) > p > a:hover {
  color: #27e41a;
}
.woocommerce_before_cart_content {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  flex: 1 1;
}
.woocommerce_before_cart_content > div,
.woocommerce_before_cart_content > div > div,
.woocommerce_before_cart_content > div > ul {
  width: 100%;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: center;

  gap: 5px;
}
.woocommerce_before_cart_content > div > div.woocommerce-message {
  background-color: #000005;
  color: #1a980f;
  padding: 20px 40px;
  border-radius: 4px;
  border: 1px solid #333;
  position: relative;
}
.woocommerce_before_cart_content > div > div.woocommerce-message::before {
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: max-content;
  height: max-content;
}
.woocommerce_before_cart_content > div > ul.woocommerce-error {
  background-color: #000005;
  color: #9f1413;
  padding: 20px 40px;
  border-radius: 4px;
  border: 1px solid #333;
  position: relative;
}
.woocommerce_before_cart_content > div > ul.woocommerce-error::before {
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: max-content;
  height: max-content;
}
p.woocommerce-thankyou-order-received {
  background-color: #dee2e6;
  color: #000 !important;
  border-radius: 8px;
  border: 1px solid #333;
  padding: 20px 40px;
  border-radius: 4px;
  position: relative;
}
.woocommerce-thankyou-order-details {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: #dee2e6;
  border-radius: 8px;
  border: 1px solid #333;
}
#order_review .shop_table {
  background-color: #dee2e6;
  color: #000;
  border-radius: 8px;
  border: 1px solid #333;
}
#order_review .shop_table th,
#order_review .shop_table td {
  padding: 10px;
  border-bottom: 1px solid #333;
}
#order_review .shop_table th {
  font-weight: 400;
}
#order_review .shop_table td {
  font-weight: 300;
}

/* proper cart */
.cart_table_new_header {
  display: flex;
  justify-content: space-between;
  font-size: 40px;
  font-weight: 400;
  color: #fff;
  padding: 15px 0;
  font-family: "Oxanium", "Ubuntu", sans-serif;
}

.product_list {
  border-top: 1px solid #333;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.single_month_variant,
.single_year_variant {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #070210;
  padding: 15px;
  border-radius: 8px;
  color: #787474;
  position: relative;
  font-size: 24px;
  margin: 0;
  cursor: pointer;
}

.single_month_variant:hover,
.single_year_variant:hover {
  background-color: #1c1c1c;
}

.single_month_variant.checked,
.single_year_variant.checked {
  background-color: #1c1c1c;
  color: #fff;
}
.single_month_variant.block_diffrent_variant,
.single_year_variant.block_diffrent_variant {
  background-color: #070210;
  cursor: not-allowed;
}

.fullsize_label {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
}
.single_month_variant.block_diffrent_variant .fullsize_label,
.single_year_variant.block_diffrent_variant .fullsize_label {
  pointer-events: none;
}
.single_month_variant.block_diffrent_variant .cart_input_radio,
.single_year_variant.block_diffrent_variant .cart_input_radio {
  pointer-events: none;
}

.single_month_variant_name,
.single_year_variant_name {
  display: flex;
  align-items: center;
  font-size: 22px;
}

.single_month_variant .cart_input_radio,
.single_year_variant .cart_input_radio {
  margin-right: 20px;
}

.advetisement {
  color: #1a980f;
  font-size: 20px;
  margin: 10px 5px;
}

.advetisement.month_adv {
  color: #9f1413;
}

.single_month_variant_price,
.single_year_variant_price {
  font-size: 22px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.single_year_variant_price .glow_price {
  color: #1a980f;
}
.single_year_variant_price .glow_price strong {
  font-weight: 400;
  color: #fff;
}

.single_year_variant_price .small {
  font-size: 15px;
  color: #fff;
}

.coupon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: linear-gradient(90deg, #4249d8 0%, #e02181 50%, #dd6915 100%);
  padding: 16px 160px;
  border-radius: 8px;
  margin-top: 30px;
  width: 100%;
  gap: 10px;
}

.coupon .coupon_cont {
  display: flex;
  align-items: center;
}
.coupon .coupon_cont_main {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
}

.coupon label {
  color: #fff;
  font-size: 14px;
  text-align: left;
  align-self: flex-start;
}

.coupon .coupon_cont input {
  flex: 1;
  margin-right: 10px;
  height: 44px;
  width: 340px;
  border-radius: 8px;
  border: none;
}
.coupon .coupon_cont input.error {
  color: red;
}
.coupon .coupon_cont input.success {
  color: green;
}

/* input focus */
.coupon .coupon_cont input:focus {
  outline: none;
}

.coupon .coupon_cont button {
  padding: 12px 24px;
  border-radius: 8px;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  border: none;
}

.coupon .coupon_cont button:hover {
  background-color: #1c1c1c;
  color: #fff;
  opacity: 1;
}

.cart-collaterals {
  margin-top: 20px;
}

.cart_input_radio {
  display: block;
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #070210;
  border: 2px solid #787474;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.cart_input_radio:checked::before {
  content: "";
  width: 10px;
  height: 10px;
  line-height: 0px;
  background-color: #787474;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  padding: 0;
}

.single_month_variant.checked .cart_input_radio,
.single_year_variant.checked .cart_input_radio {
  border: 2px solid #fff;
  background-color: #1c1c1c;
}

.single_month_variant.checked .cart_input_radio::before,
.single_year_variant.checked .cart_input_radio::before {
  background-color: #fff;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* Responsive CSS for cart */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media only screen and (max-width: 890px) {
  .cart_table_new_header {
    font-size: 30px;
  }
  .single_month_variant,
  .single_year_variant {
    font-size: 20px;
  }
  .single_month_variant_name,
  .single_year_variant_name {
    font-size: 18px;
  }
  .single_month_variant .cart_input_radio,
  .single_year_variant .cart_input_radio {
    margin-right: 14px;
  }
  .advetisement {
    font-size: 18px;
    margin: 7px 3px;
  }
  .single_month_variant_price,
  .single_year_variant_price {
    font-size: 18px;
  }
  .single_year_variant_price .small {
    font-size: 12px;
  }
  .coupon {
    padding: 16px 100px;
    border-radius: 8px;
    margin-top: 20px;
  }
  .coupon label {
    font-size: 13px;
  }
  .coupon .coupon_cont input {
    width: 320px;
  }
  .coupon .coupon_cont button {
    padding: 12px 20px;
  }
  .cart_input_radio {
    width: 18px;
    height: 18px;
  }
  .cart_input_radio:checked::before {
    width: 8px;
    height: 8px;
  }
  .single_month_variant_price strong,
  .single_year_variant_price strong {
    font-weight: 400;
  }
}
@media only screen and (max-width: 670px) {
  .cart_table_new_header {
    font-size: 27px;
  }
  .single_month_variant_name,
  .single_year_variant_name {
    font-size: 16px;
  }
  .single_month_variant .cart_input_radio,
  .single_year_variant .cart_input_radio {
    margin-right: 10px;
  }
  .advetisement {
    font-size: 15px;
    margin: 5px 3px;
  }
  .single_month_variant_price,
  .single_year_variant_price {
    font-size: 17px;
  }
  .single_year_variant_price .small {
    font-size: 12px;
  }
  .coupon {
    padding: 15px 60px;
  }
  .coupon label {
    font-size: 14px;
  }
  .coupon .coupon_cont input {
    width: 100%;
  }
  .coupon .coupon_cont button {
    padding: 13px 22px;
  }
  .single_month_variant_price strong,
  .single_year_variant_price strong {
    font-weight: 400;
  }
}
@media only screen and (max-width: 500px) {
  .cart_table_new_header {
    font-size: 24px;
  }
  .product_list {
    gap: ;
  }
  .single_month_variant_name,
  .single_year_variant_name {
    font-size: 13px;
    width: calc(100% - 5px);
    padding: 0px 5px 0px 0px;
  }
  .single_month_variant_name span,
  .single_year_variant_name span {
    width: 100%;
  }
  .single_month_variant .cart_input_radio,
  .single_year_variant .cart_input_radio {
    margin-right: 10px;
  }
  .advetisement {
    font-size: 12px;
    margin: 4px 2px;
  }
  .single_month_variant_price span,
  .single_year_variant_price span {
    justify-content: center;
    font-size: 14px;
    text-align: center;
  }
  .single_month_variant_price strong,
  .single_year_variant_price strong {
    font-weight: 400;
  }
  .single_year_variant_price .small {
    font-size: 10px;
  }
  .coupon {
    padding: 15px 40px;
  }
  .coupon label {
    font-size: 14px;
  }
  .coupon .coupon_cont input {
    width: 100%;
  }
  .coupon .coupon_cont button {
    padding: 13px 8px;
  }
  .single_month_variant_name {
    width: calc(100% - 90px);
  }
  .cart_input_radio {
    width: 18px;
    height: 18px;
  }
  .cart_input_radio:checked::before {
    width: 8px;
    height: 8px;
    right: 0px;
    left: 0px;
    margin: auto;
  }
}

/* ########################################################################################################################### */
/* Checkout  */
/* ########################################################################################################################### */
.main_form_checkout {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.woocommerce-checkout-user-data {
  width: 100%;
  flex: 1 1;
}

.woocommerce-checkout-user-data-update {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: #000005;
  padding: 20px;
  color: #fff;
  border: 1px solid #333;
  border-radius: 8px;
}


.woocommerce-checkout-user-data-update h1 {
  font-size: 22px;
  font-weight: 500;
  margin: 0;
  padding: 0;
}

.woocommerce-checkout-user-data-update p {
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  padding: 0;
}

.woocommerce-checkout-user-data-cont {
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: #fff;
}

.woocommerce-checkout-user-data-update .info_addon_biling_data {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.woocommerce-checkout-user-data-update .biling_data_info_1,
.woocommerce-checkout-user-data-update .biling_data_info_2 {
  font-size: 13px;
  color: #94a3b8;
}

.woocommerce-checkout-user-data-update .biling_data_info_2 a {
  color: #22c55e;
  text-decoration: none;
}

.woocommerce-checkout-user-data-update .biling_data_info_2 a:hover {
  color: #4ade80;
}

.below_billing {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}
.payment_box.payment_method_cashbill_blik_payment,
.payment_box.payment_method_cashbill_paysafecard_payment,
.payment_box.payment_method_cashbill_basic_payment {
  display: none !important;
}
.payment_box.payment_method_ppcp-gateway {
  display: none !important;
}
#payment .wc_payment_methods {
  border-bottom: 0 !important;
}
/* Custom license checkout uses its own pay button in review-order.php — do not hide WCS order-pay / change-payment submit */
.main_form_checkout #payment #place_order {
  display: none !important;
}
.main_form_checkout .woocommerce-checkout-payments {
  width: calc(48% - 10px);
} 

.main_form_checkout .woocommerce-checkout-payments h3 {
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  padding-left: 2px;
}

.main_form_checkout .woocommerce-checkout-review-order {
  width: calc(52% - 10px);
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* Responsive CSS for checkout */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media only screen and (max-width: 890px) {
  .woocommerce-checkout-user-data-update {
    padding: 16px;
  }
  .woocommerce-checkout-user-data-update h1 {
    font-size: 20px;
  }
  .woocommerce-checkout-user-data-update p {
    font-size: 15px;
  }
  .main_form_checkout .woocommerce-checkout-payments h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .main_form_checkout .woocommerce-checkout-payments h3 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 720px) {
  .main_form_checkout .woocommerce-checkout-payments h3 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 500px) {
  .woocommerce-checkout-user-data-update {
    padding: 12px;
  }
  .woocommerce-checkout-user-data-update h1 {
    font-size: 18px;
  }
  .woocommerce-checkout-user-data-update p {
    font-size: 13px;
  }
}

/* ########################################################################################################################### */
/* PAYMENTS  */
/* ########################################################################################################################### */
#payment.woocommerce-checkout-payment {
  background: #00000000;
  border: 1px solid #333;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.woocommerce-checkout-payment .payment_methods > li,
#payment
  .payment_methods.wc_payment_methods
  li.payment_method_woocommerce_payments,
#payment
  .payment_methods.woocommerce-PaymentMethods
  li.payment_method_woocommerce_payments {
  display: flex !important;
  position: relative;
  justify-content: center;
  align-items: flex-start;
  padding: 4px !important;
  border: 1px solid #1f1f1f06;
  background-color: #1f1f1f01;
  border-radius: 5px;
  transition: all 0.1s linear;
  margin: 0 !important;
  margin-bottom: 5px !important;
  margin-top: 5px !important;
  position: relative;
  flex-direction: column;
}

.woocommerce-checkout-payment .payment_methods > li:hover {
  border: 1px solid #333;
  background-color: #ffffff06;
  cursor: pointer;
}

.radio_and_image {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.radio_and_image input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #070210;
  border: 2px solid #787474;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.radio_and_image input[type="radio"]::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #78747400;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
}

.radio_and_image input[type="radio"] {
  border: 2px solid #fff;
}

.radio_and_image input[type="radio"]:checked::before {
  background-color: #fff;
}

.radio_and_image .payment_image {
  flex: 1;
  max-width: 150px;
  max-height: 40px;
  object-fit: contain;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.radio_and_image .payment_image img {
  max-height: 40px;
  max-width: 150px;
}

.woocommerce-checkout-payment .payment_methods .full_click_payment {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  cursor: pointer;
  z-index: 10;
}

.woocommerce-checkout-payment .payment_methods .payment_box {
  z-index: 20 !important;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* Responsive CSS for payments */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media only screen and (max-width: 890px) {
  #payment.woocommerce-checkout-payment {
    font-size: 13px;
  }
  .woocommerce-checkout-payment .payment_methods > li {
    padding: 2px !important;
  }
  .radio_and_image input[type="radio"] {
    width: 18px;
    height: 18px;
  }
  .radio_and_image input[type="radio"]::before {
    width: 8px;
    height: 8px;
  }
  .radio_and_image .payment_image {
    max-width: 110px;
    max-height: 35px;
  }
  .radio_and_image .payment_image img {
    max-height: 35px;
    max-width: 110px;
  }
}
@media only screen and (max-width: 767px) {
  .below_billing {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .below_billing .woocommerce-checkout-payments {
    width: 100%;
  }
  #payment.woocommerce-checkout-payment {
    font-size: 16px;
    padding-bottom: 5px;
  }
  .woocommerce-checkout-payment .payment_methods > li {
    padding: 6px !important;
  }
  .radio_and_image .payment_image {
    max-width: 140px;
    max-height: 50px;
  }
  .radio_and_image .payment_image img {
    max-height: 50px;
    max-width: 140px;
  }
}
@media only screen and (max-width: 500px) {
  #payment.woocommerce-checkout-payment {
    font-size: 14px;
    padding-bottom: 5px;
  }
  .woocommerce-checkout-payment .payment_methods > li {
    padding: 6px !important;
  }
  .radio_and_image .payment_image {
    max-width: 130px;
    max-height: 40px;
  }
  .radio_and_image .payment_image img {
    max-height: 40px;
    max-width: 130px;
  }
}

/* ########################################################################################################################### */
/* Podsumowanie */
/* ########################################################################################################################### */
.cart_totals {
  color: #fff;
  width: 100%;
  font-size: 24px;
}

.cart_totals_cont {
  background-color: #000005;
  padding: 10px 20px;
  border-radius: 8px;
  margin: 0 auto;
  border: 1px solid #333;
}

.cart_totals h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #fff;
}

.cart_totals > h2 {
  padding-left: 2px;
  font-size: 24px;
  font-weight: 400;
}

.cart_totals h3 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #ccc;
}

.cart_totals hr {
  border: 0;
  height: 1px;
  background: #333;
  margin: 10px 0;
}

.cart_totals_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  margin-bottom: 5px;
  text-align: left;
}

.cart_totals_row span {
  color: #fff;
  text-align: left;
  flex: 1 1;
}
.cart_totals_row .coupon_list_used {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
.cart_totals_row .coupon_list_used .single_coupon {
  align-self: flex-start;
}
.cart_totals_row .coupon_list_used .single_coupon .discount {
  color: #1a980f;
  font-weight: 400;
  font-size: 0.9em;
}
.cart_totals_row .coupon_list_used .single_coupon .remove_coupon {
  background-color: #c32222;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 5px 10px;
  margin-left: 5px;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  align-self: start;
}
.cart_totals_row .coupon_list_used .single_coupon .remove_coupon:hover {
  background-color: #901919;
}

.cart_totals_info {
  font-size: 12px;
  color: #fff;
  margin: 3px 0;
  font-weight: 400;
}

.big_price {
  font-size: 32px;
  color: #00ff00;
}

.cart_totals_terms {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.cart_totals_terms input {
  /* nice checkbox */
  display: none;
}

.cart_totals_terms input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  left: -25px;
  top: 4px;
  bottom: 0;
  margin: auto;
}

.cart_totals_terms input[type="checkbox"]:after {
  background-color: #ffffff00;
  content: "";
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.cart_totals_terms input[type="checkbox"]:checked:after {
  background-color: #fff;
}

.cart_totals_terms label {
  font-size: 16px;
  color: #fff;
  font-weight: 300;
  position: relative;
  margin-left: 25px;
  min-height: 40px;
}

.cart_totals_submit {
  text-align: left;
  margin-top: 15px;
  margin-bottom: 15px;
}

.cart_totals_submit .button_pay {
  background-color: #1cab13;
  color: #000005;
  border: none;
  padding: 12px 24px;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 500;
  font-size: 20px;
  align-self: start;
}

.cart_totals_submit .button_pay:hover {
  background-color: #27e41a;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* Responsive CSS for podsumowanie :D */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media only screen and (max-width: 890px) {
  .cart_totals {
    font-size: 20px;
  }
  .cart_totals_cont {
    /* padding: 10px 20px; */
  }
  .cart_totals h2 {
    font-size: 20px;
  }
  .cart_totals > h2 {
    font-size: 20px;
  }
  .cart_totals h3 {
    font-size: 16px;
  }
  .cart_totals_row {
    font-size: 17px;
  }
  .big_price {
    font-size: 28px;
  }
  .cart_totals_terms input[type="checkbox"] {
    width: 18px;
    height: 18px;
    top: 5px;
  }
  .cart_totals_terms label {
    font-size: 15px;
  }
  .cart_totals_submit .button_pay {
    font-size: 19px;
  }
}
@media only screen and (max-width: 767px) {
  .main_form_checkout .woocommerce-checkout-review-order {
    width: 100%;
  }
  .cart_totals {
    font-size: 24px;
  }
  .cart_totals h2 {
    font-size: 24px;
  }
  .cart_totals > h2 {
    font-size: 24px;
  }
  .cart_totals h3 {
    font-size: 20px;
  }
  .cart_totals_row {
    font-size: 18px;
  }
  .big_price {
    font-size: 36px;
  }
  .cart_totals_terms input[type="checkbox"] {
    width: 18px;
    height: 18px;
  }
  .cart_totals_terms label {
    font-size: 18px;
  }
  .cart_totals_submit .button_pay {
    font-size: 22px;
  }
}
@media only screen and (max-width: 500px) {
  .cart_totals {
    font-size: 22px;
  }
  .cart_totals h2 {
    font-size: 20px;
  }
  .cart_totals > h2 {
    font-size: 24px;
  }
  .cart_totals h3 {
    font-size: 18px;
  }
  .cart_totals_row {
    font-size: 14px;
  }
  .big_price {
    font-size: 26px;
  }
  .cart_totals_terms input[type="checkbox"] {
    width: 16px;
    height: 16px;
  }
  .cart_totals_terms label {
    font-size: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
    display: flex;
  }
  .cart_totals_submit {
    display: flex;
    justify-content: center;
  }
  .cart_totals_submit .button_pay {
    font-size: 18px;
    width: 100%;
  }
}

/* ########################################################################################################################### */
/* ___________________________________________________________________________________________________________________________ */
/* ----------------                                        MOJE KONTO                                        ---------------- */
/* ___________________________________________________________________________________________________________________________ */
/* ########################################################################################################################### */

/* ########################################################################################################################### */
/* WOOCOMMERCE DASHBOARD - kokpit main css */
/* ########################################################################################################################### */
.woocommerce_before_edit_content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  flex: 1 1;
}
.woocommerce-MyAccount-navigation {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.woocommerce-MyAccount-navigation ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.woocommerce-MyAccount-navigation ul li a {
  background-color: #495057;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  padding: 12px 20px;
  border-radius: 8px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  transition: all 0.3s linear;
}

.woocommerce-MyAccount-navigation ul li a .menu_account_dot {
  background-color: #1cab13;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: block;
  content: "";
}
.woocommerce-MyAccount-navigation ul li a .menu_account_icon_with_label {
  display: flex;
  align-items: center;
  gap: 10px;
}

.woocommerce-MyAccount-navigation ul li a .menu_account_icon_with_label img {
  width: auto;
  height: 20px;
}
.woocommerce-MyAccount-navigation ul li a:hover {
  background-color: #6b7580;
}

.woocommerce-MyAccount-content {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px;
  font-size: 16px;
  color: #54595e;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.dashboard_single_login_data p.myacc_small {
  font-size: 12px;
  padding-bottom: 10px;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* Responsive CSS for DASHBOARD main css*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media only screen and (max-width: 890px) {
  .elementor-shortcode .woocommerce {
    display: flex;
    justify-content: stretch;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
    padding: 0 20px;
    width: 100%;
  }
  .woocommerce-MyAccount-navigation {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex: 1 1;
    width: 100% !important;
  }
  .woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0px;
    width: 100%;
  }
  .woocommerce-MyAccount-navigation ul li {
  }
  .woocommerce-MyAccount-navigation ul li a {
    font-size: 16px;
    padding: 7px 14px;
  }
  .woocommerce-account .woocommerce-MyAccount-content {
    background-color: #fafafa;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .woocommerce-MyAccount-navigation ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 500px) {
}
/* ########################################################################################################################### */
/*  dashboard data */
/* ########################################################################################################################### */

.dashboard_single_login_data {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 25px;
}
.dashboard_single_login_data_nickname {
  font-size: 24px;
  color: #000;
}
.dashboard_single_login_data_nickname strong {
  font-weight: 500;
}
.dashboard_single_login_data p {
  margin: 0;
  padding: 0;
}
.dashboard_single_login_data p a {
  background-color: #54595e;
  color: #fff;
  padding: 7px 16px;
  border-radius: 8px;
  text-decoration: none;
  margin-left: 10px;
}
.dashboard_single_login_data p a:hover {
  background-color: #6b7580;
}

.dashboard_single_cont {
  background-color: #dee2e6;
  border-radius: 8px;
  padding: 10px 20px;
}
p.dashboard_single_cont {
  margin: 0;
}
p.dashboard_single_cont a {
  color: #000;
  text-decoration: none;
}
p.dashboard_single_cont a:hover {
  color: #333;
}
.dashboard_single_cont:not(p) {
}
.dashboard_single_cont h2 {
  font-size: 20px;
  font-weight: 500;
  color: #000;
}
.dashboard_single_cont .discord_connect {
  background-color: #00000010;
  border-radius: 16px;
  padding: 20px;
  width: max-content;
}
.dashboard_single_cont .discord_connect img {
  width: 170px;
}
.dashboard_single_cont .discord_connect {
  display: flex;
  gap: 5px;
  align-items: center;
  flex-direction: column;
}
.dashboard_single_cont .data_connection {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-direction: column;
  font-size: 16px;
}
.dashboard_single_cont .data_connection a {
  background-color: #000;
  color: #fff;
  padding: 7px 16px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 20px;
  transition: all 0.2s linear;
}
.dashboard_single_cont .data_connection a:hover {
  background-color: #333;
}

.dashboard_single_cont .data_connection button[type="submit"] {
  background-color: #2d0000;
  color: #fff;
  padding: 7px 16px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 15px;
  transition: all 0.2s linear;
  border: 0px;
}
.dashboard_single_cont .data_connection button[type="submit"]:hover {
  background-color: #0a0000;
  color: #fff;
}
.dashboard_single_cont h5 {
  font-size: 16px;
  font-weight: 500;
  padding: 0 0 5px 0;
  color: #000;
  margin: 0;
}
.dashboard_single_cont .info_hwid {
  color: #54595e;
  font-size: 13px;
}
.dashboard_single_cont .info_hwid_id {
  font-size: 16px;
}
.dashboard_single_cont .small-info-dc a{
  color: #000;
}
.dashboard_single_cont .small-info-dc a:hover{
  color: #333;
}
.dashboard_single_cont form input[type="submit"] {
  background-color: #000;
  color: #fff;
  padding: 7px 16px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 20px;
  transition: all 0.2s linear;
  border: 0px;
}
.dashboard_single_cont form input[type="submit"]:hover {
  background-color: #333;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* Responsive CSS for dashboard data */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media only screen and (max-width: 890px) {
  .dashboard_single_login_data {
    margin-bottom: 15px;
  }
  .dashboard_single_login_data_nickname {
    font-size: 20px;
  }
  p.dashboard_single_cont {
    font-size: 16px;
  }
  .dashboard_single_cont {
    background-color: #dadee3;
    padding: 10px 15px;
  }
  .dashboard_single_cont h2 {
    font-size: 18px;
  }
  .dashboard_single_cont .discord_connect img {
    width: 160px;
  }
  .dashboard_single_cont .data_connection a {
    padding: 7px 22px;
    font-size: 17px;
  }
  .dashboard_single_cont h5 {
    font-size: 16px;
  }
  .dashboard_single_cont .info_hwid_id {
    font-size: 12px;
  }
  .dashboard_single_cont form input[type="submit"] {
    font-size: 17px;
  }
}
@media only screen and (max-width: 767px) {
  .dashboard_single_login_data {
    margin-bottom: 10px;
  }
  p.dashboard_single_cont {
    font-size: 14px;
  }
  .dashboard_single_login_data_nickname {
    font-size: 16px;
  }
  .dashboard_single_cont h2 {
    font-size: 18px;
  }
  .dashboard_single_cont .discord_connect img {
    width: 140px;
  }
}
@media only screen and (max-width: 500px) {
  p.dashboard_single_cont {
    font-size: 13px;
  }
  .dashboard_single_login_data {
    margin-bottom: 5px;
  }
}

/* ########################################################################################################################### */
/* Dashboard - orders and subsciptions */
/* ########################################################################################################################### */
/* nice table css */
.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 10px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 0px 1px #33333390;
  background-color: #dee2e6;
  color: #000;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table thead {
  background-color: #000;
  color: #fff;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table thead th {
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
}
.woocommerce
  .woocommerce-MyAccount-content
  .woocommerce-orders-table
  tbody
  tr:not(:last-child) {
  border-bottom: 1px solid #33333390;
}
.woocommerce
  .woocommerce-MyAccount-content
  .woocommerce-orders-table
  tbody
  tr:last-child {
  border-bottom: 0;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody td {
  padding: 10px;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
}
.woocommerce
  .woocommerce-MyAccount-content
  .woocommerce-orders-table
  tbody
  td
  a,
.woocommerce
  .woocommerce-MyAccount-content
  .woocommerce-orders-table
  tbody
  th
  a {
  background-color: #000;
  color: #fff;
  padding: 5px 10px;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.1s linear;
}
.woocommerce
  .woocommerce-MyAccount-content
  .woocommerce-orders-table
  tbody
  td
  a:hover,
.woocommerce
  .woocommerce-MyAccount-content
  .woocommerce-orders-table
  tbody
  th
  a:hover {
  background-color: #333;
}
.woocommerce-order-details {
  background-color: #dee2e6;
  border-radius: 8px;
  padding: 20px;
  font-size: 16px;
  color: #000;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.woocommerce-order-details h2 {
  font-size: 24px;
  font-weight: 500;
  color: #000;
}
/* nice table css */
.woocommerce-order-details table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 10px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 0px 1px #33333390;
  background-color: #dee2e6;
  color: #000;
}
.woocommerce-order-details table thead {
  background-color: #000;
  color: #fff;
}
.woocommerce-order-details table thead th {
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
}
.woocommerce-order-details table tbody tr:not(:last-child) {
  border-bottom: 1px solid #33333390;
}
.woocommerce-order-details table tbody tr:last-child {
  border-bottom: 0;
}
.woocommerce-order-details table tbody td {
  padding: 10px;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
}
.woocommerce-order-details table tbody td a,
.woocommerce-order-details table tbody th a {
  background-color: #000;
  color: #fff;
  padding: 5px 10px;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.1s linear;
}
.woocommerce-order-details table tbody td a:hover,
.woocommerce-order-details table tbody th a:hover {
  background-color: #333;
}
.woocommerce-order-details table tbody td .product-quantity {
}
.woocommerce-order-details table tbody td ul {
  padding: 0;
}
.woocommerce-order-details header h2,
.woocommerce-MyAccount-content header h2 {
  font-size: 24px;
  font-weight: 500;
  color: #000;
}
.woocommerce-order-details .order-again a {
  background-color: #000;
  color: #fff;
  padding: 7px 16px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 16px;
  transition: all 0.1s linear;
}
.woocommerce-order-details .order-again a:hover {
  background-color: #333;
  color: #fff;
}
.woocommerce-customer-details {
  background-color: #dee2e6;
  border-radius: 8px;
  padding: 20px;
  font-size: 16px;
  color: #000;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.woocommerce-customer-details h2 {
  font-size: 24px;
  font-weight: 500;
  color: #000;
}
.woocommerce .woocommerce-customer-details address {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 16px;
  background-color: #d0d4d8;
  border: 1px solid #33333315;
  box-shadow: 0;
}
.woocommerce-MyAccount-content table.shop_table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 10px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 0px 1px #33333390;
  background-color: #dee2e6;
  color: #000;
}
.woocommerce-MyAccount-content table.shop_table thead {
  background-color: #000;
  color: #fff;
}
.woocommerce-MyAccount-content table.shop_table thead th {
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
}
.woocommerce-MyAccount-content table.shop_table tbody tr:not(:last-child) {
  border-bottom: 1px solid #33333390;
}
.woocommerce-MyAccount-content table.shop_table tbody tr:last-child {
  border-bottom: 0;
}
.woocommerce-MyAccount-content table.shop_table tbody td {
  padding: 10px;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
}
.woocommerce-MyAccount-content
  table.shop_table
  tbody
  td
  a:not(.subscription-auto-renew-toggle),
.woocommerce-MyAccount-content
  table.shop_table
  tbody
  th
  a:not(.subscription-auto-renew-toggle) {
  background-color: #000;
  color: #fff;
  padding: 5px 10px;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.1s linear;
}
.woocommerce-MyAccount-content table.shop_table tbody td ul {
  padding: 0;
}
.woocommerce-MyAccount-content
  table.shop_table
  tbody
  td
  a:not(.subscription-auto-renew-toggle):hover,
.woocommerce-MyAccount-content
  table.shop_table
  tbody
  th
  a:not(.subscription-auto-renew-toggle):hover {
  background-color: #333;
  color: #fff;
}
.woocommerce-MyAccount-content > h2 {
  font-size: 24px;
  font-weight: 500;
  color: #000;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* Responsive CSS for  */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media only screen and (max-width: 890px) {
}
@media only screen and (max-width: 767px) {
  .woocommerce-MyAccount-content table.shop_table tbody {
    border: 0px;
  }
  .woocommerce-MyAccount-content table.shop_table tr {
    margin: 5px;
    margin-bottom: 10px;
    border: 1px solid #33333340 !important;
  }
  .woocommerce-MyAccount-content table.shop_table td {
    border: 0px;
  }
  .woocommerce-MyAccount-content table.shop_table tbody td:last-child {
    text-align: center !important;
  }
  .woocommerce-MyAccount-content table.shop_table td:not(:last-child) {
    border-bottom: 1px solid #33333310;
  }
}
@media only screen and (max-width: 500px) {
}

/* ########################################################################################################################### */
/* Dashboard - adresses */
/* ########################################################################################################################### */

.woocommerce-MyAccount-content .woocommerce-Addresses {
  /*display: flex;
  flex-direction: row;*/
}
.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
  gap: 10px;
  background: rgba(12, 16, 30, 0.58);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 24px;
  font-size: 16px;
  color: #cbd5e1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address {
  color: #d1d5db;
  font-style: normal;
  line-height: 1.5;
}
.woocommerce-MyAccount-content
  .woocommerce-Addresses
  .woocommerce-Address
  header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 5px;
}
.woocommerce-MyAccount-content
  .woocommerce-Addresses
  .woocommerce-Address
  header
  h2 {
  font-size: 24px;
  font-weight: 700;
  color: #f8fafc;
  align-self: flex-start;
  margin: 0;
}
.woocommerce-MyAccount-content
  .woocommerce-Addresses
  .woocommerce-Address
  header
  a {
  background: linear-gradient(180deg, #34e27a 0%, #22c55e 55%, #169247 100%);
  color: #04100a;
  padding: 8px 14px;
  border-radius: 10px;
  border: 1px solid rgba(74, 222, 128, 0.5);
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  transition: all 0.15s ease;
  text-align: center;
  align-self: flex-start;
}
.woocommerce-MyAccount-content
  .woocommerce-Addresses
  .woocommerce-Address
  header
  a:hover {
  filter: brightness(1.06);
  color: #04100a;
}
.woocommerce-MyAccount-content
  .woocommerce-address-fields
  button[type="submit"] {
  background-color: #000;
  color: #fff;
  padding: 7px 16px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 16px;
  transition: all 0.1s linear;
  border: 0px;
}
.woocommerce-MyAccount-content > form > h2 {
  font-size: 24px;
  font-weight: 500;
  color: #000;
}
.woocommerce-MyAccount-content
  .woocommerce-address-fields
  button[type="submit"]:hover {
  background-color: #333;
  color: #fff;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* Responsive CSS for  */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media only screen and (max-width: 890px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 500px) {
}

/* ########################################################################################################################### */
/*  Dashboard - Account details */
/* ########################################################################################################################### */
/* nice form css */
.woocommerce-MyAccount-content .woocommerce-EditAccountForm {
  gap: 5px;
  background-color: #dee2e6;
  border-radius: 8px;
  padding: 20px;
  font-size: 16px;
  color: #000;
  display: flex;
  flex-direction: column;
}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm h2 {
  font-size: 24px;
  font-weight: 500;
  color: #000;
}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm p {
  margin: 0;
  padding: 0;
}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm label span {
  font-size: 16px;
  font-weight: 500;
  color: #838383;
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm input[type="text"],
.woocommerce-MyAccount-content .woocommerce-EditAccountForm input[type="email"],
.woocommerce-MyAccount-content
  .woocommerce-EditAccountForm
  input[type="password"] {
  background-color: #fff;
  color: #000;
  padding: 6px 12px;
  border-radius: 4px;
  border: 1px solid #33333355;
  font-size: 17px;
  font-weight: 400;
  transition: all 0.1s linear;
}
.woocommerce-MyAccount-content
  .woocommerce-EditAccountForm
  input[type="text"]:focus,
.woocommerce-MyAccount-content
  .woocommerce-EditAccountForm
  input[type="email"]:focus,
.woocommerce-MyAccount-content
  .woocommerce-EditAccountForm
  input[type="password"]:focus {
  border: 1px solid #333333b9;
}
.sw-account-root .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account input[type="password"],
.sw-account-root .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account input[type="text"],
.sw-account-root .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account input[type="email"] {
  background-color: #fff;
  color: #000;
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  box-shadow: 0 0 0 1000px #fff inset;
}
.sw-account-root .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account input[type="password"]:focus,
.sw-account-root .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account input[type="text"]:focus,
.sw-account-root .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account input[type="email"]:focus {
  border: 1px solid #333333b9;
}

.sw-account-root .nsl-container.nsl-container-block {
    width: 100%;
    display: flex;
}

.sw-account-root .nsl-container.nsl-container-block .nsl-container-buttons{
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10px; 
}
.sw-account-root .nsl-container.nsl-container-block .nsl-container-buttons a{
    width: max-content;
    flex-grow: 0;
}
.sw-account-root .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account .show-password-input {
  color: #000;
}
.sw-account-root .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account .show-password-input i,
.sw-account-root .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account .show-password-input svg {
  color: #000;
  fill: currentColor;
}
.woocommerce-MyAccount-content
  .woocommerce-EditAccountForm
  button[type="submit"] {
  background-color: #000;
  color: #fff;
  padding: 7px 16px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 16px;
  transition: all 0.1s linear;
  border: 0px;
}
.woocommerce-MyAccount-content
  .woocommerce-EditAccountForm
  button[type="submit"]:hover {
  background-color: #333;
  color: #fff;
}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 16px;
  background-color: #d0d4d8;
  border: 1px solid #33333315;
  margin-top: 10px;
}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset legend {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  padding: 0 10px;
}
.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* Responsive CSS for  */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media only screen and (max-width: 890px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 500px) {
}
/* ########################################################################################################################### */
/*  Dashboard - Payments methods */
/* ########################################################################################################################### */
.woocommerce .woocommerce-MyAccount-content .payment_methods_btn {
  background-color: #000;
  color: #fff;
  padding: 10px 25px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 16px;
  transition: all 0.1s linear;
  width: max-content;
  border: 0px;
}
.woocommerce .woocommerce-MyAccount-content .payment_methods_btn:hover {
  background-color: #333;
  color: #fff;
}
.woocommerce
  .woocommerce-MyAccount-content
  #add_payment_method
  .woocommerce-Payment
  .woocommerce-PaymentMethods {
  gap: 10px;
  display: flex;
  flex-direction: column;
  color: #000;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
  background-color: #000005;
  color: #fff;
  border-radius: 4px;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
  border-bottom-color: #d0d4d8;
}
.woocommerce
  .woocommerce-MyAccount-content
  #add_payment_method
  .woocommerce-Payment
  .woocommerce-PaymentMethods
  fieldset {
  background-color: #000000f9;
  border: 1px solid #333333;
  border-radius: 8px;
}
.woocommerce
  .woocommerce-MyAccount-content
  #add_payment_method
  .woocommerce-Payment
  .woocommerce-PaymentMethods
  fieldset
  .StripeElement {
  margin: 20px 10px;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* Responsive CSS for  */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media only screen and (max-width: 890px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 500px) {
}

/* ########################################################################################################################### */
/* Dashboard - LOGIN AND REGISTER FORMS */
/* ########################################################################################################################### */
.woocommerce #customer_login {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
}
.woocommerce #customer_login > div {
  background-color: #000;
  border: 1px solid #333;
  color: #fff;
  border-radius: 8px;
  padding: 20px;
  margin: 20px;
}
.woocommerce #customer_login > div:nth-child(2) {
  background-color: #00000000;
}
.woocommerce #customer_login > div > h2 {
  font-size: 40px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  font-family: "Oxanium", "Ubuntu", sans-serif;
}
.woocommerce #customer_login > div > form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: 0px;
  padding: 0;
}
.woocommerce #customer_login > div > form p label {
  font-size: 16px;
  font-weight: 400;
}
.woocommerce #customer_login button {
  background-color: #1eb414;
  border-radius: 8px;
  padding: 12px 24px;
  color: #000;
  margin: 0;
}
.woocommerce #customer_login button:hover {
  background-color: #27e41a;
}
.woocommerce #customer_login > div > form .form-row {
  display: flex;
  flex-direction: column;
}
.woocommerce
  #customer_login
  > div
  > form
  .form-row
  .woocommerce-form-login__rememberme {
  margin-left: 25px;
  position: relative;
  min-height: 30px;
  margin-bottom: 5px;
}
.woocommerce
  #customer_login
  > div
  > form
  .form-row
  .woocommerce-form-login__rememberme
  input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  left: -25px;
  top: 0px;
  bottom: 0;
  margin: auto;
}

.woocommerce
  #customer_login
  > div
  > form
  .form-row
  .woocommerce-form-login__rememberme
  input[type="checkbox"]:after {
  background-color: #ffffff00;
  content: "";
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.woocommerce
  #customer_login
  > div
  > form
  .form-row
  .woocommerce-form-login__rememberme
  input[type="checkbox"]:checked:after {
  background-color: #fff;
}
.woocommerce #customer_login > div > form .woocommerce-LostPassword a {
  color: #fff;
  font-weight: 500;
}
.woocommerce #customer_login > div > form .woocommerce-LostPassword a:hover {
  color: #1eb414;
}
.woocommerce .woocommerce-notices-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.woocommerce .woocommerce-error {
  width: calc(100% - 20px);
  align-self: center;
}
.woocommerce #customer_login .mo-openid-app-icons{
            margin: 5px auto;
            display: flex !important;
            justify-content: center;
            gap: 5px;
}
.woocommerce #customer_login .mo-openid-app-icons p{
  color: #fff !important;
}

/* ======== */
/* Reset Password */
/* ======== */
.woocommerce:has(.woocommerce-ResetPassword) {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.woocommerce .woocommerce-ResetPassword {
  background-color: #000;
  border: 1px solid #333;
  color: #fff;
  border-radius: 8px;
  padding: 25px;
  width: 60%;
  align-self: center;
}
.woocommerce .woocommerce-ResetPassword > p:first-child {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}
.woocommerce .woocommerce-ResetPassword > p:nth-child(2) {
  width: 100%;
}
.woocommerce .woocommerce-ResetPassword button[type="submit"] {
  background-color: #1eb414;
  border-radius: 8px;
  padding: 12px 24px;
  color: #000;
  margin: 0;
  width: 100%;
}
.woocommerce .woocommerce-ResetPassword button[type="submit"]:hover {
  background-color: #27e41a;
}

.woocommerce .woocommerce-ResetPassword .form-row-last {
  width: 100%;
  margin-bottom: 15px;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* Responsive CSS for  */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media only screen and (max-width: 890px) {
  .woocommerce #customer_login {
    flex-direction: column;
    gap: 20px;
  }
  .woocommerce #customer_login > div {
    width: 80%;
    align-self: center;
  }
  .woocommerce .woocommerce-ResetPassword {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .woocommerce #customer_login > div {
    width: 90%;
  }
  .woocommerce .woocommerce-ResetPassword {
    width: 100%;
  }
}
@media only screen and (max-width: 500px) {
  .woocommerce #customer_login > div {
    width: 100%;
  }
}

/* ########################################################################################################################### */
/*  AFFILATE */

.wcu-form-section,
.wcu-form-section p {
  color: #fff !important;
}
.wcu-dash-coupon-area .wcusage-info-box,
.ml_wcutabcontent .wcusage-info-box {
  background: #ffffff50;
  backdrop-filter: blur(4px);
  border: #333333f9 !important;
  border-radius: 12px;
  box-shadow: none !important;
  transition: all 0.1s linear;
}
.wcu-dash-coupon-area .wcusage-info-box:hover,
.ml_wcutabcontent .wcusage-info-box:hover {
  background-color: #ffffff58;
}
.wcu-dash-coupon-area .wcusagechart {
  background: #ffffff50;
  backdrop-filter: blur(4px);
  border: #333333f9 !important;
  border-radius: 12px;
  box-shadow: none !important;
  transition: all 0.1s linear;
}
.wcu-dash-coupon-area .wcusagechart svg g rect,
.ml_wcutabcontent .wcusagechart svg g rect {
  fill: #ffffff00;
  stroke: #fff;
}
.wcu-dash-coupon-area .wcusagechart svg g text,
.ml_wcutabcontent .wcusagechart svg g text {
  fill: #fff !important;
  stroke: #fff00000 !important;
}
.wcu-dash-coupon-area .wcusagechart svg g line,
.ml_wcutabcontent .wcusagechart svg g line {
  stroke: #ffffff40 !important;
}
.wcu-dash-coupon-area .wcusagechart svg g path,
.ml_wcutabcontent .wcusagechart svg g path {
  stroke: #fff !important;
}

.wcu-dash-coupon-area .wcusagechart svg g circle,
.ml_wcutabcontent .wcusagechart svg g circle {
  stroke: #fff !important;
}

.wcu-dash-coupon-area table{
  background: #ffffff00 !important;
  box-shadow: none !important;
  color: #000;
  border: 0 !important;
  border-radius: 8px !important;
  overflow: hidden;
}

.wcu-dash-coupon-area table thead {
  background: #ffffff00 !important;
  box-shadow: none !important;
  color: #000;
}
.wcu-dash-coupon-area table thead th {
  background: #ffffff00 !important;
  box-shadow: none !important;
  color: #000;
  border: 0 !important;
}

.wcu-dash-coupon-area table tr {
  background: #ffffff50 !important;
  box-shadow: none !important;
  color: #000;
  border: 0 !important;
}

.wcu-dash-coupon-area table tbody,
.wcu-dash-coupon-area table tfoot{
  background: #ffffff00 !important;
  box-shadow: none !important;
  color: #000;
}

.wcu-dash-coupon-area table tbody tr{
  background: #ffffff50 !important;
  box-shadow: none !important;
  color: #000;
}
.wcu-dash-coupon-area table tbody td{
  background: #ffffff00 !important;
  box-shadow: none !important;
  color: #000 !important;
  border: 0 !important;
}
.wcu-dash-coupon-area table tbody td a {
  color: #1eb414 !important;
  text-decoration: none;
  transition: all 0.1s linear;
}
.wcu-dash-coupon-area table tbody td a:hover {
  color: #27e41a !important;
}
.wcu-dash-coupon-area table span{
  color: #000;
}
.wcu-dash-coupon-area table span{
  color: #000;
}

.wcu-dash-coupon-area table tfoot td,
.ml_wcutabcontent table tfoot td {
  background: #ffffff00 !important;
  box-shadow: none !important;
  color: #000 !important;
  border: 0 !important;
}
.wcu-dash-coupon-area .referral-url-box,
.ml_wcutabcontent .referral-url-box {
  background: #ffffff50;
  backdrop-filter: blur(4px);
  border: #333333f9 !important;
  border-radius: 12px;
  box-shadow: none !important;
  transition: all 0.1s linear;
}
.wcu-dash-coupon-area .referral-url-box {
  background: #ffffff50;
  color: #fff;
  backdrop-filter: blur(4px);
  border: #333333f9 !important;
  border-radius: 12px;
  box-shadow: none !important;
  transition: all 0.1s linear;
}
.wcu-dash-coupon-area .referral-url-box p,
.wcu-dash-coupon-area .referral-url-box p strong,
.wcu-dash-coupon-area .referral-url-box p code,
.ml_wcutabcontent .referral-url-box p,
.ml_wcutabcontent .referral-url-box p strong,
.ml_wcutabcontent .referral-url-box p code {
  color: #fff !important;
}

.wcu-dash-coupon-area .referral-url-box p code,
.ml_wcutabcontent .referral-url-box p code {
  background: #00000050 !important;
  border-radius: 8px;
  padding: 5px 15px !important;
}
.wcu-dash-coupon-area .referral-url-box button,
.wcu-dash-coupon-area #wcusage_copylink,
.ml_wcutabcontent .referral-url-box button,
.ml_wcutabcontent #wcusage_copylink {
  color: #000 !important;
  font-weight: 800 !important;
  background-color: #1eb414 !important;
  text-shadow: none !important;
  border: #1eb414 !important;
}

.wcu-dash-coupon-area .referral-url-box button:hover,
.wcu-dash-coupon-area #wcusage_copylink:hover,
.ml_wcutabcontent .referral-url-box button:hover,
.ml_wcutabcontent #wcusage_copylink:hover {
  background-color: #27e41a !important;
  color: #000 !important;
}

.wcu-dash-coupon-area #wcusage_button_share i,
.ml_wcutabcontent #wcusage_button_share i {
  color: #fff !important;
  transition: all 0.1s linear;
}
.wcu-dash-coupon-area #wcusage_button_share i:hover,
.ml_wcutabcontent #wcusage_button_share i:hover {
  color: #ffffff99 !important;
}
.wcu-dash-coupon-area .wcu-tab-title,
.ml_wcutabcontent .wcu-tab-title {
  color: #fff;
  font-size: 1.5em !important;
  font-weight: 600;
}
.wcu-dash-coupon-area p strong,
.ml_wcutabcontent p strong {
  color: #fff;
}
.wcu-dash-coupon-area a.wcusage-clicks-prev-page,
.wcu-dash-coupon-area a.wcusage-clicks-next-page,
.ml_wcutabcontent a.wcusage-clicks-prev-page,
.ml_wcutabcontent a.wcusage-clicks-next-page {
  color: #1eb414;
  font-weight: 800;
  font-size: 1.2em;
}
.wcu-dash-coupon-area .wcu-clicks-pagination p,
.ml_wcutabcontent .wcu-clicks-pagination p {
  color: #ffffff99;
}

.wcu-dash-coupon-area p.wcusage-subheader.wcusage-title-referral-stats,
.ml_wcutabcontent p.wcusage-subheader.wcusage-title-referral-stats {
  color: #fff;
}

.wcu-dash-coupon-area p#wcu-recent-clicks-section,
.ml_wcutabcontent p#wcu-recent-clicks-section {
  color: #fff;
}

.wcu-dash-coupon-area p label,
.ml_wcutabcontent p label {
  color: #fff;
}

.wcu-dash-coupon-area .wcuOrdersStatuses,
.wcu-dash-coupon-area .wcuOrdersStatuses i:before,
.ml_wcutabcontent .wcuOrdersStatuses,
.ml_wcutabcontent .wcuOrdersStatuses i:before {
  color: #fff;
}

.wcu-dash-coupon-area form, .ml_wcutabcontent form {
  color: #fff;
}

.wcu-dash-coupon-area div#wcu5 {
  color: #fff;
}
.wcusage-product-bonuses .wcusage-bonuses-wrapper .wcusage-reward-box ,
.ml_wcutabcontent .wcusage-product-bonuses .wcusage-bonuses-wrapper .wcusage-reward-box {
  background: #ffffff50;
  backdrop-filter: blur(4px);
  border: #333333f9 !important;
  border-radius: 12px;
  box-shadow: none !important;
  transition: all 0.1s linear;
  color: #fff;
}
.wcusage-product-bonuses
  .wcusage-bonuses-wrapper
  .wcusage-reward-box
  .wcusage-reward-text,
.ml_wcutabcontent .wcusage-product-bonuses .wcusage-bonuses-wrapper .wcusage-reward-box .wcusage-reward-text {
  box-shadow: none !important;
  text-shadow: none !important;
  color: #25e115;
  background: #27e41a00;
  font-weight: 700;
  font-size: 1.2em;
}
.wcusage-product-bonuses
  .wcusage-bonuses-wrapper
  .wcusage-reward-box
  .wcusage-progress-bar,
.ml_wcutabcontent .wcusage-product-bonuses .wcusage-bonuses-wrapper .wcusage-reward-box .wcusage-progress-bar {
  color: #000;
  text-shadow: none !important;
}
.wcu-dash-coupon-area .wcu-creatives-text,
.ml_wcutabcontent .wcu-creatives-text {
  color: #fff;
  font-size: 1.2em;
}
.creatives-box.creatives-box-type-image,
.ml_wcutabcontent .creatives-box.creatives-box-type-image {
  box-shadow: none !important;
}
.wcu-dash-coupon-area .payouts-box,
.ml_wcutabcontent .payouts-box {
  background: #ffffff50;
  color: #fff;
}
.wcu-dash-coupon-area .payouts-box,
.ml_wcutabcontent .payouts-box p {
  color: #fff !important;
}
#media_link_href {
  background-color: #1eb414;
  font-weight: 600;
  padding: 5px 15px;
  color: #0a0317;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #1eb414;
  border-radius: 10px 10px 10px 10px;
}
#media_link_href:hover {
  background-color: #27e41a;
  border-color: #1eb414;
}
.wcu-dash-coupon-area .creatives-box,
.ml_wcutabcontent .creatives-box {
  background: #ffffff10;
  border: 1px solid #333;
  color: #fff;
}
.wcu-dash-coupon-area .creatives-box p,
.ml_wcutabcontent .creatives-box p {
  color: #fff !important;
}
.wcu-dash-coupon-area .creatives-box .creatives-box-image,
.ml_wcutabcontent .creatives-box .creatives-box-image {
  background: #ffffff10 !important;
  backdrop-filter: blur(2px);
  border: 1px solid #333;
  border-radius: 15px;
}
.wcu-dash-coupon-area .creatives-box button ,
.ml_wcutabcontent .creatives-box button {
  background-color: #1eb414 !important;
  font-weight: 600 !important;
  padding: 5px 15px !important;
  color: #0a0317 !important;
  border-style: solid !important;
  border-width: 1px 1px 1px 1px !important;
  border-color: #1eb414 !important;
  border-radius: 10px 10px 10px 10px !important;
  text-shadow: none;
}
.wcu-dash-coupon-area .creatives-box button:hover,
.ml_wcutabcontent .creatives-box button:hover {
  color: #0a0317 !important;
  background-color: #27e41a !important;
  border-color: #1eb414 !important;
}
.wcu-dash-coupon-area .creatives-box input,
.ml_wcutabcontent .creatives-box input {
  background: #ffffff20;
  border: 1px solid #333;
  border-radius: 5px;
  color: #e4e4e4b9;
}
#lightbox .lb-outerContainer {
  background-color: #ffffff20;
  backdrop-filter: blur(8px);
  border: 2px solid #ffffff60;
  border-radius: 14px;
}
#lightbox .lb-outerContainer img {
  border: none;
}

.wcu-dash-coupon-area #submitpayoutyes,
.ml_wcutabcontent #submitpayoutyes {
  background-color: #1eb414 !important;
  font-weight: 600 !important;
  padding: 5px 15px !important;
  color: #0a0317 !important;
  border-style: solid !important;
  border-width: 1px 1px 1px 1px !important;
  border-color: #1eb414 !important;
  border-radius: 10px 10px 10px 10px !important;
  text-shadow: none;
}
.wcu-dash-coupon-area #submitpayoutyes:hover,
.ml_wcutabcontent #submitpayoutyes:hover {
  background-color: #27e41a !important;
  color: #0a0317 !important;
  border-color: #1eb414 !important;
}
.wcu-dash-coupon-area .wcusage_settings_form input[type="text"],
.wcu-dash-coupon-area .wcu_paypal_email_form input[type="text"],
.ml_wcutabcontent .wcusage_settings_form input[type="text"],
.ml_wcutabcontent .wcu_paypal_email_form input[type="text"] {
  background: #ffffff20;
  border: 1px solid #333;
  border-radius: 5px;
  color: #fff;
}
.wcu-dash-coupon-area
  .wcusage_settings_form
  button#wcu-email-settings-update-button,
.wcu-dash-coupon-area .wcu_paypal_email_form button#wcu-paypal-button,
.ml_wcutabcontent .wcusage_settings_form button#wcu-email-settings-update-button,
.ml_wcutabcontent .wcu_paypal_email_form button#wcu-paypal-button {
  background: #1eb414 !important;
  font-weight: 600 !important;
  padding: 5px 15px !important;
  color: #0a0317 !important;
  border-style: solid !important;
  border-width: 1px 1px 1px 1px !important;
  border-color: #1eb414 !important;
  border-radius: 10px 10px 10px 10px !important;
  text-shadow: none;
}
.wcu-dash-coupon-area
  .wcusage_settings_form
  button#wcu-email-settings-update-button:hover,
.wcu-dash-coupon-area .wcu_paypal_email_form button#wcu-paypal-button:hover,
.ml_wcutabcontent .wcusage_settings_form button#wcu-email-settings-update-button:hover,
.ml_wcutabcontent .wcu_paypal_email_form button#wcu-paypal-button:hover {
  background: #27e41a !important;
  color: #0a0317 !important;
  border-color: #1eb414 !important;
}
.wcu-user-coupon-list-group .wcu-user-coupon-list,
.wcu-user-coupon-list,
.ml_wcutabcontent .wcu-user-coupon-list-group .wcu-user-coupon-list,
.ml_wcutabcontent .wcu-user-coupon-list {
  background: #ffffff20;
  backdrop-filter: blur(2px);
  border: 1px solid #333;
  box-shadow: none;
}
.wcu-user-coupon-list-group .wcu-user-coupon-list h3,
.wcu-user-coupon-list h3,
.ml_wcutabcontent .wcu-user-coupon-list-group .wcu-user-coupon-list h3,
.ml_wcutabcontent .wcu-user-coupon-list h3 {
  color: #fff;
}
.wcu-user-coupon-list-group .wcu-user-coupon-list .wcu-coupon-list-button,
.wcu-user-coupon-list .wcu-coupon-list-button,
.ml_wcutabcontent .wcu-user-coupon-list-group .wcu-user-coupon-list .wcu-coupon-list-button,
.ml_wcutabcontent .wcu-user-coupon-list .wcu-coupon-list-button{
  background: #1eb414 !important;
  color: #0a0317 !important;
  border: 1px solid #1eb414;
  border-radius: 5px;
  padding: 5px 15px;
  font-weight: 600;
  text-shadow: none;
}
.wcu-user-coupon-list-group
  .wcu-user-coupon-list
  .wcu-coupon-list-button:hover,
  .wcu-user-coupon-list
  .wcu-coupon-list-button:hover,
.ml_wcutabcontent .wcu-user-coupon-list-group
  .wcu-user-coupon-list
  .wcu-coupon-list-button:hover,
  .ml_wcutabcontent .wcu-user-coupon-list
  .wcu-coupon-list-button:hover {
  background: #27e41a !important;
  color: #0a0317 !important;
  border: 1px solid #1eb414;
}

.wcu-user-coupon-list-group .wcu-user-coupon-list,
.wcu-user-coupon-list,
.ml_wcutabcontent .wcu-user-coupon-list-group .wcu-user-coupon-list,
.ml_wcutabcontent .wcu-user-coupon-list {
  background: #ffffff20;
  backdrop-filter: blur(2px);
  border: 1px solid #333;
  box-shadow: none;
}
.wcu-user-coupon-list-group .wcu-user-coupon-list h3,
.wcu-user-coupon-list h3,
.ml_wcutabcontent .wcu-user-coupon-list-group .wcu-user-coupon-list h3,
.ml_wcutabcontent .wcu-user-coupon-list h3 {
  color: #fff;
}
.wcu-user-coupon-list-group .wcu-user-coupon-list .wcu-coupon-list-button,
.wcu-user-coupon-list .wcu-coupon-list-button,
.ml_wcutabcontent .wcu-user-coupon-list-group .wcu-user-coupon-list .wcu-coupon-list-button,
.ml_wcutabcontent .wcu-user-coupon-list .wcu-coupon-list-button{
  background: #1eb414 !important;
  color: #0a0317 !important;
  border: 1px solid #1eb414;
  border-radius: 5px;
  padding: 5px 15px;
  font-weight: 600;
  text-shadow: none;
}

.wcu-user-coupon-list-group
  .wcu-user-coupon-list
  .wcu-coupon-list-button:hover,
  .wcu-user-coupon-list
  .wcu-coupon-list-button:hover {
  background: #27e41a !important;
  color: #0a0317 !important;
  border: 1px solid #1eb414;
}
#mla_chart_div .google-visualization-orgchart-table{
  width: 100%;
  margin: 0;
}
#mla_chart_div .google-visualization-orgchart-table tbody{
    width: 100%;
   display: flex; 
  height: max-content;
}
#mla_chart_div .google-visualization-orgchart-table tbody tr{
  height: max-content;
}
#mla_chart_div .google-visualization-orgchart-table tbody tr td.google-visualization-orgchart-node{
   background: #ffffff20 !important;
  backdrop-filter: blur(2px) !important;
  border: 1px solid #333 !important;
  border-radius: 0px !important;
  box-shadow: none !important;
}
#mla_chart_div .google-visualization-orgchart-table tbody tr:has(td.google-visualization-orgchart-linenode.google-visualization-orgchart-lineleft){
  display: none;
}
#mla_chart_div .google-visualization-orgchart-linenode{
  display: none !important;
}
#mla_chart_div .google-visualization-orgchart-table tbody .wcu-coupon-list-button.wcu-mla-network-button{
  background: #1eb414 !important;
  color: #0a0317 !important;
  border: 1px solid #1eb414; 
  border-radius: 5px;
  padding: 5px 15px;
  font-weight: 600;
  text-shadow: none;
}
#mla_chart_div .google-visualization-orgchart-table tbody .wcu-coupon-list-button.wcu-mla-network-button:hover{
  background: #27e41a !important;
  color: #0a0317 !important;
  border: 1px solid #1eb414;
}
.ml_wcutabcontent table#wcuTableMLASummary,
.ml_wcutabcontent table.wcuTable.wcu-table-mlainvites{
  background: #ffffff00 !important;
  box-shadow: none !important;
  color: #000;
  border: 0 !important;
  border-radius: 8px !important;
  overflow: hidden;
  margin-top: 20px;
}

.ml_wcutabcontent table#wcuTableMLASummary thead,
.ml_wcutabcontent table.wcuTable.wcu-table-mlainvites thead {
  background: #ffffff00 !important;
  box-shadow: none !important;
  color: #000;
}
.ml_wcutabcontent table#wcuTableMLASummary thead th,
.ml_wcutabcontent table.wcuTable.wcu-table-mlainvites thead th {
  background: #ffffff00 !important;
  box-shadow: none !important;
  color: #000;
  border: 0 !important;
}

.ml_wcutabcontent table#wcuTableMLASummary tr,
.ml_wcutabcontent table.wcuTable.wcu-table-mlainvites tr {
  background: #ffffff50 !important;
  box-shadow: none !important;
  color: #000;
  border: 0 !important;
}

.ml_wcutabcontent table#wcuTableMLASummary tbody,
.ml_wcutabcontent table#wcuTableMLASummary tfoot,
.ml_wcutabcontent table.wcuTable.wcu-table-mlainvites tbody,
.ml_wcutabcontent table.wcuTable.wcu-table-mlainvites tfoot {
  background: #ffffff00 !important;
  box-shadow: none !important;
  color: #000;
}

.ml_wcutabcontent table#wcuTableMLASummary tbody tr,
.ml_wcutabcontent table.wcuTable.wcu-table-mlainvites tbody tr {
  background: #ffffff50 !important;
  box-shadow: none !important;
  color: #000;
}
.ml_wcutabcontent table#wcuTableMLASummary tbody td,
.ml_wcutabcontent table.wcuTable.wcu-table-mlainvites tbody td {
  background: #ffffff00 !important;
  box-shadow: none !important;
  color: #000 !important;
  border: 0 !important;
}
.ml_wcutabcontent table#wcuTableMLASummary tbody td a,
.ml_wcutabcontent table.wcuTable.wcu-table-mlainvites tbody td a {
  color: #1eb414 !important;
  text-decoration: none;
  transition: all 0.1s linear;
}
.ml_wcutabcontent table#wcuTableMLASummary tbody td a:hover,
.ml_wcutabcontent table.wcuTable.wcu-table-mlainvites tbody td a:hover {
  color: #27e41a !important;
}
.ml_wcutabcontent table#wcuTableMLASummary span,
.ml_wcutabcontent table.wcuTable.wcu-table-mlainvites span {
  color: #000;
}

.ml_wcutabcontent table#wcuTableMLASummary tfoot td,
.ml_wcutabcontent table.wcuTable.wcu-table-mlainvites tfoot td {
  background: #ffffff00 !important;
  box-shadow: none !important;
  color: #000 !important;
  border: 0 !important;
}
.ml_wcutabcontent #wcu-add-mlainvite input{
    margin-bottom: 0 !important;
    padding: 5px;
    max-width: 350px !important;
    width: 100%;
    display: inline-block;
}
.ml_wcutabcontent #wcu-add-mlainvite button{
    background: #1eb414 !important;
  color: #0a0317 !important;
  border: 1px solid #1eb414; 
  border-radius: 5px;
  padding: 5px 15px;
  font-weight: 600;
  text-shadow: none;
}
.ml_wcutabcontent #wcu-add-mlainvite button:hover{
  background: #27e41a !important;
  color: #0a0317 !important;
  border: 1px solid #1eb414;
}

.ml_wcutabcontent .referral-url-box{
     background: #ffffff50;
      color: #fff;
      backdrop-filter: blur(4px);
      border: #333333f9 !important;
      border-radius: 12px;
      box-shadow: none !important;
      transition: all 0.1s linear;
}

.ml_wcutabcontent .referral-url-box p,
.ml_wcutabcontent .referral-url-box p strong,
.ml_wcutabcontent .referral-url-box p code {
  color: #fff !important;
}

.ml_wcutabcontent .referral-url-box p code {
  background: #00000050 !important;
  border-radius: 8px;
  padding: 5px 15px !important;
}
.ml_wcutabcontent .referral-url-box button,
.ml_wcutabcontent #wcusage_copylink {
  color: #000 !important;
  font-weight: 800 !important;
  background-color: #1eb414 !important;
  text-shadow: none !important;
  border: #1eb414 !important;
}

.ml_wcutabcontent .referral-url-box button:hover,
.ml_wcutabcontent #wcusage_copylink:hover {
  background-color: #27e41a !important;
  color: #000 !important;
}

.ml_wcutabcontent #wcusage_button_share i {
  color: #fff !important;
  transition: all 0.1s linear;
}
.ml_wcutabcontent #wcusage_button_share i:hover {
  color: #ffffff99 !important;
}
.ml_wcutabcontent .wcu-tab-title {
  color: #fff;
  font-size: 1.5em !important;
  font-weight: 600;
}
.ml_wcutabcontent p strong {
  color: #fff;
}
.ml_wcutabcontent a.wcusage-clicks-prev-page,
.ml_wcutabcontent a.wcusage-clicks-next-page {
  color: #1eb414;
  font-weight: 800;
  font-size: 1.2em;
}

.wcu-settings-tabs p button[type="submit"] {
  background: #1eb414 !important;
  font-weight: 600 !important;
  padding: 5px 15px !important;
  color: #0a0317 !important;
  border-style: solid !important;
  border-width: 1px 1px 1px 1px !important;
  border-color: #1eb414 !important;
  border-radius: 10px 10px 10px 10px !important;
  text-shadow: none;
}
.wcu-settings-tabs p button[type="submit"]:hover {
  background: #27e41a !important;
  color: #0a0317 !important;
  border-color: #1eb414 !important;
}
/* RESET PASSWORD PAGE */
body.lost-password-page-body .woocommerce:has(.woocommerce-message) p:not([attribute]){
    background-color: #00000010;
    padding: 20px 30px;
    border-radius: 15px;
    color: #fff;
    border: 1px solid #ffffff12;
    font-size: 1.1rem;
}

/* Global font remap for inline styles from builder/content. */
:root {
  --sw-font-sony-sketch-ef: "Oxanium", "Ubuntu", sans-serif;
  --sw-font-urbani: "Delight", "delight", "Oxanium", "Ubuntu", sans-serif;
}

[style*="Sony Sketch EF"],
[style*="sony sketch ef"],
[style*="SonySketchEF"],
[style*="sonysketchef"] {
  font-family: var(--sw-font-sony-sketch-ef) !important;
}

[style*="urbani"],
[style*="Urbani"] {
  font-family: var(--sw-font-urbani) !important;
}

/* Header lang switcher (.lang_switcher_pl): current language highlight.
   Polylang Elementor sets .cpel-switcher__lang--active; theme also adds .is-on.
   Do not use li:active for "current lang" - that is only :active (mouse down). */
.lang_switcher_pl li.cpel-switcher__lang--active,
.lang_switcher_pl li.is-on {
  background-color: #1d1c25;
  padding: 4px 8px;
  border-radius: 30px;
  margin: 0 !important;
}

/* ==========================================================================
   Mobile / tablet nav: fullscreen dropdown (.menu-nav-sw-hd)
   Elementor stretch dropdown only wraps item height - we expand to viewport
   below sticky header. --sw-header-bottom set by sw-header-scroll.js.
   ========================================================================== */
@media (max-width: 1024px) {
  body:has(.menu-nav-sw-hd .elementor-menu-toggle.elementor-active) {
    overflow: hidden;
  }

  .header-main {
    z-index: 10000;
  }

  .menu-nav-sw-hd .elementor-menu-toggle {
    position: relative;
    z-index: 10002;
  }

  /* header-main has backdrop-filter → fixed children use it as containing
     block, so top/left are relative to the header box (not the viewport). */
  .menu-nav-sw-hd:has(.elementor-menu-toggle.elementor-active)
    .elementor-nav-menu--dropdown {
    position: fixed !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: calc(100dvh - var(--sw-header-bottom, 84px)) !important;
    max-height: none !important;
    min-height: calc(100dvh - var(--sw-header-bottom, 84px)) !important;
    z-index: 9998 !important;
    margin: 0 !important;
    padding: clamp(1.25rem, 4vh, 2.5rem) clamp(1.1rem, 5vw, 2.25rem)
      calc(1.5rem + env(safe-area-inset-bottom, 0px)) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    border: 0 !important;
    box-shadow: none !important;
    background:
      radial-gradient(
        120% 70% at 50% -8%,
        rgba(47, 234, 21, 0.14),
        transparent 52%
      ),
      linear-gradient(180deg, #0a0317 0%, #070214 48%, #000005 100%) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  .menu-nav-sw-hd .elementor-nav-menu--dropdown .elementor-nav-menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.3rem !important;
    width: 100% !important;
    max-width: 26rem;
    margin-inline: auto !important;
    height: auto !important;
  }

  .menu-nav-sw-hd .elementor-nav-menu--dropdown .menu-item {
    margin: 0 !important;
    width: 100%;
  }

  .menu-nav-sw-hd .elementor-nav-menu--dropdown .elementor-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 0.95rem 1.15rem !important;
    font-family: "Anybody", "IBM Plex Sans", "Ubuntu", sans-serif !important;
    font-size: clamp(1.35rem, 4.6vw, 1.9rem) !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    line-height: 1.2 !important;
    color: #f5f5f5 !important;
    text-align: center !important;
    border-radius: 14px !important;
    transition:
      color 0.18s ease,
      background-color 0.18s ease,
      transform 0.18s ease !important;
  }

  .menu-nav-sw-hd .elementor-nav-menu--dropdown .elementor-item:hover,
  .menu-nav-sw-hd .elementor-nav-menu--dropdown .elementor-item:focus,
  .menu-nav-sw-hd
    .elementor-nav-menu--dropdown
    .elementor-item.elementor-item-active,
  .menu-nav-sw-hd
    .elementor-nav-menu--dropdown
    .elementor-item.highlighted {
    color: #2fea15 !important;
    background-color: rgba(47, 234, 21, 0.09) !important;
  }

  .menu-nav-sw-hd .elementor-nav-menu--dropdown .elementor-item:active {
    transform: scale(0.98);
  }
}

/* Phone: lang + download live inside burger dropdown (moved by JS). */
@media (max-width: 767px) {
  .menu-nav-sw-hd .elementor-nav-menu--dropdown .sw-nav-extras {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 1.15rem;
    width: 100%;
    max-width: 26rem;
    margin: 1.35rem auto 0;
    padding-top: 1.1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  .menu-nav-sw-hd .elementor-nav-menu--dropdown .sw-nav-extras .lang_switcher_pl {
    width: 100%;
  }

  .menu-nav-sw-hd
    .elementor-nav-menu--dropdown
    .sw-nav-extras
    .lang_switcher_pl
    .cpel-switcher__list {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .menu-nav-sw-hd
    .elementor-nav-menu--dropdown
    .sw-nav-extras
    .lang_switcher_pl
    .cpel-switcher__lang
    a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3.1rem;
    min-height: 2.55rem;
    padding: 0.45rem 0.85rem;
    font-size: 0.95rem;
    font-weight: 600;
    color: #e8e8e8 !important;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
  }

  .menu-nav-sw-hd
    .elementor-nav-menu--dropdown
    .sw-nav-extras
    .lang_switcher_pl
    li.cpel-switcher__lang--active,
  .menu-nav-sw-hd
    .elementor-nav-menu--dropdown
    .sw-nav-extras
    .lang_switcher_pl
    li.is-on {
    background-color: transparent;
    padding: 0;
  }

  .menu-nav-sw-hd
    .elementor-nav-menu--dropdown
    .sw-nav-extras
    .lang_switcher_pl
    li.cpel-switcher__lang--active
    a,
  .menu-nav-sw-hd
    .elementor-nav-menu--dropdown
    .sw-nav-extras
    .lang_switcher_pl
    li.is-on
    a {
    color: #061208 !important;
    background: #2fea15;
    border-color: #2fea15;
  }

  .menu-nav-sw-hd .elementor-nav-menu--dropdown .sw-nav-extras #main-download-btn-d {
    width: 100%;
  }

  .menu-nav-sw-hd
    .elementor-nav-menu--dropdown
    .sw-nav-extras
    #main-download-btn-d
    .elementor-button-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .menu-nav-sw-hd
    .elementor-nav-menu--dropdown
    .sw-nav-extras
    #main-download-btn-d
    .elementor-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 26rem;
    min-height: 3.15rem;
    padding: 0.85rem 1.4rem !important;
    font-family: "Anybody", "IBM Plex Sans", "Ubuntu", sans-serif !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    color: #061208 !important;
    background: #2fea15 !important;
    border: 0 !important;
    border-radius: 999px !important;
    text-align: center;
  }

  .menu-nav-sw-hd
    .elementor-nav-menu--dropdown
    .sw-nav-extras
    #main-download-btn-d
    .elementor-button:hover,
  .menu-nav-sw-hd
    .elementor-nav-menu--dropdown
    .sw-nav-extras
    #main-download-btn-d
    .elementor-button:focus {
    background: #45f52c !important;
    color: #061208 !important;
  }
}

/* Keep extras slot inert when empty / desktop. */
.sw-nav-extras:empty {
  display: none !important;
}

/* Elementor characters: add class "floating-sw" on widget/image */
.floating-sw {
  animation: floating-sw 5.8s ease-in-out infinite;
  will-change: transform;
  transform-origin: center bottom;
}

.floating-sw.floating-sw--alt,
.floating-sw--alt {
  animation-name: floating-sw-alt;
  animation-duration: 6.6s;
}

.floating-sw.floating-sw--slow,
.floating-sw--slow {
  animation-duration: 7.8s;
}

.floating-sw.floating-sw--fast,
.floating-sw--fast {
  animation-duration: 4.2s;
}

.floating-sw.floating-sw--delay,
.floating-sw--delay {
  animation-delay: -2.2s;
}

@keyframes floating-sw {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -12px, 0);
  }
}

@keyframes floating-sw-alt {
  0%,
  100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  50% {
    transform: translate3d(0, -10px, 0) rotate(-1.2deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .floating-sw,
  .floating-sw--alt,
  .floating-sw--slow,
  .floating-sw--fast,
  .floating-sw--delay {
    animation: none !important;
  }
}