/* ============================================================
   CUSTOM THEME - Dostosuj kolory do swojej strony
   ============================================================ */

:root {
    /* Zmień tutaj kolory aby pasowały do Twojej strony */
     
    /* GŁÓWNY KOLOR - zmień na swój brand color */
    --ccm-primary: #3B33FE;
    --ccm-primary-dark: #005a87;
    --ccm-primary-light: #f0f7ff;
    /* TEKST */
    --ccm-text-dark: #1a1a1a;
    --ccm-text-regular: #333;
    --ccm-text-light: #666;
    --ccm-text-muted: #999;
    
    /* TŁA */
    --ccm-bg-white: #ffffff;
    --ccm-bg-light: #fafafa;
    --ccm-bg-lighter: #f8f8f8;
    --ccm-bg-lightest: #f0f0f0;
    
    /* GRANICE */
    --ccm-border: #e0e0e0;
    --ccm-border-light: #f0f0f0;
    --ccm-border-lighter: #ddd;
    --ccm-border-lightest: #eee;
     
    /* SHADOW */
    --ccm-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.3);
    
    /* BORDER RADIUS */
    --ccm-radius: 0px;
    --ccm-radius-lg: 0px;  
    
    /* ANIMACJE */
    --ccm-transition: 0.2s;
    --ccm-transition-slow: 0.3s;
}


.ccm-service-item {
	border-bottom:0;
}
 


/* ============================================================
   DARK MODE - Opcjonalnie
   ============================================================ */

@media (prefers-color-scheme: dark) {
    :root {
        --ccm-primary: #4db8ff;
        --ccm-primary-dark: #66c2ff;
        --ccm-primary-light: #1a3a4d;
        
        --ccm-text-dark: #f5f5f5;
        --ccm-text-regular: #e0e0e0;
        --ccm-text-light: #a0a0a0;
        --ccm-text-muted: #707070;
        
        --ccm-bg-white: #1e1e1e;
        --ccm-bg-light: #2a2a2a;
        --ccm-bg-lighter: #333;
        --ccm-bg-lightest: #404040;
        
        --ccm-border: #404040;
        --ccm-border-light: #333;
        --ccm-border-lighter: #454545;
        --ccm-border-lightest: #525252;
    }
}
.ccm-view .ccm-btn {
    --ccm-radius: 0px;
    border-radius: 0px;
	border:none;
}
.ccm-popup-inner {
    max-height: 80vh;
}
.ccm-btn-tertiary {
    background: var(--ccm-tertiary);
    color: var(--ccm-text-regular);
    border: 0;
}

.ccm-btn-tertiary:hover {
    background: var(--ccm-tertiary-hover);
    border-color: var(--ccm-border);
}
.ccm-btn-secondary {
    background: var(--ccm-secondary);
    color: var(--ccm-text-regular);
    border: 0;
}

.ccm-btn-secondary:hover {
    background: var(--ccm-secondary-hover);
    border-color: var(--ccm-border);
}

.ccm-btn-primary {
    background: var(--ccm-primary);
    color: var(--ccm-bg-white);
}

.ccm-btn-primary:hover {
    background: var(--ccm-primary-dark);
	
	border: 0;
}