/* 
Theme Name: Tobalt Child
Theme URI: https://tobalt.lt
Description: Sveiki, dėkojame už pasitikėjimą naudojantis Tobalt paslaugomis ir sprendimais. Jeigu Jums reikalinga pagalba, mokymai lauksime Jūsų žinučių el. paštu - labas@tobalt.lt
Author: Tobalt
Author URI: https://tobalt.lt
Template: tobalt
Text Domain: tobalt-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

.nuoroda a {
    color: #FFFFFF;
}

.nuoroda a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

p a:hover,
.wp-block-list a:hover {
    text-decoration: underline;
}

a.glink {
    color: #0A0A0AC2;
}

/* --- Headings --- */

h2.wp-block-heading,
h3.wp-block-heading,
h4.wp-block-heading,
h5.wp-block-heading,
h6.wp-block-heading {
    padding-top: 20px;
}

h6.wp-block-heading {
    font-size: 20px !important;
    padding-top: 30px;
}

/* --- List Padding --- */

.wp-block-list {
    padding-bottom: 10px;
}

/* --- Dynamic Sitemap Styles --- */

.dynamic-sitemap {
    padding-left: 0;
    margin: 0;
}

.dynamic-sitemap ul {
    padding-left: 40px;
    margin-left: 0;
}

.dynamic-sitemap li {
    list-style: none;
    padding-left: 20px;
    padding-bottom: 5px;
    margin: 0;
    position: relative;
    line-height: 1.6;
}

.dynamic-sitemap li:before {
    content: "";
    position: absolute;
    top: 4px;
    left: -5px;
    height: 15px;
    width: 15px;
    background-size: contain;
    background-image: url("https://tobalt.lt/wp-content/rodykle.png");
}

.dynamic-sitemap li a,
.elementor-widget-container ul li a {
    color: #0A0A0A;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
}

.dynamic-sitemap li a:hover,
.dynamic-sitemap li a:active {
    color: #4A8C68;
}

.dynamic-sitemap li.current_page_item > a {
    color: #0A0A0A;
    text-decoration: underline;
}

/* --- Custom Page List Styles --- */

.custom-page-list {
    padding-left: 0;
    margin: 0;
}

.custom-page-list li {
    list-style: none;
    line-height: 1.8;
    color: #004d00;
    font-weight: normal;
    position: relative;
    padding-left: 25px;
}

.custom-page-list li:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    height: 15px;
    width: 15px;
    background-size: contain;
    background-image: url("https://tobalt.lt/wp-content/rodykle.png");
    filter: brightness(0.5);
}

.custom-page-list > li,
.custom-page-list > li > ul > li,
.custom-page-list > li > ul > li > ul > li,
.custom-page-list > li > ul > li > ul > li > ul > li {
    color: #06579D;
}

.custom-page-list > li > ul > li {
    padding-left: 45px;
}

.custom-page-list > li > ul > li > ul > li {
    padding-left: 65px;
}

.custom-page-list > li > ul > li > ul > li > ul > li {
    padding-left: 85px;
}

.custom-page-list li a {
    color: #06579D;
    text-decoration: none;
    outline: none;
}

.custom-page-list li a:hover,
.custom-page-list li a:active {
    color: #000;
}

.custom-page-list li a:focus-visible {
    outline: 2px solid #003300;
    outline-offset: 2px;
}

/* --- Visually Hidden Text (Screen Reader Only) --- */

.screen-reader-text,
.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
    text-indent: -9999px !important;
}

/* --- Skip Link Accessible Styling --- */

/* Override screen-reader-text class when applied to skip-link */
.skip-link.screen-reader-text {
    position: absolute !important;
    left: 0 !important;
    top: -45px !important; /* Position just off-screen, not too far */
    width: auto !important;
    height: auto !important;
    padding: 10px 15px !important;
    margin: 0 !important;
    background-color: #003366 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    text-decoration: none !important;
    z-index: 9999 !important; /* Ensure it's above all other elements */
    border-radius: 0 0 5px 0 !important; /* Bottom right rounded corner when visible */
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: normal !important;
    text-indent: 0 !important;
    
    /* Smoother, faster focus transition */
    transition: top 0.2s ease !important;
}

/* Skip link when focused - must override screen-reader-text */
.skip-link.screen-reader-text:focus {
    top: 0 !important;
    left: 0 !important;
    outline: 3px solid #ffbf47 !important; /* High contrast focus outline */
    outline-offset: 0 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important; /* Subtle shadow for better visibility */
    text-decoration: underline !important;
}

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, elementor-icon-list-text{    outline: 4px solid #0986BB;
    outline-offset: 8px;
}