/* assets/css/style.css */

/* Tailwind CSS imports */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* ACF WYSIWYG Field Styling - Global List Preservation */
/* This ensures all ACF WYSIWYG fields maintain proper list formatting */

/* Base ACF WYSIWYG content styling */
.acf-field-wysiwyg .acf-input,
.acf-field-wysiwyg .wp-editor-content,
.acf-field-wysiwyg .wp-editor-area {
    /* Preserve all formatting */
}

/* List Styling - Preserve ACF WYSIWYG formatting globally */
.acf-field-wysiwyg ul,
.acf-field-wysiwyg ol,
.acf-field-wysiwyg .wp-editor-content ul,
.acf-field-wysiwyg .wp-editor-content ol,
.acf-field-wysiwyg .wp-editor-area ul,
.acf-field-wysiwyg .wp-editor-area ol,
/* Also target any content that might be output from ACF fields */
[data-acf-field] ul,
[data-acf-field] ol,
.acf-content ul,
.acf-content ol {
    margin: 1em 0;
    padding-left: 2em;
    list-style-position: outside;
}

.acf-field-wysiwyg ul,
.acf-field-wysiwyg .wp-editor-content ul,
.acf-field-wysiwyg .wp-editor-area ul,
[data-acf-field] ul,
.acf-content ul {
    list-style-type: disc;
}

.acf-field-wysiwyg ol,
.acf-field-wysiwyg .wp-editor-content ol,
.acf-field-wysiwyg .wp-editor-area ol,
[data-acf-field] ol,
.acf-content ol {
    list-style-type: decimal;
}

/* Nested list styling */
.acf-field-wysiwyg ul ul,
.acf-field-wysiwyg .wp-editor-content ul ul,
.acf-field-wysiwyg .wp-editor-area ul ul,
[data-acf-field] ul ul,
.acf-content ul ul {
    list-style-type: circle;
    margin: 0.5em 0;
}

.acf-field-wysiwyg ul ul ul,
.acf-field-wysiwyg .wp-editor-content ul ul ul,
.acf-field-wysiwyg .wp-editor-area ul ul ul,
[data-acf-field] ul ul ul,
.acf-content ul ul ul {
    list-style-type: square;
}

.acf-field-wysiwyg ol ol,
.acf-field-wysiwyg .wp-editor-content ol ol,
.acf-field-wysiwyg .wp-editor-area ol ol,
[data-acf-field] ol ol,
.acf-content ol ol {
    list-style-type: lower-alpha;
    margin: 0.5em 0;
}

.acf-field-wysiwyg ol ol ol,
.acf-field-wysiwyg .wp-editor-content ol ol ol,
.acf-field-wysiwyg .wp-editor-area ol ol ol,
[data-acf-field] ol ol ol,
.acf-content ol ol ol {
    list-style-type: lower-roman;
}

/* List item styling */
.acf-field-wysiwyg li,
.acf-field-wysiwyg .wp-editor-content li,
.acf-field-wysiwyg .wp-editor-area li,
[data-acf-field] li,
.acf-content li {
    margin: 0.5em 0;
    line-height: 1.6;
    display: list-item;
}

.acf-field-wysiwyg li:last-child,
.acf-field-wysiwyg .wp-editor-content li:last-child,
.acf-field-wysiwyg .wp-editor-area li:last-child,
[data-acf-field] li:last-child,
.acf-content li:last-child {
    margin-bottom: 0;
}

/* Nested list item styling */
.acf-field-wysiwyg li > ul,
.acf-field-wysiwyg li > ol,
.acf-field-wysiwyg .wp-editor-content li > ul,
.acf-field-wysiwyg .wp-editor-content li > ol,
.acf-field-wysiwyg .wp-editor-area li > ul,
.acf-field-wysiwyg .wp-editor-area li > ol,
[data-acf-field] li > ul,
[data-acf-field] li > ol,
.acf-content li > ul,
.acf-content li > ol {
    margin: 0.5em 0 0.5em 1em;
}

/* Override any conflicting list styles */
.acf-field-wysiwyg ul li,
.acf-field-wysiwyg ol li,
.acf-field-wysiwyg .wp-editor-content ul li,
.acf-field-wysiwyg .wp-editor-content ol li,
.acf-field-wysiwyg .wp-editor-area ul li,
.acf-field-wysiwyg .wp-editor-area ol li,
[data-acf-field] ul li,
[data-acf-field] ol li,
.acf-content ul li,
.acf-content ol li {
    list-style: inherit;
    display: list-item;
}

/* Ensure list markers are visible and styled */
.acf-field-wysiwyg ul li::marker,
.acf-field-wysiwyg .wp-editor-content ul li::marker,
.acf-field-wysiwyg .wp-editor-area ul li::marker,
[data-acf-field] ul li::marker,
.acf-content ul li::marker {
    color: #6b7280;
    font-weight: 500;
}

.acf-field-wysiwyg ol li::marker,
.acf-field-wysiwyg .wp-editor-content ol li::marker,
.acf-field-wysiwyg .wp-editor-area ol li::marker,
[data-acf-field] ol li::marker,
.acf-content ol li::marker {
    color: #6b7280;
    font-weight: 500;
}

/* Paragraph styling */
.acf-field-wysiwyg p,
.acf-field-wysiwyg .wp-editor-content p,
.acf-field-wysiwyg .wp-editor-area p,
[data-acf-field] p,
.acf-content p {
    margin: 1em 0;
    line-height: 1.6;
}

.acf-field-wysiwyg p:first-child,
.acf-field-wysiwyg .wp-editor-content p:first-child,
.acf-field-wysiwyg .wp-editor-area p:first-child,
[data-acf-field] p:first-child,
.acf-content p:first-child {
    margin-top: 0;
}

.acf-field-wysiwyg p:last-child,
.acf-field-wysiwyg .wp-editor-content p:last-child,
.acf-field-wysiwyg .wp-editor-area p:last-child,
[data-acf-field] p:last-child,
.acf-content p:last-child {
    margin-bottom: 0;
}

/* Text formatting */
.acf-field-wysiwyg strong,
.acf-field-wysiwyg b,
.acf-field-wysiwyg .wp-editor-content strong,
.acf-field-wysiwyg .wp-editor-content b,
.acf-field-wysiwyg .wp-editor-area strong,
.acf-field-wysiwyg .wp-editor-area b,
[data-acf-field] strong,
[data-acf-field] b,
.acf-content strong,
.acf-content b {
    font-weight: 600;
    color: #1f2937;
}

.acf-field-wysiwyg em,
.acf-field-wysiwyg i,
.acf-field-wysiwyg .wp-editor-content em,
.acf-field-wysiwyg .wp-editor-content i,
.acf-field-wysiwyg .wp-editor-area em,
.acf-field-wysiwyg .wp-editor-area i,
[data-acf-field] em,
[data-acf-field] i,
.acf-content em,
.acf-content i {
    font-style: italic;
    color: #4b5563;
}

/* Links */
.acf-field-wysiwyg a,
.acf-field-wysiwyg .wp-editor-content a,
.acf-field-wysiwyg .wp-editor-area a,
[data-acf-field] a,
.acf-content a {
    color: #3b82f6;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.acf-field-wysiwyg a:hover,
.acf-field-wysiwyg .wp-editor-content a:hover,
.acf-field-wysiwyg .wp-editor-area a:hover,
[data-acf-field] a:hover,
.acf-content a:hover {
    color: #1d4ed8;
    text-decoration-thickness: 2px;
}

/* Blockquotes */
.acf-field-wysiwyg blockquote,
.acf-field-wysiwyg .wp-editor-content blockquote,
.acf-field-wysiwyg .wp-editor-area blockquote,
[data-acf-field] blockquote,
.acf-content blockquote {
    margin: 1.5em 0;
    padding: 1em 1.5em;
    border-left: 4px solid #3b82f6;
    background-color: #f8fafc;
    font-style: italic;
    color: #4b5563;
}

/* Tables */
.acf-field-wysiwyg table,
.acf-field-wysiwyg .wp-editor-content table,
.acf-field-wysiwyg .wp-editor-area table,
[data-acf-field] table,
.acf-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5em 0;
}

.acf-field-wysiwyg th,
.acf-field-wysiwyg td,
.acf-field-wysiwyg .wp-editor-content th,
.acf-field-wysiwyg .wp-editor-content td,
.acf-field-wysiwyg .wp-editor-area th,
.acf-field-wysiwyg .wp-editor-area td,
[data-acf-field] th,
[data-acf-field] td,
.acf-content th,
.acf-content td {
    padding: 0.75em;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
}

.acf-field-wysiwyg th,
.acf-field-wysiwyg .wp-editor-content th,
.acf-field-wysiwyg .wp-editor-area th,
[data-acf-field] th,
.acf-content th {
    background-color: #f9fafb;
    font-weight: 600;
    color: #374151;
}

.acf-field-wysiwyg tr:hover,
.acf-field-wysiwyg .wp-editor-content tr:hover,
.acf-field-wysiwyg .wp-editor-area tr:hover,
[data-acf-field] tr:hover,
.acf-content tr:hover {
    background-color: #f9fafb;
}

/* Custom utilities */
@layer utilities {
    .scrollbar-hide {
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
        scrollbar-width: none;  /* Firefox */
    }
    .scrollbar-hide::-webkit-scrollbar {
        display: none;  /* Safari and Chrome */
    }
    
    /* Filter pills container */
    .filter-pills-container {
        flex-wrap: nowrap;
        white-space: nowrap;
    }
    
    /* Ensure pills don't shrink */
    .destination-pill {
        flex-shrink: 0;
    }
}

/* Custom styles */
.horizontes-cr-map .st0 {
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: #dfe0e0;
	stroke: #ffffff;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.horizontes-cr-map .st0:hover {
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: #4C8A46;
	stroke: #ffffff;
	stroke-width: 2;
	stroke-miterlimit: 10;
}
.horizontes-cr-map .st1 {
	fill: #dfe0e0;
	stroke: #ffffff;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.horizontes-cr-map .st1:hover {
	fill: #4C8A46;
	stroke: #ffffff;
	stroke-width: 2;
	stroke-miterlimit: 10;
}

.horizontes-cr-map .st1.my-active-map {
	fill: #4C8A46;
	stroke: #ffffff;
	stroke-width: 2;
	stroke-miterlimit: 10;
}
.horizontes-cr-map .st0.my-active-map {
	fill: #4C8A46;
	stroke: #ffffff;
	stroke-width: 2;
	stroke-miterlimit: 10;
}