/* Admin felületi stílusok */
.drsmodul-image-preview {
    margin: 10px 0;
    padding: 5px;
    border: 1px dashed #ccc;
    display: inline-block;
    background: #f9f9f9;
}
.drsmodul-image-preview img {
    max-height: 100px;
    width: auto;
}
.drsmodul-upload-icon-button,
.drsmodul-remove-icon-button {
    margin-top: 5px;
}
.drsmodul-upload-wrapper {
    margin-bottom: 15px;
}
/* Termékoldali stílusok */
/* Az ikon abszolút pozicionált, ezért kell neki egy pozicionált ős.
   A WooCommerce galéria slide-ja alapból static, a flexslider wrapperen viszont
   transform van, ami tartalmazó blokkot hoz létre. Enélkül az ikon a teljes,
   több slide széles wrapper jobb szélére ugrik, a látható területen kívülre.
   Ez a slide pozicionálásával oldódik meg, minden témán és oldalépítőn. */
.woocommerce-product-gallery__image,
.woocommerce-product-gallery__image--placeholder {
    position: relative;
}
.drs-price-info {
    margin: 15px 0;
}
.drs-price-info p {
    margin: 5px 0;
    line-height: 1.4;
}
.drs-icon {
    transition: all 0.3s ease;
    opacity: 0.9;
}
.drs-icon:hover {
    opacity: 1;
    transform: scale(1.05);
}
/* Reszponzív stílusok */
@media (max-width: 768px) {
    .drs-icon img {
        width: 60px !important;
        height: auto !important;
    }
}
/* Admin értesítések */
.notice.drs-notice {
    margin: 10px 0;
    padding: 10px;
    border-left: 4px solid #0073aa;
}
.notice.drs-notice-warning {
    border-left-color: #ffb900;
}
/* Általános segédosztályok */
.drs-hidden {
    display: none !important;
}
/* Rádió gombok és címkék */
.drs-radio-label {
    display: inline-block;
    margin-right: 20px;
    text-align: center;
}
.drs-radio-label img {
    width: 50px;
    display: block;
    margin: 5px auto;
}
/* Select2 elemek */
.select2-container--default .select2-selection--multiple {
    min-height: 32px;
    max-width: 600px;
}
/* Form elemek */
.drs-form-table th {
    width: 200px;
}
.drs-form-table input[type="text"],
.drs-form-table input[type="number"] {
    width: 100%;
}
.drs-form-table .regular-text {
    width: 100%;
    max-width: 400px;
}