/* ---------------------------------------------------------------------------------------------

	Theme Name: WorkDigital Foundation Child
	Version: 0.1
	Description: Child theme for WorkDigital Foundation theme
	Author: WorkDigital
	Author URI: https://workdigital.dk
    Template: wd-foundation

/* --------------------------------------------------------------------------------------------- */

/* Generel styling */

:root {
	--btn-color: var(--accent-color);
	--btn-color-hover: var(--accent-color-hover);
}

body *:is(strong) {
	font-weight: bold;
    font-size: inherit;
}

.entry-content > :is(.wdf-width, .wp-block-cover) > *:has(.wd-usp-container),
.entry-content > :is(.wdf-width, .wp-block-cover) > *:has(.wd-cards) {
    max-width: 100%;
}

.wp-block-pullquote {
	padding: var(--small-gap) 0;
}

.wp-block-image.is-style-rounded img {
	border-radius: 50%;
}

.wp-block-button .wp-block-button__link,
.btn,
.wd-contact-form .wd-form-actions .wd-submit-btn,
.button,
button {
    border-radius: 0;
    text-transform: uppercase;
}

/* Header */

.main-header-logo-link img {
    padding: 10px 0;
}

/* WD Topsektion */

.entry-content .wd-topsektion > .wp-block-cover__inner-container {
	margin-top: auto;
}

.wd-topsektion .wp-block-group.wdf-width--standard-width .wp-block-group__inner-container p {
    max-width: 680px;
}

/* WD USP */

.wd-usp-container .wd-usp .wd-usp__icon .wd-icon *:not(rect) {
    width: 60px;
    height: auto;
    fill: var(--accent-color);
}

.wd-usp-container .wd-usp .wd-usp__text {
	font-style: normal;
	text-wrap: balance;
}

@media screen and (max-width: 768px) {

    .fire-standarder .wd-usp-container {
        grid-template-columns: 1fr 1fr;
    }
}

/* Fuld splitsektion med blockquote */

.wp-block-columns.wdf-width.wdf-width--full > .wp-block-column:has(.wp-block-quote) > blockquote.wp-block-quote {
    border-left: 2px solid var(--accent-color);
    padding-left: var(--small-gap);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    left: var(--small-gap);
    max-width: 60%;
}

/* WD Cards */

.wd-cards {
    gap: calc(var(--wd-cards-space) * 4);
}

.wd-cards .wd-card {
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.wd-cards .wd-card .wd-card-image-wrapper,
.wd-cards .wd-card .wd-card-image-wrapper img {
    border-radius: 0;
}

.wd-cards-kunder-medier .wd-cards .wd-card .wd-card-image-wrapper img {
    object-fit: contain;
}

.wd-card-content-wrapper .wd-card-title:is(h1,h2,h3,h4,h5,h6,p) {
    text-align: center;
}

a.wd-card:hover {
    bottom: 0;
}

/* WD Kontaktformular */

.wd-contact-form .wd-contact-form-inner {
    padding: 0;
    background: var(--surface-color);
    box-shadow: none;
}

.wd-contact-form .kontaktform-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.kontaktform-form-row .kontaktform-image-row {
    position: relative;
    width: 100%;
    min-height: 165px;
    max-height: 480px;
    overflow: hidden;
}

.wd-contact-form .kontaktform-rows {
    grid-template-columns: 1fr;
    padding: var(--small-gap);
}

.wd-contact-form .wd-contact-form-inner .wd-submit-btn {
    background: var(--secondary-color);
}

.wd-contact-form .wd-contact-form-inner .wd-submit-btn:hover {
    background: var(--secondary-color-hover);
}

@media screen and (min-width: 782px) and (max-width: 1199px) {

    .wd-contact-form .kontaktform-form-row {
        grid-template-columns: 1fr;
    }

    .kontaktform-form-row .kontaktform-image-row {
        display: none;
    }
}

@media screen and (max-width: 781px) {

    .kontaktform-form-row .kontaktform-image-row {
        max-height: 400px;
    }
}

@media screen and (max-width: 767px) {

    .wd-contact-form .kontaktform-form-row {
        grid-template-columns: 1fr;
    }

    .kontaktform-form-row .kontaktform-image-row {
        display: none;
    }
}

/* Knapper til højreside i kontaktformular gruppe */

.entry-content > .wp-block-group:last-child .wp-block-columns:is(.wdf-width--standard-width):not(:has(.wd-sticky)) > .wp-block-column + .wp-block-column:has(h2) .wp-block-button {
    min-width: 70%;
}

/* Cookie indstillinger */

.cky-btn-revisit-wrapper {
    display: flex !important;
}