/* This CSS file will be loaded at last. Any CSS customization should be placed here */
/* Anpassar inmatningsfält och dropdowns */
.vikbooking-search-form input,
.vikbooking-search-form select {
    border-radius: 8px; /* Rundade hörn */
    padding: 10px;      /* Inre marginal */
    border: 1px solid #ccc; /* Ljusgrå kantlinje */
    width: 100%;        /* Full bredd inom sin container */
    box-sizing: border-box; /* Inkluderar kantlinje och padding i elementets totala bredd */
    margin-bottom: 15px; /* Avstånd mellan fälten */
}

/* Anpassar knappar */
.vikbooking-search-form button,
.vikbooking-search-form input[type="submit"] {
    background-color: #0073e6; /* Primär färg */
    color: #fff;               /* Vit textfärg */
    border: none;              /* Ingen kantlinje */
    padding: 12px 20px;        /* Inre marginal */
    border-radius: 8px;        /* Rundade hörn */
    cursor: pointer;           /* Pekaren ändras till hand vid hovring */
    font-size: 16px;           /* Textstorlek */
}

/* Ändrar bakgrundsfärg och kantlinje vid hovring över knappar */
.vikbooking-search-form button:hover,
.vikbooking-search-form input[type="submit"]:hover {
    background-color: #005bb5; /* Mörkare nyans vid hovring */
}

/* Anpassar etiketter */
.vikbooking-search-form label {
    font-weight: bold;         /* Fet stil */
    margin-bottom: 5px;        /* Avstånd till inmatningsfältet */
    display: block;            /* Varje etikett på egen rad */
}

/* Justerar marginaler för att centrera formuläret */
.vikbooking-search-form {
    margin: 0 auto;            /* Centrerar formuläret horisontellt */
    max-width: 500px;          /* Maximal bredd på formuläret */
}