/* ----- Jelly Glass Theme ----- */
:root {
  --orange-primary: #ff8c42;
  --orange-gradient: linear-gradient(135deg, #ffb347, #ff8c42);
  --orange-light: #ffe3c9;
  --glass-bg: rgba(255, 255, 255, 0.7);
  --glass-border: rgba(255, 140, 66, 0.2);
  --shadow-sm: 0 8px 20px rgba(0, 0, 0, 0.05);
  --shadow-hover: 0 12px 28px rgba(0, 0, 0, 0.1);
  --transition-bounce: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
}

body {
  font-family: Roboto, Arial;
  color: rgb(33, 33, 33);
  margin: 0;
  background: linear-gradient(145deg, #fff9f0 0%, #fff2e0 100%);
}

p {
  margin: 0;
}

button {
  cursor: pointer;
}

select {
  cursor: pointer;
}

input,
select,
button {
  font-family: Roboto, Arial;
}

.button-primary {
  color: rgb(33, 33, 33);
  background-color: rgb(255, 216, 20);
  border: 1px solid rgb(252, 210, 0);
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(213, 217, 217, 0.5);
}

.button-primary:hover {
  background-color: rgb(247, 202, 0);
  border: 1px solid rgb(242, 194, 0);
}

.button-primary:active {
  background: rgb(255, 216, 20);
  border-color: rgb(252, 210, 0);
  box-shadow: none;
}

.button-secondary {
  color: rgb(33, 33, 33);
  background: white;
  border: 1px solid rgb(213, 217, 217);
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(213, 217, 217, 0.5);
}

.button-secondary:hover {
  background-color: rgb(247, 250, 250);
}

.button-secondary:active {
  background-color: rgb(237, 253, 255);
  box-shadow: none;
}

/* Limit text to 2 lines */
.limit-text-to-2-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.link-primary {
  color: rgb(1, 124, 182);
  cursor: pointer;
}

.link-primary:hover {
  color: rgb(196, 80, 0);
}

/* Dropdown selectors */
select {
  color: rgb(33, 33, 33);
  background-color: rgb(240, 240, 240);
  border: 1px solid rgb(213, 217, 217);
  border-radius: 8px;
  padding: 3px 5px;
  font-size: 15px;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(213, 217, 217, 0.5);
}

select:focus,
input:focus {
  outline: 2px solid rgb(255, 153, 0);
}

/* Jelly glass additions */
.glass-card {
  background: var(--glass-bg);
  backdrop-filter: blur(12px);
  border: 1px solid var(--glass-border);
  border-radius: 28px;
  box-shadow: var(--shadow-sm);
  transition: var(--transition-bounce);
}

.jelly-hover {
  transition: var(--transition-bounce);
}
.jelly-hover:hover {
  transform: scale(1.02) translateY(-3px);
  box-shadow: var(--shadow-hover);
}

.btn-orange {
  background: var(--orange-gradient);
  border: none;
  color: white;
  font-weight: 600;
  border-radius: 40px;
  padding: 10px 20px;
  box-shadow: 0 4px 10px rgba(255, 140, 66, 0.3);
  transition: var(--transition-bounce);
}
.btn-orange:hover {
  transform: scale(1.02);
  box-shadow: 0 6px 14px rgba(255, 140, 66, 0.4);
}
.btn-orange:active {
  transform: scale(0.98);
}