/* JG Jakt designlyft 3D: om oss (159) och kontaktsidan (161) enligt mockup v5. Laddas bara på sidor med [jgj_sd_*]. Prefix jgj-sd-. */
@media (min-width:768px){.jgj-sd-mob{display:none!important}}
.jgj-sd{color:var(--jgj-gron);box-sizing:border-box;font-family:var(--mht-font-body-font-family);font-weight:300;font-size:16px;line-height:1.65}
.jgj-sd *{box-sizing:border-box}
.jgj-sd :is(h1,h2,h3){font-family:var(--jgj-rubrik)!important;font-weight:500!important;letter-spacing:0!important;text-align:left!important;text-transform:none!important;margin:0!important;color:inherit}
.jgj-sd p{margin:0}
/* klassiska teman: core/group lägger innehållet i __inner-container; låt barnen ingå i gruppens rutnät/flex */
.jgj-sd .wp-block-group__inner-container{display:contents}
.jgj-sd .wp-block-group__inner-container>*{margin-block:0}
.jgj-sd-fakta,.jgj-sd-sektion,.jgj-sd-besok,.jgj-sd-ktopp .jgj-sd-inre,.jgj-sd-kkort{max-width:1362px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}
.jgj-sd-over{font-family:var(--jgj-rubrik);font-weight:500;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--jgj-guld);line-height:1.4}
.jgj-sd-over-mork{color:#7D642A}
.jgj-sd-sektion{padding-top:64px}
.jgj-sd h2{font-size:30px!important;line-height:1.2!important}

/* knappar */
.jgj-sd-knapp{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 22px;font-family:var(--jgj-rubrik);font-weight:500;font-size:16px;line-height:1.2;text-decoration:none!important;border:1px solid transparent;border-radius:0;cursor:pointer;white-space:nowrap}
a.jgj-sd-knapp-guld{background:var(--jgj-guld);border-color:var(--jgj-guld);color:var(--jgj-gron)!important}
a.jgj-sd-knapp-guld:hover,a.jgj-sd-knapp-guld:focus-visible{background:var(--jgj-guld-hover);border-color:var(--jgj-guld-hover)}
a.jgj-sd-knapp-vit{border-color:#fff;color:#fff!important;background:transparent}
a.jgj-sd-knapp-vit:hover,a.jgj-sd-knapp-vit:focus-visible{background:rgba(255,255,255,.1)}
.jgj-sd-knapp-gron{background:var(--jgj-gron);border-color:var(--jgj-gron);color:#fff!important}
.jgj-sd-knapp-gron:hover,.jgj-sd-knapp-gron:focus-visible{background:#1d4239;border-color:#1d4239;color:#fff!important}
a.jgj-sd-knapp-ram{background:#fff;border-color:var(--jgj-gron);color:var(--jgj-gron)!important}

/* öppet nu (markup från jgj_s_oppet) */
.jgj-sd .jgj-sd-oppet{display:inline-flex;align-items:center;gap:8px;font-weight:400}
.jgj-sd .jgj-s-prick{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.45);flex-shrink:0;display:inline-block}
.jgj-sd .jgj-s-oppen .jgj-s-prick{background:#5fbf7f}

/* ---------- Om oss: hjälten ---------- */
.jgj-sd-hjalte{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);background:var(--jgj-gron);color:#fff;height:440px;margin-top:var(--mht-header-bar-height,76px);container-type:inline-size}
.jgj-sd-hjalte-text{padding:0 48px 36px max(15px,calc(50cqw - 666px));display:flex;flex-direction:column;justify-content:center;gap:14px}
.jgj-sd-hjalte h1{color:#fff!important;font-size:46px!important;line-height:1.08!important}
.jgj-sd-under{font-size:18px;font-weight:400;max-width:460px}
.jgj-sd-hjalte-bild{width:100%;height:440px!important;object-fit:cover;object-position:42% 62%;display:block}

/* faktaraden */
.jgj-sd-fakta{margin-top:-36px;position:relative}
.jgj-sd-fakta-rad{background:#fff;box-shadow:0 10px 24px rgba(17,44,38,.1);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.jgj-sd-fakta-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.jgj-sd-fakta-ruta{padding:22px 26px;border-right:1px solid #efece2;display:flex;flex-direction:column}
.jgj-sd-fakta-ruta:last-child{border-right:0}
.jgj-sd-fakta-ruta strong{font-family:var(--jgj-rubrik);font-weight:500;font-size:30px;line-height:1.3}
.jgj-sd-fakta-ruta span{font-size:14px;font-weight:400;line-height:1.5}

/* historia + bild/text */
.jgj-sd-historia{display:flex;flex-direction:column;gap:12px}
.jgj-sd-historia p{max-width:720px}
.jgj-sd-delad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.jgj-sd-delad-text{display:flex;flex-direction:column;gap:12px;max-width:540px}
.jgj-sd-bild{width:100%;height:380px!important;object-fit:cover;display:block}
.jgj-sd-knapprad{display:flex;gap:12px;margin-top:6px!important}
.jgj-sd-knapprad .jgj-sd-knapp{height:48px;padding:0 20px;font-size:14px;text-transform:uppercase;letter-spacing:.04em}
.jgj-sd-delad-text a:not(.jgj-sd-knapp){color:var(--jgj-gron);text-decoration:underline}

/* Vi i butiken */
.jgj-sd-team{display:flex;flex-direction:column;gap:18px}
.jgj-sd-team-rad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.jgj-sd-person{background:#fff;display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;align-items:center;padding:16px}
.jgj-sd-person-bild{width:160px;height:160px!important;object-fit:cover;display:block}
.jgj-sd-person div{display:flex;flex-direction:column;gap:4px}
.jgj-sd-person strong{font-family:var(--jgj-rubrik);font-weight:500;font-size:20px}
.jgj-sd-person span{font-size:14px;font-weight:600;color:#7D642A}

/* Besök-bandet */
.jgj-sd-besok{margin-top:64px;margin-bottom:64px}
.jgj-sd-besok{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;background:var(--jgj-gron);color:#fff;padding:32px 40px;max-width:1332px}
.jgj-sd-besok-text{display:flex;flex-direction:column;gap:6px}
.jgj-sd-besok-text strong{font-family:var(--jgj-rubrik);font-weight:500;font-size:24px;line-height:1.3}
.jgj-sd-besok-rad{display:flex;align-items:center;flex-wrap:wrap;font-weight:400}
.jgj-sd-knappar{display:flex;gap:12px}

/* ---------- Kontakt ---------- */
.jgj-sd-ktopp{background:var(--jgj-gron);color:#fff;margin-top:var(--mht-header-bar-height,76px)}
.jgj-sd-ktopp .jgj-sd-inre{padding-top:40px;padding-bottom:84px;display:flex;flex-direction:column;gap:10px}
.jgj-sd-ktopp h1{color:#fff!important;font-size:44px!important;line-height:1.08!important}
.jgj-sd-pill{align-self:flex-start;background:rgba(255,255,255,.1);padding:7px 13px;font-weight:600!important;font-size:14px;margin-top:6px}
.jgj-sd-kkort{margin-top:-52px;position:relative}
.jgj-sd-kkort-rad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
a.jgj-sd-kort{background:#fff;box-shadow:0 10px 24px rgba(17,44,38,.1);padding:24px 26px;display:flex;flex-direction:column;gap:4px;text-decoration:none!important;color:var(--jgj-gron)!important;line-height:1.55}
a.jgj-sd-kort svg{color:#7D642A}
a.jgj-sd-kort:hover strong,a.jgj-sd-kort:focus-visible strong{color:#7D642A}
.jgj-sd-kort-typ{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#7D642A;margin-top:6px}
a.jgj-sd-kort strong{font-family:var(--jgj-rubrik);font-weight:500;font-size:22px;line-height:1.3;overflow-wrap:anywhere}
a.jgj-sd-kort span:last-child{font-size:14px;font-weight:400}
.jgj-sd-kontakt{padding-top:48px;padding-bottom:64px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px;align-items:start;font-size:15px;line-height:1.55}
.jgj-sd-formular{background:#fff;padding:30px 32px;display:flex;flex-direction:column;gap:14px}
.jgj-sd-formular h2{font-size:26px!important}
.jgj-sd-formular>p{font-weight:400}
.jgj-sd-sidospalt{display:flex;flex-direction:column;gap:16px}
.jgj-sd-tider{background:#fff;padding:24px 26px}
.jgj-sd-tider-topp{display:flex;flex-direction:column;gap:8px}
.jgj-sd-tider-topp h2{font-size:22px!important;margin-bottom:4px!important}
.jgj-sd-tid{display:flex;justify-content:space-between;font-weight:400}
.jgj-sd-tid.jgj-sd-idag{font-weight:600}
.jgj-sd-liten{font-size:14px;margin-top:4px!important}
/* dragspelet (mht/faqs, befintligt innehåll) inne i rutan */
.jgj-sd-tider .mht-block-faqs{padding:0!important;margin:12px 0 0!important;border-top:1px solid #efece2;background:none!important}
.jgj-sd-tider .mht-block-faqs .container{padding:0!important;max-width:none!important;width:auto!important}
.jgj-sd-tider .mht-block-faqs .section-content,.jgj-sd-tider .faqs--faqs{padding:0!important;margin:0!important;max-width:none!important}
.jgj-sd-tider .faqs--faq-item{margin:0!important;padding:0!important;border:0!important;list-style:none}
.jgj-sd-tider .faqs--faq{padding:0!important;border:0!important;background:none!important}
.jgj-sd-tider .faqs--faq--q{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 0 0!important;cursor:pointer;border:0!important;background:none!important}
.jgj-sd-tider .faqs--faq--q--text{font-family:var(--mht-font-body-font-family)!important;font-size:15px!important;font-weight:600!important;line-height:1.4!important;margin:0!important;color:var(--jgj-gron)!important;text-transform:none!important;letter-spacing:0!important}
.jgj-sd-tider .faqs--faq--a--text{font-size:14px;font-weight:400;padding:4px 0 0!important}
.jgj-sd-tider .faqs--faq--a--text ul{margin:0!important;padding:0 0 0 18px!important}
.jgj-sd-tider .faqs--faq--a--text li{margin:0!important;padding:0!important}
.jgj-sd-karta{height:230px;background:#e3dfd2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-weight:400}
.jgj-sd-karta .jgj-sd-knapp{height:44px;padding:0 20px;font-size:15px}
.jgj-sd-karta.jgj-s-karta-laddad{display:block;height:320px}
.jgj-sd-karta iframe{width:100%;height:100%;border:0;display:block}
/* GF 1 med ram som produktsidans formulär */
.jgj-sd-formular .gform_wrapper{margin:0!important}
.jgj-sd-formular .gform_fields{row-gap:14px!important;column-gap:12px!important}
.jgj-sd-formular .gform_required_legend{font-size:13px;color:#4a5a55;margin:0 0 6px}
.jgj-sd-formular .gfield_label,.jgj-sd-formular .gfield_label_before_complex,.jgj-sd-formular .gform-field-label{font-family:inherit!important;font-size:14px!important;font-weight:400!important;color:var(--jgj-gron)!important;margin:0 0 4px!important;padding:0!important;line-height:1.4!important}
.jgj-sd-formular .gform_wrapper input[type=text],.jgj-sd-formular .gform_wrapper input[type=email],.jgj-sd-formular .gform_wrapper input[type=tel],.jgj-sd-formular .gform_wrapper textarea{border:1px solid #d8d4c6!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;color:var(--jgj-gron)!important;font:inherit!important;font-size:15px!important;padding:0 12px!important;width:100%!important;box-sizing:border-box!important}
.jgj-sd-formular .gform_wrapper input[type=text],.jgj-sd-formular .gform_wrapper input[type=email],.jgj-sd-formular .gform_wrapper input[type=tel]{height:44px!important;min-height:44px!important}
.jgj-sd-formular .gform_wrapper textarea{height:110px!important;min-height:110px!important;padding:10px 12px!important;resize:vertical}
.jgj-sd-formular .gform_wrapper input:focus,.jgj-sd-formular .gform_wrapper textarea:focus{outline:2px solid var(--jgj-guld)!important;outline-offset:0;border-color:var(--jgj-guld)!important}
.jgj-sd-formular #field_1_8,.jgj-sd-formular #field_1_6{grid-column:span 6!important}
.jgj-sd-formular .gfield--type-consent{font-size:14px}
.jgj-sd-formular .gform_footer{margin:6px 0 0!important;padding:0!important}
.jgj-sd-formular .gform_footer input[type=submit],.jgj-sd-formular .gform_footer button{width:100%!important;height:52px!important;background:var(--jgj-guld)!important;color:var(--jgj-gron)!important;border:0!important;border-radius:0!important;font-family:var(--jgj-rubrik)!important;font-weight:500!important;font-size:15px!important;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.jgj-sd-formular .gform_footer input[type=submit]:hover,.jgj-sd-formular .gform_footer button:hover{background:var(--jgj-guld-hover)!important}

/* ---------- Mobil ---------- */
@media (max-width:1100px) and (min-width:768px){
	.jgj-sd-hjalte h1{font-size:38px!important}
	.jgj-sd-fakta-rad{grid-template-columns:repeat(2,minmax(0,1fr))}
	.jgj-sd-fakta-ruta{border-bottom:1px solid #efece2}
	.jgj-sd-delad{gap:32px}
	.jgj-sd-besok{grid-template-columns:1fr}
	.jgj-sd-kontakt{grid-template-columns:1fr}
}
@media (max-width:767.98px){
	.jgj-sd-dat{display:none!important}
	.jgj-sd{font-size:15px;line-height:1.6}
	.jgj-sd-fakta,.jgj-sd-sektion,.jgj-sd-ktopp .jgj-sd-inre,.jgj-sd-kkort{padding-left:16px;padding-right:16px}
	.jgj-sd h2{font-size:22px!important}
	/* Om oss */
	.jgj-sd-hjalte{display:flex;flex-direction:column;height:auto}
	.jgj-sd-hjalte-bild{order:-1;height:220px!important;object-position:50% 62%}
	.jgj-sd-hjalte-text{padding:20px 16px 24px;gap:8px}
	.jgj-sd-over{font-size:12px;letter-spacing:.12em}
	.jgj-sd-hjalte h1{font-size:30px!important;line-height:1.1!important}
	.jgj-sd-fakta{margin-top:16px}
	.jgj-sd-fakta-rad,.jgj-sd-fakta-3{grid-template-columns:repeat(2,minmax(0,1fr));box-shadow:none}
	.jgj-sd-fakta-ruta{padding:14px;border-bottom:0}
	.jgj-sd-fakta-ruta:nth-child(-n+2){border-bottom:1px solid #efece2}
	.jgj-sd-fakta-ruta:nth-child(2n){border-right:0}
	.jgj-sd-fakta-3 .jgj-sd-fakta-ruta:last-child{grid-column:span 2}
	.jgj-sd-fakta-ruta strong{font-size:22px}
	.jgj-sd-fakta-ruta span{font-size:13px}
	.jgj-sd-sektion{padding-top:20px}
	.jgj-sd-historia{gap:10px}
	.jgj-sd-delad,.jgj-sd-delad-vand{display:flex;flex-direction:column;gap:10px;align-items:stretch}
	.jgj-sd-delad-vand{padding-top:18px}
	.jgj-sd-delad-text{gap:10px;max-width:none}
	.jgj-sd-bild{height:200px!important}
	.jgj-sd-besok{margin:20px 16px 32px;padding:18px;grid-template-columns:1fr;gap:10px;max-width:none}
	.jgj-sd-besok-rad .jgj-sd-oppet{font-weight:600}
	.jgj-sd-knappar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
	.jgj-sd-knappar .jgj-sd-knapp{height:48px;padding:0 10px}
	/* Kontakt */
	.jgj-sd-ktopp .jgj-sd-inre{padding-top:20px;padding-bottom:24px;gap:8px}
	.jgj-sd-ktopp h1{font-size:30px!important}
	.jgj-sd-pill{background:none;padding:0;margin-top:0}
	.jgj-sd-kkort{margin-top:0;padding-top:16px}
	.jgj-sd-kmob{display:flex;flex-direction:column;gap:10px}
	.jgj-sd-kmob div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
	.jgj-sd-ring-stor{height:58px;font-size:18px;width:100%}
	.jgj-sd-kmob .jgj-sd-knapp-ram{height:50px}
	.jgj-sd-kontakt{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding-top:16px;padding-bottom:32px}
	.jgj-sd-sidospalt{order:-1}
	.jgj-sd-tider{padding:16px}
	.jgj-sd-tider-topp{gap:6px}
	.jgj-sd-tider-topp h2{font-size:19px!important}
	.jgj-sd-formular{padding:18px;gap:12px}
	.jgj-sd-formular h2{font-size:20px!important}
	.jgj-sd-formular #field_1_8,.jgj-sd-formular #field_1_6{grid-column:1/-1!important}
	.jgj-sd-formular .gform_wrapper input[type=text],.jgj-sd-formular .gform_wrapper input[type=email],.jgj-sd-formular .gform_wrapper input[type=tel]{height:46px!important;min-height:46px!important}
}
