/* custom-theme.css */
/* Bootstrap 5 theme overrides with your palette */


/*:root {
  --bs-primary: #F89877;
  --bs-secondary: #858383c4;
  --bs-success: #ff1076;
  --bs-info: #ecb3c3;
  --bs-warning: #e6beab;
  --bs-danger: #ff1076;
}*/


:root {
  --bs-primary: #ff1076;
  --bs-secondary: #f8f9fa;
  --bs-success: #ff1076;
  --bs-info: #FFF5F1;
  --bs-warning: #FFF5F1;
  --bs-danger: #ff5c9c;
}

/* --------------------------------------------------
   BUTTONS
-------------------------------------------------- */
.btn-primary {
  background-color: #FFF5F1 !important;
    border: white!important;
  color: #313133 !important;
}

/* Secondary button override */
.btn-secondary {
  background-color: var(--bs-secondary) !important;
  border-color: var(--bs-secondary) !important;
  color: white !important; /* dark text for beige */
}

.btn-success {
  background-color: var(--bs-success) !important;
  border-color: var(--bs-success) !important;
  color: #fff !important;
}

.btn-info {
  background-color: var(--bs-info) !important;
  border-color: var(--bs-info) !important;
  color: #212529 !important;
}

.btn-warning {
  background-color: var(--bs-warning) !important;
  border-color: var(--bs-warning) !important;
  color: #212529 !important;
}

.btn-danger {
  background-color: var(--bs-danger) !important;
  border-color: var(--bs-danger) !important;
  color: #fff !important;
}

/* --------------------------------------------------
   ALERTS
-------------------------------------------------- */
.alert-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: #fff !important;
  
}

.alert-secondary {
  background-color: var(--bs-secondary) !important;
  border-color: var(--bs-secondary) !important;
  color: #fff !important;
}

.alert-success {
  background-color: var(--bs-success) !important;
  border-color: var(--bs-success) !important;  
  color: #fff !important;
}

.alert-info {
  background-color: var(--bs-info) !important;
  border-color: var(--bs-info) !important;  
  color: #212529 !important;
}

.alert-warning {
  background-color: var(--bs-warning) !important;
  border-color: var(--bs-warning) !important;  
  color: #212529 !important;
}

.alert-danger {
  background-color: var(--bs-danger) !important;
  border-color: var(--bs-danger) !important;  
  color: #fff !important;
}

/* --------------------------------------------------
   NAVBAR
-------------------------------------------------- */
.navbar {
  background-color: var(--bs-info) !important;
}

.navbar,.navbar .nav-link {
  color: #313133 !important;
}

.navbar-brand {
  color: #FF1076 !important;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
  color: #FF1076!important;
}

/* --------------------------------------------------
   FORMS
-------------------------------------------------- */
.form-control:focus,
.form-select:focus {
  border-color: var(--bs-primary) !important;
  box-shadow: 0 0 0 0.25rem rgba(255, 16, 118, 0.25) !important;
}

.form-check-input:checked {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.form-check-input:focus {
  border-color: var(--bs-primary) !important;
  box-shadow: 0 0 0 0.25rem rgba(255, 16, 118, 0.25) !important;
}

/*TABLE*/

.table-warning {
  background-color: #FFF5F1!important;
}

.table-success, .table-success td {
  background-color: #FFF5F1!important;
  border: grey;
}

/*BG*/

.bg-danger {
  background-color: #FF1076!important;
}

.badge-warning {
  background-color: #FFA9CD!important;
}

.text-cs-2 {
  color: #FF1076;
}

.text-danger {
  color: #ff1076!important;
}

.superCelok {
  background-color: #FFF5F1!important;
}

.iso-menu {
  background-color: #FFF5F1!important;
  border: white!important;
}



/* Remove Bootstrap card border and square corners */
.card {
    border: none !important;         /* removes gray border */
    border-radius: 0 !important;     /* makes corners square, or adjust as you like */
    box-shadow: none !important;     /* optional: remove default shadow */
    background-color: transparent !important; /* optional: card-body will control background */
}


.main-section-link {
    background-color: #ecb3c3; /* soft rose from your palette */
    color: #212529; /* dark text for readability */
    border-radius: 0.75rem;
    padding: 1rem;
    transition: all 0.3s ease;
}

.card-body.table-secondary {
    background-color: #FFF5F1 !important; /* soft rose */
    color: #212529 !important;
    border-radius: 0.75rem;
}

.custom-link {
  color: #000 !important;
  text-decoration: underline !important;
}

.custom-link:hover {
  color: #000 !important;
  text-decoration: underline;
}


.custom-link-top {
  color: #000 !important;
}

.custom-link-top:hover {
  color: #000 !important;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")!important;
}

.alert a {
    color: white !important;
    text-decoration: underline !important;
}

.alert a:hover,
.alert a:focus {
    color: white !important;
    text-decoration: underline !important;
}



/* Import Montserrat from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

/* Apply Montserrat globally */
body,
.card,
.card-body,
.main-section-title,
.main-section-link,
.extra-content,
.extra-content button,
.count-input,
.btn-add-basket,
.navbar,
.alert,
.form-control,
.form-select {
    font-family: 'Montserrat', sans-serif !important;
}