/* Appointment Pro – SWS - Welcome Page */

.wpappsws-welcome-wrap {

    max-width: 1100px;

    margin: 40px auto;

    padding: 0 20px;

}

.wpappsws-welcome-header {

    text-align: center;

    padding: 30px 0 40px;

    border-bottom: 1px solid #eee;

}

.wpappsws-welcome-header img {

    width: 80px;

    height: 80px;

    border-radius: 12px;

    background: var(--primary);

    padding: 8px;

    margin-bottom: 20px;

}

.wpappsws-welcome-header h1 {

    font-size: 2.2em;

    color: #222;

    margin: 0;

}

.wpappsws-welcome-header .about-text {

    font-size: 1.1em;

    color: #666;

    max-width: 700px;

    margin: 12px auto 0;

}

.wpappsws-welcome-columns {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

    gap: 30px;

    margin: 40px 0;

}

.wpappsws-col {

    background: #fff;

    padding: 24px;

    border-radius: 12px;

    box-shadow: 0 4px 12px rgba(0,0,0,0.06);

    border: 1px solid #f0f0f0;

}

.wpappsws-col h2 {

    color: var(--primary);

    margin-top: 0;

    font-size: 1.4em;

}

.wpappsws-col ul {

    padding-left: 20px;

    margin: 16px 0;

}

.wpappsws-col li {

    margin-bottom: 8px;

    line-height: 1.5;

}

.wpappsws-col a {

    color: var(--primary);

    text-decoration: none;

    font-weight: 600;

}

.wpappsws-col a:hover {

    text-decoration: underline;

}

.wpappsws-welcome-footer {

    text-align: center;

    padding-top: 30px;

    border-top: 1px solid #f0f0f0;

    color: #777;

    font-style: italic;

}

@media (max-width: 782px) {

    .wpappsws-welcome-header h1 {

        font-size: 1.8em;

    }

    .wpappsws-welcome-columns {

        grid-template-columns: 1fr;

    }

}