.oppio-subscriptions-wrapper {
    margin: 20px 0;
}

.oppio-subscriptions-table {
    width: 100%;

    border-collapse: collapse;

    margin: 20px 0;

}



.oppio-subscriptions-table th,

.oppio-subscriptions-table td {

    padding: 12px;

    text-align: left;

    border-bottom: 1px solid #ddd;

}



.oppio-subscriptions-table th {

    background-color: #f8f9fa;

    font-weight: 600;

    color: #495057;

}



.subscription-type {

    font-weight: 600;

    color: #28a745;

}



.subscription-product {

    margin: 2px 0;

    font-size: 14px;

}



.subscription-status {

    padding: 4px 8px;

    border-radius: 4px;

    font-size: 12px;

    font-weight: 600;

    text-transform: uppercase;

}



.subscription-status.status-active {

    background: #d4edda;

    color: #155724;

}



.subscription-status.status-cancelled {

    background: #f8d7da;

    color: #721c24;

}



.subscription-status.status-pending {

    background: #fff3cd;

    color: #856404;

}



.subscription-status.status-failed {

    background: #f8d7da;

    color: #721c24;

}



.cancel-subscription {

    background: #dc3545;

    color: white;

    border: none;

    padding: 8px 16px;

    border-radius: 4px;

    cursor: pointer;

    font-size: 12px;

}



.cancel-subscription:hover {

    background: #c82333;

}



.cancel-subscription:disabled {

    background: #6c757d;

    cursor: not-allowed;

}



.no-actions {

    color: #6c757d;

    font-style: italic;

}



/* Responsive */

@media (max-width: 768px) {

    .oppio-subscriptions-table,

    .oppio-subscriptions-table thead,

    .oppio-subscriptions-table tbody,

    .oppio-subscriptions-table th,

    .oppio-subscriptions-table td,

    .oppio-subscriptions-table tr {

        display: block;

    }

    

    .oppio-subscriptions-table thead tr {

        position: absolute;

        top: -9999px;

        left: -9999px;

    }

    

    .oppio-subscriptions-table tr {

        border: 1px solid #ccc;

        margin-bottom: 10px;

        padding: 10px;

    }

    

    .oppio-subscriptions-table td {

        border: none;

        position: relative;

        padding-left: 50%;

    }

    

    .oppio-subscriptions-table td:before {

        content: attr(data-title) ": ";

        position: absolute;

        left: 6px;

        width: 45%;

        padding-right: 10px;

        white-space: nowrap;

        font-weight: 600;

    }

}


/* DORUCENIE */
.dorucenie {
    text-align: center;
    font-weight: bold;
}

.zobraz-viac a.button {
    text-align: center;
    border-radius: 9px;
}


/* ORDER DETAIL */
.woocommerce-table--order-details .order-actions--heading,
.woocommerce-table--order-details tfoot .pay.order-actions-button ,
.woocommerce-table--order-details tfoot .cancel.order-actions-button {
    display: none !important;
}