/*
Theme Name: Powder Child
Template: powder-main
Description: Child theme for Powder
Version: 1.0
*/

/* här kan du lägga egen css */

/* -- Forms -- */

input,
select,
textarea {
	box-sizing: border-box;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: var(--wp--custom--line-height--medium);
	width: 100%;
}

input:not([type="submit"]):focus,
textarea:focus {
	border-color: var(--wp--preset--color--primary);
	outline: 1px solid var(--wp--preset--color--primary);
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

::placeholder {
	color: inherit;
	font-size: var(--wp--preset--font-size--x-small);
	opacity: 0.5;
}




.header__cover--curved-bottom img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.header__cover--curved-bottom {
clip-path: ellipse(120% 100% at 50% 0%);
    overflow: hidden;
}

/* -- Submit button (gold + fully rounded) -- */

input[type="submit"],
button[type="submit"],
.nf-form-content input[type="submit"] {
    background-color: #d4af37 !important; /* guld */
    color: #fff !important; /* vit text */
    border: 2px solid #d4af37 !important;
    padding: 12px 28px !important;
    cursor: pointer;
    border-radius: 999px !important; /* gör knappen helt rund */
    font-weight: 600;
    transition: all 0.25s ease;
}

input[type="submit"]:hover,
button[type="submit"]:hover,
.nf-form-content input[type="submit"]:hover {
    background-color: #fff !important; /* vit bakgrund */
    color: #d4af37 !important; /* guld text */
    border-color: #d4af37 !important;
}

/* -- Form fields: light grey border -- */

input,
select,
textarea,
.nf-form-content input:not([type="submit"]),
.nf-form-content select,
.nf-form-content textarea {
    border: 1px solid #ddd !important; /* ljusgrå ram */
    padding: 10px;
    border-radius: 6px;
    background-color: #fff;
    color: inherit;
}

/* Fokus (när man klickar i fältet) */
input:focus,
select:focus,
textarea:focus,
.nf-form-content input:not([type="submit"]):focus,
.nf-form-content select:focus,
.nf-form-content textarea:focus {
    border-color: #d4af37 !important; /* din guld-färg */
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2);
}
/* -- Ninja Forms labels: remove bold -- */
.nf-form-content label,
.nf-field-label label {
    font-weight: normal !important;
}
/* Maxbredd på hela formuläret */
.nf-form-cont,
.nf-form-content {
    max-width: 1500px; /* ändra till den bredd du vill ha */
    margin: 0 auto; /* centrerar formuläret */
}

/* -- Ninja Forms label spans: remove bold -- */
.nf-label-span {
    font-weight: normal !important;
}