/* HN Ads — behovsstyrd förfrågan.
   Grunden kommer från hn-ads-front.css (samma klasser som /bestall-annons/).
   Här ligger stegvisningen + ett modernare lager, scopat till .hn-ads-enquiry
   så beställningssidan inte påverkas. Färgerna är profilens: #00354E / guld. */

.hn-enq-hidden { display: none !important; }

/* Stilprofilens typsnitt (Arial). Delade CSS:en lutar sig på Elementor-
   variabler som saknas på sidor utan Elementor → serif-fallback. Lås här. */
.hn-ads-enquiry,
.hn-ads-enquiry * {
    font-family: Arial, Helvetica, sans-serif;
}

/* Markering i HN-blått — inte gult. Scopat hit; /bestall-annons/ orörd. */
.hn-ads-enquiry input[type="radio"],
.hn-ads-enquiry input[type="checkbox"] {
    accent-color: #00354e;
}

.hn-ads-enquiry .hn-ads-order-package:has(input:checked) {
    background: #f2f7fa;
    border-color: #00354e;
    box-shadow: 0 0 0 2px rgba(0, 53, 78, 0.16);
    color: inherit;
}

/* --- luftigare sektioner --- */
.hn-ads-enquiry .hn-ads-order-section {
    border: 1px solid rgba(0, 53, 78, 0.1);
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0, 53, 78, 0.07);
    padding: 30px;
}

.hn-ads-enquiry .hn-ads-order-section h2 {
    color: #00354e;
    font-size: 1.45em;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin: 0 0 8px;
}

.hn-ads-enquiry .hn-ads-order-help {
    font-size: 1em;
    line-height: 1.55;
    margin: 0 0 18px;
    opacity: 0.7;
}

/* --- valkort --- */
.hn-ads-enquiry .hn-ads-order-package {
    border: 1.5px solid rgba(0, 53, 78, 0.16);
    border-radius: 12px;
    min-height: 0;
    padding: 16px 18px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.hn-ads-enquiry .hn-ads-order-package:hover {
    border-color: #00354e;
    box-shadow: 0 4px 14px rgba(0, 53, 78, 0.1);
    transform: translateY(-1px);
}

.hn-ads-enquiry .hn-ads-order-package strong {
    color: #00354e;
    font-size: 1.02em;
    line-height: 1.3;
}

.hn-ads-enquiry .hn-ads-order-package small {
    line-height: 1.45;
    margin: 5px 0 0;
}

/* Radioknappen/kryssrutan i valkorten göms — kortet i sig är valet
   (guldmarkering via :has i den delade stilen). */
.hn-ads-enquiry .hn-ads-order-package input[type="radio"],
.hn-ads-enquiry .hn-ads-order-package input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* --- följdfrågornas block --- */
.hn-enq-block + .hn-enq-block {
    border-top: 1px solid rgba(0, 53, 78, 0.1);
    margin-top: 22px;
    padding-top: 22px;
}

.hn-enq-block h3 {
    color: #00354e;
    font-size: 1.08em;
    margin: 0 0 12px;
}

/* ja/nej-rader och kryssrader som tydliga val, inte lösa rutor i luften */
.hn-ads-enquiry .hn-ads-order-none {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 0;
}

.hn-ads-enquiry .hn-ads-order-none label,
.hn-enq-checklist label {
    align-items: center;
    background: #fff;
    border: 1.5px solid rgba(0, 53, 78, 0.16);
    border-radius: 10px;
    cursor: pointer;
    display: inline-flex;
    gap: 9px;
    line-height: 1.35;
    padding: 11px 16px;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.hn-ads-enquiry .hn-ads-order-none label:hover,
.hn-enq-checklist label:hover {
    border-color: #00354e;
}

.hn-ads-enquiry .hn-ads-order-none label:has(input:checked),
.hn-enq-checklist label:has(input:checked) {
    background: #f2f7fa;
    border-color: #00354e;
}

.hn-enq-checklist {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* --- fält --- */
.hn-ads-enquiry .hn-ads-order-grid label > span {
    display: block;
    margin-bottom: 6px;
}

.hn-ads-enquiry input[type="text"],
.hn-ads-enquiry textarea {
    border-radius: 10px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.hn-ads-enquiry input[type="text"]:focus,
.hn-ads-enquiry textarea:focus {
    border-color: #00354e;
    box-shadow: 0 0 0 3px rgba(0, 53, 78, 0.12);
    outline: none;
}

/* --- utfällda följdfrågor (foto/film/grafik/kanaler) --- */
.hn-enq-followup {
    background: rgba(0, 53, 78, 0.04);
    border-radius: 10px;
    margin-top: 14px;
    padding: 16px;
}

.hn-enq-q {
    margin: 14px 0 8px;
}

.hn-enq-followup .hn-enq-q:first-child,
.hn-enq-followup > p:first-child {
    margin-top: 0;
}

/* --- knappar som fälls ut vid "vi gör den själva" --- */
.hn-enq-golink {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

/* --- skicka --- */
.hn-ads-enquiry .hn-ads-order-submit {
    border-radius: 10px;
    font-size: 1.05em;
    padding: 14px 30px;
}

/* honeypot — dold för människor, synlig för bottar */
.hn-enq-hp {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}