/* Wigénsgruppen – formulär i sajtens profil. Gäller CF7-formulär som ligger i .wg-form. */
.wg-form-page{--wg-red:#960c0c;--wg-red-hover:#a81716;--wg-ink:#1f1f1f;--wg-muted:#5c5c5c;
--wg-line:#d9d4cf;--wg-bg:#f7f4f1;--wg-ok:#1d6b3a;--wg-radius:6px}

/* Sidlayout */
.wg-form-page .wg-eyebrow{margin:0 0 .4em;color:var(--wg-red);font-weight:700;font-size:14px;
letter-spacing:.08em;text-transform:uppercase}
.wg-form-page h1{font-size:clamp(22px,6.2vw,40px);overflow-wrap:normal;word-break:normal;hyphens:manual;line-height:1.15;color:var(--wg-ink);padding:0;margin:0 0 24px}
.wg-form-page .wg-lead{font-size:18px;line-height:1.55;color:var(--wg-muted);margin:-10px 0 28px;max-width:34em}
.wg-form-card{background:#fff;border:1px solid var(--wg-line);border-radius:10px;padding:clamp(22px,4vw,40px);
box-shadow:0 14px 40px rgb(0 0 0 / .06)}
.wg-facts{background:var(--wg-bg);border-radius:10px;padding:clamp(22px,3vw,32px)}
.wg-facts h2{font-size:22px;padding:0;margin:0 0 16px;color:var(--wg-ink)}
.wg-facts ul{list-style:none !important;padding:0 !important;margin:0 0 20px}
.wg-facts li{list-style:none !important;position:relative;padding:0 0 12px 30px;line-height:1.5;color:var(--wg-ink)}
.wg-facts li::before{content:"";position:absolute;left:0;top:.2em;width:18px;height:18px;border-radius:50%;
background:var(--wg-red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' d='M4 8.2l2.6 2.6L12 5.4'/%3E%3C/svg%3E") center/12px no-repeat}
.wg-facts .wg-call{margin:0 0 6px;padding:16px 0 0;border-top:1px solid var(--wg-line);color:var(--wg-muted)}
.wg-facts .wg-call a{display:inline-block;font-size:22px;font-weight:700;color:var(--wg-red);text-decoration:none;margin-top:2px}
.wg-facts .wg-link{color:var(--wg-red);font-weight:600}

/* Fält. CF7 lägger in <br> mellan etikett och fält, de behövs inte här. */
.wg-form br{display:none}
.wg-form p{padding:0}
.wg-form .wg-field{margin:0 0 20px}
.wg-form label,.wg-form legend{display:block;font-weight:600;color:var(--wg-ink);font-size:16px;margin:0 0 7px;padding:0}
.wg-form .wg-req{color:var(--wg-red)}
.wg-form .wg-opt{font-weight:400;color:var(--wg-muted)}
.wg-form .wpcf7-form-control-wrap{display:block}
.wg-form input[type=text],.wg-form input[type=email],.wg-form input[type=tel]{
width:100%;box-sizing:border-box;min-height:52px;padding:12px 14px;font-size:17px;line-height:1.3;
color:var(--wg-ink);background:#fff;border:1.5px solid var(--wg-line);border-radius:var(--wg-radius);
transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.wg-form input::placeholder{color:#9a9590}
.wg-form input:focus{outline:none;border-color:var(--wg-red);box-shadow:0 0 0 3px rgb(150 12 12 / .15)}
.wg-form input[aria-invalid=true]{border-color:#c0392b;background:#fff8f7}

/* Storleksval som klickbara kort */
.wg-form fieldset{border:0;margin:0 0 22px;padding:0;min-width:0}
.wg-form .wg-sizes .wpcf7-checkbox{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.wg-form .wg-sizes .wpcf7-list-item{margin:0;display:block}
.wg-form .wg-sizes .wpcf7-list-item label{position:relative;display:flex;flex-direction:column;justify-content:center;
min-height:64px;margin:0;padding:12px 14px;border:1.5px solid var(--wg-line);border-radius:var(--wg-radius);
background:#fff;cursor:pointer;font-weight:600;line-height:1.3;transition:border-color .15s,background .15s}
.wg-form .wg-sizes input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px}
.wg-form .wg-sizes .wpcf7-list-item-label{font-size:16px;color:var(--wg-ink)}
.wg-form .wg-sizes .wpcf7-list-item label:hover{border-color:#b9b1aa}
.wg-form .wg-sizes .wpcf7-list-item label:has(input:checked){border-color:var(--wg-red);background:#fbf3f2;
box-shadow:inset 0 0 0 1px var(--wg-red)}
.wg-form .wg-sizes .wpcf7-list-item label:has(input:focus-visible){box-shadow:0 0 0 3px rgb(150 12 12 / .25)}
.wg-form .wg-hint{margin:8px 0 0;font-size:14px;color:var(--wg-muted);padding:0}

/* Godkännande */
.wg-form .wg-accept{margin:4px 0 22px;padding:16px;background:var(--wg-bg);border-radius:var(--wg-radius)}
.wg-form .wg-accept .wpcf7-list-item{margin:0}
.wg-form .wg-accept label{display:flex;gap:12px;align-items:flex-start;font-weight:400;margin:0;cursor:pointer;
line-height:1.5;font-size:15px;color:var(--wg-ink)}
.wg-form .wg-accept input[type=checkbox]{flex:0 0 auto;width:22px;height:22px;margin:1px 0 0;accent-color:var(--wg-red)}
.wg-form .wg-accept a{color:var(--wg-red);text-decoration:underline}

/* Skicka */
.wg-form .wg-submit-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:0;padding:0}
.wg-form input.wg-submit{min-height:54px;padding:14px 30px;font-family:'Bevan',Georgia,serif;font-size:18px;
color:#fff;background:var(--wg-red);border:0;border-radius:var(--wg-radius);cursor:pointer;transition:background .15s}
.wg-form input.wg-submit:hover{background:var(--wg-red-hover)}
.wg-form input.wg-submit:focus-visible{outline:3px solid rgb(150 12 12 / .35);outline-offset:2px}
.wg-form input.wg-submit:disabled{opacity:.6;cursor:not-allowed}
.wg-form .wg-small{margin:0;padding:0;font-size:14px;color:var(--wg-muted)}
.wg-form .wpcf7-spinner{margin:0}

/* Felmeddelanden och kvitto */
.wg-form .wpcf7-not-valid-tip{margin-top:6px;font-size:14px;color:#b0281c;font-weight:600}
.wg-form-page .wpcf7 form .wpcf7-response-output{margin:20px 0 0;padding:14px 16px;border-radius:var(--wg-radius);
border-width:1.5px;font-size:15px;line-height:1.5}
.wg-form-page .wpcf7 form.sent .wpcf7-response-output{border-color:var(--wg-ok);background:#eef7f1;color:var(--wg-ok);font-weight:600}
.wg-form-page .wpcf7 form.invalid .wpcf7-response-output,
.wg-form-page .wpcf7 form.unaccepted .wpcf7-response-output{border-color:#c0392b;background:#fff8f7;color:#8a1f15}
/* När anmälan är skickad döljs fälten så att kvittot syns direkt. */
.wg-form-page .wpcf7 form.sent .wg-form{display:none}
.wg-form-page .wpcf7 form.sent .wpcf7-response-output{margin-top:0;font-size:17px;padding:20px}


/* Längre formulär: sektioner, två fält per rad, textrutor och hopfällbar medsökande */
.wg-form .wg-section{margin:0 0 26px;padding:0 0 6px;border-bottom:1px solid var(--wg-line)}
.wg-form .wg-section>legend{font-family:'Bevan',Georgia,serif;font-weight:400;font-size:20px;margin:0 0 16px}
.wg-form .wg-section>legend .wg-opt{font-family:'Open Sans',Arial,sans-serif;font-size:15px}
.wg-form .wg-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.wg-form textarea{width:100%;box-sizing:border-box;min-height:96px;padding:12px 14px;font-size:17px;line-height:1.45;
color:var(--wg-ink);background:#fff;border:1.5px solid var(--wg-line);border-radius:var(--wg-radius);resize:vertical;
font-family:inherit;transition:border-color .15s,box-shadow .15s}
.wg-form textarea:focus{outline:none;border-color:var(--wg-red);box-shadow:0 0 0 3px rgb(150 12 12 / .15)}
.wg-form .wg-co{margin:0 0 26px;border:1.5px dashed var(--wg-line);border-radius:var(--wg-radius);background:#fff}
.wg-form .wg-co[open]{border-style:solid}
.wg-form .wg-co>summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 16px;cursor:pointer;
font-weight:600;color:var(--wg-red);list-style:none}
.wg-form .wg-co>summary::-webkit-details-marker{display:none}
.wg-form .wg-co>summary::before{content:"+";display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;
border-radius:50%;background:var(--wg-red);color:#fff;font-weight:700;line-height:1;flex:0 0 auto}
.wg-form .wg-co[open]>summary::before{content:"\2212"}
.wg-form .wg-co .wg-opt{font-weight:400}
.wg-form .wg-co-body{padding:4px 16px 2px}
.wg-facts .wg-btn{display:inline-block;margin:4px 0 18px;padding:12px 20px;background:var(--wg-red);color:#fff !important;
border-radius:var(--wg-radius);font-weight:700;text-decoration:none}
.wg-facts .wg-btn:hover{background:var(--wg-red-hover)}

/* Flerval som kort (t.ex. typ av lokal, coworking-medlemskap) och fristående kryssruta */
.wg-form .wg-choices .wpcf7-checkbox{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.wg-form .wg-choices .wpcf7-list-item label{min-height:56px}
.wg-form .wg-check{margin:0 0 22px}
.wg-form .wg-check .wpcf7-list-item{margin:0}
.wg-form .wg-check label{display:flex;gap:12px;align-items:center;min-height:52px;padding:12px 16px;margin:0;
border:1.5px solid var(--wg-line);border-radius:var(--wg-radius);cursor:pointer;font-weight:600;color:var(--wg-ink)}
.wg-form .wg-check label:has(input:checked){border-color:var(--wg-red);background:#fbf3f2}
.wg-form .wg-check input[type=checkbox]{width:22px;height:22px;margin:0;accent-color:var(--wg-red)}

/* Coworking: medlemskap som tydliga kort med egen kryssruta och prisrad */
.wg-form .wg-plans .wpcf7-checkbox{grid-template-columns:1fr 1fr;gap:12px}
.wg-form .wg-plans .wpcf7-list-item:last-child:nth-child(odd){grid-column:1/-1}
.wg-form .wg-plans .wpcf7-list-item{display:flex}
.wg-form .wg-plans .wpcf7-list-item label{width:100%;box-sizing:border-box}
.wg-form .wg-plans .wpcf7-list-item label{flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;
min-height:78px;padding:14px 16px;border-radius:8px;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}
.wg-form .wg-plans .wpcf7-list-item label::before{content:"";flex:0 0 22px;width:22px;height:22px;box-sizing:border-box;
border:2px solid #b9b1aa;border-radius:5px;background:#fff center/14px no-repeat;transition:background-color .15s,border-color .15s}
.wg-form .wg-plans .wpcf7-list-item label:hover{border-color:#b9b1aa;box-shadow:0 6px 18px rgb(0 0 0 / .07);transform:translateY(-1px)}
.wg-form .wg-plans .wpcf7-list-item label:has(input:checked){border-color:var(--wg-red);background:#fbf3f2;
box-shadow:inset 0 0 0 1px var(--wg-red);transform:none}
.wg-form .wg-plans .wpcf7-list-item label:has(input:checked)::before{border-color:var(--wg-red);background-color:var(--wg-red);
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.4l2.8 2.8L12.5 5'/%3E%3C/svg%3E")}
.wg-form .wg-plans .wpcf7-list-item label:has(input:focus-visible){outline:3px solid rgb(150 12 12 / .3);outline-offset:2px}
.wg-form .wg-plans .wpcf7-list-item-label{display:flex;flex-direction:column;gap:3px;font-size:16px;font-weight:700;line-height:1.25}
.wg-form .wg-plans .wpcf7-list-item-label::after{font-size:14px;font-weight:400;color:var(--wg-muted)}
.wg-form .wg-plans label:has(input[value="Lounge"]) .wpcf7-list-item-label::after{content:"Från 1 500 kr/mån"}
.wg-form .wg-plans label:has(input[value="Lounge dag eller vecka"]) .wpcf7-list-item-label::after{content:"250 kr/dag eller 995 kr/vecka"}
.wg-form .wg-plans label:has(input[value="Fast skrivbord"]) .wpcf7-list-item-label::after{content:"2 600 kr/mån"}
.wg-form .wg-plans label:has(input[value="Eget kontor"]) .wpcf7-list-item-label::after{content:"Från 3 540 kr/mån"}
.wg-form .wg-plans label:has(input[value="Möte och konferens"]) .wpcf7-list-item-label::after{content:"Mötesrum och konferens för upp till 40 personer"}
.wg-form .wg-plans legend+.wpcf7-form-control-wrap,.wg-form .wg-plans .wpcf7-form-control-wrap{margin-top:4px}

@media (max-width:600px){
	.wg-form .wg-plans .wpcf7-checkbox{grid-template-columns:1fr}
	.wg-form .wg-grid-2{grid-template-columns:1fr}
	.wg-form .wg-sizes .wpcf7-checkbox{grid-template-columns:1fr}
	.wg-form .wg-sizes .wpcf7-list-item label{min-height:54px}
	.wg-form .wg-submit-row .wpcf7-submit,.wg-form input.wg-submit{width:100% !important;flex:1 1 100%}
}