/*
 * Theme Name: Latvijas aptieka
 * Author: brainagent.co
 * Author URI: https://brainagent.co
 * Description: Elementor-based custom theme for Latvijas aptieka, built by brainagent.co.
 * Version: 1.0.3
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: latvijas-aptieka
 */

.btheme-runtime-notice {
    margin: 16px auto;
    max-width: 1140px;
    padding: 14px 18px;
    border: 1px solid #d63638;
    border-radius: 8px;
    background: #fff1f1;
    color: #7a1011;
    font: 600 16px/1.4 sans-serif;
}

.elementor-widget-text-editor table {
    width: 100%;
    border-collapse: collapse;
}

.elementor-widget-text-editor table td {
    padding: 15px 30px;
    border: 1px solid #ddd;
}

.flipbook-button-widget.elementor-button-wrapper,
.flipbook-download-button-widget.elementor-button-wrapper {
    width: 100%;
    display: flex;
}

button.flipbook-button-widget__button.elementor-button,
a.flipbook-download-button-widget__button.elementor-button {
    width: 100%;
}

.footer-subscribe-widget__button {
    cursor: pointer;
}

.footer-subscribe-widget .footer-subscribe-widget__button-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #fff;
    /* Inherits the button's text color */

    /* Standard URL encoded SVG - no base64, no data: image tags in HTML */
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M5 12h14M13 5l7 7-7 7'/></svg>") no-repeat center;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M5 12h14M13 5l7 7-7 7'/></svg>") no-repeat center;
}

.home-banner-media.home-banner-media--image.home-banner-media--side img {
    object-position: left;
}

.doc-format-wr h2 {
    font-size: 26px;
    margin: 30px 0px 10px;
}

.doc-format-wr h3 {
    font-size: 20px;
    margin: 15px 0px 7px;
}

.top-contact .elementor-icon-box-wrapper {
    flex-wrap: nowrap;
}

@media (max-width: 768px) {
    .la-aptiekas-locator__service-button {
        padding: 0px 15px !important;
    }

    .home-banner-media--slide img {
        aspect-ratio: 2/3;
    }

    article.latest-posts-widget__card.latest-posts-widget__card--primary {
        flex-flow: column !important;
    }

    .btheme-vacancies a.latest-posts-widget__image-link {
        max-height: 300px;
    }

    .btheme-vacancies .latest-posts-widget__content.latest-posts-widget__content--primary {
        padding: 0px !important;
    }

    .btheme-vacancies {
        display: flex !important;
        flex-flow: column;
    }

    .flipbook-button-widget,
    .flipbook-download-button-widget {
        width: 100% !important;
    }

    .flipbook-button-widget button,
    .flipbook-download-button-widget a {
        width: 100%;
    }

    .elementor-widget-text-editor table td {
        padding: 15px 18px;
    }
}

.la-products-locator__map-fallback[hidden] {
    display: none;
}

@media (min-width: 1366px) {
    .e-con>.e-con-inner {
        padding-inline-end: 15px;
        padding-inline-start: 15px;
    }
}

/* Position the Readabler popup right above the bottom-right open button on desktop */
@media screen and (min-width: 481px) {
    #mdp-readabler-popup-box.mdp-readabler-modal-fixed #mdp-readabler-popup[data-start="right"] {
        top: auto !important;
        bottom: 100px !important;
        right: 20px !important;
        max-height: calc(100vh - 120px) !important;
    }
}

/* Style Accessibility Statement inside the Readabler popup to match the theme styles */
#mdp-readabler-accessibility-statement-box.mdp-open {
    background: var(--readabler-bg, #ffffff) !important;
    color: var(--color-text-primary, #14324d) !important;
    font-family: var(--font-family-primary, 'DINPro', sans-serif) !important;
    padding: 32px 24px !important;
}

#mdp-readabler-accessibility-statement-box.mdp-open::-webkit-scrollbar-track {
    background-color: var(--color-neutral-300, #d9d9d9) !important;
}

#mdp-readabler-accessibility-statement-box.mdp-open::-webkit-scrollbar {
    width: 6px !important;
}

#mdp-readabler-accessibility-statement-box.mdp-open::-webkit-scrollbar-thumb {
    background-color: var(--color-brand-green, #91c848) !important;
    border-radius: 3px !important;
}

#mdp-readabler-accessibility-statement-box .mdp-readabler-statement-content {
    font-family: var(--font-family-primary, 'DINPro', sans-serif) !important;
    font-weight: 400 !important;
    color: var(--color-text-secondary, #60758b) !important;
    line-height: 1.5 !important;
}

#mdp-readabler-accessibility-statement-box .mdp-readabler-statement-content h2 {
    font-family: var(--font-family-primary, 'DINPro', sans-serif) !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    color: var(--color-brand-blue, #006db0) !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    line-height: 1.3 !important;
}

#mdp-readabler-accessibility-statement-box .mdp-readabler-statement-content h3 {
    font-family: var(--font-family-primary, 'DINPro', sans-serif) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--color-brand-blue, #006db0) !important;
    margin-top: 24px !important;
    margin-bottom: 12px !important;
    line-height: 1.3 !important;
}

#mdp-readabler-accessibility-statement-box .mdp-readabler-statement-content p {
    font-size: 18px !important;
    line-height: 1.5 !important;
    color: var(--color-text-secondary, #60758b) !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
}

#mdp-readabler-accessibility-statement-box .mdp-readabler-statement-content strong {
    font-weight: 700 !important;
    color: var(--color-text-primary, #14324d) !important;
}

#mdp-readabler-accessibility-statement-box .mdp-readabler-statement-content a {
    color: var(--color-brand-blue, #006db0) !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
    transition: color 0.2s ease !important;
}

#mdp-readabler-accessibility-statement-box .mdp-readabler-statement-content a:hover {
    color: var(--color-brand-green-strong, #78c331) !important;
}

#mdp-readabler-accessibility-statement-box .mdp-readabler-statement-content ul,
#mdp-readabler-accessibility-statement-box .mdp-readabler-statement-content ol {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    padding-left: 20px !important;
}

#mdp-readabler-accessibility-statement-box .mdp-readabler-statement-content li {
    font-size: 18px !important;
    line-height: 1.5 !important;
    margin-bottom: 8px !important;
    color: var(--color-text-secondary, #60758b) !important;
}

#mdp-readabler-accessibility-statement-box #mdp-readabler-close-statement-btn {
    top: 24px !important;
    right: 20px !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--color-surface-blue, #f2f7fb) !important;
    border-radius: 50% !important;
    color: var(--color-text-primary, #14324d) !important;
    font-weight: bold !important;
    transition: background 0.2s ease !important;
}

#mdp-readabler-accessibility-statement-box #mdp-readabler-close-statement-btn:hover {
    background: var(--color-neutral-300, #d9d9d9) !important;
}

body .mdp-readabler-trigger-button-box button#mdp-readabler-trigger-button#mdp-readabler-trigger-button:focus {
    background: var(--readabler-btn-bg) !important;
    outline: none;
}

#mdp-readabler-popup-box.mdp-readabler-modal-animation-fade #mdp-readabler-popup {
    left: auto !important;
    right: 12px;
}

.la-products-locator__hours-row span {
    white-space: nowrap;
}

/* Hide Readabler accessibility elements on mobile */
@media (max-width: 768px) {

    .mdp-readabler-trigger-button-box,
    #mdp-readabler-popup-box,
    #mdp-readabler-keyboard-box {
        display: none !important;
    }
}