/*
Theme Name: Tabler WP
Theme URI: https://tabler.io
Author: Tommy G
Version: 0.4.26
Description: WordPress Tabler.io.
License: MIT
License URI: https://github.com/tabler/tabler/blob/master/LICENSE
Text Domain: tabler-wp
*/

html[data-bs-theme-primary="red"] {
    --tblr-primary: #d63939;
    --tblr-primary-rgb: 214, 57, 57;
}

.navbar-brand a {
    text-decoration: none;
    color: inherit;
}

.navbar-brand img,
.custom-logo {
    max-height: 32px;
    width: auto;
}

.nav-link-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.5rem;
}

.nav-link-icon svg {
    width: 1.25rem;
    height: 1.25rem;
}

.dropdown-menu > li {
    list-style: none;
}

/* Dölj eventuella framtida färgval utom red */
input[name="theme-primary"]:not([value="red"]) {
    display: none !important;
}

.site-logo-svg {
    width: auto;
    height: 32px;
    max-width: none;
    display: block;
}

.site-logo-svg .cls-3 {
    fill: #d73839;
}

.site-logo-svg .cls-1 {
    fill: #4b4a4a;
}

html[data-bs-theme="dark"] .site-logo-svg .cls-3,
html[data-bs-theme="dark"] .site-logo-svg .cls-1 {
    fill: #ffffff;
}

/* Vänsterställ user menu */
.nav-item.dropdown .dropdown-menu .dropdown-item {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.nav-item.dropdown .dropdown-menu .nav-link-icon {
    margin-right: 0.5rem;
    margin-left: 0;
}

/* Säkerställ vänsterställd user menu även för toppnivå */
.nav-item.dropdown .dropdown-menu > li > .dropdown-item,
.nav-item.dropdown .dropdown-menu > li > .nav-link,
.nav-item.dropdown .dropdown-menu > .dropdown-item {
    text-align: left !important;
    justify-content: flex-start !important;
    display: flex !important;
    align-items: center;
    width: 100%;
}

/* Gutenberg column patterns */
.entry-content .wp-block-columns.tabler-columns-row,
.two-column-editor-content .wp-block-columns.tabler-columns-row {
    width: 100%;
    max-width: none !important;
    margin-top: 1rem;
    margin-bottom: 1rem;
    gap: 1rem;
    align-items: stretch;
}

.entry-content > .wp-block-columns.tabler-columns-row:first-child,
.two-column-editor-content > .wp-block-columns.tabler-columns-row:first-child {
    margin-top: 0;
}

.entry-content .wp-block-columns.tabler-columns-row .wp-block-column,
.two-column-editor-content
    .wp-block-columns.tabler-columns-row
    .wp-block-column {
    display: flex;
    flex-direction: column;
}

.entry-content .wp-block-columns.tabler-columns-row .tabler-pattern-card,
.two-column-editor-content
    .wp-block-columns.tabler-columns-row
    .tabler-pattern-card {
    width: 100%;
    margin: 0;
    min-height: 100%;
}

.entry-content
    .wp-block-columns.tabler-columns-row
    .tabler-pattern-card
    > .wp-block-group__inner-container,
.two-column-editor-content
    .wp-block-columns.tabler-columns-row
    .tabler-pattern-card
    > .wp-block-group__inner-container {
    padding: 1rem;
    width: 100%;
}

.entry-content
    .wp-block-columns.tabler-columns-row
    .tabler-pattern-card
    p:last-child,
.two-column-editor-content
    .wp-block-columns.tabler-columns-row
    .tabler-pattern-card
    p:last-child {
    margin-bottom: 0;
}

/* Front-end: render Tabler patterns as real Tabler rows/cols */
.page-clean-content .wp-block-columns.tabler-columns-row,
.two-column-editor-content .wp-block-columns.tabler-columns-row,
.entry-content .wp-block-columns.tabler-columns-row {
    margin-top: 0;
    margin-bottom: 0;
    gap: 0;
}

.page-clean-content
    .wp-block-columns.tabler-columns-row
    + .wp-block-columns.tabler-columns-row,
.two-column-editor-content
    .wp-block-columns.tabler-columns-row
    + .wp-block-columns.tabler-columns-row,
.entry-content
    .wp-block-columns.tabler-columns-row
    + .wp-block-columns.tabler-columns-row {
    margin-top: 1rem;
}

.page-clean-content .row.tabler-columns-row,
.two-column-editor-content .row.tabler-columns-row,
.entry-content .row.tabler-columns-row {
    --tblr-gutter-x: 1rem;
    --tblr-gutter-y: 1rem;
}

.page-clean-content .row.tabler-columns-row > .wp-block-column,
.two-column-editor-content .row.tabler-columns-row > .wp-block-column,
.entry-content .row.tabler-columns-row > .wp-block-column {
    min-width: 0;
}

.page-clean-content .row.tabler-columns-row .tabler-pattern-card,
.two-column-editor-content .row.tabler-columns-row .tabler-pattern-card,
.entry-content .row.tabler-columns-row .tabler-pattern-card {
    height: 100%;
}

.page-clean-content
    .row.tabler-columns-row
    .tabler-pattern-card
    > .wp-block-group__inner-container,
.two-column-editor-content
    .row.tabler-columns-row
    .tabler-pattern-card
    > .wp-block-group__inner-container,
.entry-content
    .row.tabler-columns-row
    .tabler-pattern-card
    > .wp-block-group__inner-container {
    padding: var(--tblr-card-spacer-y) var(--tblr-card-spacer-x);
}

/* Force Tabler pattern rows to keep intended column ratios on frontend */
.page-clean-content .row.tabler-columns-row > .wp-block-column,
.two-column-editor-content .row.tabler-columns-row > .wp-block-column,
.entry-content .row.tabler-columns-row > .wp-block-column {
    flex: 0 0 auto;
}

@media (min-width: 768px) {
    .page-clean-content .row.tabler-columns-row > .wp-block-column.col-md-6,
    .two-column-editor-content
        .row.tabler-columns-row
        > .wp-block-column.col-md-6,
    .entry-content .row.tabler-columns-row > .wp-block-column.col-md-6 {
        flex: 0 0 auto !important;
        width: 50% !important;
    }
}

@media (min-width: 992px) {
    .page-clean-content .row.tabler-columns-row > .wp-block-column.col-lg-4,
    .two-column-editor-content
        .row.tabler-columns-row
        > .wp-block-column.col-lg-4,
    .entry-content .row.tabler-columns-row > .wp-block-column.col-lg-4 {
        flex: 0 0 auto !important;
        width: 33.33333333% !important;
    }

    .page-clean-content .row.tabler-columns-row > .wp-block-column.col-lg-8,
    .two-column-editor-content
        .row.tabler-columns-row
        > .wp-block-column.col-lg-8,
    .entry-content .row.tabler-columns-row > .wp-block-column.col-lg-8 {
        flex: 0 0 auto !important;
        width: 66.66666667% !important;
    }
}

/* Responsive fix for Tabler pattern rows */
.page-clean-content .row.tabler-columns-row,
.two-column-editor-content .row.tabler-columns-row,
.entry-content .row.tabler-columns-row {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    overflow: hidden;
}

.page-clean-content .row.tabler-columns-row > .wp-block-column,
.two-column-editor-content .row.tabler-columns-row > .wp-block-column,
.entry-content .row.tabler-columns-row > .wp-block-column {
    max-width: 100%;
    min-width: 0;
}

@media (max-width: 991.98px) {
    .page-clean-content .row.tabler-columns-row > .wp-block-column,
    .two-column-editor-content .row.tabler-columns-row > .wp-block-column,
    .entry-content .row.tabler-columns-row > .wp-block-column,
    .page-clean-content .row.tabler-columns-row > .wp-block-column.col-md-6,
    .two-column-editor-content
        .row.tabler-columns-row
        > .wp-block-column.col-md-6,
    .entry-content .row.tabler-columns-row > .wp-block-column.col-md-6,
    .page-clean-content .row.tabler-columns-row > .wp-block-column.col-lg-4,
    .two-column-editor-content
        .row.tabler-columns-row
        > .wp-block-column.col-lg-4,
    .entry-content .row.tabler-columns-row > .wp-block-column.col-lg-4,
    .page-clean-content .row.tabler-columns-row > .wp-block-column.col-lg-8,
    .two-column-editor-content
        .row.tabler-columns-row
        > .wp-block-column.col-lg-8,
    .entry-content .row.tabler-columns-row > .wp-block-column.col-lg-8 {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Edge-to-edge alignment fix for Tabler pattern rows */
.page-clean-content .row.tabler-columns-row,
.two-column-editor-content .row.tabler-columns-row,
.entry-content .row.tabler-columns-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    column-gap: 1rem;
    row-gap: 1rem;
}

.page-clean-content .row.tabler-columns-row > .wp-block-column,
.two-column-editor-content .row.tabler-columns-row > .wp-block-column,
.entry-content .row.tabler-columns-row > .wp-block-column {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (min-width: 768px) {
    .page-clean-content .row.tabler-columns-row > .wp-block-column.col-md-6,
    .two-column-editor-content
        .row.tabler-columns-row
        > .wp-block-column.col-md-6,
    .entry-content .row.tabler-columns-row > .wp-block-column.col-md-6 {
        width: calc((100% - 1rem) / 2) !important;
    }
}

@media (min-width: 992px) {
    .page-clean-content .row.tabler-columns-row > .wp-block-column.col-lg-4,
    .two-column-editor-content
        .row.tabler-columns-row
        > .wp-block-column.col-lg-4,
    .entry-content .row.tabler-columns-row > .wp-block-column.col-lg-4 {
        width: calc((100% - 2rem) / 3) !important;
    }

    .page-clean-content .row.tabler-columns-row > .wp-block-column.col-lg-8,
    .two-column-editor-content
        .row.tabler-columns-row
        > .wp-block-column.col-lg-8,
    .entry-content .row.tabler-columns-row > .wp-block-column.col-lg-8 {
        width: calc((((100% - 2rem) / 3) * 2) + 1rem) !important;
    }
}

/* Header icon menu */
.tabler-theme-toggle-wrap,
.tabler-header-icons {
    align-items: center;
}

.tabler-header-icons {
    gap: 0.125rem;
    margin-left: 0.25rem;
}

.tabler-theme-toggle-wrap {
    gap: 0;
}

.tabler-header-icon-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    text-decoration: none;
    padding: 0.125rem;
}

.tabler-header-icon-link .nav-link-icon,
.tabler-theme-toggle-wrap .nav-link {
    margin-right: 0;
}

.tabler-theme-toggle-wrap .nav-link {
    padding: 0.25rem !important;
}

.tabler-header-icon-link .nav-link-icon,
.tabler-header-icon-link .nav-link-icon svg,
.tabler-theme-toggle-wrap .nav-link svg {
    width: 24px;
    height: 24px;
}

/* Cleaner Tabler row alignment */
.page-clean-header,
.page-clean-content,
.two-column-editor-content,
.entry-content {
    max-width: 100%;
}

.page-clean-content .row.tabler-columns-row,
.two-column-editor-content .row.tabler-columns-row,
.entry-content .row.tabler-columns-row {
    --tblr-gutter-x: 0;
    --tblr-gutter-y: 0;
    width: 100%;
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    column-gap: 1rem;
    row-gap: 1rem;
}

.page-clean-content .row.tabler-columns-row > .wp-block-column,
.two-column-editor-content .row.tabler-columns-row > .wp-block-column,
.entry-content .row.tabler-columns-row > .wp-block-column {
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.page-clean-content > .wp-block-columns.tabler-columns-row:first-child,
.two-column-editor-content > .wp-block-columns.tabler-columns-row:first-child,
.entry-content > .wp-block-columns.tabler-columns-row:first-child {
    margin-top: 0 !important;
}