/* Table styling */
table.scnl-table{
    width: 100%;
    border-collapse: collapse;
}

/* Table header styling */
table.scnl-table thead th {
    text-align: left;
    font-weight: bold;
    padding: 1rem;
    background-color: #f4f4f4;
    border-bottom: 2px solid #ddd;
}

/* Table row as cards */
table.scnl-table tbody tr {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 1rem;
    overflow: hidden;
    border-spacing: 0;
    padding-bottom: 2px;
}

/* Table cells inside rows */
table.scnl-table tbody td {
    padding: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

body{
    background-color: #F8F9FA;
}
.scnl-button-radius{
  border-radius: 20px;
  background-color: #000000;
  border: 0px solid  #000000;
}
.scnl-button-radius:hover{
  border-radius: 20px;
  background-color: #000000;
  border: 0px solid  #000000;
}
.scnl-img-padding{
  padding-top: 10px;
}
.scnl-row-heigt{
  padding-top: 40px;
}
.scnl-loginwindow{
    background-color: #FFFFFF;
    padding: 2em;
    border-radius: 20px;
    border: 0px solid;
}
.resize-shoppingcard{
height: 50px;
   padding-top: 10px;
   padding-right: 30px;
}
.scnl-content{
   background-color:#F8F9FA;
}
.scnl-header{
   float:none;
   background-color:#000000 !important;
}
.scnl-header-img{
	height: 75px;
	width: auto;
}
 .scnl-oder-row {
            background-color: white;
            border-radius: 0.5rem;
            margin-bottom: 0.2rem;
            padding: 0.1rem;
        }

.myfactory-button {
    color: white !important;
    background-color: #000000!important;
}

.leanez-button {
    color: white !important;
    background-color: #E21F26!important;
}

.page-link{
     color:  #E21F26!important;
}

.bg-grey{
            background-color: #c2c2c2;
}
.rounded-card{
            border-radius: 50px
}
.align-right {
    display: flex;
    justify-content: flex-end;
    gap: 10px; 
}
.m-2.5 {
    margin: .75rem !important;
}
.w-95 { width: 95%; }

.rounded-corners{
            border-radius: 20px
}

.scnl-textarea {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.scnl-textarea:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.25);
}
.scnl-badge:after{
        content:attr(value);
        font-size:12px;
        color: #fff;
        background: red;
        border-radius:50%;
        padding: 0 5px;
        position:relative;
        left:-8px;
        top:-10px;
        opacity:0.9;
    }

  .current-page {
    background-color: #E21F26!important; 
    color: white !important;
    font-weight: bold;
    border: 1px solid #E21F26;
    cursor: default;
  }

  .current-page:hover {
    background-color: #E21F23!important;
    border-color: #E21F23!important;
   box-shadow: 0 0 0 1px #F27B7E !important;
    color: #ffffff !important;
  }

.page-link:hover {
background-color: #F03B40 !important;
    border-color: #F03B40 !important;
  box-shadow: 0 0 0 1px #F27B7E !important;
  color: #ffffff !important;
}

.page-link:active {
  background-color: #F24A4E !important;
  color: #FFFFFF !important;
}

.page-link:focus {
  outline: none !important;
  box-shadow: 0 0 0 1px #F27B7E !important;
}

.top-gold-line {
  width: 100%;
  height: 4px;
background: linear-gradient(
  to right,
#79693A 0%,     
    #A8975B 25%,      
    #E5DBA9 50%,    
    #A8975B 75%,   
    #79693A 100%  
);
}

.icon-gray {
    color: #afafaf;  
}

.text-gray {
  color: #afafaf;
}

a.text-gray:hover {
  color: #afafaf; !important;
  text-decoration: none !important;
}

a {
    text-decoration: none; /* removes the underline / blue line */
}

 .shopping-cart {
    position: relative;
    display: inline-block;
  }

  .shopping-cart-icon {
    translate: 0px 0px 0px; /* optional, though not commonly used in CSS */
    font-size: 2rem; /* fs-1 equivalent */
    color: white;
  }

  .cart-badge-wrapper {
    position: absolute;
    top: 8px;
    right: 5px;
  }

  .cart-badge {
    width: 20px;
    height: 26px;
    padding: 2px 0 0 0;
    font-size: 18px;
    border-radius: 13px;
  }

html, body {
  height: 100%;
  margin: 0;
  background-color: black;
  font-family: 'Calibri', sans-serif;
}

.bg-leanez-dark{
  background-color: black;
}

.bg-leanez-red{
  background-color: #E21F26 !important;
}

.text-leanez-white{
    color: white !important;
}

.text-leanez-white input {
  color: white !important;
}

.col-auto
{
    width: inherit !important;
}

.pagination
{
    float: right !important;
    margin-top: 20px;
}

.orderItemDisabled
{
    background-color: lightgray !important;
}

.col-6 img {
  display: block;
  margin: 0 auto;
}

@font-face {
  font-family: 'Calibri';
  src: url('./font/calibri-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Calibri';
  src: url('./font/calibri-bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Calibri';
  src: url('./font/calibri-italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Calibri';
  src: url('./font/calibri-bold-italic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}