/* =========================================================
   adamia-theme.css  —  Boutique Light (scoped)
   Scope: apply styles ONLY under .adamia-app
   Dark toggle: body.adamia-app.dark-mode
========================================================= */

/* -----------------------------
   1) Tokens / Palette
------------------------------ */
.adamia-app{
  --ad-bkg: #f7f3ea;
  --ad-green: #314338;
  --ad-gold: #bfa869;
  --ad-ivory: #fffbe9;
  --ad-border: #e8dbc2;
  --ad-accent: var(--ad-gold);

  --ad-card: #ffffff;
  --ad-soft: #fffbe7;
  --ad-soft-2: #fffef8;

  --ad-shadow: rgba(49,67,56,0.10);
  --ad-glow: rgba(191,168,105,0.20);

  --ad-danger: #d9001b;
  --ad-success-soft: #e6f4ea;

  font-family: 'Segoe UI', 'Arial', sans-serif;
}

/* Dark mode (warm forest, not pure black) */
body.adamia-app.dark-mode{
  --ad-bkg: #0f1714;
  --ad-green: #e9f2ee;     /* text */
  --ad-gold: #d9c27c;
  --ad-ivory: #151f1b;     /* inputs bg */
  --ad-border: rgba(217,194,124,0.22);

  --ad-card: rgba(18,31,27,.88);
  --ad-soft: rgba(217,194,124,0.08);
  --ad-soft-2: rgba(255,255,255,0.06);

  --ad-shadow: rgba(0,0,0,0.35);
  --ad-glow: rgba(217,194,124,0.16);
  --ad-accent: var(--ad-gold);
}

/* -----------------------------
   2) Base
------------------------------ */
body.adamia-app{
  background: var(--ad-bkg);
  min-height: 100vh;
  color: var(--ad-green);
}

.adamia-app a{ color: var(--ad-green); }
.adamia-app a:hover{ color: #223026; }
body.adamia-app.dark-mode a{ color: #e9f2ee; }
body.adamia-app.dark-mode a:hover{ color: var(--ad-gold); }

.adamia-app .muted{ color: rgba(49,67,56,0.65); }
body.adamia-app.dark-mode .muted{ color: rgba(233,242,238,0.65); }

/* -----------------------------
   3) Page container
------------------------------ */
.adamia-app .adamia-shop-section{
  background: var(--ad-card);
  padding: 2.5rem 1.5rem 1.5rem 1.5rem;
  border-radius: 1.2rem;
  box-shadow: 0 8px 32px 0 var(--ad-shadow);
  max-width: 1000px;
  margin: 85px auto 0 auto;
  border: 2.5px solid var(--ad-border);
  position: relative;
  overflow: hidden;
}

.adamia-app .adamia-logo{
  width: 80px;
  margin: 0 auto 8px auto;
  display: block;
  border-radius: 12px;
  box-shadow: 0 1px 7px rgba(0,0,0,0.15);
}

.adamia-app .adamia-shop-section h2{
  font-weight: 800;
  color: var(--ad-green);
  text-shadow: 0 2px 14px rgba(231,227,213,0.65);
  margin-bottom: 8px;
  letter-spacing: 0.6px;
  font-size: 2.15em;
  display:flex;
  align-items:center;
  gap: 10px;
}
.adamia-app .friendly-msg{
  font-size: 1.14rem;
  background: var(--ad-ivory);
  border-radius: 1.5rem;
  margin-bottom: 25px;
  color: var(--ad-green);
  font-weight: 500;
  box-shadow: 0 1px 6px rgba(247,197,66,0.08);
  text-align: center;
  border: 1.5px solid var(--ad-border);
  padding: .85rem 1rem;
}
body.adamia-app.dark-mode .adamia-shop-section{
  background: var(--ad-card);
  box-shadow: 0 18px 55px rgba(0,0,0,0.35);
}
body.adamia-app.dark-mode .friendly-msg{
  background: rgba(255,255,255,0.06);
  color: var(--ad-green);
  border-color: var(--ad-border);
}

/* -----------------------------
   4) Buttons
------------------------------ */
.adamia-app .btn-adamia,
.adamia-app .btn-adamia:active,
.adamia-app .btn-adamia:visited{
  background: var(--ad-gold) !important;
  color: #1f2b25 !important;
  border: 1.5px solid var(--ad-gold) !important;
  border-radius: 14px !important;
  font-weight: 700;
  padding: 7px 22px;
  transition: background .13s, color .13s, transform .12s;
  box-shadow: 0 2px 8px rgba(191,168,105,0.27);
}
.adamia-app .btn-adamia:hover,
.adamia-app .btn-adamia:focus{
  background: var(--ad-green) !important;
  color: var(--ad-ivory) !important;
  border-color: var(--ad-gold) !important;
  transform: translateY(-1px);
}

.adamia-app .btn-prosthiki,
.adamia-app .gallery-add-btn{
  background: var(--ad-green) !important;
  color: #fff !important;
  border-radius: 2em !important;
  padding: .54em 1.21em !important;
  font-weight: 800 !important;
  border: 2px solid var(--ad-gold) !important;
  box-shadow: 0 2px 8px rgba(191,168,105,0.13);
  cursor: pointer;
  font-size: 1.05em;
  display: inline-flex;
  align-items:center;
  justify-content:center;
  gap: 5px;
  transition: background .12s, color .12s, border .13s, transform .12s;
}
.adamia-app .btn-prosthiki:hover,
.adamia-app .gallery-add-btn:hover{
  background: var(--ad-gold) !important;
  color: var(--ad-green) !important;
  border: 2px solid var(--ad-green) !important;
  transform: translateY(-1px);
}

/* Small delete button (cozy, not aggressive red) */
.adamia-app .btn-sm.btn-danger{
  background-color: #999699 !important;
  color: var(--ad-green) !important;
  border: 1.5px solid var(--ad-gold) !important;
  border-radius: .8rem !important;
  box-shadow: 0 1px 4px rgba(49,67,56,0.13) !important;
  padding: 0.25rem 0.6rem !important;
  font-weight: 700;
  transition: background-color .13s, color .13s, border-color .13s;
}
.adamia-app .btn-sm.btn-danger:hover,
.adamia-app .btn-sm.btn-danger:focus{
  background-color: var(--ad-gold) !important;
  color: var(--ad-green) !important;
  border-color: var(--ad-green) !important;
}

/* Report round button */
.adamia-app .btn-report-adamia{
  background: linear-gradient(90deg, #ffe1a6 0%, #ffdfb0 100%);
  color: var(--ad-gold) !important;
  border-radius: 50%;
  width: 38px; height: 38px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  box-shadow: 0 2px 12px rgba(255,235,178,0.19);
  transition: .12s all;
  font-size: 1.18em;
  margin-right: 3px;
}
.adamia-app .btn-report-adamia:hover,
.adamia-app .btn-report-adamia:focus{
  background: linear-gradient(90deg, #ffeecb 0%, #ffe1a6 100%);
  box-shadow: 0 3px 16px rgba(235,208,129,0.20);
  outline: none;
  transform: scale(1.12) rotate(-3deg);
}
.adamia-app .btn-report-adamia svg{
  display: block;
  width: 20px;
  height: 20px;
  fill: var(--ad-gold);
}
.adamia-app .btn-report-adamia:hover svg{ fill: #ad8c33; }

/* Gift card button */
.adamia-app .adamia-giftcard-btn{
  display: inline-block;
  padding: 0.75em 2.4em;
  font-size: 1.17em;
  font-weight: 800;
  color: var(--ad-green);
  background: linear-gradient(98deg, #ffe8b2 80%, var(--ad-ivory) 100%);
  border: 2.8px solid var(--ad-gold);
  border-radius: 1.7em;
  box-shadow: 0 2px 15px rgba(191,168,105,0.25), 0 2px 10px rgba(255,234,182,0.35);
  letter-spacing: 0.04em;
  text-align: center;
  cursor: pointer;
  text-decoration: none !important;
  transition: background .18s, color .18s, box-shadow .15s, border .16s;
  position: relative;
  overflow: hidden;
}
.adamia-app .adamia-giftcard-btn:hover,
.adamia-app .adamia-giftcard-btn:focus,
.adamia-app .adamia-giftcard-btn:active{
  background: var(--ad-green);
  color: var(--ad-ivory);
  border-color: var(--ad-gold);
  box-shadow: 0 5px 24px rgba(49,67,56,0.27), 0 2px 12px rgba(255,234,182,0.33);
}
.adamia-app .adamia-giftcard-btn .gift-icon{
  font-size: 1.24em;
  vertical-align: -2px;
  margin-right: 0.39em;
  color: var(--ad-gold);
  transition: color .18s;
}
.adamia-app .adamia-giftcard-btn:hover .gift-icon{ color: #ffeab6; }

/* -----------------------------
   5) Cards / Bootstrap components (scoped)
------------------------------ */
.adamia-app .card,
.adamia-app .adamia-card{
  border-radius: 22px !important;
  border: 1.5px solid var(--ad-gold) !important;
  box-shadow: 0 2px 14px rgba(191,168,105,0.20) !important;
  background: var(--ad-ivory) !important;
}
body.adamia-app.dark-mode .card,
body.adamia-app.dark-mode .adamia-card{
  background: rgba(255,255,255,0.06) !important;
  border-color: var(--ad-border) !important;
}

.adamia-app .modal-content{
  border-radius: 24px !important;
  border: 2px solid var(--ad-gold) !important;
  box-shadow: 0 6px 38px rgba(191,168,105,0.20) !important;
  background: var(--ad-card);
}
body.adamia-app.dark-mode .modal-content{
  background: var(--ad-card);
  border-color: var(--ad-border) !important;
}

/* -----------------------------
   6) Inputs (ONE block)
------------------------------ */
.adamia-app .form-control,
.adamia-app input.form-control,
.adamia-app select.form-control,
.adamia-app select.form-select,
.adamia-app textarea.form-control{
  background: var(--ad-ivory) !important;
  border: 2px solid var(--ad-gold) !important;
  color: var(--ad-green) !important;
  border-radius: 14px !important;
  font-size: 1.07em !important;
  padding: 9px 14px;
  box-shadow: 0 1px 7px rgba(191,168,105,0.10);
  transition: border-color .14s, box-shadow .14s;
}
.adamia-app .form-control::placeholder{
  color: rgba(49,67,56,0.55);
}
.adamia-app .form-control:focus{
  outline: none;
  border-color: var(--ad-green) !important;
  box-shadow: 0 0 0 2px rgba(191,168,105,0.22) !important;
}

body.adamia-app:not(.dark-mode) select.form-select[multiple]{
  background: var(--ad-ivory) !important;
  color: var(--ad-green) !important;
}
body.adamia-app:not(.dark-mode) select.form-select[multiple] option{
  background: #fff !important;
  color: #111 !important;
}


/* Bootstrap validation (keep it readable) */
.adamia-app .form-control.is-invalid{
  border-color: var(--ad-danger) !important;
  box-shadow: 0 0 0 2px rgba(217,0,27,0.14) !important;
}
.adamia-app .invalid-feedback{ color: var(--ad-danger) !important; font-weight: 700; }

body.adamia-app.dark-mode .form-control,
body.adamia-app.dark-mode input.form-control,
body.adamia-app.dark-mode select.form-control,
body.adamia-app.dark-mode select.form-select,
body.adamia-app.dark-mode textarea.form-control{
  background: var(--ad-ivory) !important;
  color: var(--ad-green) !important;
  border-color: var(--ad-gold) !important;
}
body.adamia-app.dark-mode .form-control::placeholder{
  color: rgba(233,242,238,0.55);
}

/* -----------------------------
   7) Select2 (ONE block, single + multi)
------------------------------ */
.adamia-app .select2-container--default .select2-selection--single,
.adamia-app .select2-container--default .select2-selection--multiple{
  background: var(--ad-ivory) !important;
  border: 2px solid var(--ad-gold) !important;
  color: var(--ad-green) !important;
  border-radius: 14px !important;
  font-size: 1.07em !important;
  min-height: 42px;
  padding: 5px 14px;
  box-shadow: 0 1px 7px rgba(191,168,105,0.10);
  transition: border-color .14s, box-shadow .14s;
}
.adamia-app .select2-container--default .select2-selection--single .select2-selection__rendered{
  color: var(--ad-green) !important;
  line-height: 38px !important;
  padding-left: 0 !important;
}
.adamia-app .select2-container--default .select2-selection--multiple{
  padding: 7px 12px !important;
}
.adamia-app .select2-container--default .select2-selection--multiple .select2-selection__choice{
  background: var(--ad-gold) !important;
  color: #fff !important;
  border-radius: 1em !important;
  border: none !important;
  margin-top: 2px;
  font-weight: 700;
}
.adamia-app .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  color: #fff !important;
  margin-right: 6px;
}
.adamia-app .select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 40px !important;
  right: 8px !important;
}
.adamia-app .select2-dropdown{
  border-radius: 1.1em !important;
  border: 2px solid var(--ad-gold) !important;
  background: var(--ad-soft) !important;
}
.adamia-app .select2-results__option--highlighted[aria-selected]{
  background-color: var(--ad-gold) !important;
  color: var(--ad-green) !important;
}
.adamia-app .select2-container--default .select2-selection--single:hover,
.adamia-app .select2-container--default .select2-selection--multiple:hover,
.adamia-app .select2-container--default .select2-selection--single:focus,
.adamia-app .select2-container--default .select2-selection--multiple:focus{
  border-color: var(--ad-green) !important;
  box-shadow: 0 0 0 2px rgba(191,168,105,0.22);
}

/* -----------------------------
   8) Gallery / Search
------------------------------ */
.adamia-app #productGallerySearch{
  font-size: 1.09em;
  border-radius: 1.1em;
  padding: .75em 1em;
  border: 2px solid var(--ad-gold);
  background: #fffce3;
  box-shadow: 0 1px 6px rgba(247,197,66,0.08);
}
body.adamia-app.dark-mode #productGallerySearch{
  background: rgba(255,255,255,0.06);
}

.adamia-app .product-gallery-list{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  justify-content:center;
}
.adamia-app .gallery-product-card{
  background: var(--ad-card);
  border-radius: 1em;
  box-shadow: 0 4px 14px rgba(239,216,107,0.10);
  border: 1.5px solid var(--ad-border);
  width: 170px;
  transition: .12s;
  padding: 13px 10px 14px 10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  position:relative;
}
.adamia-app .gallery-product-card:hover,
.adamia-app .gallery-product-card.selected{
  border: 2.5px solid var(--ad-gold);
  box-shadow: 0 6px 32px rgba(191,168,105,0.20);
}
.adamia-app .gallery-product-img{
  width: 120px;
  height: 120px;
  object-fit: contain;
  border-radius: 50%;
  background: #fffde8;
  margin-bottom: 10px;
  border: 1.5px solid #f4e4b1;
}
.adamia-app .gallery-product-title{
  font-size: 1.08em;
  font-weight: 700;
  color: var(--ad-green);
  margin-bottom: 4px;
  min-height: 32px;
}
.adamia-app .gallery-product-price{
  color: var(--ad-gold);
  font-weight: 800;
  font-size: 1.05em;
  margin-bottom: 11px;
}
body.adamia-app.dark-mode .gallery-product-card{
  background: rgba(255,255,255,0.06);
}

/* -----------------------------
   9) Pagination
------------------------------ */
.adamia-app .adamia-pagination{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  justify-content:center;
  margin-top: 26px;
}
.adamia-app .adamia-pagination a,
.adamia-app .adamia-pagination span{
  color: #6e641c;
  background: var(--ad-soft);
  border: 1.5px solid var(--ad-gold);
  border-radius: 9px;
  padding: 5px 15px;
  text-decoration:none;
  font-size: 1.13em;
  min-width: 34px;
  text-align:center;
  transition: background .13s, color .13s, transform .12s;
}
.adamia-app .adamia-pagination a:hover{
  background: var(--ad-gold);
  color: var(--ad-ivory);
  transform: translateY(-1px);
}
.adamia-app .adamia-pagination .current-page,
.adamia-app .adamia-pagination .page-item.active .page-link{
  background: var(--ad-gold);
  color: var(--ad-ivory);
  font-weight: 900;
  cursor: default;
  border: 2px solid var(--ad-gold);
}
body.adamia-app.dark-mode .adamia-pagination a,
body.adamia-app.dark-mode .adamia-pagination span{
  background: rgba(255,255,255,0.06);
  color: var(--ad-green);
  border-color: rgba(217,194,124,0.55);
}

/* -----------------------------
   10) Summary table (cart)
------------------------------ */
.adamia-app .summary-table-header,
.adamia-app .summary-table-row{
  display:flex;
  align-items:center;
  text-align:center;
}
.adamia-app .summary-table-header{
  font-weight: 900;
  border-bottom: 1px solid #edd883;
  padding: 10px 0;
  background: var(--ad-soft);
  border-radius: 8px 8px 0 0;
  color: var(--ad-green);
}
.adamia-app .summary-table-row{
  border-bottom: 1px solid #ffe7af;
  padding: 10px 0;
  background: var(--ad-soft-2);
}
.adamia-app .summary-cell{ flex: 1; }
.adamia-app .summary-cell img{
  width: 38px;
  height: 38px;
  object-fit: cover;
  border-radius: 50%;
  border: 1.5px solid #f4e4b1;
  cursor: zoom-in;
}
body.adamia-app.dark-mode .summary-table-header{
  background: rgba(217,194,124,0.08);
  border-color: rgba(217,194,124,0.20);
}
body.adamia-app.dark-mode .summary-table-row{
  background: rgba(255,255,255,0.05);
  border-color: rgba(217,194,124,0.12);
}

/* Qty buttons */
.adamia-app .qty-btn{
  background: var(--ad-soft);
  color: #314338;
  border: 1.5px solid var(--ad-gold);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  margin: 0 4px;
  font-size: 1.09em;
  font-weight: 900;
  line-height: 1;
  transition: background .12s, color .12s;
}
.adamia-app .qty-btn:hover{
  background: var(--ad-gold);
  color: #fff;
}
body.adamia-app.dark-mode .qty-btn{
  background: rgba(255,255,255,0.06);
  color: var(--ad-green);
}

/* Remove */
.adamia-app .cart-remove-btn{
  background: none;
  color: var(--ad-gold);
  border: 1.5px solid var(--ad-gold);
  border-radius: 50%;
  width: 33px;
  height: 33px;
  line-height: 25px;
  font-size: 1.14em;
  transition: .12s;
}
.adamia-app .cart-remove-btn:hover{
  background: rgba(191,168,105,0.12);
  color: #ab7a01;
}

/* Complete */
.adamia-app .adamia-complete-btn{
  background: var(--ad-green);
  color: #fff;
  border-radius: 1.5em;
  padding: .85em 2.7em;
  font-size: 1.15em;
  font-weight: 900;
  border: 2px solid var(--ad-gold);
  box-shadow: 0 2px 10px rgba(191,168,105,0.10);
  margin-top: 20px;
  transition: background .14s, color .14s, transform .12s;
  display:inline-flex;
  align-items:center;
  gap:9px;
}
.adamia-app .adamia-complete-btn:hover{
  background: var(--ad-gold);
  color: var(--ad-green);
  border-color: var(--ad-green);
  transform: translateY(-1px);
}
.adamia-app .adamia-thanks{
  color: var(--ad-gold);
  margin-top: 23px;
  font-size: 1.08em;
  text-align:center;
  font-weight: 900;
  letter-spacing: .03em;
}

/* Coupon / campaign result */
.adamia-app #couponResult,
.adamia-app #campaignResult{
  color: var(--ad-gold);
  font-weight: 800;
  font-size: 1em;
  min-height: 24px;
}

/* -----------------------------
   11) Cart floating button + panel
------------------------------ */
.adamia-app .btn-cart{
  position: fixed;
  top: 22px;
  right: 22px;
  width: 72px;
  height: 72px;
  padding: 8px;
  background: rgba(255,255,255,0.96);
  border-radius: 9999px;
  border: 3px solid var(--ad-gold);
  box-shadow: 0 4px 18px rgba(191,168,105,0.25);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1050;
  cursor:pointer;
}
body.adamia-app.dark-mode .btn-cart{
  background: rgba(18,31,27,0.92);
  box-shadow: 0 10px 35px rgba(0,0,0,0.45);
}

.adamia-app .btn-cart svg{
  width: 42px;
  height: 42px;
  color: var(--ad-gold);
  vertical-align: middle;
}

.adamia-app #cartBadge{
  display:none;
  position:absolute;
  top:-6px;
  right:-6px;
  background: var(--ad-danger);
  color:#fff;
  font-size:0.97em;
  min-width:21px;
  height:21px;
  line-height:21px;
  border-radius:50%;
  text-align:center;
  font-weight:900;
  padding:0 5px;
  border:2px solid #fff;
  box-shadow:0 1px 7px rgba(0,0,0,0.10);
  transition:all .14s;
}

body.adamia-app.cart-open .btn-cart{
  z-index: 1040;
  opacity: .35;
  pointer-events:none;
}

.adamia-app #cartSection{
  display:none;
  position: fixed;
  top: 70px;
  right: 12px;
  width: min(98vw, 440px);
  max-width: 98vw;
  max-height: 90vh;
  overflow-y: auto;
  background: var(--ad-card);
  border-radius: 1.2rem;
  box-shadow: 0 8px 40px rgba(49,67,56,0.22);
  border: 2.5px solid var(--ad-border);
  z-index: 1049;
  padding: 24px 14px 20px 14px;
}
body.adamia-app.dark-mode #cartSection{
  background: rgba(18,31,27,0.95);
  border-color: var(--ad-border);
}

body.adamia-app.cart-open:after{
  content:'';
  position: fixed;
  top:0;left:0;right:0;bottom:0;
  z-index:1048;
  background: rgba(49,67,56,0.23);
  pointer-events:none;
  animation: cartFadeIn .2s;
}
@keyframes cartFadeIn { from {opacity:0;} to {opacity:1;} }

/* -----------------------------
   12) Zoom modal
------------------------------ */
.adamia-app .adamia-zoom-modal{
  display:none;
  position:fixed;
  z-index:9999;
  left:0; top:0;
  width:100vw; height:100vh;
  background: rgba(49,67,56,0.76);
  justify-content:center;
  align-items:center;
}
.adamia-app .adamia-zoom-modal.open{ display:flex; }
.adamia-app .adamia-zoom-img{
  max-width: 92vw;
  max-height: 87vh;
  border-radius: 1.2em;
  box-shadow: 0 6px 32px rgba(191,168,105,0.50);
  border: 4px solid var(--ad-ivory);
  background: var(--ad-ivory);
}
.adamia-app .adamia-zoom-modal .close-btn{
  position:absolute;
  top: 32px;
  right: 48px;
  font-size: 2.8em;
  color: var(--ad-ivory);
  background: none;
  border: none;
  cursor:pointer;
  font-weight: 900;
  z-index: 10001;
  text-shadow: 0 4px 24px rgba(49,67,56,0.50);
  line-height:1;
}

/* -----------------------------
   13) Carousel arrows (always visible, bright)
------------------------------ */
.adamia-app .carousel-item img{
  background: var(--ad-ivory);
  padding: 1rem;
  border-radius: 1rem;
}
.adamia-app .carousel-control-prev-icon,
.adamia-app .carousel-control-next-icon{
  width: 3rem;
  height: 3rem;
  filter: invert(1) brightness(200%);
}
.adamia-app .carousel-control-prev,
.adamia-app .carousel-control-next{
  opacity: 1 !important;
}

/* -----------------------------
   14) Tables
------------------------------ */
.adamia-app .table-adamia,
.adamia-app .table thead.table-dark{
  background: var(--ad-gold) !important;
  color: var(--ad-green) !important;
  border-radius: 10px 10px 0 0;
  font-weight: 900;
}
.adamia-app .table-adamia th,
.adamia-app .table-adamia td{
  border: 1.5px solid var(--ad-gold) !important;
  background: var(--ad-ivory) !important;
  color: var(--ad-green) !important;
}
body.adamia-app.dark-mode .table-adamia th,
body.adamia-app.dark-mode .table-adamia td{
  background: rgba(255,255,255,0.06) !important;
  color: var(--ad-green) !important;
  border-color: rgba(217,194,124,0.30) !important;
}

/* table-success color fix + disable striping override */
.adamia-app .table-success > th,
.adamia-app .table-success > td{
  background-color: var(--ad-success-soft) !important;
}
.adamia-app .table-striped tbody tr.table-success:nth-child(odd) > th,
.adamia-app .table-striped tbody tr.table-success:nth-child(odd) > td,
.adamia-app .table-striped tbody tr.table-success:nth-child(even) > th,
.adamia-app .table-striped tbody tr.table-success:nth-child(even) > td{
  background-color: var(--ad-success-soft) !important;
}
body.adamia-app.dark-mode .table-success > th,
body.adamia-app.dark-mode .table-success > td{
  background-color: rgba(25,135,84,0.16) !important;
}

/* Resizable header helper */
.adamia-app th.resizable{
  position: relative;
  min-width: 80px;
  background-clip: padding-box;
  overflow: visible !important;
}
.adamia-app th .resizer{
  position:absolute;
  right:0; top:0; bottom:0;
  width: 8px;
  cursor: col-resize;
  user-select:none;
  z-index:2;
  background: rgba(191,168,105,0.33);
  border-right: 2px solid var(--ad-gold);
  opacity: .7;
}
.adamia-app th .resizer:hover{
  background: rgba(255,224,130,0.67);
}

/* -----------------------------
   15) Status badges / recipients chips
------------------------------ */
.adamia-app .badge-status{
  display:inline-block;
  padding: .28em 1em .28em .85em;
  border-radius: 2em;
  font-size: 1em;
  font-weight: 800;
  letter-spacing: .04em;
  background: #ede7d0;
  color: #9e7b21;
  border: none;
  margin-bottom: 4px;
  vertical-align: middle;
}
.adamia-app .badge-draft{ background:#efe7d7; color: var(--ad-gold); }
.adamia-app .badge-scheduled{ background:#fff8c2; color:#8c7400; }
.adamia-app .badge-sent{ background: var(--ad-gold); color: var(--ad-ivory); }
.adamia-app .badge-canceled{ background:#e26b6b; color: var(--ad-ivory); }

.adamia-app .badge-recipients{
  background: var(--ad-soft);
  color: var(--ad-gold);
  font-weight: 900;
  margin-left: 6px;
  border-radius: 10px;
  font-size: .96em;
  padding: .13em .8em;
  border: 1px solid #d6c697;
}
body.adamia-app.dark-mode .badge-status,
body.adamia-app.dark-mode .badge-recipients{
  background: rgba(255,255,255,0.06) !important;
  color: var(--ad-green) !important;
  border: 1px solid var(--ad-border) !important;
}

/* -----------------------------
   16) BoxNow label modal preview
------------------------------ */
.adamia-app .label-preview{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
}
.adamia-app .label-preview img{
  display:block;
  margin:auto;
  width:100%;
  height:100%;
  max-width:36mm;
  max-height:22mm;
  object-fit:contain;
}
.adamia-app .tracking-number{
  margin-top: 10mm;
  font-size: 20px;
  font-weight: 900;
  color: #222;
  text-align:center;
  letter-spacing: 1px;
}
body.adamia-app.dark-mode .tracking-number{ color: var(--ad-green); }

.adamia-app .crystal-label{
  display:inline-block;
  padding: 4px 10px;
  margin: 2px 4px 2px 0;
  border-radius: 12px;
  vertical-align: middle;
  color: #000;
  font-size: .9rem;
}
body.adamia-app.dark-mode .crystal-label{ color: var(--ad-green); }

/* -----------------------------
   17) Responsive
------------------------------ */
@media (max-width: 900px){
  .adamia-app .adamia-shop-section{
    max-width: 100vw;
    border-radius: .7em;
  }
  .adamia-app .product-gallery-list{ gap: 10px; }
  .adamia-app .gallery-product-card{
    width: 45vw;
    min-width: 120px;
    max-width: 195px;
  }
  /* pagination: keep prev/next visible */
  .adamia-app .adamia-pagination a:not(.prev):not(.next),
  .adamia-app .adamia-pagination span.current-page{
    display:none;
  }
  .adamia-app .adamia-pagination a.prev,
  .adamia-app .adamia-pagination a.next{
    display:inline-block;
  }
}

@media (max-width: 768px){
  .adamia-app .summary-table-header{ display:none; }
  .adamia-app .summary-table-row{
    display:block;
    text-align:left;
    padding: 1rem;
    border: 1px solid #edd883;
    border-radius: 10px;
    background: #fffef7;
    margin-bottom: 1rem;
  }
  .adamia-app .summary-cell{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding: 6px 0;
    font-size: .97rem;
  }
  .adamia-app .summary-cell::before{
    content: attr(data-label);
    font-weight: 900;
    margin-right: .5rem;
    flex: 1;
  }
  .adamia-app .summary-cell > *:not(:first-child){
    flex: 1;
    text-align:right;
  }
  .adamia-app .adamia-zoom-modal .close-btn{
    top: 15px;
    right: 16px;
    font-size: 2em;
  }
  .adamia-app .adamia-zoom-img{ max-width: 97vw; }

  /* report button */
  .adamia-app .btn-report-adamia{ width: 32px; height: 32px; }
  .adamia-app .btn-report-adamia svg{ width: 16px; height: 16px; }

  /* pagination: keep prev/next */
  .adamia-app .adamia-pagination a:not(.prev):not(.next),
  .adamia-app .adamia-pagination span.current-page{
    display:none;
  }
  .adamia-app .adamia-pagination a.prev,
  .adamia-app .adamia-pagination a.next{
    display:inline-block;
  }
}

@media (max-width: 600px){
  /* Cart panel full width */
  .adamia-app #cartSection{
    left: 2vw !important;
    right: 2vw !important;
    width: 96vw !important;
    padding: 10vw 4vw 4vw 4vw !important;
    max-width: 99vw !important;
    min-width: 0 !important;
  }

  .adamia-app .summary-table-header,
  .adamia-app .summary-table-row{
    font-size: .97em;
  }

  .adamia-app .btn-report-adamia{ width: 32px; height: 32px; }
  .adamia-app .btn-report-adamia svg{ width: 16px; height: 16px; }

  /* Wizard/card comfort */
  .adamia-app .adamia-wizard-card,
  .adamia-app .ad-card{
    max-width: 97vw !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 2.1em 1.1em 1.7em 1.1em !important;
    box-shadow: 0 4px 18px rgba(206,180,107,0.10);
    border-radius: 16px !important;
  }

  body.adamia-app{ padding: 0 !important; }

  .adamia-app .btn-adamia,
  .adamia-app .btn-prosthiki{
    font-size: 1.12em !important;
    padding: .79em 1.6em !important;
    border-radius: 10px;
  }

  /* pagination: only prev/next */
  .adamia-app .adamia-pagination ul.pagination > li.page-item:not(:first-child):not(:last-child){
    display:none !important;
  }
  .adamia-app .adamia-pagination a.prev,
  .adamia-app .adamia-pagination a.next{
    display:inline-block;
  }
}

/* -----------------------------
   18) Optional: Wizard card (kept, scoped)
------------------------------ */

.adamia-app .adamia-wizard-card{
  background: linear-gradient(130deg, #fffbe9 85%, #f7f3ea 100%);
  border: 2.5px solid var(--ad-border);
  border-radius: 28px;
  box-shadow: 0 8px 36px #bfa86928, 0 1.5px 18px #e8dbc218;
  padding: 36px 32px 24px 32px;
  margin: 0 auto;
  max-width: 510px;
}

@media (max-width: 650px){
  .adamia-app .adamia-wizard-card{
    padding: 13vw 2vw 7vw 2vw;
    border-radius: 18px;
  }
}

.adamia-app .adamia-wizard-card h4{
  font-family: 'Segoe UI', Arial, sans-serif;
  font-weight: 800;
  color: var(--ad-green);
  font-size: 1.38em;
  letter-spacing: .01em;
  margin-bottom: 13px;
}

/* labels */
.adamia-app .adamia-wizard-card label.form-label,
.adamia-app .adamia-wizard-card .form-check-label{
  color: var(--ad-gold);
  font-weight: 600;
  font-size: 1.07em;
  cursor: pointer;
}

/* inputs */
.adamia-app .adamia-wizard-card .form-control,
.adamia-app .adamia-wizard-card .form-check-input{
  background: var(--ad-ivory);
  border-radius: 14px;
  border: 2px solid var(--ad-gold);
  color: var(--ad-green);
  font-size: 1.08em;
  box-shadow: 0 1px 7px #bfa86918;
}

.adamia-app.dark-mode .adamia-wizard-card{
  background: #232323;
  border-color: #bfa869;
}

.adamia-app.dark-mode .adamia-wizard-card .form-control,
.adamia-app.dark-mode .adamia-wizard-card .form-check-input{
  background: #1e1e1e;
  color: #ffe082;
  border-color: #bfa869;
}

/* helper text */
.adamia-app .adamia-wizard-card small,
.adamia-app .adamia-wizard-card .text-muted{
  color: #8c8c8c;
  font-size: .96em;
}

/* validation */
.adamia-app .adamia-wizard-card .invalid-feedback{
  color: #d9001b;
  font-weight: 600;
}
.adamia-app .adamia-wizard-card .valid-feedback{
  color: #4aa84a;
  font-weight: 600;
}

/* buttons */
.adamia-app .adamia-wizard-card .btn-adamia,
.adamia-app .adamia-wizard-card .btn-prosthiki{
  min-width: 122px;
  font-size: 1.13em;
  font-weight: 700;
  padding: .56em 1.7em;
  border-radius: 19px;
  box-shadow: 0 2px 10px #bfa8691b;
}

.adamia-app .adamia-wizard-card .btn-adamia{
  background: var(--ad-gold);
  color: var(--ad-green);
}

.adamia-app .adamia-wizard-card .btn-prosthiki{
  background: var(--ad-green);
  color: #fff;
}

.adamia-app .adamia-wizard-card .btn-adamia:hover{
  background: var(--ad-green);
  color: #fff;
}

.adamia-app .adamia-wizard-card .btn-prosthiki:hover{
  background: var(--ad-gold);
  color: var(--ad-green);
}

/* cozy navigation group */
.adamia-app .adamia-wizard-card .d-flex.gap-3{
  box-shadow: 0 2px 12px #bfa86920;
  background: #fffbe9;
  border-radius: 17px;
  padding: 11px 0;
}

/* radio buttons – keep native, styled */
.adamia-app .adamia-wizard-card
.form-check-input[type="radio"]{
  appearance: radio;
  width: 1.35em;
  height: 1.35em;
  border: 2.5px solid var(--ad-gold);
  background: var(--ad-ivory);
  box-shadow: 0 1px 3px #bfa86922;
  cursor: pointer;
}

.adamia-app .adamia-wizard-card
.form-check-input[type="radio"]:checked::before{
  content: '';
  display: block;
  width: .55em;
  height: .55em;
  margin: .2em auto;
  border-radius: 50%;
  background: linear-gradient(145deg,#f0f0f4,#babec4);
  border: 1px solid #e1e1e5;
}

/* =========================================================
   Adamia Cookie Banner — FINAL (no CSS vars, beats Bootstrap)
   ========================================================= */

/* Card look */
#cookieBanner.adamia-cookie .adamia-cookie-card{
  border-radius: 18px !important;
  border: 2px solid #e8dbc2 !important;        /* Adamia border */
  background: rgba(255,251,233,0.98) !important; /* Adamia ivory */
  box-shadow: 0 12px 40px rgba(0,0,0,0.12) !important;
}

/* Text */
#cookieBanner.adamia-cookie .fw-semibold{
  color: #314338 !important; /* Adamia green */
}
#cookieBanner.adamia-cookie .small,
#cookieBanner.adamia-cookie .opacity-75{
  color: rgba(49,67,56,0.85) !important;
}
#cookieBanner.adamia-cookie .form-check-label{
  color: #314338 !important;
}

/* Buttons — force override Bootstrap */
#cookieBanner.adamia-cookie .btn.adamia-btn-primary,
#cookieBanner.adamia-cookie .btn.btn-primary.adamia-btn-primary{
  background: #bfa869 !important;  /* Adamia gold */
  border-color: #bfa869 !important;
  color: #1b1b1b !important;
  font-weight: 900 !important;
  box-shadow: 0 2px 10px rgba(191,168,105,0.22) !important;
}
#cookieBanner.adamia-cookie .btn.adamia-btn-primary:hover{
  filter: brightness(0.96);
}

#cookieBanner.adamia-cookie .btn.adamia-btn-success,
#cookieBanner.adamia-cookie .btn.btn-success.adamia-btn-success{
  background: #314338 !important; /* Adamia green */
  border-color: #314338 !important;
  color: #fff !important;
  font-weight: 900 !important;
  box-shadow: 0 2px 10px rgba(49,67,56,0.20) !important;
}

/* Outline buttons (Settings/Reject) */
#cookieBanner.adamia-cookie .btn.adamia-btn-outline,
#cookieBanner.adamia-cookie .btn.btn-outline-secondary.adamia-btn-outline{
  background: transparent !important;
  border-color: #bfa869 !important; /* Adamia gold */
  color: #314338 !important;        /* Adamia green */
  font-weight: 800 !important;
}
#cookieBanner.adamia-cookie .btn.adamia-btn-outline:hover{
  background: rgba(191,168,105,0.14) !important;
}

/* Links */
#cookieBanner.adamia-cookie a,
#cookieBanner.adamia-cookie .adamia-link{
  color: #314338 !important;
  text-decoration: underline !important;
}
#cookieBanner.adamia-cookie a:hover,
#cookieBanner.adamia-cookie .adamia-link:hover{
  color: #bfa869 !important;
}

/* Dark mode via Bootstrap attribute */
[data-bs-theme="dark"] #cookieBanner.adamia-cookie .adamia-cookie-card{
  background: rgba(18,26,22,0.96) !important;
  border-color: rgba(217,194,124,0.28) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,0.45) !important;
}
[data-bs-theme="dark"] #cookieBanner.adamia-cookie .fw-semibold,
[data-bs-theme="dark"] #cookieBanner.adamia-cookie .form-check-label{
  color: rgba(233,242,238,0.92) !important;
}
[data-bs-theme="dark"] #cookieBanner.adamia-cookie .small,
[data-bs-theme="dark"] #cookieBanner.adamia-cookie .opacity-75{
  color: rgba(233,242,238,0.72) !important;
}
[data-bs-theme="dark"] #cookieBanner.adamia-cookie .btn.adamia-btn-outline{
  color: rgba(233,242,238,0.92) !important;
}
/* =========================================================
   Adamia Unified Theme
   - Landing: body.adamia-landing[data-theme="dark|light"]
   - Bootstrap pages: html[data-bs-theme="dark|light"]
   ========================================================= */

/* ---------- 1) Tokens: single source of truth ---------- */
:root{
  /* Brand */
  --adamia-gold:#bfa869;
  --adamia-emerald:#1e5a46;
  --adamia-ink:#11131a;

  /* Defaults = DARK (Forest Night) */
  --adamia-bg:#0e1714;
  --adamia-card:rgba(18,31,27,.78);
  --adamia-text:#eef5f2;
  --adamia-muted:#9fb6ad;
  --adamia-border:rgba(191,168,105,.22);

  --adamia-glow-gold:rgba(191,168,105,.18);
  --adamia-glow-emerald:rgba(30,90,70,.22);
}

/* LIGHT tokens (landing) */
body[data-theme="light"],
.adamia-landing[data-theme="light"]{
  --adamia-bg:#f7f4ee;
  --adamia-card:#ffffff;
  --adamia-text:#1e5a46;
  --adamia-muted:#4b6b60;
  --adamia-border:rgba(30,90,70,.18);
  --adamia-glow-gold:rgba(191,168,105,.20);
  --adamia-glow-emerald:rgba(30,90,70,.14);
}

/* LIGHT/DARK tokens (Bootstrap pages via data-bs-theme) */
html[data-bs-theme="light"]{
  --adamia-bg:#f7f4ee;
  --adamia-card:#ffffff;
  --adamia-text:#1e5a46;
  --adamia-muted:#4b6b60;
  --adamia-border:rgba(30,90,70,.18);
  --adamia-glow-gold:rgba(191,168,105,.20);
  --adamia-glow-emerald:rgba(30,90,70,.14);
}
html[data-bs-theme="dark"]{
  /* keep defaults (dark) */
}

/* ---------- 2) Global base (safe, doesn’t fight Bootstrap) ---------- */
body{
  color: var(--adamia-text);
}

/* Optional: apply the landing background ONLY on landing */
body.adamia-landing{
  background:
    radial-gradient(1200px 700px at 10% 0%, var(--adamia-glow-gold), transparent 62%),
    radial-gradient(900px 650px at 70% 95%, var(--adamia-glow-emerald), transparent 60%),
    var(--adamia-bg);
  min-height: 100vh;
  font-family: 'Segoe UI', Arial, sans-serif;
}

/* ---------- 3) Landing components (your existing class names) ---------- */
body.adamia-landing .topbar{
  border-bottom: 1px solid var(--adamia-border);
  background: linear-gradient(90deg, rgba(191,168,105,.08), rgba(30,90,70,.06));
  backdrop-filter: blur(10px);
}
body.adamia-landing[data-theme="light"] .topbar{
  background: linear-gradient(90deg, rgba(191,168,105,.14), rgba(30,90,70,.10));
}

body.adamia-landing .glass-card{
  background: rgba(255,255,255,.06);
  border: 1px solid var(--adamia-border);
  border-radius: 22px;
  backdrop-filter: blur(10px);
  box-shadow: 0 20px 60px rgba(0,0,0,.20);
}
body.adamia-landing[data-theme="light"] .glass-card{
  background: rgba(255,255,255,.86);
  box-shadow: 0 18px 45px rgba(0,0,0,.10);
}

body.adamia-landing .hero-title{
  letter-spacing: -0.02em;
  font-weight: 800;
  line-height: 1.05;
  color: var(--adamia-text);
}

body.adamia-landing .badge-soft{
  border: 1px solid var(--adamia-border);
  background: rgba(191,168,105,.12);
  color: var(--adamia-text);
  padding: .45rem .7rem;
  border-radius: 999px;
  font-size: .9rem;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}

body.adamia-landing .btn-adamia{
  background: var(--adamia-gold);
  border: none;
  color: var(--adamia-ink);
  font-weight: 900;
  border-radius: 14px;
  padding: .75rem 1rem;
  box-shadow: 0 10px 25px rgba(191,168,105,.20);
}
body.adamia-landing .btn-adamia:hover{ filter: brightness(.96); }

body.adamia-landing .muted{ color: var(--adamia-muted); }

body.adamia-landing .form-control,
body.adamia-landing .input-group-text{
  border-radius: 14px !important;
  border: 1px solid rgba(191,168,105,.28) !important;
  background: rgba(255,255,255,.06);
  color: var(--adamia-text) !important;
}
body.adamia-landing[data-theme="light"] .form-control,
body.adamia-landing[data-theme="light"] .input-group-text{
  background: rgba(255,255,255,.92);
  border-color: rgba(30,90,70,.20) !important;
}
body.adamia-landing .form-control::placeholder{ color: rgba(159,182,173,.85); }
body.adamia-landing[data-theme="light"] .form-control::placeholder{ color: rgba(30,90,70,.55); }
body.adamia-landing .form-control:focus{
  box-shadow: 0 0 0 .2rem rgba(191,168,105,.20) !important;
  border-color: rgba(191,168,105,.55) !important;
}

body.adamia-landing .dropdown-menu{
  background: rgba(18,31,27,.92);
  border: 1px solid var(--adamia-border);
  box-shadow: 0 18px 45px rgba(0,0,0,.25);
  backdrop-filter: blur(10px);
}
body.adamia-landing .dropdown-item{ color: var(--adamia-text); }
body.adamia-landing .dropdown-item:hover,
body.adamia-landing .dropdown-item:focus{
  background: rgba(191,168,105,.16);
  color: var(--adamia-text);
}
body.adamia-landing[data-theme="light"] .dropdown-menu{
  background: rgba(255,255,255,.95);
  box-shadow: 0 18px 45px rgba(0,0,0,.12);
}
body.adamia-landing[data-theme="light"] .dropdown-item:hover,
body.adamia-landing[data-theme="light"] .dropdown-item:focus{
  background: rgba(30,90,70,.10);
}

body.adamia-landing .footer-link{
  color: var(--adamia-muted);
  text-decoration: none;
}
body.adamia-landing .footer-link:hover{ color: var(--adamia-text); }

/* Social/login buttons */
body.adamia-landing .social-btn,
body.adamia-landing .login-btn{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: var(--adamia-gold);
  border: 1px solid rgba(191,168,105,.35);
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(10px);
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
  transition: transform .12s ease, filter .12s ease, background .12s ease;
}
body.adamia-landing .social-btn:hover,
body.adamia-landing .login-btn:hover{
  transform: translateY(-1px);
  background: rgba(191,168,105,.12);
  filter: brightness(1.02);
}
body.adamia-landing[data-theme="light"] .social-btn,
body.adamia-landing[data-theme="light"] .login-btn{
  background: rgba(255,255,255,.90);
  box-shadow: 0 12px 24px rgba(0,0,0,.10);
}

/* ---------- 4) Cookie banner: bind to same tokens everywhere ---------- */
#cookieBanner.adamia-cookie .adamia-cookie-card{
  border-color: var(--adamia-border) !important;
}
body[data-theme="dark"] #cookieBanner.adamia-cookie .adamia-cookie-card,
html[data-bs-theme="dark"] #cookieBanner.adamia-cookie .adamia-cookie-card{
  background: rgba(18,31,27,.92) !important;
}
body[data-theme="light"] #cookieBanner.adamia-cookie .adamia-cookie-card,
html[data-bs-theme="light"] #cookieBanner.adamia-cookie .adamia-cookie-card{
  background: rgba(255,255,255,.94) !important;
}
/* =========================
   DARK MODE POLISH (ADMIN) — FIXED
   put at END of adamia-theme.css
   ========================= */

body.adamia-app.dark-mode{
  /* Background */
  --ad-bkg: #0c1411;

  /* Cards: prefer grey/charcoal (not gold) */
  --ad-card: #1a1f1d;            /* main card bg */
  --ad-card-soft: #202624;       /* table rows / inner panels */

  /* Text (avoid pure white) */
  --ad-text: #d6ddd9;            /* primary text */
  --ad-text-soft: #b6c0bb;       /* secondary */
  --ad-text-muted: #9aa6a0;      /* muted */

  /* Accents */
  --ad-border: rgba(217,194,124,0.20);
  --ad-shadow: rgba(0,0,0,0.45);

  /* Inputs/panels */
  --ad-ivory: rgba(255,255,255,0.06);
}

/* -------------------------
   Card
-------------------------- */
body.adamia-app.dark-mode .card,
body.adamia-app.dark-mode .adamia-card{
  background: var(--ad-card) !important;
  border: 1px solid var(--ad-border) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.45) !important;
}

/* Headings inside cards (keep them crisp but not neon) */
body.adamia-app.dark-mode h1,
body.adamia-app.dark-mode h2,
body.adamia-app.dark-mode h3{
  color: #eef3f0 !important;
  letter-spacing: .02em;
}

/* General text in cards (fix: remove "white" look) */
body.adamia-app.dark-mode .card,
body.adamia-app.dark-mode .card p,
body.adamia-app.dark-mode .card li,
body.adamia-app.dark-mode .card td,
body.adamia-app.dark-mode .card th{
  color: var(--ad-text) !important;
}

/* Secondary text (info blocks, small text, muted) */
body.adamia-app.dark-mode .stone-info,
body.adamia-app.dark-mode small,
body.adamia-app.dark-mode .text-muted,
body.adamia-app.dark-mode .muted{
  color: var(--ad-text-soft) !important;
}

/* -------------------------
   Buttons (keep your “perfect” look)
-------------------------- */

/* Primary (btn-adamia): premium gold */
body.adamia-app.dark-mode .btn-adamia{
  background: linear-gradient(180deg, #e6d39a 0%, #cdb067 100%) !important;
  color: #101311 !important;
  border: 1px solid rgba(217,194,124,.55) !important;
  box-shadow: 0 10px 26px rgba(217,194,124,.14), 0 8px 24px rgba(0,0,0,.30) !important;
  border-radius: 14px !important;
}
body.adamia-app.dark-mode .btn-adamia:hover{
  filter: brightness(1.03);
  transform: translateY(-1px);
}

/* Secondary (btn-prosthiki): emerald fill */
body.adamia-app.dark-mode .btn-prosthiki{
  background: linear-gradient(180deg, #2b5a47 0%, #234a3a 100%) !important;
  color: #ecf6f1 !important;
  border: 1px solid rgba(217,194,124,.50) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.35) !important;
  border-radius: 16px !important;
}
body.adamia-app.dark-mode .btn-prosthiki:hover{
  filter: brightness(1.06);
  transform: translateY(-1px);
}

/* Small buttons */
body.adamia-app.dark-mode .btn.btn-sm{
  border-radius: 12px !important;
  padding: .45rem .75rem !important;
}

/* -------------------------
   Tables (remove gold carpet)
-------------------------- */

/* Header: subtle grey header, gold only as border/accent */
body.adamia-app.dark-mode .table-adamia thead th{
  background: #262c29 !important;
  color: #f0f4f2 !important;
  border-color: rgba(217,194,124,0.25) !important;
}

/* Cells: charcoal rows */
body.adamia-app.dark-mode .table-adamia td{
  background: var(--ad-card-soft) !important;
  color: var(--ad-text) !important;
  border-color: rgba(217,194,124,0.15) !important;
}

/* Stripe: subtle difference (grey, όχι χρυσό) */
body.adamia-app.dark-mode .table-striped tbody tr:nth-of-type(odd) td{
  background: #1e2422 !important;
}

/* -------------------------
   Badges (gentle in dark)
-------------------------- */
body.adamia-app.dark-mode .badge.bg-success{
  background: rgba(25,135,84,.22) !important;
  color: #dff3ea !important;
}
body.adamia-app.dark-mode .badge.bg-warning{
  background: rgba(255,193,7,.16) !important;
  color: #ffe8a3 !important;
}

  /* Dark-friendly card */
  .add-user-card {
      max-width: 520px;
      margin: 30px auto;
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,0.12);
      background: rgba(255,255,255,0.02);
      padding: 18px;
  }

  /* ✅ Force dark inputs/selects */
  .add-user-card .form-control,
  .add-user-card .form-select,
  .add-user-card input[type="text"],
  .add-user-card input[type="email"],
  .add-user-card input[type="number"],
  .add-user-card select {
      background-color: rgba(255,255,255,0.06) !important;
      color: inherit !important;
      border: 1px solid rgba(255,255,255,0.18) !important;
  }

  /* Placeholder color */
  .add-user-card .form-control::placeholder,
  .add-user-card input::placeholder {
      color: rgba(255,255,255,0.55) !important;
  }

  /* ✅ Fix dropdown list background (the white popup you see) */
  body.adamia-app.dark-mode .add-user-card select option{
  background-color: #111814 !important;
  color: #e8e8e8 !important;
}


  /* ✅ Autofill (Chrome) turns inputs white — override it */
  .add-user-card input:-webkit-autofill,
  .add-user-card input:-webkit-autofill:hover,
  .add-user-card input:-webkit-autofill:focus,
  .add-user-card textarea:-webkit-autofill,
  .add-user-card select:-webkit-autofill {
      -webkit-text-fill-color: inherit !important;
      transition: background-color 999999s ease-in-out 0s;
      box-shadow: 0 0 0px 1000px rgba(255,255,255,0.06) inset !important;
      border: 1px solid rgba(255,255,255,0.18) !important;
  }

  /* Better focus ring */
  .add-user-card .form-control:focus,
  .add-user-card .form-select:focus {
      outline: none;
      box-shadow: 0 0 0 0.2rem rgba(217, 178, 90, 0.25) !important;
      border-color: rgba(217, 178, 90, 0.55) !important;
  }

  .hint { font-size: 0.92rem; opacity: .85; }
/* =====================================================
   GLOBAL DARK MODE FIXES (Admin)
   Applies ONLY in dark-mode
===================================================== */

body.adamia-app.dark-mode .container .form-control,
body.adamia-app.dark-mode .container .form-select,
body.adamia-app.dark-mode .container input[type="text"],
body.adamia-app.dark-mode .container input[type="email"],
body.adamia-app.dark-mode .container input[type="number"],
body.adamia-app.dark-mode .container input[type="date"],
body.adamia-app.dark-mode .container select{
  background-color: rgba(255,255,255,0.06) !important;
  color: inherit !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
}

body.adamia-app.dark-mode .container .form-control::placeholder,
body.adamia-app.dark-mode .container input::placeholder{
  color: rgba(255,255,255,0.55) !important;
}

/* dropdown list */
body.adamia-app.dark-mode .container select option{
  background-color: #111814 !important;
  color: #e8e8e8 !important;
}

/* Date picker UI (Chrome/Edge) */
body.adamia-app.dark-mode .container input[type="date"]{
  color-scheme: dark;
}

/* Autofill */
body.adamia-app.dark-mode .container input:-webkit-autofill,
body.adamia-app.dark-mode .container input:-webkit-autofill:hover,
body.adamia-app.dark-mode .container input:-webkit-autofill:focus,
body.adamia-app.dark-mode .container textarea:-webkit-autofill,
body.adamia-app.dark-mode .container select:-webkit-autofill{
  -webkit-text-fill-color: inherit !important;
  transition: background-color 999999s ease-in-out 0s;
  box-shadow: 0 0 0px 1000px rgba(255,255,255,0.06) inset !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
}

/* Focus ring */
body.adamia-app.dark-mode .container .form-control:focus,
body.adamia-app.dark-mode .container .form-select:focus{
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(217,178,90,0.25) !important;
  border-color: rgba(217,178,90,0.55) !important;
}

/* Admin pages that use .form-section (e.g. add-sale) */
.adamia-app .form-section{
  background: var(--ad-card) !important;
  border: 1.5px solid var(--ad-border) !important;
  border-radius: 22px !important;
  box-shadow: 0 8px 32px 0 var(--ad-shadow) !important;
}
.adamia-app .preview-table-header{
  background: var(--ad-soft) !important;
  border-bottom: 1px solid var(--ad-border) !important;
  border-radius: 10px 10px 0 0;
  color: var(--ad-green) !important;
  font-weight: 900;
}
.adamia-app .preview-table-row{
  background: var(--ad-soft-2) !important;
  border-bottom: 1px solid var(--ad-border) !important;
  color: var(--ad-green) !important;
}
body.adamia-app.dark-mode .preview-table-header,
body.adamia-app.dark-mode .preview-table-row{
  color: var(--ad-green) !important; /* keep readable */
}
/* Select2 dropdown results */
.select2-container--default .select2-results__option{
  background: var(--ad-soft) !important;
  color: var(--ad-green) !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background: var(--ad-gold) !important;
  color: var(--ad-green) !important;
}
body.adamia-app.dark-mode .select2-dropdown{
  background: rgba(18,31,27,.92) !important;
  border-color: var(--ad-border) !important;
}
body.adamia-app.dark-mode .select2-container--default .select2-results__option{
  background: rgba(255,255,255,0.06) !important;
  color: var(--ad-green) !important;
}
/* ==========================================
   ADD-SALE: Mobile-friendly products section
   (scoped)
========================================== */

/* Γενικό “στένεμα” σε κινητό */
@media (max-width: 768px){
  .add-sale-page .form-section{
    padding: 14px !important;
    border-radius: 18px !important;
  }

  /* Δεξί panel να μην “πνίγει” */
  .add-sale-page #products-list .row{
    row-gap: 10px;
  }

  /* Τα inputs/select να είναι full width και να “κάθονται” σωστά */
  .add-sale-page #products-list .col-md-6,
  .add-sale-page #products-list .col-md-2,
  .add-sale-page #products-list .col-md-1{
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* Το remove button να μην είναι μικρό/στριμωγμένο */
  .add-sale-page #products-list .remove-product{
    width: 100%;
  }

  /* Select2: full width + σωστό ύψος */
  .add-sale-page .select2-container{
    width: 100% !important;
  }

  /* Preview: κρύψε header “πίνακα” */
  .add-sale-page .preview-table-header{
    display: none !important;
  }

  /* Preview rows -> κάρτες */
  .add-sale-page .preview-table-row{
    display: block !important;
    text-align: left !important;
    padding: 12px !important;
    margin-bottom: 12px;
    border-radius: 14px;
    border: 1px solid var(--ad-border);
    background: var(--ad-soft-2);
  }

  /* Κάθε “κελί” γίνεται γραμμή: label αριστερά / value δεξιά */
  .add-sale-page .preview-cell{
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 6px 0 !important;
  }

  /* Η εικόνα να πάει πάνω και μεγαλύτερη */
  .add-sale-page .preview-table-row .preview-cell:first-child{
    justify-content: flex-start;
  }

  .add-sale-page .preview-table-row img{
    width: 54px !important;
    height: 54px !important;
    border-radius: 12px;
    margin-right: 0 !important;
  }

  /* Totals: πιο καθαρό σε mobile */
  .add-sale-page #totals-area{
    text-align: left !important;
    padding: 12px !important;
  }
  .add-sale-page #totals-area input{
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 8px;
  }
}

/* Extra tight phones */
@media (max-width: 420px){
  .add-sale-page .form-section{ padding: 12px !important; }
  .add-sale-page .preview-table-row{ padding: 10px !important; }
}
@media (max-width: 768px){
  .add-sale-page .preview-cell::before{
    content: attr(data-label);
    font-weight: 800;
    opacity: .85;
    flex: 1;
  }
  .add-sale-page .preview-cell > *{
    flex: 1;
    text-align: right;
  }
  .add-sale-page .preview-cell[data-label="Φωτο"]::before{
    content: "";
  }
  .add-sale-page .preview-cell[data-label="Φωτο"] > *{
    text-align: left;
  }
}
/* Labels πάνω από τα πεδία προϊόντος (mobile only) */
.ad-field-label{
  display: none;
  font-weight: 800;
  font-size: .9rem;
  margin: 0 0 6px 2px;
  opacity: .9;
}

/* Mobile layout */
@media (max-width: 768px){
  .ad-field{ margin-bottom: 10px; }
  .ad-field-label{ display: block; }

  /* make the row breathe */
  #products-list .row{
    row-gap: 10px;
  }

  /* ensure remove button aligns nicely */
  .ad-field-actions .ad-field-label{
    visibility: hidden; /* κρατάει ύψος ώστε να ευθυγραμμίζεται */
  }
}
@media (max-width: 768px){
  .select2-container{ width:100% !important; }
  .select2-container .select2-selection--single{ min-height: 42px; }
}
/* Λίγος αέρας κάτω από το label */
.final-pay-label{
  display: inline-block;
  margin-bottom: 8px;
}
/* Μικρότερα, πιο “compact” κουμπιά ΜΟΝΟ εδώ */
#totals-area .totals-actions .btn{
  padding: 8px 14px !important;
  border-radius: 12px !important;
  font-size: 0.98rem !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.12) !important;
}

/* Σε πολύ μικρές οθόνες λίγο πιο “tap friendly” */
@media (max-width: 420px){
  #totals-area .totals-actions .btn{
    padding: 10px 14px !important;
    font-size: 1.02rem !important;
  }
}
.ad-readonly{
  cursor: default;
  opacity: .95;
  user-select: none;
}
/* =========================================================
   Select2 Stock Colors (add-sale) — FIX for dark-mode small override
   Put at END of adamia-theme.css
========================================================= */

/* Default (light + general) */
.adamia-app .select2-container--default .select2-results .stock-indicator{
  text-decoration: none !important;
  font-weight: 800;
}
.adamia-app .select2-container--default .select2-results .stock-indicator.stock-red{ color: #d9001b !important; }
.adamia-app .select2-container--default .select2-results .stock-indicator.stock-orange{ color: #ff8c1a !important; }
.adamia-app .select2-container--default .select2-results .stock-indicator.stock-green{ color: #2f9e44 !important; }
.adamia-app .select2-container--default .select2-results .stock-indicator.stock-unk{ color: #8c8c8c !important; }

/* Dark mode: MUST beat `body.adamia-app.dark-mode small { ... !important; }` */
body.adamia-app.dark-mode .select2-container--default .select2-results .stock-indicator.stock-red{ color: #ff4d4d !important; }
body.adamia-app.dark-mode .select2-container--default .select2-results .stock-indicator.stock-orange{ color: #ffa94d !important; }
body.adamia-app.dark-mode .select2-container--default .select2-results .stock-indicator.stock-green{ color: #51cf66 !important; }
body.adamia-app.dark-mode .select2-container--default .select2-results .stock-indicator.stock-unk{ color: #adb5bd !important; }
 /* Progress modal readability */
  #progressModal .modal-content { border-radius: 14px; }
  #progressModal #progressLog > div { padding: 2px 0; }
  #progressModal .text-muted { opacity: .85; }

  body.adamia-app.dark-mode #coupon-feedback {
  color: #dc3545 !important; /* bootstrap danger red */
}
/* =========================================
   Status summary modal (admin)
========================================= */
#statusSummaryModal .accordion-button{
  border-radius: 14px;
  border: 1px solid var(--ad-border);
}

/* Light mode */
body.adamia-app:not(.dark-mode) .st-active{ background:#f2fff7; }
body.adamia-app:not(.dark-mode) .st-instock{ background:#f2f7ff; }
body.adamia-app:not(.dark-mode) .st-lowstock{ background:#fff7f0; }
body.adamia-app:not(.dark-mode) .st-outstock{ background:#fff2f2; }

/* Dark mode */
body.adamia-app.dark-mode .st-active{ background: rgba(25,135,84,.18); }
body.adamia-app.dark-mode .st-instock{ background: rgba(13,110,253,.18); }
body.adamia-app.dark-mode .st-lowstock{ background: rgba(255,193,7,.18); }
body.adamia-app.dark-mode .st-outstock{ background: rgba(220,53,69,.18); }
/* =========================================
   Status summary pills — contrast fix
========================================= */
#statusSummaryModal .acc-badge,
#statusSummaryModal .pill{
  background: rgba(255,255,255,0.92) !important;
  color: #1e1e1e !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
  font-weight: 800;
}

/* Dark mode: pills ΠΑΝΤΑ readable */
body.adamia-app.dark-mode #statusSummaryModal .acc-badge,
body.adamia-app.dark-mode #statusSummaryModal .pill{
  background: rgba(255,255,255,0.88) !important;
  color: #111 !important;
  border-color: rgba(217,194,124,0.45) !important;
}
/* =========================
   jQuery UI Autocomplete (Admin) — DARK MODE ONLY
   ========================= */

body.adamia-app.dark-mode .ui-autocomplete{
  background: rgba(18,31,27,.92) !important;        /* σαν τα modals σου */
  color: var(--ad-green) !important;
  border: 1px solid var(--ad-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 55px rgba(0,0,0,0.45) !important;
  padding: 6px !important;
  z-index: 99999 !important; /* keep your existing z-index intent */
}

body.adamia-app.dark-mode .ui-autocomplete .ui-menu-item-wrapper{
  background: transparent !important;
  color: var(--ad-green) !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  margin: 2px 0 !important;
  border: 0 !important;
}

body.adamia-app.dark-mode .ui-autocomplete .ui-menu-item-wrapper.ui-state-active,
body.adamia-app.dark-mode .ui-autocomplete .ui-menu-item-wrapper:hover{
  background: rgba(217,194,124,0.16) !important;   /* gold hover όπως χρησιμοποιείς */
  color: var(--ad-green) !important;
}

/* remove jQuery UI default borders */
body.adamia-app.dark-mode .ui-widget.ui-widget-content{
  border: 1px solid var(--ad-border) !important;
}
