.amz-default-wrapper {
    display: flex;
    align-items: center;
    gap: 5px; /* Space between input/select and tooltip */
}

.amz-tooltip-icon {
    cursor: pointer;
    font-size: 14px;
    margin-left: 5px; /* Adjust space */
}

.amz-tooltip {
    display: none;
    position: absolute;
    background: #333;
    color: #fff;
    padding: 5px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
}

.amz-tooltip-icon:hover + .amz-tooltip {
    display: block; /* Show tooltip when hovering over icon */
}

.amz-field-container {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.amz-amazon-attribute {
    flex: 1;
}

.amz-amazon-attribute input {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    background-color: #f9f9f9;
    color: #333;
}

.amz-magento-attribute-dropdown,
.amz-default-value {
    flex: 1;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

.amz-default-value-container {
    flex: 1;
}

.amz-container {
    /*max-width: 1200px;*/
    margin: 0 auto;
    padding: 16px;
}
.amz-header {
    display: flex;
    justify-content: flex-end; /* Aligns content to the right */
    align-items: center; /* Vertically centers the buttons */
    margin-bottom: 25px;
}

.amz-header-buttons {
    display: flex;
    gap: 8px; /* Adds spacing between the buttons */
}

.amz-attsave, .amz-attback {
    padding: 8px 16px;
    cursor: pointer;
    background-color: #eb5202; /* Background remains the same */
    border-color: #eb5202;
    color: #ffffff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
    font-size: 18px;
    letter-spacing: .025em;
    padding-bottom: 0.6875em;
    padding-top: 0.6875em;
    transition: all 0.3s ease; /* Smooth transition */
}

.amz-attsave:hover, .amz-attback:hover {
    background-color: #eb5202 !important; /* Ensures background remains unchanged */
    border-color: #eb5202 !important;
    color: #ffffff; /* Ensures text color remains unchanged */
}

.amz-attsave {
    margin-right: 30px;
}

.amz-card {
    font-size: 18px;
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 16px;
}

.amz-card .amz-title {
    font-weight: bold;
    margin-bottom: 16px;
}

.amz-card .amz-form-group {
    margin-bottom: 16px;
}

.amz-card .amz-form-group label {
    display: block;
    margin-bottom: 8px;
}

.amz-form-group-parent-label {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    padding: 3px 10px;
    border-radius: 0 12px 12px 0;
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: #2ecc71;
    color: #fff;
}

.amz-card .amz-form-group input,
.amz-card .amz-form-group select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 15px;
}

.amz-profile-details {
    display: flex;
    margin-top: 45px;
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 16px;
}

.amz-profile-details .amz-sidebar {
    width: 25%;
    border-right: 2px solid #ccc;
    background-color: white;
}

.amz-profile-details .amz-sidebar .amz-menu {
    list-style: none;
    padding: 0;
}

.amz-profile-details .amz-sidebar .amz-menu li {
    padding: 15px 35px;
    cursor: pointer;
    border-left: 4px solid transparent;
}

.amz-profile-details .amz-sidebar .amz-menu li:hover,
.amz-profile-details .amz-sidebar .amz-menu li.amz-active {
    background-color: #f0f0f0;
    border-left-color: #ff6f00;
}

.amz-profile-details .amz-content {
    width: 75%;
    padding-left: 16px;
    background-color: white;
    /*font-size: 18px;*/
}

.amz-profile-details .amz-content .amz-section {
    display: none;
    margin-left: 16px;
}

.amz-profile-details .amz-content .amz-section.amz-active {
    display: block;
    margin-left: 16px;
}

.amz-sidebar-label,
.amz-content-label {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #333;
}

.amz-field-group {
    margin-bottom: 16px;
}

.amz-field-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
}

.amz-field-group .required {
    color: red;
}

.amz-field-group input,
.amz-field-group select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.amz-field-description {
    color: #666;
    margin-top: 4px;
}

.amz-nested-properties {
    margin-left: 16px;
    border-left: 2px solid #eee;
    padding-left: 16px;
}

.amz-label-container {
    display: flex;
    align-items: center; /* Vertically center the label and icon */
    gap: 8px; /* Add spacing between the label and icon */
}

.amz-tooltip-icon {
    cursor: pointer;
    color: #007bff; /* Blue color for the icon */
    font-size: 14px;
    margin-bottom: 7px;
}

.amz-tooltip {
    display: none;
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 8px;
    border-radius: 4px;
    font-size: 15px;
    z-index: 1000;
    /* max-width: 600px;*/
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    margin-left: 10px;
    margin-top: -9px;
}

.amz-tooltip-visible {
    display: inline-block;
}

/* For no active profile and not attribute fetched message render */
.amz-no-profile-message {
    background: #fff3cd; /* Light yellow warning */
    color: #856404;
    padding: 10px;
    border-radius: 5px;
    border-left: 5px solid #ffcc00;
    font-size: 14px;
    line-height: 1.5;
}

.amz-indent {
    display: inline-block;
    padding-left: 58px; /* Adjust indentation */
}

.amz-profile-link, .amz-attribute-mapping-link {
    text-decoration: none;
    font-weight: bold;
    color: #0056b3;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 5px;
}

.amz-profile-link:hover, .amz-attribute-mapping-link:hover {
    text-decoration: underline;
}

.amz-link-icon {
    font-size: 16px;
}

/* For the No data message render */
.amz-no-data {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    padding: 3px 10px;
    border-radius: 0 12px 12px 0;
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: #e74c3c;
    color: #fff;
}

.amz-error-message {
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 4px;
    font-size: 14px;
    display: none; /* Hidden by default */
    position: relative; /* For positioning the close button */
}

.amz-error-message.visible {
    display: block; /* Show when visible */
}
.amz-error-message.error {
    background-color: #ffebee; /* Light red background for errors */
    color: #c62828; /* Dark red text */
    border: 1px solid #c62828;
}

.amz-error-message.success {
    background-color: #e8f5e9; /* Light green background for success */
    color: #2e7d32; /* Dark green text */
    border: 1px solid #2e7d32;
}

.amz-close-btn {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    color: inherit; /* Inherit text color from parent */
}

.amz-close-btn:hover {
    color: #000; /* Darker color on hover */
}

.amz-message-text {
    display: inline-block;
    padding-right: 20px; /* Space for the close button */
}