.wp-block-rank-math-toc-block {
	position:relative;
}

.wp-block-rank-math-toc-block h2 {
    background: #f1f2f6;
    padding: 10px 12px 10px 18px;
    cursor: pointer;
    font-size: 18px;
    font-weight: normal;
    position:relative;
    margin-bottom: 0;
}
.wp-block-rank-math-toc-block h2:before {
	display:inline-block;
	content: "";
        width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 12px;
	border-color: transparent transparent transparent #000000;
	margin-right: 8px;
}

.wp-block-heading{
	font-size: 20px;
}

.wp-block-rank-math-toc-block nav{
	padding: 10px 10px 0px 10px;
	max-height: 0;
	overflow:hidden;
}
.wp-block-rank-math-toc-block input:checked+h2~nav {
	max-height: 100vh;
	overflow:visible;
}

.block-wrap {
    background-color: f7f7f7;
}

/* Accessibility Improvements */

/* Ensure all buttons have visible focus indicators */
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
a:focus {
    outline: 2px solid #0b6230;
    outline-offset: 2px;
}

/* Improve contrast for better readability */
.btn-primary,
.btn-secondary {
    color: #fff;
}

/* Ensure form elements are properly labeled */
.form-control:focus {
    border-color: #0b6230;
    box-shadow: 0 0 0 0.2rem rgba(11, 98, 48, 0.25);
}

/* Improve accessibility for carousel controls */
.slick-prev, .slick-next {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
}

.slick-prev:hover, .slick-next:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

/* Ensure proper contrast for text */
body,
.form-control,
.bootstrap-select .text {
    color: #000000;
}

/* Improve focus visibility for navigation */
.main-nav .nav-link:focus,
.login-register .login-register-nav li .dropdown-menu .nav-item a:focus {
    background-color: rgba(54, 170, 113, 0.1);
}

/* Ensure accordion headers are clearly clickable */
.accordion-header {
    cursor: pointer;
}

.accordion-header:focus {
    outline: 2px solid #0b6230;
    outline-offset: -2px;
}

/* Improve accessibility for modal dialogs */
.modal-content {
    border: 1px solid #dce0e0;
}

.modal-header {
    border-bottom: 1px solid #dce0e0;
}

.modal-footer {
    border-top: 1px solid #dce0e0;
}

/* Ensure proper contrast for property elements */
.property-title-wrap h1,
.property-title-wrap h2 {
    color: #000000;
}

.item-price {
    color: #0b6230;
}

/* Improve accessibility for form elements */
.form-group label {
    font-weight: bold;
}

/* Ensure proper focus states for interactive elements */
.dropdown-menu > li > a:focus {
    background-color: #0b6230;
    color: #ffffff;
}

/* Improve accessibility for property gallery */
.property-banner-trigger {
    cursor: pointer;
}

/* Ensure proper contrast for footer elements */
.footer-top-wrap,
.footer-top-wrap a {
    color: #000000;
}

/* Improve accessibility for breadcrumb navigation */
.breadcrumb a:focus {
    outline: 2px solid #0b6230;
    outline-offset: 2px;
}

/* Specific styles for toggle buttons */
.toggle-button-left,
.toggle-button-right {
    background-color: #0b6230;
    color: white;
    border: none;
    /* Minimum touch target size */
    min-width: 44px;
    min-height: 44px;
    padding: 10px;
}

.toggle-button-left:hover,
.toggle-button-right:hover {
    background-color: #36aa71;
}

.toggle-button-left:focus,
.toggle-button-right:focus {
    outline: 2px solid #36aa71;
    outline-offset: 2px;
}

/* Styles for compare property elements */
.compare-property-label {
    background-color: #0b6230;
    color: white;
    border: none;
    /* Minimum touch target size */
    min-width: 44px;
    min-height: 44px;
    padding: 10px;
}

.compare-property-label:focus {
    outline: 2px solid #36aa71;
    outline-offset: 2px;
}

/* Ensure all interactive elements have proper cursor */
button,
a,
[role="button"] {
    cursor: pointer;
}

/* Improve visibility of hidden elements for screen readers */
.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Fix for listing view accessibility */
.listing-view[role="list"] {
    list-style: none;
    padding: 0;
}

.listing-view[role="list"] > div[role="listitem"] {
    margin-bottom: 1rem;
}

/* Fix for labels wrap accessibility */
.labels-wrap[role="group"] {
    display: flex;
    align-items: center;
    /* Add spacing between elements */
    gap: 8px;
}

.labels-wrap[role="group"] > * {
    /* Ensure minimum touch target size */
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Fix for item tools accessibility */
.item-tools[role="list"] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    /* Add spacing between tools */
    gap: 8px;
}

.item-tools[role="list"] > li[role="listitem"] {
    margin: 0;
}

.item-tools[role="list"] > li[role="listitem"] > * {
    /* Ensure minimum touch target size for all tools */
    min-width: 44px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Improve tooltip accessibility */
[data-bs-toggle="tooltip"] {
    cursor: help;
}

/* Ensure proper contrast for status labels */
.label-status {
    color: #fff;
    font-weight: bold;
    /* Ensure minimum touch target size */
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
}

/* Improve focus indicators for property items */
.item-wrap:focus-within {
    outline: 2px solid #0b6230;
    outline-offset: 2px;
}


/* Ensure proper spacing in property item containers */
.item-wrap {
    /* Add padding to create space around interactive elements */
    padding: 4px;
}

/* Increase touch target size for links in property listings */
.item-wrap a {
    /* Ensure minimum touch target size */
    min-width: 44px;
    min-height: 44px;
    display: inline-block;
    /* Add padding for better touch targets */
    padding: 8px;
}

/* Tooltip styling for better visual feedback */
.item-tool-favorite,
.item-tool-compare,
[data-bs-toggle="tooltip"] {
    /* Ensure minimum touch target size */
    min-width: 44px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Add visual feedback for hover state */
    transition: background-color 0.2s ease;
}

.item-tool-favorite:hover,
.item-tool-compare:hover,
[data-bs-toggle="tooltip"]:hover {
    background-color: rgba(54, 170, 113, 0.1);
    border-radius: 4px;
}

/* Ensure proper focus indicators for tooltip elements */
.item-tool-favorite:focus,
.item-tool-compare:focus,
[data-bs-toggle="tooltip"]:focus {
    outline: 2px solid #0b6230;
    outline-offset: 2px;
    border-radius: 4px;
}