/**
 * Profile Editor - FULL WIDTH Styling
 * Overrides ALL theme containers
 */

/* Prevent horizontal scroll inside editor */
.frini-profile-editor{
    overflow-x: hidden;
}

/* =====================================
 * WooCommerce My Account context
 * (Creators use /account/creator-studio/)
 * Force readable typography + inputs even if theme overrides WC styles.
 * ===================================== */

.woocommerce-account .frini-profile-editor{
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 22px 18px !important;
    background: #0a0a0c !important;
    color: #e8e8e8 !important;
}

.woocommerce-account .frini-profile-editor h1,
.woocommerce-account .frini-profile-editor h2,
.woocommerce-account .frini-profile-editor h3,
.woocommerce-account .frini-profile-editor h4,
.woocommerce-account .frini-profile-editor p,
.woocommerce-account .frini-profile-editor label,
.woocommerce-account .frini-profile-editor small{
    color: inherit;
}

.woocommerce-account .frini-form-field label{
    color: #d4af37 !important;
}

.woocommerce-account .frini-form-field input[type="text"],
.woocommerce-account .frini-form-field input[type="number"],
.woocommerce-account .frini-form-field input[type="email"],
.woocommerce-account .frini-form-field input[type="tel"],
.woocommerce-account .frini-form-field input[type="time"],
.woocommerce-account .frini-form-field select,
.woocommerce-account .frini-form-field textarea{
    background: #050507 !important;
    color: #e8e8e8 !important;
    border-color: #2a2a2c !important;
}

.woocommerce-account .frini-form-field input::placeholder,
.woocommerce-account .frini-form-field textarea::placeholder{
    color: rgba(232,232,232,.55) !important;
}

.woocommerce-account .frini-checkbox-group label{
    display:flex;
    align-items:center;
    gap:8px;
    padding: 8px 10px;
    background: rgba(212, 175, 55, 0.10);
    border-radius: 6px;
    cursor: pointer;
}

.woocommerce-account .frini-checkbox-group label:hover{
    background: rgba(212, 175, 55, 0.18);
}

/* Centered Editor Container (Creator Studio page) */
.frini-profile-editor {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto !important;
    padding: 40px 20px !important;
    background: #0a0a0c !important;
    color: #e8e8e8 !important;
    box-sizing: border-box !important;
    position: relative !important;
}

/* Inner container with max-width */
.frini-editor-container {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    width: 100% !important;
}

/* Box sizing for all elements */
.frini-profile-editor *,
.frini-profile-editor *::before,
.frini-profile-editor *::after {
    box-sizing: border-box !important;
}

/* Header */
.frini-editor-header {
    text-align: center;
    margin-bottom: 40px;
}

.frini-editor-header h2 {
    color: #d4af37;
    font-size: 2.5em;
    margin-bottom: 10px;
    font-weight: bold;
}

.frini-editor-subtitle {
    color: #e8e8e8;
    font-size: 1.2em;
    opacity: 0.8;
}

/* Form Sections */
.frini-form-section {
    background: rgba(212, 175, 55, 0.05);
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 8px;
    border-left: 4px solid #d4af37;
}

/* =====================================
 * Accordion behavior (Creator Studio)
 * - All sections collapsed by default
 * - Add .is-open to keep a section expanded
 * ===================================== */
.frini-form-section > h3{
    cursor: pointer;
    position: relative;
    padding-right: 32px;
}

.frini-form-section > h3::after{
    content: "▾";
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    opacity: .8;
    transition: transform .15s ease;
}

.frini-form-section:not(.is-open) > :not(h3){
    display: none;
}

.frini-form-section.is-open > h3::after{
    transform: translateY(-50%) rotate(180deg);
}

/* Keep click inside inputs/buttons from toggling */
.frini-form-section .frini-no-toggle{
    cursor: default;
}

/* Service offers (simple) */
.frini-service-offers-editor{
    margin-top: 12px;
}
.frini-service-row{
    padding: 14px 0;
}
.frini-duration-wrap{
    display:flex;
    gap:10px;
}
.frini-duration-wrap input,
.frini-duration-wrap select{
    width: 100%;
}
.frini-service-divider{
    border: 0;
    border-top: 1px solid rgba(212,175,55,.20);
    margin: 14px 0 0;
}

.frini-form-section h3 {
    color: #d4af37;
    font-size: 1.8em;
    margin-bottom: 25px;
    border-bottom: 2px solid #d4af37;
    padding-bottom: 10px;
    font-weight: bold;
}

.frini-form-section h4 {
    color: #d4af37;
    font-size: 1.3em;
    margin-top: 30px;
    margin-bottom: 15px;
}

/* Form Rows */
.frini-form-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}

/* Form Fields */
.frini-form-field {
    margin-bottom: 20px;
}

.frini-form-field label {
    display: block;
    color: #d4af37;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 1em;
}

.frini-form-field input[type="text"],
.frini-form-field input[type="number"],
.frini-form-field input[type="email"],
.frini-form-field input[type="tel"],
.frini-form-field input[type="time"],
.frini-form-field select,
.frini-form-field textarea {
    width: 100%;
    padding: 12px;
    background: #050507;
    border: 1px solid #2a2a2c;
    border-radius: 4px;
    color: #e8e8e8;
    font-size: 16px; /* Minimum 16px to prevent iOS zoom */
    font-family: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.frini-form-field input:focus,
.frini-form-field select:focus,
.frini-form-field textarea:focus {
    outline: none;
    border-color: #d4af37;
    box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2);
}

.frini-form-field small {
    display: block;
    color: #999;
    font-size: 0.85em;
    margin-top: 5px;
}

/* Checkbox Groups */
.frini-checkbox-group {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 10px;
}

.frini-checkbox-label {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    background: rgba(212, 175, 55, 0.1);
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.frini-checkbox-label:hover {
    background: rgba(212, 175, 55, 0.2);
}

.frini-checkbox-label input[type="checkbox"] {
    width: auto;
    margin: 0;
}

/* Buttons */
.frini-btn {
    padding: 12px 30px;
    border: none;
    border-radius: 4px;
    font-size: 1.1em;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.frini-btn-primary {
    background: #d4af37;
    color: #000;
}

.frini-btn-primary:hover {
    background: #7b1e3a;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

.frini-btn-secondary {
    background: #2a2a2c;
    color: #e8e8e8;
}

.frini-btn-secondary:hover {
    background: #d4af37;
    color: #000;
}

/* Form Actions */
.frini-form-actions {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 40px;
    flex-wrap: wrap;
}

/* Photo Grid */
.frini-photo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 15px;
    margin-bottom: 20px;
}

.frini-photo-item {
    position: relative;
    aspect-ratio: 1;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid #2a2a2c;
    transition: transform 0.3s ease;
}

.frini-photo-item:hover {
    transform: scale(1.05);
    border-color: #d4af37;
}

.frini-photo-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.frini-primary-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #d4af37;
    color: #000;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.8em;
    font-weight: bold;
    z-index: 2;
}

.frini-locked-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(0,0,0,0.75);
    color: #d4af37;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 0.9em;
    font-weight: 800;
    z-index: 2;
    border: 1px solid rgba(212, 175, 55, 0.35);
}

.frini-photo-actions {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.9);
    padding: 10px;
    display: flex;
    gap: 5px;
    flex-direction: column;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 1;
}

.frini-lock-controls {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255,255,255,0.12);
}

.frini-lock-toggle {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #fff;
    font-size: 0.85em;
    font-weight: 700;
}

.frini-photo-lock-price {
    width: 90px;
    padding: 6px 8px;
    border-radius: 6px;
    border: 1px solid rgba(212,175,55,0.35);
    background: rgba(0,0,0,0.35);
    color: #fff;
    font-size: 0.85em;
}

.frini-btn-save-lock {
    background: #2d2d30;
    color: #fff;
    border: 1px solid rgba(212,175,55,0.35);
}

.frini-btn-save-lock:hover {
    background: #d4af37;
    color: #000;
}

.frini-photo-item:hover .frini-photo-actions {
    opacity: 1;
}

.frini-photo-actions button {
    padding: 6px;
    font-size: 0.85em;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
}

.frini-btn-set-primary {
    background: #d4af37;
    color: #000;
}

.frini-btn-set-primary:hover {
    background: #7b1e3a;
    color: #fff;
}

.frini-btn-delete-photo {
    background: #f44336;
    color: #fff;
}

.frini-btn-delete-photo:hover {
    background: #d32f2f;
}

/* Video Grid */
.frini-video-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 15px;
    margin-bottom: 20px;
}

.frini-video-item {
    background: #050507;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid #2a2a2c;
    position: relative;
}

.frini-video-item video {
    width: 100%;
    height: auto;
    display: block;
}

.frini-btn-delete-video {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #f44336;
    color: #fff;
    border: none;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.85em;
    font-weight: 600;
    z-index: 10;
}

.frini-btn-delete-video:hover {
    background: #d32f2f;
}

/* =====================================
 * Pricing (Creator Studio)
 * Fix: readable inputs + modern layout
 * ===================================== */
.frini-pricing-form{
    display: grid;
    gap: 18px;
}

.frini-pricing-card{
    background: #050507;
    border: 1px solid #2a2a2c;
    border-radius: 10px;
    padding: 18px;
}

.frini-pricing-card h3{
    margin-top: 0;
    color: #d4af37;
}

.frini-pricing-grid{
    display: grid;
    gap: 10px;
    margin-top: 12px;
}

.frini-pricing-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    background: rgba(212, 175, 55, 0.06);
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 8px;
}

.frini-pricing-label{
    font-weight: 700;
    color: #d4af37;
}

.frini-pricing-inputwrap{
    position: relative;
    width: 100%;
    max-width: 220px;
}

.frini-pricing-inputwrap input[type="number"]{
    width: 100%;
    background: #0a0a0c !important;
    color: #e8e8e8 !important;
    border: 1px solid #2a2a2c !important;
    border-radius: 8px !important;
    padding: 12px 42px 12px 12px !important;
}

.frini-pricing-inputwrap input[type="number"]::placeholder{
    color: rgba(232,232,232,.45) !important;
}

.frini-pricing-inputwrap input[type="number"]:focus{
    outline: none !important;
    border-color: #d4af37 !important;
    box-shadow: 0 0 0 2px rgba(212,175,55,0.15);
}

.frini-pricing-currency{
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #d4af37;
    font-weight: 800;
    pointer-events: none;
}

.frini-pricing-note{
    margin: 10px 0 0 0;
    opacity: .85;
}

.frini-payment-note{
    margin: 12px 0 0 0;
    padding: 12px;
    background: rgba(212, 175, 55, 0.06);
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 8px;
    color: #e8e8e8;
    line-height: 1.45;
}

.frini-payment-note strong{
    color: #d4af37;
}

/* Travel Costs */
.travel-cost-item {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    align-items: center;
}

.travel-cost-item input {
    flex: 1;
}

.travel-cost-item button,
.remove-travel-cost {
    padding: 10px 15px;
    background: #f44336;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
    white-space: nowrap;
}

.travel-cost-item button:hover,
.remove-travel-cost:hover {
    background: #d32f2f;
}

/* Day Editor (Availability) */
.day-editor {
    margin-bottom: 20px;
    padding: 15px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 8px;
    border: 1px solid #2a2a2c;
}

.day-editor h4 {
    color: #d4af37;
    margin-bottom: 10px;
    margin-top: 0;
}

.time-slot-editor {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px;
    background: #050507;
    border-radius: 4px;
    flex-wrap: wrap;
}

.time-slot-editor input[type="time"] {
    width: auto;
    min-width: 120px;
}

.time-slot-editor label {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #e8e8e8;
}

.time-slot-editor span {
    color: #d4af37;
    font-weight: bold;
}

.remove-slot {
    padding: 8px 12px;
    background: #f44336;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
}

.remove-slot:hover {
    background: #d32f2f;
}

.add-time-slot {
    padding: 8px 15px;
    background: #4caf50;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
    font-weight: 600;
}

.add-time-slot:hover {
    background: #45a049;
}

/* Messages */
.frini-message {
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
    text-align: center;
    font-weight: 600;
}

.frini-message.success {
    background: rgba(76, 175, 80, 0.2);
    border: 1px solid #4caf50;
    color: #4caf50;
}

.frini-message.error {
    background: rgba(244, 67, 54, 0.2);
    border: 1px solid #f44336;
    color: #f44336;
}

/* Responsive */
@media (max-width: 768px) {
    /* Full width on mobile - no side margins */
    body.page .frini-profile-editor,
    .frini-profile-editor {
        width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 15px 10px !important;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
    }
    
    .frini-editor-container {
        padding: 0 10px !important;
        max-width: 100% !important;
    }
    
    .frini-editor-header {
        margin-bottom: 20px;
    }
    
    .frini-editor-header h2 {
        font-size: 1.8em;
    }
    
    .frini-editor-subtitle {
        font-size: 0.9em;
    }
    
    .frini-form-section {
        padding: 15px 12px;
        margin-bottom: 20px;
    }
    
    .frini-form-section h3 {
        font-size: 1.3em;
        margin-bottom: 15px;
    }
    
    .frini-form-section h4 {
        font-size: 1.1em;
        margin-top: 20px;
    }
    
    .frini-form-row {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .frini-form-field {
        margin-bottom: 15px;
    }
    
    .frini-form-field label {
        font-size: 0.95em;
    }
    
    .frini-form-field input[type="text"],
    .frini-form-field input[type="number"],
    .frini-form-field input[type="email"],
    .frini-form-field input[type="tel"],
    .frini-form-field input[type="time"],
    .frini-form-field select,
    .frini-form-field textarea {
        font-size: 16px; /* Prevents zoom on iOS */
        padding: 10px;
    }
    
    .frini-checkbox-group {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    
    .frini-checkbox-label {
        padding: 10px;
        font-size: 0.95em;
    }
    
    .frini-photo-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
    
    .frini-video-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    .frini-btn {
        padding: 10px 20px;
        font-size: 1em;
    }
    
    .frini-form-actions {
        flex-direction: column;
        gap: 10px;
    }
    
    .frini-form-actions .frini-btn {
        width: 100%;
    }
    
    .travel-cost-item {
        flex-direction: column;
        gap: 8px;
    }
    
    .travel-cost-item input {
        width: 100%;
    }
    
    .travel-cost-item button {
        width: 100%;
    }
    
    .time-slot-editor {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }
    
    .time-slot-editor input[type="time"] {
        width: 100%;
        font-size: 16px; /* Prevents zoom on iOS */
    }
    
    .remove-slot,
    .add-time-slot {
        width: 100%;
    }
}

/* Extra small devices */
@media (max-width: 480px) {
    .frini-profile-editor {
        padding: 10px 5px !important;
    }
    
    .frini-editor-container {
        padding: 0 5px !important;
    }
    
    .frini-form-section {
        padding: 12px 10px;
    }
    
    .frini-editor-header h2 {
        font-size: 1.5em;
    }
    
    .frini-form-section h3 {
        font-size: 1.2em;
    }
    
    .frini-photo-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .frini-pricing-row{
        flex-direction: column;
        align-items: stretch;
    }

    .frini-pricing-inputwrap{
        max-width: 100%;
    }
}

/* =========================
 * Banner (Cover) uploader
 * ========================= */
.frini-help-text {
    margin-top: -8px;
    color: rgba(232, 232, 232, 0.70);
    font-size: 13px;
}

.frini-banner-uploader {
    display: grid;
    gap: 12px;
}

.frini-banner-preview {
    width: 100%;
    height: 160px;
    border-radius: 14px;
    background: linear-gradient(135deg, #d4af37 0%, #7b1e3a 100%);
    border: 1px solid rgba(255, 255, 255, 0.12);
    background-size: cover;
    background-position: center;
}

.frini-banner-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}


/* =========================
 * Services Checklist (Creator Studio)
 * ========================= */
.frini-intimate-services-checklist .services-category {
    margin-top: 15px;
    padding: 15px;
    background: #050507;
    border: 2px solid #2a2a2c;
    border-radius: 8px;
}

.frini-intimate-services-checklist .services-category h4 {
    margin: 0 0 10px;
    color: #d4af37;
    font-size: 1.05em;
}

.frini-intimate-services-checklist .services-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;
}

.frini-intimate-services-checklist .service-item {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #f5f5f5;
}

/* =========================
 * Availability Editor (Creator Studio)
 * ========================= */
.frini-availability-editor .day-editor {
    margin-top: 15px;
    padding: 15px;
    background: #050507;
    border: 2px solid #2a2a2c;
    border-radius: 8px;
}

.frini-availability-editor .day-editor h4 {
    margin: 0 0 10px;
    color: #d4af37;
    font-size: 1.05em;
}

.frini-availability-editor .time-slot-editor {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.frini-availability-editor .time-slot-editor input[type="time"] {
    padding: 10px;
    border: 2px solid #2a2a2c;
    border-radius: 6px;
    background: #0b0b0f;
    color: #fff;
}

.frini-availability-editor .time-slot-editor label {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    color: #f5f5f5;
}

.frini-availability-editor .add-time-slot {
    margin-top: 8px;
    padding: 10px 15px;
    background: #d4af37;
    color: #000;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 700;
}

.frini-availability-editor .add-time-slot:hover {
    background: #7b1e3a;
    color: #fff;
}

.frini-availability-editor .remove-slot {
    padding: 10px 15px;
    background: #f44336;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 700;
}

.frini-availability-editor .remove-slot:hover {
    background: #d32f2f;
}

/* Services embed inside Creator Studio */
.frini-services-studio {
    display: block;
}

.frini-services-studio-note {
    color: rgba(255,255,255,0.8);
    margin-bottom: 10px;
}

.frini-services-studio-block {
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    padding: 14px;
}

.frini-services-studio-title {
    margin: 0 0 10px;
    font-size: 1.05em;
}

.frini-services-embed input[type="text"],
.frini-services-embed input[type="number"],
.frini-services-embed select,
.frini-services-embed textarea {
    width: 100%;
    max-width: 100%;
}

/* Quick/Studio: make the service "Αφαίρεση" action always visible */
.frini-remove-service{
    background: #c62828 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 90, 90, 0.85) !important;
    padding: 8px 12px !important;
    border-radius: 10px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    box-shadow: 0 6px 16px rgba(198, 40, 40, 0.20) !important;
}
.frini-remove-service:hover{
    background: #a91f1f !important;
    border-color: rgba(255, 120, 120, 0.95) !important;
}

/* =========================
 * QUICK FORM (/creator-quick/) readability fixes
 * - Theme sometimes overrides H2 + input colors outside WooCommerce
 * ========================= */
.frini-quick-container > h2{
    color: #ffffff !important;
    font-weight: 900 !important;
    letter-spacing: 0.2px;
}

.frini-quick-container .frini-help-text,
.frini-quick-container p,
.frini-quick-container small{
    color: rgba(232, 232, 232, 0.86) !important;
}

.frini-quick-container a{
    color: #d4af37 !important;
    text-decoration: underline !important;
}

/* Ensure password + file inputs inherit the dark editor styling */
.frini-profile-editor .frini-form-field input[type="password"],
.frini-profile-editor .frini-form-field input[type="url"],
.frini-profile-editor .frini-form-field input[type="file"]{
    background: #050507 !important;
    color: #e8e8e8 !important;
    border: 1px solid #2a2a2c !important;
}

.frini-profile-editor .frini-form-field input[type="password"]::placeholder{
    color: rgba(232,232,232,.55) !important;
}

.frini-profile-editor .frini-form-field input[type="file"]{
    padding: 10px 12px !important;
    border-radius: 8px !important;
}

.frini-profile-editor .frini-form-field input[type="file"]::file-selector-button{
    background: rgba(212, 175, 55, 0.14);
    border: 1px solid rgba(212, 175, 55, 0.35);
    color: #e8e8e8;
    padding: 8px 12px;
    border-radius: 8px;
    cursor: pointer;
    margin-right: 12px;
}

.frini-profile-editor .frini-form-field input[type="file"]::file-selector-button:hover{
    background: rgba(212, 175, 55, 0.22);
}