/*
Theme Name: IRL
Version: 1.0
Description: A child theme of Blocksy
Template: blocksy
Author: Administrator
*/
@import url("../blocksy/style.css");
/* Your awesome customization starts here */


        .obs-audio-inputs {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
        }

        .obs-audio-input {
            background: #f8f9fa;
            border: 1px solid #dee2e6;
            padding: 1rem;
            border-radius: 0.5rem;
            width: 260px;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
        }

        .obs-audio-input strong {
            display: block;
            margin-bottom: 0.5rem;
            font-weight: 600;
        }

        .obs-audio-input button {
            background: none;
            border: none;
            font-size: 1.4rem;
            margin-bottom: 0.5rem;
            cursor: pointer;
        }

        .obs-audio-input button .fa-volume-mute {
            color: #dc3545;
        }

        .obs-audio-input button .fa-volume-up {
            color: #007bff;
        }

        .obs-audio-input input[type="range"] {
            width: 100%;
            margin-bottom: 0.3rem;
            accent-color: #6cba30;
        }

        .obs-audio-input .value {
            text-align: right;
            font-size: 0.9rem;
            color: #666;
        }

        input[type="range"]::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none; 
            height: 15px;
            width: 15px;
            background-color: #6cba30;
            border-radius: 50%;
            border: none;
            transition: .2s ease-in-out;
        }

        input[type="range"]::-moz-range-thumb {
            height: 15px;
            width: 15px;
            background-color: #6cba30;
            border-radius: 50%;
            border: none;
            transition: .2s ease-in-out;
        }

        input[type="range"]::-webkit-slider-thumb:hover {
            box-shadow: 0 0 0 10px rgba(108,186,48, .1)
        }
        input[type="range"]:active::-webkit-slider-thumb,
        input[type="range"]:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 13px rgba(108,186,48, .2)
        }

        input[type="range"]::-moz-range-thumb:hover {
            box-shadow: 0 0 0 10px rgba(108,186,48, .1)
        }
        input[type="range"]:active::-moz-range-thumb,
        input[type="range"]:focus::-moz-range-thumb {
            box-shadow: 0 0 0 13px rgba(108,186,48, .2)
        }

.preview-image {
  width: 100%;
  height: auto;
	border-radius: 5px;
}

.preview-window {
    width: 100%;
  	aspect-ratio: 16 / 9;
    border-radius: 5px;
	height: auto;
    background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.9)),  url('/wp-content/uploads/2025/03/noise.gif');
}

/* Kolory w stylu Bootstrap */
.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-success {
    color: #fff;
    background-color: #28a745;
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
}