body {
  width: 100%;
  height: 100%;
}
h1, h2, h3, h4, h5, h6 {
  color: #444;
}
legend {
  padding: 7px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
label {
  font-size: 12px;
  font-weight: normal;
}
/* Chrome border line */
button:focus {
  outline: none !important;
}
/* container */
#container {
  width: 100%;
  min-height: 100%;
  position: absolute;
  margin-bottom: 300px;
}
/* content */
#content, #column-left, #column-right {
  padding-bottom: 730px;
}
@media (min-width: 576px) {
  #content, #column-left, #column-right {
    padding-bottom: 400px;
  }
}
#alert {
  z-index: 9999;
  position: fixed;
  top: 30%;
  left: 50%;
  width: 400px;
  margin-left: -200px;
}
@media (min-width: 992px) {
  #alert {
    width: 600px;
    margin-left: -300px;
  }
}
@media (min-width: 1140px) {
  #alert {
    width: 600px;
    margin-left: -300px;
  }
}
@media (min-width: 1320px) {
  #alert {
    width: 600px;
    margin-left: -300px;
  }
}
#alert .alert {
  margin-bottom: 15px;
}
#alert .alert-primary {
  box-shadow: 0 0 0 5px rgb(var(--bs-primary-rgb), 0.1);
}
#alert .alert-secondary {
  box-shadow: 0 0 0 5px rgb(var(--bs-secondary-rgb), 0.1);
}
#alert .alert-success {
  box-shadow: 0 0 0 5px rgb(var(--bs-success-rgb), 0.1);
}
#alert .alert-warning {
  box-shadow: 0 0 0 5px rgb(var(--bs-warning-rgb), 0.1);
}
#alert .alert-danger {
  box-shadow: 0 0 0 5px rgb(var(--bs-danger-rgb), 0.1);
}
#alert .alert-info {
  box-shadow: 0 0 0 5px rgb(var(--bs-info-rgb), 0.1);
}
#alert .alert-light {
  box-shadow: 0 0 0 5px rgb(var(--bs-light-rgb), 0.1);
}
#alert .alert-dark {
  box-shadow: 0 0 0 5px rgb(var(--bs-dark-rgb), 0.1);
}
/*Social Media*/
/* container + spacing */
.rdx-socials { display:flex; gap:14px; align-items:center; }

/* butoane pătrate cu colțuri rotunjite */
.rdx-socials .ico{
  width:38px; height:38px;           /* mobil */
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:10px;
  text-decoration:none;
  overflow:hidden;                    /* taie orice surplus al SVG-ului */
}

/* ⛔ nu mai folosim .ico i (Font Awesome). Poți să-l ștergi. */
/* .rdx-socials .ico i { font-size:18px; line-height:1; } */

/* SVG-URILE (img) – mărime relativă ca să “umple” pătratul */
.rdx-socials .ico img { width:75%; height:75%; display:block; }

/* fine‑tuning pe fiecare icon pentru echilibru vizual */
.rdx-socials .ico-tiktok   img { width:82%; height:82%; }
.rdx-socials .ico-facebook img { width:80%; height:80%; }
.rdx-socials .ico-instagram img { width:72%; height:72%; } /* un pic mai mic, arată mai bine */

/* mărire pe ecrane mari (laptop/desktop) */
@media (min-width: 992px){
  .rdx-socials .ico{ width:48px; height:48px; }
  .rdx-socials .ico img{ width:78%; height:78%; }
  .rdx-socials .ico-tiktok   img { width:86%; height:86%; }
  .rdx-socials .ico-facebook img { width:84%; height:84%; }
  .rdx-socials .ico-instagram img { width:74%; height:74%; }
}

/* culori brand oficiale */
.rdx-socials .ico-tiktok   { background:#000; }
.rdx-socials .ico-facebook { background:#1877F2; }
.rdx-socials .ico-instagram{
  background: radial-gradient(30% 30% at 30% 30%, #ffd776 0, #f99955 25%, #f56040 45%, #e1306c 60%, #c13584 75%, #833ab4 100%);
}

/* hover */
.rdx-socials .ico:hover { filter:brightness(1.08); transform:translateY(-1px); transition:.15s; }

@media (min-width: 768px) {
  #logo {
    text-align: left;
  }
}
/* search */
#search {
  margin-bottom: 10px;
}
#search .form-control-lg {
  height: 40px;
  font-size: 12px;
  line-height: 20px;
  padding: 0 10px;
}
#search .btn-lg {
  font-size: 15px;
  line-height: 18px;
  padding: 0.57rem 35px;
  text-shadow: 0 1px 0 #FFF;
}
/* cart */
#cart {
  margin-bottom: 10px;
}
#cart .img-thumbnail {
  min-width: 100px;
}
#cart .btn-lg {
  font-size: 15px;
  line-height: 18px;
  padding: 14px 35px;
}
#cart .dropdown-menu {
  background: #eee;
}
#cart .dropdown-menu li {
  min-width: 300px;
}
@media (max-width: 768px) {
  #cart .dropdown-menu li {
    min-width: 100%;
  }
}
/* menu */
#menu {
  background-color: #229ac8;
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  background-repeat: repeat-x;
  border: 1px solid #1f90bb;
  border-color: #1f90bb #1f90bb #145e7a;
  min-height: 40px;
  border-radius: 4px;
  padding: 0 1rem;
  margin-bottom: 20px;
}
#menu .navbar-nav > li > a {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  padding: 10px 15px 10px 15px;
  background-color: transparent;
}
#menu .navbar-nav > li > a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#menu .dropdown-inner {
  display: flex;
  flex-direction: column;
}
#menu .dropdown-inner ul {
  width: 100%;
  min-width: 200px;
}
@media (min-width: 960px) {
  #menu .dropdown:hover .dropdown-menu {
    display: block;
  }
  #menu .dropdown-inner {
    flex-direction: row;
  }
  #menu .nav-item + .nav-item + .nav-item .dropdown-column-3 {
    left: -200px;
  }
  #menu .nav-item + .nav-item + .nav-item .dropdown-column-4 {
    left: -400px;
  }
  #menu .nav-item + .nav-item + .nav-item + .nav-item .dropdown-column-2 {
    left: -200px;
  }
  #menu .nav-item + .nav-item + .nav-item + .nav-item .dropdown-column-3 {
    left: -400px;
  }
  #menu .nav-item + .nav-item + .nav-item + .nav-item .dropdown-column-4 {
    left: -600px;
  }
}
#category {
  float: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .navbar-toggler i {
  color: #fff;
  border-color: #fff;
  font-size: 0.9em;
}
/* default boostrap changes */
div.required .col-form-label:before, div.required .form-label:before {
  content: "* ";
  color: #F00;
  font-weight: bold;
}
.form-switch-lg {
  font-size: 20px;
  min-height: 30px;
  line-height: 30px;
}
.nav-tabs {
  margin-bottom: 15px;
}
.form-check .form-check-input {
  margin-top: 0.25rem;
}
@media (min-width: 768px) {
  .col-form-label {
    text-align: right;
  }
}
/* footer */
footer {
  border: 1px solid #000000;
  position: absolute;
  bottom: -1px;
  width: 100%;
  padding-top: 30px;
  background-color: #303030;
  border-top: 1px solid #ddd;
  color: #e2e2e2;
}
footer hr {
  border-top: none;
  border-bottom: 1px solid #666;
}
footer a {
  color: #ccc;
  text-decoration: none;
}
footer a:hover {
  color: #fff;
}
footer h5 {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
}
/* breadcrumb */
.breadcrumb {
  margin: 0 0 20px 0;
  padding: 8px 0;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-tertiary-bg);
}
.breadcrumb i {
  font-size: 15px;
}
.breadcrumb > li.breadcrumb-item {
  text-shadow: 0 1px 0 #FFF;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
}
.breadcrumb > li.breadcrumb-item > a {
  text-decoration: none;
}
.breadcrumb > li.breadcrumb-item:after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  right: -5px;
  width: 29px;
  height: 29px;
  border-right: 1px solid var(--bs-border-color);
  border-bottom: 1px solid var(--bs-border-color);
  transform: rotate(-45deg);
}
.breadcrumb > li.breadcrumb-item + li:before {
  content: "";
  padding: 0;
}
.product-thumb {
  border: 1px solid #ddd;
  position: relative;
  height: 100%;
}
.product-thumb .image {
  text-align: center;
}
.product-thumb .image a:hover {
  opacity: 0.8;
}
.product-thumb .description {
  padding: 15px;
  margin-bottom: 45px;
}
.product-thumb .description h4 {
  font-weight: bold;
}
.product-thumb .button {
  display: flex;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.product-thumb .button button {
  width: 33.33%;
  border: none;
  border-top: 1px solid var(--bs-border-color);
  background-color: var(--bs-tertiary-bg);
  color: var(--bs-gray-600);
  line-height: 38px;
  text-align: center;
}
.product-thumb .button button:hover {
  color: var(--bs-gray-600);
  background-color: #ddd;
  text-decoration: none;
  cursor: pointer;
}
.product-thumb .button button + button {
  border-left: 1px solid var(--bs-border-color);
}
@media (min-width: 960px) {
  .product-list .product-thumb {
    display: flex;
  }
  .product-list .product-thumb .image {
    flex-direction: column;
    margin-bottom: 0px;
  }
  .product-list .product-thumb .content {
    flex-direction: column;
    flex: 75%;
    position: relative;
  }
  .product-list .product-thumb .button {
    border-left: 1px solid #ddd;
    width: calc(100% -  15px);
    margin-left: 15px;
  }
}
.rating .fa-stack {
  width: 20px;
}
.rating .fa-star {
  color: #999;
  font-size: 15px;
}
.rating .fa-star {
  color: #FC0;
  font-size: 15px;
}
.rating .fa-star + .fa-star {
  color: #E69500;
}
/* product list */
.price {
  color: #444;
}
.price-new {
  font-weight: 600;
}
.price-old {
  color: #dc512c;
  text-decoration: line-through;
}
.price-tax {
  color: #999;
  font-size: 12px;
  display: block;
}
/* blog */
.blog-thumb {
  border: 1px solid #ddd;
  margin-bottom: 15px;
}
.blog-thumb h4 {
  font-weight: bold;
}
.blog-thumb .image {
  text-align: center;
  margin-bottom: 15px;
}
.blog-thumb .image a:hover {
  opacity: 0.8;
}
.blog-thumb .description {
  padding: 15px;
}
/* Theme Custom CSS */
#cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  z-index: 9999;
  opacity: 0.95;
  color: #ecf0f1;
  background: #343a40;
}
#cookie div {
  font-size: 16px;
  color: #FFFFFF;
}
.bottom-mobile-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 72px;
  background-color: #4682B4; /* Poți schimba dacă vrei alt fundal */
  border-top: 1px solid #ccc;
  display: flex;
  justify-content: space-around;
  align-items: center;
  z-index: 9999;
  box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
  padding-bottom: env(safe-area-inset-bottom); /* iOS support */
}

.bottom-mobile-nav a {
  flex: 1;
  text-align: center;
  color: #ffffff;
  font-size: 11px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  padding-top: 14px; /* ← AICI creștem valoarea */
  transition: color 0.2s ease-in-out;
  -webkit-tap-highlight-color: transparent;
}

.bottom-mobile-nav a i {
  font-size: 20px;
  margin-bottom: 2px;
  line-height: 1;
  color: inherit; /* moștenește culoarea din <a> */
}

/* 🔵 CULOAREA VERDE la APĂSARE */
.bottom-mobile-nav a:active,
.bottom-mobile-nav a:focus {
  color: #4CD964 !important;
}

.bottom-mobile-nav a:active i,
.bottom-mobile-nav a:focus i {
  color: inherit !important;
}

/* 🖱️ Hover (doar desktop) */
.bottom-mobile-nav a:hover {
  color: #3d5a80;
}
/* === LOGIN PAGE STYLING === */
.login-wrapper {
  max-width: 400px;
  margin: 80px auto;
  padding: 30px 25px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.login-wrapper h1 {
  text-align: center;
  font-size: 22px;
  margin-bottom: 25px;
  color: #2d2d2d;
}

.login-wrapper input[type="email"],
.login-wrapper input[type="password"] {
  width: 100%;
  padding: 12px 16px;
  margin-bottom: 15px;
  border-radius: 12px;
  border: 1px solid #ccc;
  font-size: 15px;
}

.login-wrapper button,
.login-wrapper input[type="submit"] {
  width: 100%;
  background-color: #dcf2d7;
  color: #222;
  border: none;
  padding: 12px;
  font-size: 16px;
  border-radius: 12px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.login-wrapper button:hover,
.login-wrapper input[type="submit"]:hover {
  background-color: #c6e7c3;
}

.login-wrapper a {
  color: #2e7d32;
  text-decoration: none;
  font-size: 13px;
}

.login-wrapper .text-center {
  text-align: center;
  margin-top: 10px;
  font-size: 13px;
}
@media (min-width: 992px) {
  .bottom-mobile-nav {
    display: none;
  }
}
/* === RADEX: HEART ACTIVE (listă + pagină produs) — hard override === */

/* implicit: inimile au gri, nu albastru de link */
button[data-wishlist-toggle],
a[data-wishlist-toggle]{
  color:#6c757d !important;
  text-decoration:none !important;
}

/* când e în wishlist -> roșu (acoperă toate stările și clasele Bootstrap) */
button[data-wishlist-toggle].is-wishlisted,
a[data-wishlist-toggle].is-wishlisted,
.product-thumb .button button[data-wishlist-toggle].is-wishlisted,
.product-thumb .button a[data-wishlist-toggle].is-wishlisted,
.product-product .btn-icon.wishlist-heart.is-wishlisted,
.product-product .btn-icon.wishlist-heart.is-wishlisted:hover,
.product-product .btn-icon.wishlist-heart.is-wishlisted:focus,
.product-product .btn-icon.wishlist-heart.is-wishlisted:active{
  color:#dc3545 !important;
  border-color:#f3b7be !important;
  background:#fff !important;
}
button[data-wishlist-toggle].is-wishlisted i,
a[data-wishlist-toggle].is-wishlisted i{
  color:#dc3545 !important;
}

/* LISTĂ: aliniere/mărime identică cu celelalte 2 butoane */
.product-thumb .button{
  display:flex !important; align-items:center; gap:12px; justify-content:flex-start; width:100%;
}
.product-thumb .button > *{
  width:40px; height:36px;
  display:inline-flex; align-items:center; justify-content:center;
  padding:0; border:1px solid #e1e5ea; border-radius:6px;
  background:#fff; color:#6c757d; text-decoration:none !important;
}
.product-thumb .button > *:hover{
  border-color:#cfd6dd; background:#f8f9fa; color:#0d6efd;
}
.product-thumb .button i{ font-size:16px; line-height:1; }

/* PAGINA PRODUSULUI: butoane icon — mărime fixă + identice */
.product-product .btn-icon{
  width:44px !important; height:44px !important; padding:0 !important;
  display:inline-flex !important; align-items:center; justify-content:center;
  border:1px solid #e1e5ea !important; border-radius:6px !important;
  background:#fff !important; color:#6c757d !important; line-height:1 !important;
}
.product-product .btn-icon:hover{
  border-color:#cfd6dd !important; background:#f8f9fa !important; color:#0d6efd !important;
}
.product-product .btn-icon i{ font-size:18px; line-height:1; }
/* ---- Doar iconița schimbă culoarea ---- */
[data-wishlist-toggle].is-wishlisted i { color:#dc3545 !important; }  /* roșu */
[data-compare-toggle].is-compared   i { color:#0d6efd !important; }   /* albastru */
[data-cart-button].is-in-cart       i { color:#198754 !important; }   /* verde */

/* === RADEX DEVICES — Header like idealo (final) === */
.rdx-header-bar{border-bottom:1px solid rgba(0,0,0,.08);background:#fff;position:relative;z-index:20}
.rdx-header-bar .container{display:flex;align-items:center;gap:16px;padding:10px 0}
.rdx-burger{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid rgba(0,0,0,.12);border-radius:8px;background:#fff;cursor:pointer;line-height:1}
.rdx-burger .lines{display:inline-block;width:22px;height:14px;position:relative}
.rdx-burger .lines::before,.rdx-burger .lines::after,.rdx-burger .lines span{content:"";position:absolute;left:0;right:0;height:2px;background:#1f2937;border-radius:1px}
.rdx-burger .lines::before{top:0}.rdx-burger .lines span{top:6px}.rdx-burger .lines::after{bottom:0}
.rdx-burger .label{font-size:11px;color:#1f2937;margin-top:6px}
.rdx-logo-wrap img{max-height:48px;display:block}
.rdx-search-wrap{flex:1 1 auto;display:flex;align-items:center}
.rdx-search-wrap form,.rdx-search-wrap #search{width:100%}
.rdx-search-wrap input[type=text],.rdx-search-wrap input[type=search]{height:48px;border-radius:8px;border-color:rgba(0,0,0,.15)}
.rdx-quicknav{display:flex;align-items:center;gap:14px;white-space:nowrap}
.rdx-quicknav .item{display:flex;align-items:center;gap:8px;font-weight:600;color:#1f2937;text-decoration:none}
.rdx-quicknav .item i{font-size:22px}
.rdx-quicknav .divider{width:1px;height:28px;background:rgba(0,0,0,.15)}
/* ascundem bara clasică, o folosim doar în offcanvas */
#menu{display:none!important}
/* Offcanvas */
.rdx-offcanvas{position:fixed;inset:0;display:none;z-index:1500}
.rdx-offcanvas.open{display:block}
.rdx-offcanvas .backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.rdx-offcanvas .panel{position:absolute;top:0;left:0;width:min(85vw,380px);height:100%;background:#fff;box-shadow:2px 0 20px rgba(0,0,0,.2);display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .25s ease}
.rdx-offcanvas.open .panel{transform:translateX(0)}
.rdx-offcanvas .head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.08);font-weight:700}
.rdx-offcanvas .body{padding:12px 8px;overflow:auto}
.rdx-offcanvas .close-btn{background:none;border:0;font-size:26px;line-height:1;cursor:pointer}
/* meniu vertical în offcanvas */
.rdx-offcanvas #menu .nav,.rdx-offcanvas .navbar,.rdx-offcanvas .list-unstyled,.rdx-offcanvas .dropdown-menu{display:block!important;position:static!important;box-shadow:none!important;width:100%!important}
.rdx-offcanvas #menu a,.rdx-offcanvas .navbar a,.rdx-offcanvas .list-unstyled a,.rdx-offcanvas .dropdown-menu a{display:block;padding:10px 12px;border-radius:8px;color:#111827;text-decoration:none}
.rdx-offcanvas a:hover{background:#f3f4f6}
/* Responsive */
@media (max-width:991.98px){
  .rdx-quicknav .text{display:none}
  .rdx-quicknav .divider{display:none}
  .rdx-burger{width:48px;height:48px}
  .rdx-logo-wrap img{max-height:42px}
  .rdx-search-wrap input[type=text],.rdx-search-wrap input[type=search]{height:44px}
}