/**
 * D4 Invest - Custom Color Scheme Override
 * Colors:
 * - Highlight/Primary: #165DFB (blue)
 * - Background: #FFFFFF (white)  
 * - Titles: #171717 (dark)
 * - Text: #737373 (gray)
 */

/* ========================================
   Global Color Overrides
   ======================================== */

/* Background Colors */
body,
.site-content,
.entry-content,
.widget-area,
.site-header,
.site-footer {
    background-color: #FFFFFF !important;
}

/* Text Colors */
body,
p,
span,
div,
li,
td,
.entry-content,
.widget-area {
    color: #737373 !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.entry-title,
.widget-title,
.site-title,
.page-title {
    color: #171717 !important;
}

/* Links and Highlights - Remove blue from text/titles */
a,
a:visited {
    color: #737373 !important;
}

a:hover {
    color: #165DFB !important;
}

.highlight,
.primary-color {
    color: #165DFB !important;
}

/* Buttons - specific buttons only */
#insert-media-button,
.page-title-action {
    background-color: #165DFB !important;
    color: #FFFFFF !important;
    border-color: #165DFB !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 4px !important;
}

/* TinyMCE toolbar buttons - dark theme */
.mce-btn button,
button[id*="mceu"],
.mce-widget button,
.mce-menubtn button,
.mce-listbox button,
.mce-splitbtn button,
.mce-colorbutton button {
    background-color: #171717 !important;
    color: #ffffff !important;
    border-color: #171717 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    border-radius: 2px !important;
}

.mce-btn:hover button,
button[id*="mceu"]:hover,
.mce-widget:hover button,
.mce-menubtn:hover button,
.mce-listbox:hover button,
.mce-splitbtn:hover button,
.mce-colorbutton:hover button {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* Specific override for collapse menu button */
#collapse-button,
button#collapse-button {
    background-color: #FAFAFA !important;
    background: #FAFAFA !important;
    color: #737373 !important;
    border: none !important;
    padding: 8px !important;
    border-radius: 0 !important;
}

/* Post query submit buttons */
#post-query-submit {
    background-color: #171717 !important;
    color: #FFFFFF !important;
    border-color: #171717 !important;
}

/* Pagination nav links (not admin menu) */
.nav-links a {
    background-color: #165DFB !important;
    color: #FFFFFF !important;
    border-color: #165DFB !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 4px !important;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.btn:hover,
.button:hover,
.page-title-action:hover,
.nav-links a:hover {
    background-color: #0e47c5 !important;
    border-color: #0e47c5 !important;
    color: #FFFFFF !important;
}

/* Navigation Menu */
.main-navigation a,
.menu-item a {
    color: #737373 !important;
}

.main-navigation a:hover,
.menu-item a:hover,
.current-menu-item a {
    color: #165DFB !important;
}

/* Forms */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="color"],
textarea,
select,
.wp-admin input[type="text"],
.wp-admin input[type="email"],
.wp-admin input[type="url"],
.wp-admin input[type="password"],
.wp-admin input[type="search"],
.wp-admin input[type="number"],
.wp-admin input[type="tel"],
.wp-admin input[type="date"],
.wp-admin textarea,
.wp-admin select {
    background-color: #FFFFFF !important;
    color: #737373 !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 4px !important;
}

input:focus,
textarea:focus,
select:focus,
.wp-admin input:focus,
.wp-admin textarea:focus,
.wp-admin select:focus {
    border-color: #165DFB !important;
    outline-color: #165DFB !important;
    box-shadow: 0 0 0 1px #165DFB !important;
}

/* Tables - Admin and Frontend */
table,
.wp-list-table,
.widefat,
.fixed,
.striped,
.wp-admin table {
    background-color: #FFFFFF !important;
}

/* Table headers - white background, dark text, consistent font size */
th,
.wp-list-table th,
.widefat th,
thead th,
.wp-admin th,
.wp-list-table th a,
.widefat th a,
.wp-admin th a {
    background-color: #FFFFFF !important;
    color: #171717 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* Ensure sortable column links have consistent styling */
.wp-list-table th.sortable a,
.wp-list-table th.sorted a {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #171717 !important;
}

/* Table cells - white background, gray text */
td,
.wp-list-table td,
.widefat td,
.wp-admin td {
    background-color: #FFFFFF !important;
    color: #737373 !important;
}

/* Row separators - use border instead of alternating colors */
tr,
.wp-list-table tr,
tbody tr,
.wp-admin table tr,
.widefat tr {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #E5E5E5 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

/* Ensure table borders are visible */
.wp-list-table,
.widefat,
.wp-admin table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

/* Remove WordPress default striping */
.striped > tbody > tr:nth-child(odd),
.alternate {
    background-color: #FFFFFF !important;
}

/* Admin table specific overrides */
.wp-admin .widefat tr,
.wp-admin .wp-list-table tr {
    background-color: #FFFFFF !important;
}

.wp-admin .widefat .alternate,
.wp-admin .striped > tbody > tr:nth-child(odd) {
    background-color: #FFFFFF !important;
}

/* Hover state for table rows */
.wp-list-table tbody tr:hover,
.widefat tbody tr:hover {
    background-color: #f8f9fa !important;
}

/* Cards and Boxes */
.card,
.box,
.panel,
.widget {
    background-color: #FFFFFF !important;
    border-color: #e0e0e0 !important;
}

/* Alerts and Messages */
.alert,
.notice,
.message {
    background-color: #f0f7ff !important;
    border-color: #165DFB !important;
    color: #737373 !important;
}

/* Footer */
.site-footer {
    background-color: #f8f8f8 !important;
    color: #737373 !important;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4 {
    color: #171717 !important;
}

/* ========================================
   WordPress Admin Overrides
   ======================================== */

/* Admin Bar */
#wpadminbar {
    background: #171717 !important;
}

#wpadminbar .ab-item,
#wpadminbar a.ab-item,
#wpadminbar > #wp-toolbar span.ab-label {
    color: #FFFFFF !important;
}

/* Admin Sidebar */
#adminmenu,
#adminmenu .wp-submenu,
#adminmenuback,
#adminmenuwrap,
#adminmenu li.wp-submenu li {
    background: #FAFAFA !important;
}

#adminmenuback {
    border-right: 1px solid #E5E5E5 !important;
}

#adminmenu a {
    color: #737373 !important;
}

/* Force text and icons to never change color on hover/active */
#adminmenu li.menu-top:hover a,
#adminmenu li.opensub > a,
#adminmenu li > a.menu-top:focus,
#adminmenu li.current > a,
#adminmenu li.wp-has-current-submenu > a {
    color: #737373 !important;
}

/* Admin menu icons */
#adminmenu .wp-menu-image,
#adminmenu .wp-menu-image:before,
#adminmenu .wp-menu-image img,
#adminmenu .dashicons,
#adminmenu .dashicons:before {
    color: #171717 !important;
    fill: #171717 !important;
}

/* Hover states */
#adminmenu li.menu-top:hover,
#adminmenu li.opensub > a,
#adminmenu li > a.menu-top:focus {
    background-color: #F5F5F5 !important;
}

/* Current/active menu item */
#adminmenu li.current > a,
#adminmenu li.wp-has-current-submenu > a {
    background-color: #F5F5F5 !important;
}

/* Admin Content */
.wp-core-ui .button-primary {
    background: #165DFB !important;
    border-color: #165DFB !important;
    color: #FFFFFF !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 4px !important;
}

.wp-core-ui .button-primary:hover {
    background: #0e47c5 !important;
    border-color: #0e47c5 !important;
}

.wp-core-ui .button,
.wp-core-ui .button-secondary {
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 4px !important;
}

/* ========================================
   Specific Component Overrides
   ======================================== */

/* Decompte Pages */
.decompte-container {
    background-color: #FFFFFF !important;
}

.decompte-header {
    background-color: #165DFB !important;
    color: #FFFFFF !important;
}

.decompte-title {
    color: #171717 !important;
}

.decompte-content {
    color: #737373 !important;
}

/* Releves (Water/Gas readings) */
.releves-container,
.releves-gaz-container {
    background-color: #FFFFFF !important;
}

.releves-header h2,
.releves-gaz-header h2 {
    color: #171717 !important;
}

.releves-table th {
    background-color: #165DFB !important;
    color: #FFFFFF !important;
}

.releves-table td {
    color: #737373 !important;
}

/* Communications */
.communications-container {
    background-color: #FFFFFF !important;
}

.communication-item {
    border-color: #e0e0e0 !important;
}

.communication-title {
    color: #171717 !important;
}

.communication-content {
    color: #737373 !important;
}

/* Archive Pages */
.archive-item {
    background-color: #FFFFFF !important;
    border-color: #e0e0e0 !important;
}

.archive-title {
    color: #171717 !important;
}

.archive-meta {
    color: #737373 !important;
}

/* 404 Page */
.error-404 {
    background-color: #FFFFFF !important;
}

.error-404 h1 {
    color: #171717 !important;
}

.error-404 p {
    color: #737373 !important;
}

/* Vue Global */
.vue-global-container {
    background-color: #FFFFFF !important;
}

.vue-global-header {
    background-color: #165DFB !important;
    color: #FFFFFF !important;
}

/* Override WordPress default blue links in admin */
.wp-admin a:not(.button):not(.btn):not([class*="button"]):not(.page-title-action):not(th a) {
    color: #737373 !important;
}

.wp-admin a:not(.button):not(.btn):not([class*="button"]):not(.page-title-action):not(th a):hover {
    color: #165DFB !important;
}

/* Ensure page-title-action has white text in all states */
.page-title-action,
.page-title-action:hover,
.page-title-action:focus,
.page-title-action:active,
.page-title-action:visited {
    color: #FFFFFF !important;
}

/* Remove blue from all text elements */
h1, h2, h3, h4, h5, h6, p, span, div, li, td, th, 
.wp-admin h1, .wp-admin h2, .wp-admin h3, .wp-admin h4, .wp-admin h5, .wp-admin h6 {
    color: inherit !important;
}

/* Ensure headings are always dark */
h1, h2, h3, h4, h5, h6,
.wp-admin h1, .wp-admin h2, .wp-admin h3, .wp-admin h4, .wp-admin h5, .wp-admin h6 {
    color: #171717 !important;
}

/* Complaints Plugin Specific Overrides */
.post-type-complaint #content,
.post-type-complaint .wp-editor-container,
.post-type-complaint input[type="text"],
.post-type-complaint input[type="email"],
.post-type-complaint input[type="password"],
.post-type-complaint input[type="search"],
.post-type-complaint input[type="number"],
.post-type-complaint input[type="tel"],
.post-type-complaint input[type="url"],
.post-type-complaint input[type="date"],
.post-type-complaint textarea,
.post-type-complaint select {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 4px !important;
    color: #737373 !important;
}

/* Special styling for complaint title - make it look like a title, not an input */
.post-type-complaint #title {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: #171717 !important;
    font-size: 23px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.post-type-complaint #title:focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.post-type-complaint #content:focus,
.post-type-complaint input:focus,
.post-type-complaint textarea:focus,
.post-type-complaint select:focus {
    border-color: #165DFB !important;
    outline-color: #165DFB !important;
    box-shadow: 0 0 0 1px #165DFB !important;
}

.acf-relationship .list .acf-rel-item:hover,
.acf-relationship .list .acf-rel-item.relationship-hover {
    background: transparent !important;
}

/* Hide only the images field from ACF, keep status dropdown */
.post-type-complaint .acf-field[data-name="images"] {
    display: none !important;
}

/* Style editor for tenants */
.post-type-complaint #postdivrich {
    border-radius: 4px !important;
    border: 1px solid #E5E5E5 !important;
    overflow: hidden !important;
}

/* Style title input to match */
.post-type-complaint #title {
    border: 1px solid #E5E5E5 !important;
    border-radius: 4px !important;
}

/* TinyMCE toolbar button icons - make them white */
.post-type-complaint .mce-btn button,
.post-type-complaint .mce-btn i,
.post-type-complaint .mce-btn span,
.post-type-complaint .mce-ico,
.post-type-complaint .mce-caret,
.post-type-complaint .mce-btn-small .mce-ico {
    color: #FFFFFF !important;
}

/* Hide the last two toolbar buttons */
.post-type-complaint .mce-toolbar-grp .mce-btn-group:last-child .mce-btn:nth-last-child(-n+2) {
    display: none !important;
}

/* Clean up the status dropdown - remove box styling */
.post-type-complaint .postbox[id*="acf-group"] {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
}

.post-type-complaint .postbox[id*="acf-group"] .postbox-header {
    display: none !important;
}

.post-type-complaint .postbox[id*="acf-group"] .inside {
    margin: 0 !important;
    padding: 0 !important;
}

.post-type-complaint .acf-fields {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.post-type-complaint .acf-field {
    border: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
}

.post-type-complaint .acf-label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #171717 !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

.post-type-complaint .acf-input {
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove margin bottom from main content areas */
.post-type-complaint #post-body-content,
.post-type-complaint #custom-complaint-content {
    margin-bottom: 0 !important;
}

.post-type-complaint #wp-content-wrap,
.post-type-complaint #wp-content-editor-container,
.post-type-complaint .wp-editor-container,
.post-type-complaint #wp-content-editor-tools,
.post-type-complaint .wp-editor-tabs,
.post-type-complaint #postdivrich .inside {
    border: none !important;
    box-shadow: none !important;
}

.post-type-complaint #postdivrich .postarea {
    border: none !important;
}

/* Comprehensive border removal for all editor elements */
.post-type-complaint #postdivrich *,
.post-type-complaint #wp-content-wrap *,
.post-type-complaint .wp-editor-area * {
    border: none !important;
    box-shadow: none !important;
}

.post-type-complaint #content,
.post-type-complaint #content_ifr {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: #737373 !important;
    padding: 0 !important;
    margin: 0 !important;
    resize: none !important;
}

/* Fix font for TinyMCE editor body */
.post-type-complaint iframe#content_ifr {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

.post-type-complaint #content:focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.post-type-complaint #wp-content-wrap {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.post-type-complaint .wp-editor-area {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ACF Fields in Complaints */
.post-type-complaint .acf-field input[type="text"],
.post-type-complaint .acf-field input[type="email"],
.post-type-complaint .acf-field input[type="number"],
.post-type-complaint .acf-field input[type="tel"],
.post-type-complaint .acf-field input[type="url"],
.post-type-complaint .acf-field input[type="password"],
.post-type-complaint .acf-field textarea,
.post-type-complaint .acf-field select {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 4px !important;
    color: #737373 !important;
}

/* Important: Override any inline styles */
[style*="color"] {
    color: inherit !important;
}

/* Hide comments metabox for tenants ONLY on new complaint creation */
body:not(.role-administrator) .post-type-complaint.post-new-php #commentsdiv {
    display: none !important;
}

/* Hide comment status div for tenants */
body:not(.role-administrator) .post-type-complaint #commentstatusdiv {
    display: none !important;
}

/* Hide ACF status field for tenants */
body:not(.role-administrator) .post-type-complaint #acf-group_67755756029ae {
    display: none !important;
}

/* Custom comments display - chat-like interface */
#custom-comments-list {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.custom-comment {
    display: flex;
    width: 100%;
}

.custom-comment.admin-message {
    justify-content: flex-start;
}

.custom-comment.tenant-message {
    justify-content: flex-end;
}

.comment-bubble {
    max-width: 70%;
    padding: 12px 16px;
    border-radius: 12px;
    position: relative;
}

.custom-comment.admin-message .comment-bubble {
    background-color: #F5F5F5;
    color: #171717;
}

.custom-comment.tenant-message .comment-bubble {
    background-color: #165DFB;
    color: #FFFFFF;
}

.custom-comment.tenant-message .comment-bubble * {
    color: #FFFFFF !important;
}

.comment-author {
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 2px;
}

.comment-date {
    font-size: 11px;
    opacity: 0.7;
    margin-bottom: 6px;
}

.comment-content {
    font-size: 14px;
    line-height: 1.4;
}

.comment-content p {
    margin: 0;
}

/* Hide default comment rows but keep table for forms */
.post-type-complaint #the-comment-list tr:not(#replyrow) {
    display: none !important;
}

/* Ensure the table itself remains visible */
.post-type-complaint #commentsdiv table {
    display: table !important;
}

/* Remove blue border from comments div and hide handle actions */
.post-type-complaint #commentsdiv {
    border: 1px solid #E5E5E5 !important;
}

.post-type-complaint #commentsdiv .handle-actions {
    display: none !important;
}

.post-type-complaint #commentsdiv.postbox .inside {
    padding-top: 16px !important;
}

/* Style comment form when it appears */
.post-type-complaint #replyrow {
    display: table-row !important;
    visibility: visible !important;
}

.post-type-complaint #replyrow td {
    padding: 15px !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 4px !important;
    background: #FFFFFF !important;
}

.post-type-complaint #replyrow textarea {
    width: 100% !important;
    min-height: 100px !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 4px !important;
    padding: 10px !important;
    font-family: inherit !important;
    resize: vertical !important;
}

.post-type-complaint #replysubmit .button {
    background-color: #165DFB !important;
    color: #FFFFFF !important;
    border-color: #165DFB !important;
}

/* Hide all publish box elements except the main publish button for complaints */
.post-type-complaint #submitpost #save-action,
.post-type-complaint #submitpost #preview-action,
.post-type-complaint #submitpost .misc-pub-section,
.post-type-complaint #submitpost #minor-publishing-actions,
.post-type-complaint #submitpost #misc-publishing-actions,
.post-type-complaint #submitdiv .handlediv,
.post-type-complaint #submitdiv .hndle,
.post-type-complaint #submitdiv h2,
.post-type-complaint #submitdiv .postbox-header {
    display: none !important;
}

/* Remove padding/margin from publish box */
.post-type-complaint #submitdiv .inside {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Remove border and background from publish box and all its elements */
.post-type-complaint #submitdiv,
.post-type-complaint #submitdiv.postbox,
.post-type-complaint #submitpost,
.post-type-complaint #submitdiv .submitbox,
.post-type-complaint #major-publishing-actions {
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Align publish button to the right */
.post-type-complaint #publishing-action {
    text-align: right !important;
}

.post-type-complaint #publish {
    width: auto !important;
}

/* Flexbox layout for post body to reorder elements - ONLY FOR NEW COMPLAINT VIEW */
.post-type-complaint.post-new-php #post-body {
    display: flex !important;
    flex-direction: column !important;
}

.post-type-complaint.post-new-php #poststuff #post-body.columns-2 {
    margin-right: 0 !important;
}

.post-type-complaint.post-new-php #poststuff #post-body.columns-2 #side-sortables {
    width: 100% !important;
}

.post-type-complaint.post-new-php #post-body.columns-2 #postbox-container-1 {
    width: 100% !important;
    margin-left: 0 !important;
}

.post-type-complaint.post-new-php #post-body-content {
    order: 1 !important;
}

.post-type-complaint.post-new-php #postbox-container-2 {
    order: 2 !important;
}

.post-type-complaint.post-new-php #postbox-container-1 {
    order: 3 !important;
}