/* 🎨 CUSTOMIZED COLOR SCHEME DEFINITION */
 :root {
     --text-main: rgb(31, 20, 3);
     /* Your specified name / card text color */
     --text-muted: #3c6e06;
     /* Secondary text color (dates) */
     --star-color: #e46306;
     /* Your requested star color */
     --card-bg: blanchedalmond;
     /* Your requested card background color */
     --card-border: #09b6c5;
     /* Your requested border color */
 }

 .reviews-section {
     max-width: 1200px;
     margin: 0 auto 31px;
     padding: 0px;
     /* Inherits your existing landing page font automatically */
     font-family: inherit;

 }


 
 label {
     color: blanchedalmond;
     text-decoration: underline 3px solid #e46306;
 }



 /* 🖥️ RESPONSIVE CARDS GRID */
 .reviews-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
     gap: 20px;

 }

 /* 📐 CRISP SHARP CARD DESIGN */
 .review-card {
     background-color: var(--card-bg);
     border: 7px dashed var(--card-border);
     /* Applies your #09b6c5 border */
     border-radius: 0px !important;
     /* Explicitly keeps 90-degree sharp corners */
     padding: 20px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 .review-header {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     margin-bottom: 6px;
 }

 .review-name {
     font-weight: bold;
     font-size: 1.25rem;
     color: var(--text-main);
     /* Applies your rgb(31, 20, 3) color */
 }

 .review-date {
     font-size: 1.2rem;
     color: var(--text-muted);
 }

 .review-stars {
     color: var(--star-color);
     /* Applies your #e46306 color */
     font-size: 1.5rem;
     margin-bottom: 12px;
     letter-spacing: 1px;
 }

 .review-comment {
     margin: 0;
     color: var(--text-main);
     /* Matches card body text to the name color scale */
     line-height: 1.5;
     font-size: 1.45rem;
     font-weight: 900;
 }

 #reviewForm {
     width: 100%;
     max-width: 800px;
     margin: 0 auto;
     box-sizing: border-box;
 }

 .form-group {
     margin-bottom: 15px;
 }

 div.form-group {
     align-items: center;
 }

 label {
     display: block;
     margin-bottom: 5px;
     font-weight: bold;
     font-size: 1.3rem;
     font-family: "Text Me One", sans-serif;
 }

 input,
 select,
 textarea {
     width: 100%;
     padding: 8px;
     box-sizing: border-box;
 }

 button {
     background-color: #629e03;
     color: white;
     border: none;
     padding: 10px 15px;
     cursor: url(https://img.icons8.com/?size=100&id=uKVJzWYdiV27&format=png&color=000000) 4 4, pointer;
     width: 100%;
     font-size: 1.5rem;
 }

 button:disabled {
     background-color: #cccccc;
 }

 #message {
     margin-top: 15px;
     padding: 10px;
     display: none;
 }