/**
 * Theme: KI-P GmbH (Dark Mode / Glassmorphism)
 * CI Colors: Deep Midnight (#000522), Electric Azure Cyan (#00adff), Slate Light (#94a3b8), Crisp White (#ffffff)
 * Website: ki-p.de / ki-p.de/du-ki-p/
 */
.gd-personio-wrapper.gd-personio-theme-kip,
.gd-personio-wrapper.gd-personio-theme-kip-dark {
    --gd-primary: #00adff;
    --gd-primary-hover: #0092d6;
    --gd-primary-text: #000522;
    --gd-accent: #00adff;
    --gd-bg-card: rgba(255, 255, 255, 0.04);
    --gd-bg-card-hover: rgba(255, 255, 255, 0.07);
    --gd-bg-expanded: rgba(0, 5, 34, 0.65);
    --gd-border-color: rgba(255, 255, 255, 0.12);
    --gd-border-hover: #00adff;
    --gd-border-radius: 14px;
    --gd-border-radius-sm: 6px;
    --gd-text-main: #ffffff;
    --gd-text-muted: #cbd5e1;
    --gd-text-light: #94a3b8;
    --gd-badge-bg: rgba(0, 173, 255, 0.12);
    --gd-badge-text: #38bdf8;
    --gd-count-bg: rgba(0, 173, 255, 0.18);
    --gd-count-text: #00adff;
    --gd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
    --gd-shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.4), 0 0 16px rgba(0, 173, 255, 0.2);
}

/* Glassmorphism Card Effect */
.gd-personio-theme-kip .gd-personio-card,
.gd-personio-theme-kip-dark .gd-personio-card {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.gd-personio-theme-kip .gd-personio-card:hover,
.gd-personio-theme-kip-dark .gd-personio-card:hover {
    border-color: #00adff;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4), 0 0 16px rgba(0, 173, 255, 0.2);
}

.gd-personio-theme-kip .gd-personio-card.is-active,
.gd-personio-theme-kip-dark .gd-personio-card.is-active {
    border-color: #00adff;
    background-color: rgba(0, 15, 50, 0.7);
}

/* Titles & Headings in White */
.gd-personio-theme-kip .gd-personio-group-title,
.gd-personio-theme-kip-dark .gd-personio-group-title,
.gd-personio-theme-kip .gd-personio-title,
.gd-personio-theme-kip-dark .gd-personio-title,
.gd-personio-theme-kip .gd-personio-section-title,
.gd-personio-theme-kip-dark .gd-personio-section-title {
    color: #ffffff;
}

.gd-personio-theme-kip .gd-personio-card:hover .gd-personio-title,
.gd-personio-theme-kip-dark .gd-personio-card:hover .gd-personio-title {
    color: #00adff;
}

/* Group Badge */
.gd-personio-theme-kip .gd-personio-group-count,
.gd-personio-theme-kip-dark .gd-personio-group-count {
    background-color: rgba(0, 173, 255, 0.15);
    color: #00adff;
    border: 1px solid rgba(0, 173, 255, 0.3);
}

/* Search Icon (White on KI-P) */
.gd-personio-theme-kip .gd-personio-search-box {
    position: relative;
}

.gd-personio-theme-kip .gd-personio-search-icon,
.gd-personio-theme-kip-dark .gd-personio-search-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    z-index: 2;
    pointer-events: none;
    width: 18px;
    height: 18px;
}

.gd-personio-theme-kip .gd-personio-search-icon svg,
.gd-personio-theme-kip-dark .gd-personio-search-icon svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    stroke: #ffffff !important;
    fill: none !important;
}

/* Search Bar & Dropdown Controls in Dark Mode */
.gd-personio-theme-kip .gd-personio-search-input,
.gd-personio-theme-kip-dark .gd-personio-search-input,
.gd-personio-theme-kip .gd-personio-dropdown-btn,
.gd-personio-theme-kip-dark .gd-personio-dropdown-btn {
    background-color: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    backdrop-filter: blur(8px);
}

.gd-personio-theme-kip input.gd-personio-search-input,
.gd-personio-theme-kip-dark input.gd-personio-search-input,
.gd-personio-theme-kip input.gd-personio-search-input:focus,
.gd-personio-theme-kip-dark input.gd-personio-search-input:focus {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.gd-personio-theme-kip .gd-personio-dropdown-label,
.gd-personio-theme-kip-dark .gd-personio-dropdown-label {
    color: #ffffff !important;
}

.gd-personio-theme-kip .gd-personio-search-clear,
.gd-personio-theme-kip-dark .gd-personio-search-clear {
    color: #cbd5e1 !important;
}

.gd-personio-theme-kip .gd-personio-search-clear:hover,
.gd-personio-theme-kip-dark .gd-personio-search-clear:hover {
    color: #ffffff !important;
}

.gd-personio-theme-kip .gd-personio-search-input::placeholder,
.gd-personio-theme-kip-dark .gd-personio-search-input::placeholder {
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
}

.gd-personio-theme-kip .gd-personio-search-input:focus,
.gd-personio-theme-kip-dark .gd-personio-search-input:focus,
.gd-personio-theme-kip .gd-personio-dropdown-btn:focus,
.gd-personio-theme-kip-dark .gd-personio-dropdown-btn:focus {
    border-color: #00adff !important;
    box-shadow: 0 0 0 3px rgba(0, 173, 255, 0.25);
}

.gd-personio-theme-kip .gd-personio-dropdown-menu,
.gd-personio-theme-kip-dark .gd-personio-dropdown-menu {
    background-color: #060d24;
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.55);
}

.gd-personio-theme-kip .gd-personio-dropdown-item,
.gd-personio-theme-kip-dark .gd-personio-dropdown-item {
    color: #e2e8f0;
}

.gd-personio-theme-kip .gd-personio-dropdown-item:hover,
.gd-personio-theme-kip-dark .gd-personio-dropdown-item:hover {
    background-color: rgba(0, 173, 255, 0.15);
    color: #00adff;
}

.gd-personio-theme-kip .gd-personio-dropdown-item.is-active,
.gd-personio-theme-kip-dark .gd-personio-dropdown-item.is-active {
    color: #00adff;
    background-color: rgba(0, 173, 255, 0.2);
}

/* Arrow Circle */
.gd-personio-theme-kip .gd-personio-arrow-circle,
.gd-personio-theme-kip-dark .gd-personio-arrow-circle {
    background-color: rgba(255, 255, 255, 0.08);
    color: #cbd5e1;
}

.gd-personio-theme-kip .gd-personio-card:hover .gd-personio-arrow-circle,
.gd-personio-theme-kip .gd-personio-card.is-active .gd-personio-arrow-circle,
.gd-personio-theme-kip-dark .gd-personio-card:hover .gd-personio-arrow-circle,
.gd-personio-theme-kip-dark .gd-personio-card.is-active .gd-personio-arrow-circle {
    background-color: #00adff;
    color: #000522;
}

/* CTA Apply Buttons */
.gd-personio-theme-kip .gd-personio-btn-apply,
.gd-personio-theme-kip-dark .gd-personio-btn-apply {
    background-color: #00adff !important;
    color: #000522 !important;
    font-weight: 700;
    border-radius: 6px !important;
    box-shadow: 0 4px 15px rgba(0, 173, 255, 0.35);
}

.gd-personio-theme-kip .gd-personio-btn-apply:hover,
.gd-personio-theme-kip-dark .gd-personio-btn-apply:hover {
    background-color: #0092d6 !important;
    color: #000522 !important;
    box-shadow: 0 6px 20px rgba(0, 173, 255, 0.5);
    transform: translateY(-2px);
}

/* Content Body Details */
.gd-personio-theme-kip .gd-personio-card-body,
.gd-personio-theme-kip-dark .gd-personio-card-body {
    border-top: none !important;
    color: #cbd5e1;
}

.gd-personio-theme-kip .gd-personio-section-content,
.gd-personio-theme-kip-dark .gd-personio-section-content {
    color: #cbd5e1;
}

.gd-personio-theme-kip .gd-section-contact,
.gd-personio-theme-kip-dark .gd-section-contact {
    background: transparent !important;
    border: none !important;
}

.gd-personio-theme-kip .gd-personio-contact-card,
.gd-personio-theme-kip-dark .gd-personio-contact-card {
    background-color: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.gd-personio-theme-kip .gd-personio-contact-info strong,
.gd-personio-theme-kip .gd-personio-contact-info .gd-contact-name,
.gd-personio-theme-kip-dark .gd-personio-contact-info strong,
.gd-personio-theme-kip-dark .gd-personio-contact-info .gd-contact-name {
    color: #ffffff !important;
}

.gd-personio-theme-kip .gd-personio-contact-info span,
.gd-personio-theme-kip .gd-personio-contact-info .gd-contact-role,
.gd-personio-theme-kip-dark .gd-personio-contact-info span,
.gd-personio-theme-kip-dark .gd-personio-contact-info .gd-contact-role {
    color: #94a3b8 !important;
}