.akfaq-wrapper {
    margin: 20px 0;
}

/* Main title */
.akfaq-main-title {
    font-size: 1.6em;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: center;
}

/* Base styles for items */
.akfaq-list {
    margin: 0;
    padding: 0;
}

.akfaq-item {
    margin-bottom: 8px;
}

/* GREY layout – similar to long grey FAQ screenshot */
.akfaq-layout-grey .akfaq-item {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 6px;
}

.akfaq-layout-grey .akfaq-question {
    background: #f5f5f5;
    border: 1px solid #dcdcdc;
}

/* BLUE layout – similar to blue bar FAQ screenshots */
.akfaq-layout-blue .akfaq-question {
    background: #006cb7;
    border: 1px solid #00589a;
    color: #ffffff;
}

.akfaq-layout-blue .akfaq-question:hover {
    background: #00589a;
}

/* CARD layout – similar to modern white card FAQ concept */
.akfaq-layout-card .akfaq-item {
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    padding: 12px 16px;
    margin-bottom: 12px;
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.03);
}

.akfaq-layout-card .akfaq-question {
    background: transparent;
    border: none;
    padding: 0;
}

/* Generic question styles */
.akfaq-question {
    width: 100%;
    text-align: left;
    padding: 10px 12px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    border-radius: 4px;
    background: #f5f5f5;
    border: 1px solid #ddd;
}

.akfaq-question:hover {
    background: #e9e9e9;
}

.akfaq-toggle-indicator {
    font-weight: 700;
    margin-left: 10px;
}

/* Answers */
.akfaq-answer {
    padding: 10px 5px 0 5px;
}

.akfaq-layout-card .akfaq-answer {
    padding: 10px 0 0 0;
}

.akfaq-answer-inner {
    padding: 4px 0;
}

/* Admin rows */
.akfaq-item-row {
    position: relative;
    padding-left: 20px;
}

.akfaq-drag-handle {
    position: absolute;
    left: 0;
    top: 8px;
    cursor: move;
    font-size: 16px;
}

/* Dropdown layout */
.akfaq-layout-dropdown .akfaq-dropdown-wrapper {
    margin-top: 10px;
}

.akfaq-dropdown-select {
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-bottom: 12px;
}

.akfaq-dropdown-answer-item {
    display: none;
}

/* Tabs layout */
.akfaq-layout-tabs .akfaq-tabs-wrapper {
    display: flex;
    gap: 15px;
    margin-top: 10px;
}

.akfaq-tab-questions {
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 240px;
    border-right: 1px solid #ddd;
}

.akfaq-tab-question {
    padding: 10px 12px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

.akfaq-tab-question:hover {
    background: #f5f5f5;
}

.akfaq-tab-question-active {
    font-weight: 700;
    background: #e9e9e9;
}

.akfaq-tab-answers {
    flex: 1;
    padding-left: 10px;
}

.akfaq-tab-answer-item {
    display: none;
}