/**
 * WooCommerce Equipment Rental - Product Admin Styles
 *
 * Styles the rental tab and meta fields in WooCommerce product data metabox
 * to look consistent with core WooCommerce product data tabs.
 */

/* -----------------------------------------------------------------------
   Rental tab icon in the product data tabs sidebar
----------------------------------------------------------------------- */
#woocommerce-product-data ul.wc-tabs li.wcrent_rental_tab a::before {
    font-family: WooCommerce;
    content: '\e009'; /* "tools" icon from WC icon font */
}

/* Fallback: use a dashicon if WooCommerce font isn't available */
#woocommerce-product-data ul.wc-tabs li.wcrent_rental_tab.no-wc-font a::before {
    font-family: dashicons;
    content: '\f547'; /* dashicons-calendar-alt */
}

/* -----------------------------------------------------------------------
   Inline admin notice shown within the panel
----------------------------------------------------------------------- */
.wcrent-admin-notice {
    margin: 8px 0;
    padding: 8px 12px;
    border-left: 4px solid #96588a;
    background: #f9f4f8;
    font-size: 12px;
    color: #555;
    line-height: 1.6;
}

.wcrent-admin-notice.notice-error {
    border-left-color: #e2401c;
    background: #fef5f1;
    color: #c0392b;
}

/* -----------------------------------------------------------------------
   Admin order list rental date filter
----------------------------------------------------------------------- */
.wcrent-order-filter-wrap {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    margin-top: 4px;
}

.wcrent-order-filter-wrap input[type="date"] {
    height: 32px;
    padding: 0 6px;
}

.wcrent-order-filter-wrap input[type="date"]:focus {
    outline: 2px solid #96588a;
    outline-offset: 1px;
}

/* -----------------------------------------------------------------------
   Visually hidden utility (screen-reader only)
----------------------------------------------------------------------- */
.wcrent-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect( 0, 0, 0, 0 );
    white-space: nowrap;
    border: 0;
}
