/* ==========================================================================
   WEYWOT MODULE: SEO PANELS v2.0 (COMPACT SPACING)
   - Zmniejszono odstępy do 5px zgodnie z życzeniem.
   ========================================================================== */

.weywot-seo-panels-area {
    background-color: var(--w-col-bg);
    /* ZMIANA: Zmniejszono padding do 5px góra/dół */
    padding: 5px 0;
    border-bottom: 1px solid var(--w-col-border);
    position: relative;
    z-index: 2;
}

.weywot-seo-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Domyślnie 3 kolumny */
    gap: 30px;
}

/* KARTA PANELU */
.weywot-seo-card {
    background: var(--w-col-panel);
    border: 1px solid var(--w-col-border);
    padding: 30px;
    border-radius: var(--w-radius);
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

/* Efekt Hover */
.weywot-seo-card:hover {
    transform: translateY(-5px);
    border-color: var(--w-col-accent);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* Ikona */
.weywot-seo-card .dashicons {
    font-size: 42px;
    width: 42px;
    height: 42px;
    color: var(--w-col-accent);
    margin-bottom: 20px;
    transition: transform 0.3s;
}

.weywot-seo-card:hover .dashicons {
    transform: scale(1.1);
}

/* Tytuł */
.weywot-seo-card h3 {
    font-size: 1.1rem;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--w-col-h1);
    font-weight: 800;
}

/* Opis */
.weywot-seo-card .seo-desc {
    font-size: 0.95rem;
    color: var(--w-col-text);
    opacity: 0.8;
    line-height: 1.6;
}

/* RESPONSIVE (RWD) */
@media (max-width: 992px) {
    .weywot-seo-grid {
        grid-template-columns: 1fr 1fr; /* Tablet: 2 kolumny */
    }
}

@media (max-width: 600px) {
    .weywot-seo-grid {
        grid-template-columns: 1fr; /* Telefon: 1 kolumna */
        gap: 20px;
    }
    .weywot-seo-panels-area {
        padding: 20px 0; /* Na mobile dajemy ciut więcej żeby palcem trafić */
    }
}