/**
 * Frontend styles for Rain Cards plugin
 */

/* Common styles for all cards */
.rain-card {
    max-width: 100%;
    box-sizing: border-box;
}

.rain-card p {
    margin: 0 0 1em;
}

.rain-card p:last-child {
    margin-bottom: 0;
}

.rain-card img {
    max-width: 100%;
    height: auto;
}

/* Responsive adjustments */
@media screen and (max-width: 600px) {
    .rain-card .rain-card-inner {
        padding: 15px;
    }
    
    .rain-card .rain-card-title {
        font-size: 1.3em;
    }
    
    .rain-card .rain-card-button {
        display: block;
        width: 100%;
        text-align: center;
    }
}