/* Trustlocal Score Widget Frontend Styles */

.wp-block-trustlocal-widgets-score {
    margin: 20px 0;
}

/* Allow centering when inside group blocks - support both grid and flexbox */
.wp-block-group .wp-block-trustlocal-widgets-score {
    width: fit-content !important;
    max-width: 100%;
    justify-self: center; /* For CSS Grid */
    margin-left: auto; /* For flexbox */
    margin-right: auto; /* For flexbox */
}

/* Ensure padding wrapper doesn't interfere with centering */
.wp-block-trustlocal-widgets-score > div[style*="padding"] {
    display: inline-block !important;
    width: fit-content !important;
}

.wp-block-trustlocal-widgets-score .trustlocal-widget {
    display: block;
    width: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* Alignment styles */
.wp-block-trustlocal-widgets-score.alignleft {
    float: left;
    margin-right: 20px;
}

.wp-block-trustlocal-widgets-score.alignright {
    float: right;
    margin-left: 20px;
}

.wp-block-trustlocal-widgets-score.aligncenter {
    text-align: center;
}

.wp-block-trustlocal-widgets-score.alignwide {
    width: 100%;
    max-width: 100%;
}

.wp-block-trustlocal-widgets-score.alignfull {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

/* Responsive styles */
@media (max-width: 768px) {
    .wp-block-trustlocal-widgets-score.alignleft,
    .wp-block-trustlocal-widgets-score.alignright {
        float: none;
        margin: 20px 0;
    }
}