/* Product card */
.wa-slider-wooitem { padding: 12px; border: 1px solid #f0f0f0; border-radius: 8px; box-shadow: 0px 6px 12px -2px rgba(244,244,244,1); }
.wa-slider-wooitem > div { margin-bottom: 12px; }
/* In side layouts the direct children (image + .wa-card-content) sit next to
   each other in a flex row, so a vertical margin just adds dead space at the
   bottom. Inner fields keep their spacing via .wa-card-content > div. */
.wa-slider-wooitem.wa-card-image-left > div,
.wa-slider-wooitem.wa-card-image-right > div { margin-bottom: 0; }
.wa-slider-wooitem.wa-card-image-left .wa-card-content > div,
.wa-slider-wooitem.wa-card-image-right .wa-card-content > div { margin-bottom: 12px; }
.wa-slider-wooname { font-size: 18px; font-weight: bold; }
.wa-slider-wooshortdescr { font-size: 16px; }
.wa-slider-wootxt { font-size: 16px; }
.wa-slider-wooimg { position: relative; }
.wa-slider-wooimg img { max-width: 100%; height: auto; display: block; }
.wa-slider-woopromo { line-height: 30px; background: green; color: #fff; display: block; width: 100px; text-align: center; border-radius: 10px; position: absolute; top: 0; left: 0; z-index: 2; }
.wa-slider-wooprice { font-size: 18px; font-weight: bold; color: green; }
.wa-slider-woolowprice { font-size: 18px; font-weight: bold; color: grey; text-decoration: line-through 1px grey; }
.wa-slider-woostock { font-size: 18px; color: green; }
.wa-slider-woosku { font-size: 16px; }
.wa-slider-woocat { font-size: 16px; }
.wa-slider-woorating { font-size: 16px; }
.wa-slider-woocart, .wa-slider-woomore {
    width: calc(80% - 2px); background: #000; color: #fff; line-height: 45px;
    text-align: center; margin-left: auto; margin-right: auto; border-radius: 7px;
    border: 1px solid #000; transition: all 0.1s;
}
.wa-slider-woocart a, .wa-slider-woomore a {
    width: 100%; display: block; line-height: 45px;
    color: #fff !important; text-decoration: none !important; transition: all 0.1s;
}
.wa-slider-woocart:hover, .wa-slider-woomore:hover { background: #fff; }
.wa-slider-woocart:hover a, .wa-slider-woomore:hover a { color: #000 !important; }

@media screen and (max-width: 800px) {
    .wa-slider-wooitem { padding: 8px; }
}

/* Post card */
.wa-slider-postitem { padding: 12px; border: 1px solid #f0f0f0; border-radius: 8px; box-shadow: 0px 6px 12px -2px rgba(244,244,244,1); }
.wa-slider-postitem > div { margin-bottom: 12px; }
.wa-slider-postitem.wa-card-image-left > div,
.wa-slider-postitem.wa-card-image-right > div { margin-bottom: 0; }
.wa-slider-postitem.wa-card-image-left .wa-card-content > div,
.wa-slider-postitem.wa-card-image-right .wa-card-content > div { margin-bottom: 12px; }
.wa-slider-postname { font-size: 18px; font-weight: bold; }
.wa-slider-posttxt { font-size: 16px; }
.wa-slider-postauthor { font-size: 16px; }
.wa-slider-postimg img { max-width: 100%; height: auto; display: block; }
.wa-slider-postmore {
    width: calc(80% - 2px); background: #000; color: #fff; line-height: 45px;
    text-align: center; margin-left: auto; margin-right: auto; border-radius: 7px;
    border: 1px solid #000; transition: all 0.1s;
}
.wa-slider-postmore a { width: 100%; display: block; line-height: 45px; color: #fff !important; text-decoration: none !important; }
.wa-slider-postmore:hover { background: #fff; }
.wa-slider-postmore:hover a { color: #000 !important; }

@media screen and (max-width: 800px) {
    .wa-slider-postitem { padding: 8px; }
}

.wa-slider-empty { padding: 40px; text-align: center; color: #666; font-size: 16px; }

.wa-slider-error { padding: 40px; text-align: center; border: 1px dashed #ccc; color: #666; }
.wa-slider-error-retry { margin-top: 12px; padding: 6px 16px; background: #eee; border: 1px solid #ccc; cursor: pointer; border-radius: 4px; }
.wa-slider-error-retry:hover { background: #ddd; }