/* --- ZMIENNE KOLORYSTYCZNE --- */
.ca-wrapper {
    --ca-green-dark: #0e3b33; /* Ciemna profesjonalna zieleń */
    --ca-green-accent: #218c74; /* Jaśniejsza zieleń */
    --ca-pink: #e91e63; /* Żywy róż */
    --ca-pink-hover: #c2185b;
    --ca-light-bg: #f4fbf9; /* Bardzo jasny miętowy/biały */
    --ca-text: #333333;
    --ca-text-white: #ffffff;
    font-family: inherit; /* Dziedziczy font z Twojego motywu */
}


.ca-wrapper {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.ca-video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.ca-section {
    padding: 60px 20px;
    color: black;
    width: 100%;
}

.ca-container {
    max-width: 1100px;
    margin: 0 auto;
    width: 100%;
}

.ca-bg-light { background-color: var(--ca-light-bg); }
.ca-bg-green { background-color: var(--ca-green-accent); }
.ca-bg-dark-green { background-color: var(--ca-green-dark); }
.ca-text-white { color: var(--ca-text-white) !important; }



/* PRZYCISKI */
.ca-btn {
    display: inline-block;
    padding: 12px 28px;
    text-decoration: none;
    border-radius: 50px;
    font-weight: 600;
    transition: 0.3s;
    text-align: center;
    cursor: pointer;
}

.ca-btn-pink {
    background-color: var(--ca-pink);
    color: #fff !important;
    border: 2px solid var(--ca-pink);
    box-shadow: 0 4px 15px rgba(233, 30, 99, 0.3);
}

.ca-btn-pink:hover {
    background-color: var(--ca-pink-hover);
    border-color: var(--ca-pink-hover);
    transform: translateY(-2px);
}

.ca-btn-outline {
    background-color: transparent;
    color: #fff !important;
    border: 2px solid #fff;
}

.ca-btn-outline:hover {
    background-color: #fff;
    color: var(--ca-green-dark) !important;
}