/* @override
	https://www.creativeapplications.net/wp-content/plugins/can-activity-logger/assets/css/style.css?* */

/*
 * CAN Activity Logger Stylesheet
 */


:root {
	--activityitemwidth: 350px;
}

#section.activity-log-column {
	width: 100%;
	float: left;
}

#section.activity-log-sidebar {
display: none;
}

.can-activity-log-container {
    /* Optional: Add some padding around the entire log container */
}


/* Delete Button Styling */
.can-delete-log-btn {
padding: 0px;
border: none;
cursor: pointer;
}

.can-delete-log-btn:hover {
}

.can-delete-log-btn:active {
}

.can-delete-log-btn:disabled {
display: none;
}

.can-log-icon {
    width: 16px; /* Adjust size as needed */
    height: 16px;
	float: left;
	margin-top: 4px;
    vertical-align: middle; /* Helps align with text */
    margin-right: 0.5em; /* Spacing between icon and text */
    fill: var(--bodycolor); /* Inherit text color for simple icons */
    /* For more complex SVGs with fill/stroke, you might need specific rules */
}


/* Pagination Styling
.can-activity-log-pagination {
    text-align: center;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;  Allow wrapping on small screens
    gap: 8px;  Space between pagination links
}

.can-activity-log-pagination .page-numbers {
    display: inline-block;
    padding: 8px 14px;
     margin: 0 4px;   Replaced by gap
    border: 1px solid #cbd5e1;  Tailwind's gray-300
    text-decoration: none;
    color: #334155;  Tailwind's slate-700
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
    background-color: #fff;
}

.can-activity-log-pagination .page-numbers:hover {
    background-color: #e0f2fe;  Tailwind's light blue
    border-color: #60a5fa;  Tailwind's blue-400
    color: #1e40af;  Tailwind's blue-800
}

.can-activity-log-pagination .page-numbers.current,
.can-activity-log-pagination .page-numbers.current:hover {
    background-color: #3b82f6;  Tailwind's blue-500
    color: #ffffff;
    border-color: #3b82f6;
    cursor: default;
}*/

.can-activity-log-pagination .page-numbers.dots {
    border: none;
    background: none;
    cursor: default;
    padding: 8px 0; /* Adjust padding for dots */
}

/* Message Box Styling (for JavaScript feedback) */
.can-activity-logger-message-box {
     background-color: var(--bodycolor);
     color: var(--backgroundcolor);
     padding: 1em;
     z-index: 1000;
     font-family: 'Inter', sans-serif;
}

/* Message for no logs found */
.can-activity-logger-no-logs-message {
    text-align: center;
    padding: 20px;
    color: #64748b; /* Tailwind's slate-500 */
    font-style: italic;
    font-size: 1.1rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .can-activity-log-table th,
    .can-activity-log-table td {
        padding: 8px 10px;
        font-size: 0.85rem;
    }

    .can-activity-log-table {
        /* Allow horizontal scrolling on small screens if content overflows */
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .can-activity-log-pagination {
        flex-direction: column;
    }
}

.activity-log-item {
	display: block;
	float: left;
	width: 100%;
	border-bottom: 1px solid var(--linecolor);
	border-left: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);
	float: left;
	padding: 1em;
	position: relative;
}

.can-activity-log-container {


}
.can-activity-log-container p {
margin: 0px;
padding-right: 1em;

/*	text-indent: -20px; /*Indent all lines after first line to align with the first line*!/*/
margin-left: 20px; /*Add padding to the left to match the indent*/
}

.activity-log-item p a {
	font-family: "Inter-Medium", Arial, Helvetica, Geneva, sans-serif;
}

.activity-log-item span.log-datetime {
	float: left;
	margin-right: 0.5em;
}

.can-activity-log-container span.log-action {
	float: left;
}

#activity-log-admin, #activity-log-admin {
position: absolute;
right: 1em;
top: 1em;
}

.activity-log-item div.griditem.insert {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	width: var(--activityitemwidth);

	border-style: dashed !important;
	border-width: 1px;
	margin-left: 20px;
	
    display: block;
	clear: both;
}

@media (max-width: 768px) {
	.activity-log-item div.griditem.insert {
		/*width: calc(100% - 1em - 20px);*/
		width: var(--activityitemwidth);	
		}
}

#activity-map-container {
	width: var(--activityitemwidth);
	height: var(--activityitemwidth);
}

#activity-map-container svg {
}

.activity-log-item .gridexcerpt {
	border-top-style: dashed !important;
	border-width: 1px;
}

.activity-log-item .gridmedia.insert {
	/* border-bottom-style: dashed !important;
	border-width: 1px; */
}

.activity-log-item .gridmedia.location {
	height: var(--activityitemwidth);
	background-image: none;
}

.activity-log-item .gridtitle {
	border-top-style: dashed !important;
	border-width: 1px;
	border-color: var(--linecolor);
}

.activity-log-item .gridmeta {
	border-top-style: dashed !important;
	border-width: 1px;
}

#activity-comment {
	float: left;
	padding: 0.5em 1em 0.5em 1em;
	background-color: var(--shadecolor);
	border-radius: 5px;
	margin-top: 0.25em;
}

#activity-feed-buttons {
	width: 100%;
	float: left;
	margin-top: 0.5em;
	margin-left: 20px;
}

.can-comment-btn { 
    padding: 0.5em 1em 0.5em 1em;  /* adjust to suit your design */
	border: none;
	cursor: pointer;
	border: 1px solid var(--linecolor);
	font-size: 0.75em;
	float: left;
	margin-right: 1em;
}

.can-like-btn {
    padding: 0.5em 1em 0.5em 1em;  /* adjust to suit your design */
	border: none;
	cursor: pointer;
	border: 1px solid var(--linecolor);
	float: left;
	font-size: 0.75em;	
}

.highlight {
	background-color: var(--shadecolor);
}

.can-comment-btn:hover, .can-cancel-comment:hover, .can-submit-comment:hover {
	background-color: var(--bodycolor);
	color: var(--backgroundcolor);
}

.can-submit-comment {
	cursor: pointer;
	margin-right: 0.5em;
}

.can-comment-popup {
	border: 1px solid var(--linecolor);
	background-color: var(--backgroundcolor);
	min-width: 50%;
}


@media (max-width: 768px) {
.can-comment-popup {
	width: 90%;
}
}


.can-comment-popup-title {
	border-bottom: 1px solid var(--linecolor);
	padding: 1em;
}

.can-submit-comment-area {
	padding: 0.5em 1em 1em 1em;
}

textarea.can-comment-text {
	border: none;
	border-bottom: 1px solid var(--linecolor);
	width: 100%;
	resize: none;
	resize: vertical;
}

textarea.can-comment-text::placeholder {
	color: var(--shadecolor) !important;
}

textarea#can-comment-text:focus {
  outline: none !important;
  box-shadow: none;
}

div#can-comment-popup.can-comment-popup div {
	padding: 1em;
}


/*CARD STYLES*/

.griditem.insert.bio {
}
.gridactivitycard.bio {
	padding: 1em;
	font-family: "Inter-Italic", Arial, Helvetica, Geneva, sans-serif;
}



/*#activity-comment::before {
    content: '“';
}

#activity-comment::after {
    content: '”';
}*/

/* You can also style specific icons if needed */
.icon-trash {
/*    color: #dc3232; /* Red for trash icon *!/*/
}
.icon-save {
/*    color: #46b450; /* Green for save icon *!/*/
}
/* Add more specific styles for other icons */