/*
Theme Name: Light Bootstrap Theme
Theme URI: http://example.com
Author: Dariusz Rorat
Author URI: http://example.com
Description: Lekki motyw WP oparty o Bootstrap 5.3 bez headless CMS.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: light-bootstrap-theme
*/
:root, [data-bs-theme=light] {
  --bs-body-bg-alt: #f8f9fa;
  --bs-body-bg-alt-rgb: 248, 249, 250;
}

[data-bs-theme=dark] {
  --bs-body-bg-alt: #2a2f35;
  --bs-body-bg-alt-rgb: 42, 47, 53;
}

.bg-body-alt {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-alt-rgb), var(--bs-bg-opacity)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

[data-bs-theme=light] .bg-auto-darklight {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
[data-bs-theme=dark] .bg-auto-darklight {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

[data-bs-theme=light] .bg-auto-lightdark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
[data-bs-theme=dark] .bg-auto-lightdark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

[data-bs-theme=light] .text-auto-blackwhite {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
[data-bs-theme=dark] .text-auto-blackwhite {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

[data-bs-theme=light] .text-auto-whiteblack {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
[data-bs-theme=dark] .text-auto-whiteblack {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

[data-bs-theme=light] .text-auto-darklight {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
[data-bs-theme=dark] .text-auto-darklight {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

[data-bs-theme=light] .text-auto-lightdark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
[data-bs-theme=dark] .text-auto-lightdark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

[data-bs-theme=light] .link-auto-darklight {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
[data-bs-theme=light] .link-auto-darklight:hover, [data-bs-theme=light] .link-auto-darklight:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}
[data-bs-theme=dark] .link-auto-darklight {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
[data-bs-theme=dark] .link-auto-darklight:hover, [data-bs-theme=dark] .link-auto-darklight:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

[data-bs-theme=light] .btn-auto-darklight {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
[data-bs-theme=dark] .btn-auto-darklight {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
[data-bs-theme=light] .btn-outline-auto-darklight {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}
[data-bs-theme=dark] .btn-outline-auto-darklight {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}
.bg-orange {background: #fd7e14 !important;}
.text-bg-orange {
  color: #000 !important;
  background-color: #fd7e14 !important;
}


.carousel-light .carousel-control-prev-icon,
.carousel-light .carousel-control-next-icon {
  filter: none !important;
}
.carousel-light .carousel-indicators [data-bs-target] {
  background-color: #fff !important;
}
.carousel-light .carousel-caption {
  color: #fff !important;
}

.blinking {
    -webkit-animation: blink 1.0s infinite both;
    animation: blink 1.0s infinite both;
}

@-webkit-keyframes blink {
	0% {opacity:1;}
	49% {opacity:1;}
	50% {opacity:0;}
	100% {opacity:0;}
}

@keyframes blink {
	0% {opacity:1;}
	49% {opacity:1;}
	50% {opacity:0;}
	100% {opacity:0;}
}

.fade-blinking {
    -webkit-animation: fadeblink 2s infinite both;
            animation: fadeblink 2s infinite both;
}

@-webkit-keyframes fadeblink {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes fadeblink {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

.blinking-3 {
    -webkit-animation: blink 1.0s 3 both;
    animation: blink 1.0s 3 both;
}

.blinking-5 {
    -webkit-animation: blink 1.0s 5 both;
    animation: blink 1.0s 5 both;
}

.blinking-3-vis {
    -webkit-animation: blink 1.0s 3;
    animation: blink 1.0s 3;
}

.blinking-5-vis {
    -webkit-animation: blink 1.0s 5;
    animation: blink 1.0s 5;
}

.alert > :last-child {
  margin-bottom: 0;
}

.callout {
  --bs-link-color-rgb: var(--bs-callout-link);
  --bs-code-color: var(--bs-callout-code-color);
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  color: var(--bs-callout-color, inherit);
  background-color: var(--bs-callout-bg, var(--bs-gray-100));
  border-left: 0.25rem solid var(--bs-callout-border, var(--bs-gray-300));
}
.callout > :last-child {
  margin-bottom: 0;
}
.callout + .callout {
  margin-top: -0.25rem;
}
.callout .highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.vh-50 {
    height: 50vh !important;
}

.w-40 {
    width: 40% !important;
}

.w-60 {
    width: 60% !important;
}

.w-70 {
    width: 70% !important;
}

.w-80 {
    width: 80% !important;
}

.w-90 {
    width: 90% !important;
}

.vh-25 {
  height: 25vh !important;
}

.vh-50 {
  height: 50vh !important;
}

.vh-75 {
  height: 75vh !important;
}

.mvh-25 {
    max-height: 25vh !important;
}

.mvh-50 {
    max-height: 50vh !important;
}

.mvh-75 {
    max-height: 75vh !important;
}

.mvh-100 {
    max-height: 100vh !important;
}

/* markdown style */
[data-bs-theme="light"] .blockquote {
  margin: 0 0 1rem;
  padding: 0 1rem;
  color: #5a5a5a; /* kontrast ~4.6:1 względem #ffffff */
  border-left: 0.25em solid #b0b0b0; /* lekki kontrast, neutralny szary */
  font-size: 1rem;
}

[data-bs-theme="dark"] .blockquote {
  margin: 0 0 1rem;
  padding: 0 1rem;
  color: #aab0b5; /* kontrast ~4.7:1 względem #212529 */
  border-left: 0.25em solid #6e767c; /* stonowany szary */
  font-size: 1rem;
}

#content .img-main {
    display: block;
    width: 100%;
    height: auto;
    margin-inline: auto;
    margin-bottom: 1rem;
}

#content .svg-main {margin-bottom: 1rem;}

@media (max-width: 991px) {
    #buttonTheme {
        margin-top: 1rem;
    }
}

@media (min-width: 992px) {
    #searchInputGroup {
        width: 25%;
    }
}
