/*
 * Papildomas CSS failas modulių formų ir komponentų stiliui.
 *
 * Šiame faile apibrėžiamos bendros klasės, naudojamos laukiančiųjų sąrašo,
 * dovanų kuponų užsakymo ir perdavimo formoms bei klientų skydeliui.  Taip
 * pat pateikiamos kai kurios responsyvios taisyklės, kurios užtikrina, kad
 * formos atrodytų tinkamai mažesniuose ekranuose.  Dalijant stilius į
 * atskirą failą, sumažinamas konflikto su svetainės tema pavojus ir
 * pagerinama priežiūra.
 */

/* Bazinės formų apipavidalinimo taisyklės */
.massage-coupon-order-form,
.massage-waiting-form,
.massage-coupon-transfer-form,
.massage-client-dashboard {
    max-width: 600px;
    margin: 0 auto 2rem;
    padding: 1rem;
    background: #fafafa;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

/* Laukų ir mygtukų išdėstymas */
.massage-coupon-order-form p,
.massage-waiting-form p,
.massage-coupon-transfer-form p {
    margin-bottom: 1rem;
}

.massage-coupon-order-form input[type="text"],
.massage-coupon-order-form input[type="number"],
.massage-coupon-order-form input[type="email"],
.massage-waiting-form input[type="text"],
.massage-waiting-form input[type="email"],
.massage-waiting-form select,
.massage-waiting-form textarea,
.massage-coupon-transfer-form input[type="text"],
.massage-coupon-transfer-form input[type="email"] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

/* Mygtukų stilius */
.massage-coupon-order-form input[type="submit"],
.massage-waiting-form input[type="submit"],
.massage-coupon-transfer-form input[type="submit"] {
    padding: 0.6rem 1.5rem;
    background-color: #0073aa;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
}

.massage-coupon-order-form input[type="submit"]:hover,
.massage-waiting-form input[type="submit"]:hover,
.massage-coupon-transfer-form input[type="submit"]:hover {
    background-color: #005177;
}

/* Responsyvumas mažesniems ekranams */
@media (max-width: 600px) {
    .massage-coupon-order-form,
    .massage-waiting-form,
    .massage-coupon-transfer-form {
        padding: 0.8rem;
    }
}