/*
Theme Name: BuddyX Child
Theme URI: https://wbcomdesigns.com/downloads/buddyx-theme/
Template: buddyx
Author: wbcomdesigns,vapvarun
Author URI: https://github.com/vapvarun/buddyx
Description: BuddyX is an ideal theme for community and membership websites. It provides a solution to all kinds of communities. Thanks to its BuddyPress support, your website can now have member profiles, send private messages, create groups, and more. It is a lightweight, fully responsive, SEO-optimised RTL and translation-ready theme. BuddyX supports WooCommerce, WC Vendors, LearnDash, LearnPress, and Gamipress plugins. It is highly customizable and works perfectly with page builders like Elementor and Gutenberg. BuddyX is perfect for creating social learning, marketplace, and blogging websites using BuddyPress integration. BuddyX uses the latest best practices for progressive web content and optimization. It is well-tested with the latest BuddyPress version and popular BuddyPress add-ons. Wbcom Designs is responsible for developing, maintaining, and supporting it.
Tags: one-column,two-columns,left-sidebar,right-sidebar,footer-widgets,blog,translation-ready,buddypress,custom-colors,featured-images,full-width-template,theme-options,e-commerce
Version: 4.9.1.1762943390
Updated: 2025-11-12 11:29:50

*/

.kanban-board-wrapper {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding: 20px 0;
}

.kanban-column {
    flex: 0 0 300px;
    background-color: #ffffff;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 1px 0 rgba(9,30,66,.25);
}

.kanban-column-title {
    font-size: 1.2em;
    margin-top: 0;
    margin-bottom: 15px;
    color: #172b4d;
}

.kanban-cards-container {
    min-height: 50px;
}

.drag-handle {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px;
    color: #888;
    opacity: 0; 
    transition: opacity 0.2s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 4px;
}

.kanban-card:hover .drag-handle {
    opacity: 1;
}

.drag-handle:hover {
    cursor: grab;
    background-color: #f0f0f0;
}

.drag-handle:active {
    cursor: grabbing;
}

.kanban-card {
    position: relative;
    background-color: #f9f9f9;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(9,30,66,.25);
    padding: 10px 15px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.kanban-card:hover {
    background-color: #f4f5f7;
}

/* Edit-Button Styling */
.kanban-card {
    position: relative;
}

.edit-actions {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 15px;
}

.kanban-card-edit {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 10;
}

.kanban-edit-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: #CD1819;
    color: white;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.kanban-edit-button:hover {
    background: #971010;
    color: white;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.kanban-edit-button .dashicons {
    position: relative;
    top: 1px;
    font-size: 16px;
    line-height: 1;
}

/* Sicherstellen, dass der Edit-Button über anderen Elementen liegt */
.kanban-card:hover .kanban-card-edit {
    opacity: 1;
}

.kanban-card-edit {
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

/* Responsive Design für kleinere Bildschirme */
@media (max-width: 768px) {
    .kanban-card-edit {
        opacity: 1;
    }
    
    .kanban-edit-button {
        width: 32px;
        height: 32px;
    }
}

.kanban-card-title {
    font-size: 1em;
    margin: 0 0 5px 0;
    color: #172b4d;
}

.kanban-card-meta {
    font-size: 0.85em;
    color: #5e6c84;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.kanban-card-author img.avatar {
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: middle;
}

.kanban-card-author a {
    text-decoration: none;
    color: #5e6c84;
}

.kanban-card-actions {
    display: none;
}

.kanban-download-button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    background-color: var(--yzfy-scheme-color) !important;
    color: var(--yzfy-scheme-text-color) !important;
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 11px;
    cursor: pointer;
    box-shadow: none;
    font-weight: 600;
    line-height: 16px;
    padding: 12px 35px;
    text-transform: uppercase;
}

.kanban-download-button:hover {
    background-color: #d2361e;
    color: var(--yzfy-scheme-text-color) !important;
}

.kanban-download-button .dashicons {
    font-size: 1em;
    width: 1em;
    height: 1em;
}

.kanban-board-header {
    display: flex;
}

.kanban-actions {
    margin-bottom: 20px;
    text-align: right;
}

.button.button-primary {
    background-color: var(--yzfy-scheme-color) !important;
    color: var(--yzfy-scheme-text-color) !important;
    border: none;
    padding: 8px 15px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 11px;
    cursor: pointer;
    box-shadow: none;
    font-weight: 600;
    line-height: 16px;
    padding: 12px 35px;
    text-transform: uppercase;
}

.button.button-primary:hover {
    background-color: #d2361e;
    color: var(--yzfy-scheme-text-color) !important;
}

/* Styling für SortableJS (optional, für visuelles Feedback beim Ziehen) */
.sortable-ghost {
    opacity: 0.4;
    background-color: #cceeff;
    border: 1px dashed #EE4E34;
}

.entry-content {
    overflow-x: scroll; /* Scrollbar immer anzeigen */
    white-space: nowrap; /* Verhindert den automatischen Zeilenumbruch */
    -webkit-overflow-scrolling: touch; /* Sanftes Scrollen auf mobilen Geräten */
    scrollbar-width: thin; /* Dünne Scrollbar für Firefox */
    scrollbar-color: #ccc #f9f9f9; /* Farbe der Scrollbar für Firefox */
}

/* Für Webkit-basierte Browser (Chrome, Safari) */
.entry-content::-webkit-scrollbar {
    height: 8px; /* Höhe der horizontalen Scrollbar */
}

.entry-content::-webkit-scrollbar-thumb {
    background: #ccc; /* Farbe des Scrollbalkens */
    border-radius: 4px; /* Abgerundete Ecken */
}

.entry-content::-webkit-scrollbar-track {
    background: #f9f9f9; /* Hintergrund der Scrollbar-Spur */
}

.notice.notice-success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
    padding: 10px 15px;
    border-radius: 4px;
    margin: 20px 0;
    font-size: 1em;
}
.notice.notice-success p {
    margin-bottom: 0;
}

.kanban-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.kanban-popup.hidden {
    display: none;
}

.kanban-popup-content {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    width: 90%;
    max-width: 1200px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: relative;
}

.kanban-popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 1.5em;
    cursor: pointer;
}

.kanban-popup-title {
    font-size: 1.5em;
    margin-bottom: 10px;
}

.kanban-popup-author,
.kanban-popup-meeting-date {
    font-size: 1em;
    margin-bottom: 10px;
}

.kanban-popup-preview {
    width: 100%;
    height: 60vh;
    margin-bottom: 15px;
    border: 1px solid #ddd;
}

.kanban-popup-download {
    display: inline-block;
    background-color: var(--yzfy-scheme-color);
    color: var(--yzfy-scheme-text-color);
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}

.kanban-popup-download:hover {
    background-color: #d2361e;
}

@keyframes rotation {
    from { transform: rotate(0deg); }
    to { transform: rotate(359deg); }
}

.button-delete {
    background-color: transparent;
    color: var(--srfm-color-input-label);
    padding: 0;
    border: 0;
    cursor: pointer;
    font-size: 14px;
}

.button-delete:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}