/* Базов клас за всички бутони */
.aopc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: var(--fiptec-radius-global); 
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    border: 1px solid transparent;
    font-family: inherit;
    line-height: 1.5;
    outline: none;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.aopc-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Размери */
.aopc-btn-sm { padding: 4px 10px; font-size: 12px; }
.aopc-btn-md { padding: 8px 16px; font-size: 14px; }
.aopc-btn-lg { padding: 12px 24px; font-size: 16px; border-radius: 8px; }

/* Варианти (Цветове) */
/* Варианти (Цветове) */
.aopc-btn-primary {
    background-color: var(--fiptec-blue, #2563eb);
    color: #ffffff !important;
    border-color: var(--fiptec-blue, #2563eb);
}
.aopc-btn-primary:hover:not(:disabled) { 
    background-color: var(--fiptec-blue-hover, #1d4ed8); 
    color: #ffffff !important; 
}

.aopc-btn-secondary {
    background-color: var(--fiptec-slate-100, #f1f5f9);
    color: var(--fiptec-slate-700, #334155) !important;
    border-color: var(--fiptec-slate-200, #e2e8f0);
}
.aopc-btn-secondary:hover:not(:disabled) { 
    background-color: var(--fiptec-slate-200, #e2e8f0); 
    color: var(--fiptec-slate-900, #0f172a) !important; 
}

.aopc-btn-success {
    background-color: var(--fiptec-green, #10b981);
    color: #ffffff !important;
    border-color: var(--fiptec-green, #10b981);
}
.aopc-btn-success:hover:not(:disabled) { 
    background-color: var(--fiptec-green-dark, #059669); 
    color: #ffffff !important; 
}

.aopc-btn-warning {
    background-color: var(--fiptec-orange, #f97316);
    color: #ffffff !important;
    border-color: var(--fiptec-orange, #f97316);
}
.aopc-btn-warning:hover:not(:disabled) { 
    background-color: var(--fiptec-orange-hover, #ea580c); 
    color: #ffffff !important; 
}

.aopc-btn-danger {
    background-color: var(--fiptec-red, #ef4444);
    color: #ffffff !important;
    border-color: var(--fiptec-red, #ef4444);
}
.aopc-btn-danger:hover:not(:disabled) { 
    background-color: var(--fiptec-red-dark, #b91c1c); 
    color: #ffffff !important; 
}
/* ==========================================================================
   OUTLINE ВАРИАНТИ (DASHBOARD & ADMIN STYLE)
   ========================================================================== */

/* Outline Primary (Универсалният Outline бутон - Син контур) */
.aopc-btn-outline-primary,
.aopc-btn-outline {
    background-color: #ffffff !important;
    color: #0073aa !important;
    border: 1px solid #0073aa !important;
    font-weight: 700 !important;
}
.aopc-btn-outline-primary:hover:not(:disabled),
.aopc-btn-outline:hover:not(:disabled) {
    background-color: #f0f6fc !important;
    border-color: #005177 !important;
    color: #005177 !important;
}
.aopc-btn-outline-primary svg,
.aopc-btn-outline svg {
    color: currentColor !important;
}

/* Outline Success (Зелен контур - За Pricing Hub) */
.aopc-btn-outline-success {
    background-color: #ffffff !important;
    color: var(--fiptec-green, #10b981) !important;
    border: 1px solid var(--fiptec-green, #10b981) !important;
    font-weight: 700 !important;
}
.aopc-btn-outline-success:hover:not(:disabled) {
    background-color: #ecfdf5 !important;
    border-color: var(--fiptec-green-dark, #059669) !important;
    color: var(--fiptec-green-dark, #059669) !important;
}
.aopc-btn-outline-success svg {
    color: currentColor !important;
}

/* ==========================================================================
   СПЕЦИФИЧНИ ВАРИАНТИ (DASHBOARD & ADMIN)
   ========================================================================== */

/* Outline Primary (WordPress Blue) - Идеален за филтри и настройки */
.aopc-btn-outline-primary {
    background-color: var(--fiptec-white) !important;
    color: #0073aa !important;
    border: 1px solid #0073aa !important;
    font-weight: 700 !important;
}
.aopc-btn-outline-primary:hover:not(:disabled) {
    background-color: #f0f6fc !important;
    border-color: #005177 !important;
    color: #005177 !important;
}
.aopc-btn-outline-primary svg {
    color: currentColor !important;
}



/* ==========================================================================
   DISCRETE TAB ВАРИАНТ (Скрит/Pull-down бутон, залепен за горния ръб)
   ========================================================================== */
.aopc-btn-discrete-tab {
    background-color: var(--fiptec-white) !important;
    color: var(--fiptec-slate-500) !important;
    border: 1px solid var(--fiptec-slate-200) !important;
    border-top: none !important; /* Слива се с горния елемент */
    
    /* ТВОЕТО ИЗИСКВАНЕ: Прави горни ъгли, 12px заоблени долни ъгли */
    border-radius: 0 0 var(--fiptec-radius-btn) var(--fiptec-radius-btn) !important; 
    
    padding: 2px 11px 3px 10px !important;
    font-size: 10px !important; /* Ултра малък текст, но четим */
    text-transform: uppercase !important;
    box-shadow: var(--fiptec-shadow-sm) !important;
    margin-top: -1px; /* Леко издърпване нагоре, за да "залепне" перфектно без двойни бордери */
}

.aopc-btn-discrete-tab:hover:not(:disabled) {
    background-color: var(--fiptec-slate-50) !important;
    color: var(--fiptec-slate-700) !important;
}

/* Коригираме иконата да е пропорционална на малкия текст */
.aopc-btn-discrete-tab svg {
    width: 12px !important;
    height: 12px !important;
}



/* ==========================================================================
   ICON BUTTON ВАРИАНТ (Кръгли бутони само с икона)
   ========================================================================== */
.aopc-btn-circle {
    padding: 0 !important;
    border-radius: 50% !important; /* Прави го идеален кръг */
    flex-shrink: 0;
    gap: 0 !important; /* Премахва разстоянието, защото има само икона */
}

/* Размери за кръгли бутони */
.aopc-btn-circle.aopc-btn-sm { width: 28px; height: 28px; }
.aopc-btn-circle.aopc-btn-md { width: 36px; height: 36px; }
.aopc-btn-circle.aopc-btn-lg { width: 44px; height: 44px; }

/* Центриране на иконки/емоджита вътре в кръга */
.aopc-btn-circle svg {
    margin: 0 !important;
}