/* "Fråga om produkten" drawer (qc-product-inquiry plugin) in the .tp-drawer language.
   The plugin provides the structure (inquiry.css); here — the theme tokens. Enqueued from inc/product.php. */

.tp-product .qcpi { margin-top: 8px; }
.tp-product .qcpi-trigger { width: 100%; min-height: 56px; border: var(--tp-border); border-radius: 0; background: var(--wp--preset--color--paper); color: var(--wp--preset--color--ink); font: 700 13px/1 var(--wp--preset--font-family--body); text-transform: uppercase; letter-spacing: 0.04em; }
.tp-product .qcpi-trigger:hover { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--paper); }

.qcpi-drawer { border-top: var(--tp-border-2); background: var(--wp--preset--color--paper); color: var(--wp--preset--color--ink); font-family: var(--wp--preset--font-family--body); }
.qcpi-drawer::backdrop { background: rgba(20, 19, 15, 0.55); }
.qcpi-drawer__head { border-bottom: var(--tp-border); }
.qcpi-drawer__title { font: 400 22px/1 var(--wp--preset--font-family--heading); text-transform: uppercase; }
.qcpi-drawer__close { border: var(--tp-border); }
.qcpi-drawer__foot { border-top: var(--tp-border-2); }

.qcpi-product { border-bottom: 1px solid var(--wp--preset--color--hairline); }
.qcpi-product__image { border: 1px solid var(--wp--preset--color--hairline); background: #faf9f7; }
.qcpi-product__title { font-weight: 700; }
.qcpi-product__code { font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--wp--preset--color--stone); opacity: 1; }

.qcpi-field label { font: 500 13px/1.2 var(--wp--preset--font-family--body); }
.qcpi-field input, .qcpi-field textarea { border: var(--tp-border); border-radius: 0; background: var(--wp--preset--color--paper); font: 500 15px/1.4 var(--wp--preset--font-family--body); }
.qcpi-field input:focus-visible, .qcpi-field textarea:focus-visible { outline: 1px solid var(--wp--preset--color--accent); outline-offset: -1px; }
.qcpi-field__counter, .qcpi-form__consent { font-family: var(--wp--preset--font-family--mono); font-size: 11px; letter-spacing: 0.06em; color: var(--wp--preset--color--stone); opacity: 1; }
.qcpi-form__consent a { color: inherit; }

.qcpi-submit { border-radius: 0; background: var(--wp--preset--color--ink); color: #fff; font: 700 13px/1 var(--wp--preset--font-family--body); text-transform: uppercase; letter-spacing: 0.04em; }
.qcpi-submit:hover:not(:disabled) { background: var(--wp--preset--color--accent); }

.qcpi-success__text { font: 400 20px/1.3 var(--wp--preset--font-family--heading); text-transform: uppercase; }
.qcpi-success__close { border: var(--tp-border); border-radius: 0; font: 700 13px/1 var(--wp--preset--font-family--body); text-transform: uppercase; letter-spacing: 0.04em; }

@media (min-width: 760px) {
	.qcpi-drawer { border-top: 0; border-left: var(--tp-border-2); }
}