/*============================================================
   SWIPER
   ============================================================*/
body.dark-theme .swiper-button-next, body.dark-theme .swiper-button-prev {

    color: #fff !important;
    opacity: 0.7 !important;

}

body.dark-theme .swiper-button-next:hover, body.dark-theme .swiper-button-prev:hover {

    opacity: 1 !important;

}

body.dark-theme .swiper-button-next::after, body.dark-theme .swiper-button-prev::after {

    color: #fff !important;
    font-size: 18px !important;

}

body.dark-theme .tc-slider-style1 .swiper-button-next, body.dark-theme .tc-slider-style1 .swiper-button-prev {

    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
    opacity: 1 !important;

}

body.dark-theme .tc-slider-style1 .swiper-button-next:hover, body.dark-theme .tc-slider-style1 .swiper-button-prev:hover {

    background: rgba(255, 255, 255, 0.2) !important;

}

.vg-laws-toolbar {
    margin-bottom: 30px !important;
}

.vg-laws-search {
    position: relative !important;
    margin-bottom: 16px !important;
}

.vg-laws-search i {
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 18px !important;
    color: #999 !important;
}

.vg-laws-search input {
    width: 100% !important;
    padding: 14px 16px 14px 44px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 5px !important;
    font-size: 15px !important;
    color: #1a1a1a !important;
    background: #fff !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    outline: none !important;
}

.vg-laws-search input:focus {
    border-color: #3B5998 !important;
    box-shadow: 0 0 0 3px rgba(59, 89, 152, 0.1) !important;
}

.vg-laws-search input::placeholder {
    color: #aaa !important;
}

/*Filtr düymələri*/
.vg-laws-filters {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.vg-laws-filter {
    padding: 7px 16px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 5px !important;
    background: #fff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #555 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    outline: none !important;
}

.vg-laws-filter span {
    color: #999 !important;
    font-size: 12px !important;
    margin-left: 2px !important;
}

.vg-laws-filter:hover {
    border-color: #3B5998 !important;
    color: #3B5998 !important;
}

.vg-laws-filter.active {
    background: #3B5998 !important;
    border-color: #3B5998 !important;
    color: #fff !important;
}

.vg-laws-filter.active span {
    color: rgba(255, 255, 255, 0.7) !important;
}

/*====== Laws List ======*/
.vg-laws-list {
    border-top: 1px solid #e5e7eb !important;
}

.vg-laws-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 20px 0 !important;
    border-bottom: 1px solid #e5e7eb !important;
    text-decoration: none !important;
    color: inherit !important;
    transition: padding-left 0.2s ease !important;
}

.vg-laws-item:hover {
    padding-left: 8px !important;
}

.vg-laws-item-left {
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
    flex: 1 !important;
    min-width: 0 !important;
}

.vg-laws-item-icon {
    flex-shrink: 0 !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f0f3f8 !important;
    border-radius: 5px !important;
    color: #3B5998 !important;
    font-size: 20px !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}

.vg-laws-item:hover .vg-laws-item-icon {
    background: #3B5998 !important;
    color: #fff !important;
}

.vg-laws-item-info {
    flex: 1 !important;
    min-width: 0 !important;
}

.vg-laws-item-cat {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #3B5998 !important;
    margin-bottom: 4px !important;
}

.vg-laws-item-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #1a1a1a !important;
    margin: 0 0 6px !important;
}

.vg-laws-item:hover .vg-laws-item-title {
    color: #3B5998 !important;
}

.vg-laws-item-summary {
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #777 !important;
    margin: 4px 0 6px !important;
}

.vg-laws-item-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    font-size: 12px !important;
    color: #999 !important;
}

.vg-laws-item-meta i {
    margin-right: 3px !important;
}

.vg-laws-item-arrow {
    flex-shrink: 0 !important;
    font-size: 18px !important;
    color: #ccc !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}

.vg-laws-item:hover .vg-laws-item-arrow {
    color: #3B5998 !important;
    transform: translateX(3px) !important;
}

/*Boş nəticə*/
.vg-laws-empty {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #999 !important;
}

.vg-laws-empty i {
    font-size: 48px !important;
    color: #ddd !important;
    display: block !important;
    margin-bottom: 12px !important;
}

.vg-laws-empty p {
    font-size: 15px !important;
    margin: 0 !important;
}

body.dark-theme .vg-laws-search input {

    background: #1e1e1e !important;
    border-color: #2e2e2e !important;
    color: #e0e0e0 !important;

}

body.dark-theme .vg-laws-search input:focus {

    border-color: #7e9bd6 !important;
    box-shadow: 0 0 0 3px rgba(126, 155, 214, 0.15) !important;

}

body.dark-theme .vg-laws-filter {

    background: #1e1e1e !important;
    border-color: #2e2e2e !important;
    color: #e0e0e0 !important;

}

body.dark-theme .vg-laws-filter:hover {

    border-color: #7e9bd6 !important;
    color: #7e9bd6 !important;

}

body.dark-theme .vg-laws-filter.active {

    background: #3B5998 !important;
    border-color: #3B5998 !important;
    color: #fff !important;

}

body.dark-theme .vg-laws-list {

    border-top-color: #2e2e2e !important;

}

body.dark-theme .vg-laws-item {

    border-bottom-color: #2e2e2e !important;

}

body.dark-theme .vg-laws-item-icon {

    background: #252525 !important;
    color: #7e9bd6 !important;

}

body.dark-theme .vg-laws-item:hover .vg-laws-item-icon {

    background: #3B5998 !important;
    color: #fff !important;

}

body.dark-theme .vg-laws-item-title {

    color: #fff !important;

}

body.dark-theme .vg-laws-item:hover .vg-laws-item-title {

    color: #7e9bd6 !important;

}

body.dark-theme .vg-laws-item-cat {

    color: #7e9bd6 !important;

}

body.dark-theme .vg-laws-item-summary {

    color: #e0e0e0 !important;

}

/*============================================
   SALARY CALCULATOR — Vergilər.az (v2 Premium)
   ============================================*/

/*Form*/
.vg-calc-form {
    padding: 24px !important;
}

.vg-calc-field {
    margin-bottom: 18px !important;
}

.vg-calc-field label {
    display: block !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    margin-bottom: 8px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}

.vg-calc-input, .vg-calc-select {
    width: 100% !important;
    height: 48px !important;
    padding: 10px 16px !important;
    border: 2px solid #e8ecf1 !important;
    border-radius: 5px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    background: #fff !important;
    outline: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    box-sizing: border-box !important;
}

.vg-calc-input:focus, .vg-calc-select:focus {
    border-color: #3B5998 !important;
    box-shadow: 0 0 0 4px rgba(59, 89, 152, 0.08) !important;
    background: #fff !important;
}

.vg-calc-input::placeholder {
    color: #bbb !important;
    font-weight: 400 !important;
}

/*Radio*/
.vg-calc-radio-group {
    display: flex !important;
    gap: 0 !important;
    height: auto !important;
    background: #f5f7fa !important;
    border-radius: 5px !important;
    padding: 4px !important;
}

.vg-calc-radio {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #777 !important;
    cursor: pointer !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    transition: all 0.15s ease !important;
}

.vg-calc-radio:has(input:checked) {
    background: #fff !important;
    color: #3B5998 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
    font-weight: 600 !important;
}

.vg-calc-radio input[type="radio"] {
    display: none !important;
}

/*Discounts*/
.vg-calc-discounts {
    margin-bottom: 16px !important;
}

.vg-calc-discount-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    margin-bottom: 12px !important;
}

.vg-calc-discount-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 14px 16px !important;
    border: 2px solid #e8ecf1 !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    background: #fff !important;
    transition: all 0.15s ease !important;
}

.vg-calc-discount-item:hover {
    border-color: #c0cce0 !important;
}

.vg-calc-discount-item:has(input:checked) {
    border-color: #3B5998 !important;
    background: #f5f8fd !important;
}

.vg-calc-discount-check {
    margin-top: 2px !important;
    accent-color: #3B5998 !important;
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
}

.vg-calc-discount-item strong {
    display: block !important;
    font-size: 14px !important;
    color: #1a1a1a !important;
    margin-bottom: 2px !important;
}

.vg-calc-discount-item span {
    font-size: 12px !important;
    color: #888 !important;
    line-height: 1.45 !important;
}

.vg-calc-discount-note {
    padding: 12px 16px !important;
    background: #f5f7fa !important;
    border-left: 3px solid #3B5998 !important;
    border-radius: 0 5px 5px 0 !important;
    font-size: 12px !important;
    color: #666 !important;
}

.vg-calc-discount-note strong {
    color: #3B5998 !important;
}

/*Submit*/
.vg-calc-btn {
    width: 100% !important;
    height: 50px !important;
    background: linear-gradient(135deg, #3B5998 0%, #2d4373 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 5px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    margin-top: 4px !important;
    letter-spacing: 0.3px !important;
    transition: opacity 0.2s ease, transform 0.15s ease !important;
}

.vg-calc-btn:hover {
    opacity: 0.92 !important;
    transform: translateY(-1px) !important;
}

.vg-calc-btn:active {
    transform: translateY(0) !important;
}

.vg-calc-btn:disabled {
    opacity: 0.6 !important;
    cursor: wait !important;
    transform: none !important;
}

/*====== Results ======*/
.vg-calc-result-card {
    margin-top: 24px !important;
    border: none !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    background: #f9fafb !important;
    box-shadow: inset 0 0 0 1px #e8ecf1 !important;
}

.vg-calc-result-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 18px !important;
    font-size: 13px !important;
    color: #555 !important;
    border-bottom: 1px solid #eef0f3 !important;
}

.vg-calc-result-row:last-child {
    border-bottom: none !important;
}

.vg-calc-result-row span:last-child {
    font-weight: 600 !important;
    color: #1a1a1a !important;
}

.vg-calc-result-highlight {
    background: #e8f5e9 !important;
    padding: 14px 18px !important;
}

.vg-calc-result-highlight span:first-child {
    font-weight: 600 !important;
    color: #2e7d32 !important;
}

.vg-calc-result-highlight strong {
    color: #2e7d32 !important;
    font-size: 17px !important;
}

.vg-calc-result-total {
    background: #e8edf5 !important;
    padding: 14px 18px !important;
}

.vg-calc-result-total span:first-child {
    font-weight: 600 !important;
    color: #3B5998 !important;
}

.vg-calc-result-total strong {
    color: #3B5998 !important;
    font-size: 17px !important;
}

/*Error*/
.vg-calc-error {
    margin-top: 20px !important;
    padding: 14px 18px !important;
    background: #fef2f2 !important;
    border: 1px solid #fecaca !important;
    border-radius: 5px !important;
    color: #dc2626 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.vg-calc-error i {
    font-size: 18px !important;
    margin-right: 0 !important;
}

/*Note*/


/*====== Tool Cards (Kalkulyatorlar siyahısı) ======*/
.vg-tool-card {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 24px !important;
    background: #fff !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    color: inherit !important;
    height: 100% !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 6px 20px rgba(0, 0, 0, 0.03) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.vg-tool-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 12px 32px rgba(0, 0, 0, 0.06) !important;
}

.vg-tool-card-icon {
    flex-shrink: 0 !important;
    width: 56px !important;
    height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #3B5998, #2d4373) !important;
    border-radius: 5px !important;
    font-size: 24px !important;
    color: #fff !important;
}

.vg-tool-card-body {
    flex: 1 !important;
    min-width: 0 !important;
}

.vg-tool-card-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 4px !important;
}

.vg-tool-card:hover .vg-tool-card-title {
    color: #3B5998 !important;
}

.vg-tool-card-desc {
    font-size: 13px !important;
    color: #888 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

.vg-tool-card-arrow {
    flex-shrink: 0 !important;
    font-size: 18px !important;
    color: #ccc !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}

.vg-tool-card:hover .vg-tool-card-arrow {
    color: #3B5998 !important;
    transform: translateX(3px) !important;
}

body.dark-theme .vg-calc-tab {

    color: #d0d0d0 !important;

}

body.dark-theme .vg-calc-tab:hover {

    color: #7e9bd6 !important;
    background: rgba(126, 155, 214, 0.08) !important;

}

body.dark-theme .vg-calc-tab.active {

    color: #7e9bd6 !important;
    background: #1e1e1e !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;

}

body.dark-theme .vg-calc-field label {

    color: #e0e0e0 !important;

}

body.dark-theme .vg-calc-input, body.dark-theme .vg-calc-select {

    background: #161616 !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;

}

body.dark-theme .vg-calc-input:focus, body.dark-theme .vg-calc-select:focus {

    border-color: #7e9bd6 !important;
    box-shadow: 0 0 0 4px rgba(126, 155, 214, 0.1) !important;

}

body.dark-theme .vg-calc-input::placeholder {

    color: #d0d0d0 !important;

}

body.dark-theme .vg-calc-radio-group {

    background: #161616 !important;

}

body.dark-theme .vg-calc-radio {

    color: #e0e0e0 !important;

}

body.dark-theme .vg-calc-radio:has(input:checked) {

    background: #252525 !important;
    color: #7e9bd6 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;

}

body.dark-theme .vg-calc-discount-item {

    background: #1a1a1a !important;
    border-color: #333 !important;

}

body.dark-theme .vg-calc-discount-item:hover {

    border-color: #d0d0d0 !important;

}

body.dark-theme .vg-calc-discount-item:has(input:checked) {

    border-color: #7e9bd6 !important;
    background: #1e2535 !important;

}

body.dark-theme .vg-calc-discount-item strong {

    color: #fff !important;

}

body.dark-theme .vg-calc-discount-note {

    background: #161616 !important;
    border-left-color: #7e9bd6 !important;
    color: #e0e0e0 !important;

}

body.dark-theme .vg-calc-result-card {

    background: #161616 !important;
    box-shadow: inset 0 0 0 1px #2a2a2a !important;

}

body.dark-theme .vg-calc-result-row {

    color: #e0e0e0 !important;
    border-bottom-color: #252525 !important;

}

body.dark-theme .vg-calc-result-row span:last-child {

    color: #e0e0e0 !important;

}

body.dark-theme .vg-calc-result-highlight {

    background: #1a2e1a !important;

}

body.dark-theme .vg-calc-result-highlight span:first-child {

    color: #66bb6a !important;

}

body.dark-theme .vg-calc-result-highlight strong {

    color: #66bb6a !important;

}

body.dark-theme .vg-calc-result-total {

    background: #1a1f2e !important;

}

body.dark-theme .vg-calc-result-total span:first-child {

    color: #7e9bd6 !important;

}

body.dark-theme .vg-calc-result-total strong {

    color: #7e9bd6 !important;

}

body.dark-theme .vg-calc-error {

    background: #2a1a1a !important;
    border-color: #4a2a2a !important;

}

body.dark-theme .vg-tool-card {

    background: #1e1e1e !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;

}

body.dark-theme .vg-tool-card:hover {

    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;

}

body.dark-theme .vg-tool-card-title {

    color: #fff !important;

}

body.dark-theme .vg-tool-card:hover .vg-tool-card-title {

    color: #7e9bd6 !important;

}

body.dark-theme .vg-tool-card-desc {

    color: #d0d0d0 !important;

}

/*============================================
   ERROR PAGES — Vergilər.az
   ============================================*/
.vg-error-section {
    padding: 80px 0 100px !important;
    text-align: center !important;
}

.vg-error-content {
    max-width: 520px !important;
    margin: 0 auto !important;
}

.vg-error-code {
    font-family: "Roboto", sans-serif !important;
    font-size: 120px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    color: #e0e4ea !important;
    margin-bottom: 10px !important;
}

.vg-error-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 10px !important;
}

.vg-error-desc {
    font-size: 15px !important;
    color: #777 !important;
    line-height: 1.6 !important;
    margin-bottom: 28px !important;
}

.vg-error-actions {
    display: flex !important;
    justify-content: center !important;
    gap: 12px !important;
    margin-bottom: 32px !important;
    flex-wrap: wrap !important;
}

.vg-error-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 12px 24px !important;
    background: linear-gradient(135deg, #3B5998, #2d4373) !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: opacity 0.2s ease, transform 0.15s ease !important;
}

.vg-error-btn:hover {
    opacity: 0.9 !important;
    transform: translateY(-1px) !important;
    color: #fff !important;
}

.vg-error-btn-outline {
    background: #fff !important;
    color: #3B5998 !important;
    border: 2px solid #3B5998 !important;
}

.vg-error-btn-outline:hover {
    background: #f5f7fb !important;
    color: #3B5998 !important;
    opacity: 1 !important;
}

/*Search*/
.vg-error-search {
    max-width: 400px !important;
    margin: 0 auto !important;
}

.vg-error-search-wrap {
    display: flex !important;
    align-items: center !important;
    background: #fff !important;
    border: 2px solid #e8ecf1 !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    transition: border-color 0.2s ease !important;
}

.vg-error-search-wrap:focus-within {
    border-color: #3B5998 !important;
}

.vg-error-search-wrap i {
    padding: 0 14px !important;
    font-size: 18px !important;
    color: #bbb !important;
}

.vg-error-search-wrap input {
    flex: 1 !important;
    height: 46px !important;
    border: none !important;
    outline: none !important;
    font-size: 14px !important;
    color: #1a1a1a !important;
    background: transparent !important;
}

.vg-error-search-wrap button {
    height: 46px !important;
    padding: 0 20px !important;
    background: #3B5998 !important;
    color: #fff !important;
    border: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
}

.vg-error-search-wrap button:hover {
    background: #2d4373 !important;
}

/*====== Dark Theme ======*/
body.dark-theme .vg-error-code {

    color: #2a2a2a !important;

}

body.dark-theme .vg-error-title {

    color: #fff !important;

}

body.dark-theme .vg-error-desc {

    color: #e0e0e0 !important;

}

body.dark-theme .vg-error-btn-outline {

    background: transparent !important;
    color: #7e9bd6 !important;
    border-color: #7e9bd6 !important;

}

body.dark-theme .vg-error-search-wrap {

    background: #1e1e1e !important;
    border-color: #333 !important;

}

body.dark-theme .vg-error-search-wrap input {

    color: #e0e0e0 !important;

}

/*============================================
   SEARCH RESULTS PAGE — Vergilər.az (Premium)
   ============================================*/
.vg-search-section {
    background: #f5f7fa !important;
    min-height: 60vh !important;
}

/*====== Search Bar ======*/
.vg-search-bar {
    margin-bottom: 24px !important;
}

.vg-search-bar-wrap {
    display: flex !important;
    align-items: center !important;
    background: #fff !important;
    border: 2px solid #e8ecf1 !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.vg-search-bar-wrap:focus-within {
    border-color: #3B5998 !important;
    box-shadow: 0 0 0 4px rgba(59, 89, 152, 0.08) !important;
}

.vg-search-bar-wrap > i {
    padding: 0 0 0 18px !important;
    font-size: 24px !important;
    color: #3B5998 !important;
}

.vg-search-bar-wrap input {
    flex: 1 !important;
    height: 52px !important;
    border: none !important;
    outline: none !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    background: transparent !important;
    padding: 0 12px !important;
}

.vg-search-bar-wrap input::placeholder {
    color: #bbb !important;
    font-weight: 400 !important;
}

.vg-search-clear {
    padding: 0 12px !important;
    font-size: 20px !important;
    color: #ccc !important;
    transition: color 0.15s ease !important;
}

.vg-search-clear:hover {
    color: #999 !important;
}

.vg-search-bar-wrap button {
    height: 40px !important;
    padding: 0 24px !important;
    margin-right: 6px !important;
    background: #3B5998 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
}

.vg-search-bar-wrap button:hover {
    background: #2d4373 !important;
}

/*Summary*/
.vg-search-summary {
    font-size: 16px !important;
    color: #777 !important;
    margin-bottom: 20px !important;
    padding: 12px 18px !important;
    background: #fff !important;
    border-radius: 5px !important;
    border-left: 3px solid #3B5998 !important;
}

.vg-search-summary strong {
    color: #1a1a1a !important;
}

/*====== Tabs ======*/
.vg-search-tabs {
    display: flex !important;
    gap: 0 !important;
    overflow-x: auto !important;
    margin-bottom: 28px !important;
    background: #fff !important;
    border-radius: 5px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    -webkit-overflow-scrolling: touch !important;
}

.vg-search-tab {
    flex-shrink: 0 !important;
    padding: 14px 20px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #777 !important;
    text-decoration: none !important;
    border-bottom: 2px solid transparent !important;
    transition: all 0.15s ease !important;
    white-space: nowrap !important;
}

.vg-search-tab:hover {
    color: #3B5998 !important;
    background: #f9fafb !important;
}

.vg-search-tab.active {
    color: #3B5998 !important;
    border-bottom-color: #3B5998 !important;
    background: #f5f8fd !important;
}

.vg-search-tab span {
    display: inline-block !important;
    background: #f0f0f0 !important;
    color: #888 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 2px 8px !important;
    border-radius: 5px !important;
    margin-left: 6px !important;
}

.vg-search-tab.active span {
    background: #3B5998 !important;
    color: #fff !important;
}

/*====== Group Header ======*/
.vg-search-group {
    margin-bottom: 28px !important;
}

.vg-search-group-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 16px !important;
}

.vg-search-group-header h3 {
    font-family: "Roboto", sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.vg-search-group-header h3 i {
    color: #3B5998 !important;
    font-size: 22px !important;
}

.vg-search-group-header a {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #3B5998 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.vg-search-group-header a:hover {
    text-decoration: underline !important;
}

/*====== Post Results (card style) ======*/
.vg-sr-posts {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.vg-sr-post {
    display: flex !important;
    gap: 18px !important;
    padding: 18px !important;
    background: #fff !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    color: inherit !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.vg-sr-post:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
}

.vg-sr-post-img {
    flex-shrink: 0 !important;
    width: 180px !important;
    height: 128px !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    background: #f0f0f0 !important;
}

.vg-sr-post-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.3s ease !important;
}

.vg-sr-post:hover .vg-sr-post-img img {
    transform: scale(1.04) !important;
}

.vg-sr-post-body {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

.vg-sr-post-top {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 6px !important;
}

.vg-sr-badge {
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 3px 8px !important;
    border-radius: 5px !important;
    flex-shrink: 0 !important;
}

.vg-sr-badge-post {
    background: #eef3fb !important;
    color: #3B5998 !important;
}

.vg-sr-badge-law {
    background: #fef3c7 !important;
    color: #92400e !important;
}

.vg-sr-badge-ann {
    background: #fee2e2 !important;
    color: #dc2626 !important;
}

.vg-sr-badge-author {
    background: #e8f5e9 !important;
    color: #2e7d32 !important;
}

.vg-sr-badge-page {
    background: #f3e8ff !important;
    color: #7c3aed !important;
}

.vg-sr-post-cat {
    font-size: 15px !important;
    color: #999 !important;
    font-weight: 500 !important;
}

.vg-sr-post-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #1a1a1a !important;
    margin: 0 0 6px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.vg-sr-post:hover .vg-sr-post-title {
    color: #3B5998 !important;
}

.vg-sr-post-excerpt {
    font-size: 15px !important;
    color: #777 !important;
    line-height: 1.55 !important;
    margin: 0 0 8px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.vg-sr-post-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    font-size: 14px !important;
    color: #aaa !important;
    margin-top: auto !important;
}

.vg-sr-post-meta i {
    margin-right: 3px !important;
}

/*====== Compact List (qanun, elan, səhifə) ======*/
.vg-sr-compact-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.vg-sr-compact {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    padding: 16px 18px !important;
    background: #fff !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    color: inherit !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

.vg-sr-compact:hover {
    transform: translateX(4px) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

.vg-sr-compact-icon {
    flex-shrink: 0 !important;
    width: 45px !important;
    height: 45px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 5px !important;
    font-size: 20px !important;
}

.vg-sr-icon-law {
    background: #fef3c7 !important;
    color: #92400e !important;
}

.vg-sr-icon-ann {
    background: #fee2e2 !important;
    color: #dc2626 !important;
}

.vg-sr-icon-page {
    background: #f3e8ff !important;
    color: #7c3aed !important;
}

.vg-sr-compact-body {
    flex: 1 !important;
    min-width: 0 !important;
}

.vg-sr-compact-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #1a1a1a !important;
    margin: 4px 0 4px !important;
}

.vg-sr-compact:hover .vg-sr-compact-title {
    color: #3B5998 !important;
}

/*====== Authors ======*/
.vg-sr-authors {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}

.vg-sr-author {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 16px 20px !important;
    background: #fff !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    color: inherit !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    flex: 1 !important;
    min-width: 240px !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

.vg-sr-author:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.vg-sr-author-icon {
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #3B5998, #2d4373) !important;
    border-radius: 50% !important;
    font-size: 24px !important;
    color: #fff !important;
    flex-shrink: 0 !important;
}

.vg-sr-author-name {
    font-family: "Roboto", sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 2px !important;
}

.vg-sr-author:hover .vg-sr-author-name {
    color: #3B5998 !important;
}

.vg-sr-author-role {
    font-size: 14px !important;
    color: #3B5998 !important;
    font-weight: 500 !important;
}

/*====== Empty ======*/
.vg-search-empty {
    text-align: center !important;
    padding: 80px 20px !important;
    background: #fff !important;
    border-radius: 5px !important;
}

.vg-search-empty i {
    font-size:60px !important;
    color: #ddd !important;
    display: block !important;
    margin-bottom: 16px !important;
}

.vg-search-empty h4 {
    font-family: "Roboto", sans-serif !important;
    font-size: 22px !important;
    color: #555 !important;
    margin: 0 0 6px !important;
}

.vg-search-empty p {
    font-size: 18px !important;
    color: #999 !important;
    margin: 0 !important;
}

body.dark-theme .vg-search-section {

    background: #111 !important;

}

body.dark-theme .vg-search-bar-wrap {

    background: #1e1e1e !important;
    border-color: #333 !important;

}

body.dark-theme .vg-search-bar-wrap:focus-within {

    border-color: #7e9bd6 !important;
    box-shadow: 0 0 0 4px rgba(126, 155, 214, 0.1) !important;

}

body.dark-theme .vg-search-bar-wrap > i {

    color: #7e9bd6 !important;

}

body.dark-theme .vg-search-bar-wrap input {

    color: #e0e0e0 !important;

}

body.dark-theme .vg-search-summary {

    background: #1e1e1e !important;
    border-left-color: #7e9bd6 !important;

}

body.dark-theme .vg-search-summary strong {

    color: #fff !important;

}

body.dark-theme .vg-search-tabs {

    background: #1e1e1e !important;
    box-shadow: none !important;

}

body.dark-theme .vg-search-tab {

    color: #e0e0e0 !important;

}

body.dark-theme .vg-search-tab:hover {

    color: #7e9bd6 !important;
    background: #252525 !important;

}

body.dark-theme .vg-search-tab.active {

    color: #7e9bd6 !important;
    border-bottom-color: #7e9bd6 !important;
    background: #1a1f2e !important;

}

body.dark-theme .vg-search-tab span {

    background: #2a2a2a !important;
    color: #e0e0e0 !important;

}

body.dark-theme .vg-search-tab.active span {

    background: #3B5998 !important;
    color: #fff !important;

}

body.dark-theme .vg-sr-post {

    background: #1e1e1e !important;

}

body.dark-theme .vg-sr-post:hover {

    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;

}

body.dark-theme .vg-sr-post-title {

    color: #fff !important;

}

body.dark-theme .vg-sr-post:hover .vg-sr-post-title {

    color: #7e9bd6 !important;

}

body.dark-theme .vg-sr-post-excerpt {

    color: #e0e0e0 !important;

}

body.dark-theme .vg-search-group-header h3 {

    color: #fff !important;

}

body.dark-theme .vg-search-group-header h3 i {

    color: #7e9bd6 !important;

}

body.dark-theme .vg-search-group-header a {

    color: #7e9bd6 !important;

}

body.dark-theme .vg-sr-post-cat {

    color: #e0e0e0 !important;

}

body.dark-theme .vg-sr-post-meta {

    color: #d0d0d0 !important;

}

body.dark-theme .vg-sr-post-img {

    background: #161616 !important;

}

body.dark-theme .vg-sr-compact {

    background: #1e1e1e !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;

}

body.dark-theme .vg-sr-compact:hover {

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;

}

body.dark-theme .vg-sr-compact-title {

    color: #fff !important;

}

body.dark-theme .vg-sr-compact:hover .vg-sr-compact-title {

    color: #7e9bd6 !important;

}

body.dark-theme .vg-sr-author {

    background: #1e1e1e !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;

}

body.dark-theme .vg-sr-author:hover {

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;

}

body.dark-theme .vg-sr-author-name {

    color: #fff !important;

}

body.dark-theme .vg-sr-author:hover .vg-sr-author-name {

    color: #7e9bd6 !important;

}

body.dark-theme .vg-sr-author-role {

    color: #7e9bd6 !important;

}

body.dark-theme .vg-search-empty {

    background: #1e1e1e !important;

}

body.dark-theme .vg-search-empty i {

    color: #333 !important;

}

body.dark-theme .vg-search-empty h4 {

    color: #fff !important;

}


.vg-banner-content a {
    display: block !important;
}

/*In-list (728×90)*/
.vg-ad-inline {
    max-width: 728px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.vg-ad-inline a {
    display: block !important;
}

.vg-ad-inline img {
    width: 100% !important;
    max-height: 90px !important;
    object-fit: contain !important;
    border-radius: 5px !important;
}


/*Featured card tags pozisiya*/
.vg-featured-card .tags {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    z-index: 5 !important;
}


*:not(
    [class*="fa-"],
    .fa,
    .fas,
    .far,
    .fal,
    .fab,
    .fad,
    .fai,
    [class*="bi-"],
    .bi,
    [class*="icofont"],
    [class*="flaticon"],
    [class*="material-icons"],
    [class*="ti-"],
    [class*="lni-"],
    [class*="la-"],
    .la
) {
    font-family: "Roboto", sans-serif !important;
}


/*========================
   SON XƏBƏRLƏR SLIDER
========================*/
.tc-breaking-news-style1 {
    padding: 30px 0 !important;
    background-color: #fff !important;
    border-bottom: 1px solid #eef0f4 !important;
}

/*— Başlıq sətri —*/
.vg-section-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 24px !important;
}

.vg-section-label {
    font-family: "Roboto", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #3B5998 !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #3B5998 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
}

.vg-section-label::before {
    content: "" !important;
    width: 8px !important;
    height: 8px !important;
    background-color: #c0392b !important;
    border-radius: 50% !important;
    animation: vg-blink 1.5s infinite !important;
    flex-shrink: 0 !important;
}

/*— Arrows —*/
.vg-slider-arrows {
    display: flex !important;
    gap: 6px !important;
}

.vg-arrow {
    width: 34px !important;
    height: 34px !important;
    border-radius: 5px !important;
    border: 1px solid #e0e4ea !important;
    background: #fff !important;
    color: #555 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

.vg-arrow:hover {
    background: #3B5998 !important;
    border-color: #3B5998 !important;
    color: #fff !important;
}

/*— Card —*/
.vg-breaking-card {
    display: block !important;
    text-decoration: none !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    transition: transform 0.25s ease !important;
}

.vg-breaking-card:hover {
    transform: translateY(-3px) !important;
}

.vg-breaking-card-img {
    width: 100% !important;
    height: 180px !important;
    overflow: hidden !important;
    border-radius: 5px !important;
}

.vg-breaking-card-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.35s ease !important;
}

.vg-breaking-card:hover .vg-breaking-card-img img {
    transform: scale(1.05) !important;
}

.vg-breaking-card-body {
    padding: 14px 2px 0 !important;
}

.vg-breaking-card-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    color: #1a1a2e !important;
    margin: 0 0 8px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    transition: color 0.2s ease !important;
}

.vg-breaking-card:hover .vg-breaking-card-title {
    color: #3B5998 !important;
}

.vg-breaking-card-date {
    font-family: "Roboto", sans-serif !important;
    font-size: 11px !important;
    color: #999 !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.vg-breaking-card-date i {
    font-size: 12px !important;
}


.breakingSwiper {
    overflow: hidden !important;
}

/*========================
   DARK THEME
========================*/
.dark-theme .tc-breaking-news-style1 {
    background-color: #0a0a0a !important;
    border-bottom-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-breaking-card-title {
    color: #e0e0e0 !important;
}

.dark-theme .vg-breaking-card:hover .vg-breaking-card-title {
    color: #7b9bd4 !important;
}

.dark-theme .vg-breaking-card-date {
    color: #666 !important;
}

.dark-theme .vg-arrow {
    background: #1a1a1a !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #999 !important;
}

.dark-theme .vg-arrow:hover {
    background: #3B5998 !important;
    border-color: #3B5998 !important;
    color: #fff !important;
}

/*========================
   RESPONSIVE
========================*/
@media (max-width: 991px) {
    .tc-breaking-news-style1 {
        padding: 25px 0 !important;
    }

    .vg-breaking-card-img {
        height: 140px !important;
    }

    .vg-breaking-card-title {
        font-size: 14px !important;
    }

    .vg-arrow {
        width: 30px !important;
        height: 30px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 575px) {
    .vg-section-label {
        font-size: 11px !important;
        letter-spacing: 1.5px !important;
    }

    .vg-breaking-card-img {
        height: 120px !important;
    }

    .vg-breaking-card-title {
        font-size: 13px !important;
    }

    .vg-breaking-card-body {
        padding: 10px 2px 0 !important;
    }
}


/*========================
   TRENDS SECTION
========================*/
.vg-trends-section {
    padding: 30px 0 !important;
    background: #f5f6f8 !important;
}

.tc-trends-news-style1 {
    display: none !important;
}

/*— Featured Slider —*/
.vg-featured-slider {
    position: relative !important;
    height: 100% !important;
}

.featuredSwiper {
    overflow: hidden !important;
    border-radius: 5px !important;
    height: 100% !important;
}

.featuredSwiper .swiper-wrapper,
.featuredSwiper .swiper-slide {
    height: 100% !important;
}

/*— Hero Card —*/
.vg-hero-card {
    position: relative !important;
    height: 100% !important;
    min-height: 360px !important;
    overflow: hidden !important;
    border-radius: 5px !important;
    display: flex !important;
}

.vg-hero-card-img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
}

.vg-hero-card-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 6s ease !important;
}

.vg-hero-card:hover .vg-hero-card-img img {
    transform: scale(1.08) !important;
}

.vg-hero-card-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.05) 100%) !important;
    z-index: 1 !important;
}

.vg-hero-card-tags {
    position: absolute !important;
    top: 14px !important;
    left: 14px !important;
    z-index: 3 !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    flex-wrap: wrap !important;
}

.vg-hero-tag {
    font-family: "Roboto", sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #fff !important;
    background: #3B5998 !important;
    padding: 4px 8px !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    transition: background 0.2s !important;
}

.vg-hero-tag:hover {
    background: #2d4373 !important;
    color: #fff !important;
}

.vg-hero-card-tags .vg-post-type-badge {
    position: static !important;
}

.vg-hero-card-content {
    position: relative !important;
    z-index: 2 !important;
    margin-top: auto !important;
    padding: 0 26px 22px !important;
    color: #fff !important;
    width: 100% !important;
}

.vg-hero-card-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 23px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    margin: 10px 0 !important;
}

.vg-hero-card-title a {
    color: #fff !important;
    text-decoration: none !important;
}

.vg-hero-type {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #fff !important;
    padding: 4px 10px !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
}

.vg-hero-type i {
    font-size: 14px !important;
}

.vg-hero-card-excerpt {
    display: none !important;
}

.vg-hero-card-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
}

.vg-hero-card-meta span {
    font-family: "Roboto", sans-serif !important;
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.55) !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-right: 10px !important;
}

.vg-hero-card-meta span i {
    font-size: 15px !important;
}

/*— Featured Arrows —*/
.vg-featured-arrows {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    display: flex !important;
    gap: 4px !important;
    z-index: 5 !important;
}

.vg-featured-arrows .vg-arrow {
    background: rgba(255, 255, 255, 0.12) !important;
   border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
    backdrop-filter: blur(6px) !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}

.vg-featured-arrows .vg-arrow:hover {
    background: #3B5998 !important;
    border-color: #3B5998 !important;
}

/*========================
   BREAKING NEWS — Vertical Swiper
========================*/
.vg-breaking-vertical {
    background: #fff !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
}

.vg-breaking-v-header {
    padding: 12px 14px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #1a1a2e !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    border-bottom: 2px solid #c0392b !important;
    flex-shrink: 0 !important;
}

.vg-breaking-v-dot {
    width: 10px !important;
    height: 10px !important;
    background: #c0392b !important;
    border-radius: 50% !important;
    animation: vg-blink 1.5s infinite !important;
    flex-shrink: 0 !important;
}

.vg-breaking-v-arrows {
    display: flex !important;
    gap: 3px !important;
    margin-left: auto !important;
}

.vg-arrow-sm {
    width: 28px !important;
    height: 28px !important;
    border-radius: 5px !important;
   border: 1px solid #e0e4ea !important;
    background: #fff !important;
    color: #555 !important;
    font-size: 12px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s !important;
    padding: 0 !important;
}

.vg-arrow-sm:hover {
    background: #3B5998 !important;
    border-color: #3B5998 !important;
    color: #fff !important;
}

.vg-arrow-sm:hover i {
    color: #fff !important;
}

.breakingVSwiper {
    overflow: hidden !important;
    min-height: 0 !important;
}

.breakingVSwiper .swiper-slide {
    height: auto !important;
}

.vg-breaking-v-item {
    display: flex !important;
    gap: 10px !important;
    padding: 12px 14px !important;
    border-bottom: 1px solid #f3f4f6 !important;
    text-decoration: none !important;
    transition: background 0.15s !important;
    align-items: flex-start !important;
}

.vg-breaking-v-item:hover {
    background: #f8f9fb !important;
}

.vg-breaking-v-thumb {
    width: 80px !important;
    height: 65px !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

.vg-breaking-v-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.3s !important;
}

.vg-breaking-v-item:hover .vg-breaking-v-thumb img {
    transform: scale(1.05) !important;
}

.vg-breaking-v-body {
    flex: 1 !important;
    min-width: 0 !important;
}

.vg-breaking-v-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: #1a1a2e !important;
    margin: 0 0 3px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    transition: color 0.15s !important;
}

.vg-breaking-v-item:hover .vg-breaking-v-title {
    color: #3B5998 !important;
}

.vg-breaking-v-time {
    font-family: "Roboto", sans-serif !important;
    font-size: 12px !important;
    color: #aaa !important;
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
}

.vg-breaking-v-time i {
    font-size: 11px !important;
}

.vg-breaking-v-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 14px !important;
    border-top: 1px solid #f3f4f6 !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #3B5998 !important;
    text-decoration: none !important;
    transition: background 0.15s !important;
    flex-shrink: 0 !important;
}

.vg-breaking-v-footer:hover {
    background: #f5f7fb !important;
}

/*========================
   DARK THEME
========================*/
.dark-theme .vg-trends-section {
    background: #0d0d0d !important;
}

.dark-theme .vg-breaking-vertical {
    background: #141414 !important;
    box-shadow: none !important;
}

.dark-theme .vg-breaking-v-header {
    color: #e0e0e0 !important;
}

.dark-theme .vg-arrow-sm {
    background: #1a1a1a !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #999 !important;
}

.dark-theme .vg-arrow-sm:hover {
    background: #3B5998 !important;
    border-color: #3B5998 !important;
    color: #fff !important;
}

.dark-theme .vg-breaking-v-item {
    border-bottom-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-breaking-v-item:hover {
    background: rgba(255, 255, 255, 0.03) !important;
}

.dark-theme .vg-breaking-v-title {
    color: #e0e0e0 !important;
}

.dark-theme .vg-breaking-v-item:hover .vg-breaking-v-title {
    color: #7b9bd4 !important;
}

.dark-theme .vg-breaking-v-time {
    color: #555 !important;
}

.dark-theme .vg-breaking-v-footer {
    border-top-color: rgba(255, 255, 255, 0.04) !important;
    color: #7b9bd4 !important;
}

/*========================
   RESPONSIVE
========================*/

@media (max-width: 991px) {
    .vg-trends-section {
        padding: 20px 0 !important;
    }

    .vg-hero-card {
        min-height: 300px !important;
    }

    .vg-hero-card-title {
        font-size: 18px !important;
    }

    .vg-hero-card-content {
        padding: 0 18px 16px !important;
    }

    .vg-hero-card-meta span {
        font-size: 11px !important;
    }

    .vg-featured-arrows .vg-arrow {
        width: 30px !important;
        height: 30px !important;
    }

    /* Breaking vertical — mobil-də hero-nun altında */
    .vg-breaking-vertical {
        margin-top: 16px !important;
        height: auto !important;
        max-height: none !important;
    }

    .vg-breaking-vertical .breakingVSwiper {
        min-height: 260px !important;
    }

    .vg-breaking-v-header {
        padding: 10px 12px !important;
        font-size: 12px !important;
    }

    .vg-breaking-v-item {
        padding: 10px 12px !important;
    }

    .vg-breaking-v-thumb {
        width: 70px !important;
        height: 55px !important;
    }

    .vg-breaking-v-title {
        font-size: 13px !important;
    }

    .vg-breaking-v-footer {
        padding: 8px 12px !important;
        font-size: 11px !important;
    }
}

@media (max-width: 575px) {
    .vg-trends-section {
        padding: 14px 0 !important;
    }

    .vg-hero-card {
        min-height: 240px !important;
    }

    .vg-hero-card-title {
        font-size: 15px !important;
        line-height: 1.35 !important;
    }

    .vg-hero-card-content {
        padding: 0 14px 14px !important;
    }

    .vg-hero-card-meta span {
        font-size: 10px !important;
        gap: 4px !important;
        margin-right: 6px !important;
    }

    .vg-hero-tag {
        font-size: 9px !important;
        padding: 3px 6px !important;
    }

    .vg-hero-type {
        font-size: 9px !important;
        padding: 3px 7px !important;
    }

    .vg-featured-arrows {
        top: 10px !important;
        right: 10px !important;
        gap: 3px !important;
    }

    .vg-featured-arrows .vg-arrow {
        width: 28px !important;
        height: 28px !important;
        font-size: 11px !important;
    }

    /* Breaking vertical — kompakt */
    .vg-breaking-vertical {
        margin-top: 12px !important;
    }

    .vg-breaking-vertical .breakingVSwiper {
        min-height: 228px !important;
    }

    .vg-breaking-v-header {
        padding: 8px 10px !important;
        font-size: 11px !important;
        letter-spacing: 0.5px !important;
    }

    .vg-breaking-v-dot {
        width: 8px !important;
        height: 8px !important;
    }

    .vg-arrow-sm {
        width: 24px !important;
        height: 24px !important;
        font-size: 10px !important;
    }

    .vg-breaking-v-item {
        padding: 8px 10px !important;
        gap: 8px !important;
    }

    .vg-breaking-v-thumb {
        width: 56px !important;
        height: 42px !important;
    }

    .vg-breaking-v-title {
        font-size: 12px !important;
        -webkit-line-clamp: 2 !important;
    }

    .vg-breaking-v-time {
        font-size: 10px !important;
    }

    .vg-breaking-v-footer {
        padding: 7px 10px !important;
        font-size: 10px !important;
    }
}


/*========================
   LATEST NEWS SECTION
========================*/
.vg-latest-section {
    padding: 50px 0 !important;
    background: #fff !important;
}

/*— Section header —*/
.vg-section-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 28px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

.vg-section-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #1a1a2e !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #3B5998 !important;
}

.vg-section-title-icon {
    width: 35px !important;
    height: 35px !important;
    background: #3B5998 !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    border-radius: 5px !important;
}

.vg-section-link {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.7px !important;
    color: #3B5998 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    transition: gap 0.2s !important;
}

.vg-section-link:hover {
    gap: 8px !important;
}

/*========================
   BÖYÜK CARD
========================*/
.vg-card-large {
    border-radius: 5px !important;
    overflow: hidden !important;
    border: 1px solid #eef0f4 !important;
    transition: box-shadow 0.25s !important;
    height: 100% !important;
    background: #fff !important;
}

.vg-card-large:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
}

.vg-card-large-img {
    position: relative !important;
    height: 240px !important;
    overflow: hidden !important;
}

.vg-card-large-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: transform 0.4s !important;
    border-radius: 5px !important;
}

.vg-card-large:hover .vg-card-large-img img {
    transform: scale(1.03) !important;
}

.vg-card-large-img .vg-post-type-badge {
    position: absolute !important;
    z-index: 3 !important;
    color: #fff !important;
    top: 12px !important;
    right: 12px !important;
    font-size: 11px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    border-radius: 5px !important;
    padding: 3px 9px !important;
}

.vg-card-cat {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    padding: 3px 9px !important;
    background: #3B5998 !important;
    color: #fff !important;
    border-radius: 5px !important;
    z-index: 2 !important;
}

.vg-card-large-body {
    padding: 20px 22px !important;
}

.vg-card-large-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
    line-height: 1.45 !important;
    margin-bottom: 6px !important;
    color: #1a1a2e !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.vg-card-large-title a {
    color: inherit !important;
    text-decoration: none !important;
}

.vg-card-large:hover .vg-card-large-title {
    color: #3B5998 !important;
}

.vg-card-large-excerpt {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    color: #999 !important;
    line-height: 1.6 !important;
    letter-spacing: 0.2px !important;
    margin-bottom: 12px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.vg-card-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    font-family: "Roboto", sans-serif !important;
    letter-spacing: 0.25px !important;
    font-size: 13px !important;
    color: #bbb !important;
}

.vg-card-meta span {
    display: flex !important;
    align-items: center !important;
}

.vg-card-meta i {
    margin-right: 6px !important;
    color: #ccc !important;
    font-size: 15px !important;
}

/*========================
   LİST İTEM
========================*/
.vg-list-group {
    border-top: none !important;
}

.vg-list-item {
    display: flex !important;
    gap: 10px !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #f3f4f6 !important;
    text-decoration: none !important;
}

.vg-list-item:last-child {
    border-bottom: none !important;
}

.vg-list-item:hover {
    background: transparent !important;
    margin: 0 !important;
    padding: 12px 0 !important;
}

.vg-list-item-img {
    width: 180px !important;
    height: 115px !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
    border-radius: 5px !important;
}

.vg-list-item-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.3s !important;
}

.vg-list-item:hover .vg-list-item-img img {
    transform: scale(1.04) !important;
}

.vg-list-item-body {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.vg-list-item-body .vg-post-type-badge {
    display: inline-flex !important;
    width: auto !important;
    max-width: fit-content !important;
    font-size: 11px !important;
    padding: 3px 9px !important;
    margin-bottom: 4px !important;
    vertical-align: middle !important;
    color: #fff !important;
    font-family: "Roboto", sans-serif !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
}

.vg-list-item-body .vg-post-type-badge i {
    margin-right: 6px !important;
    margin-top: 2px !important;
    font-size: 13px !important;
}

.vg-list-item-cat {
    font-family: "Roboto", sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #3B5998 !important;
    margin-bottom: 3px !important;
    display: inline !important;
}

.vg-list-item-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: #1a1a2e !important;
    margin-bottom: 5px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    transition: color 0.15s !important;
}

.vg-list-item:hover .vg-list-item-title {
    color: #3B5998 !important;
}

/* Load more */
.vg-load-more-btn {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #3B5998 !important;
    padding: 10px 28px !important;
    border: 1px solid #3B5998 !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: all 0.2s !important;
}

.vg-load-more-btn:hover {
    background: #3B5998 !important;
    color: #fff !important;
}

/*========================
   SİDEBAR
========================*/
.vg-sidebar {
    position: sticky !important;
    top: 20px !important;
}

.vg-sidebar-widget {
    margin-bottom: 22px !important;
}

/* Widget header */
.vg-widget-header {
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    color: #fff !important;
    background: #3B5998 !important;
    padding: 11px 16px !important;
    border-radius: 1px 1px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    margin-bottom: 0 !important;
}

.vg-widget-header i {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 17px !important;
}

/*— Elan card —*/
.vg-elan-search-card {
    background: #fff !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    border: 1px solid #eef0f4 !important;
    height: 400px !important;
}

.vg-elan-search-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 18px 20px !important;
    background: #f8f9fb !important;
    border-bottom: 1px solid #eef0f4 !important;
    height: auto !important;
}

.vg-elan-search-icon {
    width: 44px !important;
    height: 44px !important;
    background: #3B5998 !important;
    border-radius: 5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    color: #fff !important;
    flex-shrink: 0 !important;
}

.vg-elan-search-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 22px !important;
    font-weight: 520 !important;
    margin: 0 0 1px !important;
    color: #1a1a2e !important;
}

.vg-elan-search-sub {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    color: #aaa !important;
    margin: 0 !important;
}

.vg-elan-search-body {
    padding: 20px 22px !important;
    height: 260px !important;
}

.vg-elan-search-tabs {
    display: flex !important;
    background: #f0f2f5 !important;
    border-radius: 5px !important;
    padding: 6px !important;
    margin-bottom: 15px !important;
}

.vg-elan-tab {
    flex: 1 !important;
    height: 35px !important;
    border: none !important;
    background: transparent !important;
    border-radius: 5px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #888 !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}

.vg-elan-tab.active {
    background: #fff !important;
    color: #3B5998 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

.vg-elan-input-wrap {
    display: flex !important;
    align-items: center !important;
    background: #fff !important;
    border: 1px solid #e0e4ea !important;
    border-radius: 5px !important;
    margin-bottom: 20px !important;
    margin-top: 10px !important;
    transition: border-color 0.2s !important;
}

.vg-elan-input-wrap:focus-within {
    border-color: #3B5998 !important;
}

.vg-elan-input-wrap i {
    padding: 0 0 0 12px !important;
    color: #ccc !important;
    font-size: 18px !important;
}

.vg-elan-input-wrap input {
    flex: 1 !important;
    height: 44px !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    padding: 0 10px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 17px !important;
    color: #333 !important;
}

.vg-elan-input-wrap input::placeholder {
    color: #bbb !important;
}

.vg-elan-search-btn {
    width: 100% !important;
    height: 44px !important;
    background: #3B5998 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 5px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    transition: background 0.2s !important;
}

.vg-elan-search-btn:hover {
    background: #2d4373 !important;
}

.vg-elan-search-results {
    margin-top: 10px !important;
    max-height: 200px !important;
    overflow-y: auto !important;
}

.vg-elan-result-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid #f3f4f6 !important;
    text-decoration: none !important;
}

.vg-elan-result-item:last-child {
    border-bottom: none !important;
}

.vg-elan-result-icon {
    width: 35px !important;
    height: 35px !important;
    background: rgba(59, 89, 152, 0.06) !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    color: #3B5998 !important;
    flex-shrink: 0 !important;
}

.vg-elan-result-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #1a1a2e !important;
    line-height: 1.35 !important;
}

.vg-elan-result-meta {
    font-size: 15px !important;
    color: #aaa !important;
}

.vg-elan-no-result {
    text-align: center !important;
    padding: 14px 0 !important;
    font-size: 16px !important;
    color: #aaa !important;
}

.vg-elan-search-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 18px !important;
    border-top: 1px solid #f3f4f6 !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #3B5998 !important;
    text-decoration: none !important;
    transition: background 0.15s !important;
}

.vg-elan-search-footer:hover {
    background: #f8f9fb !important;
}

/*— Ekspert card —*/
.expertSwiper {
    overflow: hidden !important;
}

.vg-expert-card {
    display: block !important;
    text-decoration: none !important;
    overflow: hidden !important;
}

.vg-expert-card-img {
    position: relative !important;
    width: 100% !important;
    height: 230px !important;
    overflow: hidden !important;
}

.vg-expert-card-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: transform 0.4s !important;
}

.vg-expert-card:hover .vg-expert-card-img img {
    transform: scale(1.04) !important;
}

.vg-expert-card-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) !important;
    z-index: 1 !important;
}

.vg-expert-card-badge {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    background: rgba(0, 0, 0, 0.5) !important;
    color: #fff !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 3px 8px !important;
    border-radius: 5px !important;
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
    backdrop-filter: blur(4px) !important;
    z-index: 2 !important;
}

.vg-expert-card-badge i {
    font-size: 13px !important;
}

.vg-expert-card-content {
    padding: 14px 16px !important;
    background: #fff !important;
    border: 1px solid #eef0f4 !important;
    border-top: none !important;
    border-radius: 0 0 1px 1px !important;
}

.vg-expert-card-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #1a1a2e !important;
    margin: 0 0 6px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    transition: color 0.15s !important;
}

.vg-expert-card:hover .vg-expert-card-title {
    color: #3B5998 !important;
}

.vg-expert-card-meta {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    color: #aaa !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.vg-expert-card-author {
    color: #3B5998 !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    font-family: "Roboto", sans-serif !important;
}

/*— Reklam —*/
.vg-sidebar-ad {
    border-radius: 5px !important;
    overflow: hidden !important;
}

.vg-sidebar-ad img {
    width: 100% !important;
    display: block !important;
    border-radius: 5px !important;
}

.tc-ad-placeholder {
    background: #f8f9fb !important;
    border: 1px dashed #dde1e8 !important;
    border-radius: 5px !important;
    padding: 30px 20px !important;
    text-align: center !important;
}

.tc-ad-placeholder-icon {
    font-size: 28px !important;
    color: #ccc !important;
    margin-bottom: 8px !important;
}

.tc-ad-placeholder-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #999 !important;
    margin-bottom: 2px !important;
}

.tc-ad-placeholder-sub {
    font-size: 11px !important;
    color: #bbb !important;
    display: block !important;
    margin-bottom: 10px !important;
}

.tc-ad-placeholder-link {
    font-family: "Roboto", sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #3B5998 !important;
    text-decoration: none !important;
}

/*— Sosial —*/
.vg-social-links {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
    padding: 14px !important;
    background: #fff !important;
    border: 0 solid #eef0f4 !important;
    border-top: none !important;
    border-radius: 0 0 1px 1px !important;
}

.vg-social-card {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 9px 12px !important;
    border-radius: 5px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    transition: opacity 0.15s !important;
    margin: 6px !important;
}

.vg-social-card:hover {
    opacity: 0.88 !important;
    color: #fff !important;
}

.vg-social-card i {
    font-size: 18px !important;
}

.vg-social-facebook {
    background: #1877f2 !important;
}

.vg-social-youtube {
    background: #ff0000 !important;
}

.vg-social-instagram {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888) !important;
}

.vg-social-telegram {
    background: #0088cc !important;
}

/*========================
   DARK THEME
========================*/
.dark-theme .vg-latest-section {
    background: #0a0a0a !important;
}

.dark-theme .vg-section-title {
    color: #e0e0e0 !important;
}

.dark-theme .vg-section-link {
    color: #7b9bd4 !important;
}

.dark-theme .vg-card-large {
    background: #141414 !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-card-large-title,
.dark-theme .vg-card-large-title a {
    color: #e0e0e0 !important;
}

.dark-theme .vg-card-large:hover .vg-card-large-title {
    color: #7b9bd4 !important;
}

.dark-theme .vg-card-large-excerpt {
    color: #555 !important;
}

.dark-theme .vg-card-meta {
    color: #555 !important;
}

.dark-theme .vg-list-item {
    border-bottom-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-list-item-cat {
    color: #7b9bd4 !important;
}

.dark-theme .vg-list-item-title {
    color: #e0e0e0 !important;
}

.dark-theme .vg-list-item:hover .vg-list-item-title {
    color: #7b9bd4 !important;
}

.dark-theme .vg-load-more-btn {
    color: #7b9bd4 !important;
    border-color: #7b9bd4 !important;
}

.dark-theme .vg-load-more-btn:hover {
    background: #3B5998 !important;
    color: #fff !important;
    border-color: #3B5998 !important;
}

.dark-theme .vg-elan-search-card {
    background: #141414 !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-elan-search-header {
    background: rgba(255, 255, 255, 0.02) !important;
    border-bottom-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-elan-search-title {
    color: #e0e0e0 !important;
}

.dark-theme .vg-elan-search-tabs {
    background: rgba(255, 255, 255, 0.03) !important;
}

.dark-theme .vg-elan-tab {
    color: #666 !important;
}

.dark-theme .vg-elan-tab.active {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #7b9bd4 !important;
}

.dark-theme .vg-elan-input-wrap {
    background: #0d0d0d !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

.dark-theme .vg-elan-input-wrap input {
    color: #e0e0e0 !important;
}

.dark-theme .vg-elan-search-footer {
    border-top-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-expert-card-content {
    background: #141414 !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-expert-card-title {
    color: #e0e0e0 !important;
}

.dark-theme .vg-expert-card:hover .vg-expert-card-title {
    color: #7b9bd4 !important;
}

.dark-theme .vg-expert-card-author {
    color: #7b9bd4 !important;
}

.dark-theme .vg-expert-card-meta {
    color: #555 !important;
}

.dark-theme .tc-ad-placeholder {
    background: #141414 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

.dark-theme .tc-ad-placeholder-icon {
    color: #444 !important;
}

.dark-theme .tc-ad-placeholder-title {
    color: #666 !important;
}

.dark-theme .tc-ad-placeholder-sub {
    color: #444 !important;
}

.dark-theme .vg-social-links {
    background: #141414 !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-social-card {
    opacity: 0.8 !important;
}

.dark-theme .vg-social-card:hover {
    opacity: 1 !important;
}

.dark-theme .vg-post-type-badge {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
}

/*========================
   RESPONSIVE
========================*/
@media (max-width: 991px) {
    .vg-latest-section {
        padding: 35px 0 !important;
    }

    .vg-card-large-img {
        height: 180px !important;
    }

    .vg-card-large-title {
        font-size: 14px !important;
    }

    .vg-card-large-excerpt {
        display: none !important;
    }

    .vg-list-item-img {
        width: 100px !important;
        height: 70px !important;
    }

    .vg-list-item-title {
        font-size: 13px !important;
    }

    .vg-expert-card-img {
        height: 170px !important;
    }
}

@media (max-width: 575px) {
    .vg-latest-section {
        padding: 24px 0 !important;
    }

    .vg-section-header {
        margin-bottom: 18px !important;
    }

    .vg-card-large-img {
        height: 180px !important;
    }

    .vg-card-large-body {
        padding: 12px 14px !important;
    }

    .vg-list-item {
        gap: 12px !important;
        padding: 12px 0 !important;
    }

    .vg-list-item-img {
        width: 85px !important;
        height: 60px !important;
    }

    .vg-sidebar {
        position: static !important;
        margin-top: 20px !important;
    }

    .vg-social-links {
        gap: 4px !important;
        padding: 10px !important;
    }

    .vg-social-card {
        padding: 7px 10px !important;
        font-size: 10px !important;
    }

    .vg-expert-card-img {
        height: 160px !important;
    }
}


/*========================
   İNFOQRAFİKA SECTION
========================*/
.vg-infographic-section {
    padding: 40px 0 !important;
    background: #f5f6f8 !important;
}

.vg-infographic-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 22px !important;
}

.vg-infographic-label {
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: #1a1a2e !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #3B5998 !important;
}

.vg-infographic-label-icon {
    width: 32px !important;
    height: 32px !important;
    background: #3B5998 !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    border-radius: 5px !important;
}

.vg-infographic-label-icon i {
    font-size: 16px !important;
}

.vg-infographic-arrows {
    display: flex !important;
    gap: 6px !important;
}

.infographicSwiper {
    overflow: hidden !important;
}

/*— Card —*/
.vg-infographic-card {
    display: block !important;
    text-decoration: none !important;
    background: #fff !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    border: 1px solid #eef0f4 !important;
    transition: box-shadow 0.25s, transform 0.25s !important;
}

.vg-infographic-card:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-3px) !important;
}

.vg-infographic-card-img {
    position: relative !important;
    width: 100% !important;
    height: 300px !important;
    overflow: hidden !important;
    background: #f8f9fb !important;
}

.vg-infographic-card-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    padding: 0 !important;
    transition: transform 0.3s !important;
}

.vg-infographic-card:hover .vg-infographic-card-img img {
    transform: scale(1.03) !important;
}

.vg-infographic-card-hover {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(59, 89, 152, 0.12) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    transition: opacity 0.2s !important;
}

.vg-infographic-card:hover .vg-infographic-card-hover {
    opacity: 1 !important;
}

.vg-infographic-card-hover i {
    width: 40px !important;
    height: 40px !important;
    background: #3B5998 !important;
    color: #fff !important;
    border-radius: 5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
}

.vg-infographic-card-body {
    padding: 14px 16px !important;
}

.vg-infographic-card-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #1a1a2e !important;
    margin: 0 !important;
    text-align: center !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/*========================
   DARK THEME
========================*/
.dark-theme .vg-infographic-section {
    background: #0d0d0d !important;
}

.dark-theme .vg-infographic-label {
    color: #e0e0e0 !important;
}

.dark-theme .vg-infographic-card {
    background: #141414 !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-infographic-card:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.2) !important;
}

.dark-theme .vg-infographic-card-img {
    background: #0d0d0d !important;
}

.dark-theme .vg-infographic-card-title {
    color: #e0e0e0 !important;
}

.dark-theme .vg-infographic-card-hover {
    background: rgba(59, 89, 152, 0.2) !important;
}

/*========================
   RESPONSIVE
========================*/
@media (max-width: 991px) {
    .vg-infographic-section {
        padding: 30px 0 !important;
    }

    .vg-infographic-card-img {
        height: 200px !important;
    }

    .vg-infographic-card-title {
        font-size: 12px !important;
    }
}

@media (max-width: 575px) {
    .vg-infographic-section {
        padding: 24px 0 !important;
    }

    .vg-infographic-label {
        font-size: 11px !important;
    }

    .vg-infographic-card-img {
        height: 200px !important;
    }

    .vg-infographic-card-body {
        padding: 10px 12px !important;
    }

    .vg-infographic-card-title {
        font-size: 12px !important;
    }
}


/*========================
   ELANLAR SECTION
========================*/
.vg-home-announcements {
    padding: 25px 0 !important;
    background: #fff !important;
}

/*— Yuxarı: Başlıq + Oxlar —*/
.vg-ann-top-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 22px !important;
}

.vg-ann-arrows {
    display: flex !important;
    gap: 6px !important;
}

/*— Swiper —*/
.annSwiper {
    overflow: hidden !important;
}

/*— Card —*/
.vg-ann-card {
    display: flex !important;
    background: #fff !important;
    border: 1px solid #eef0f4 !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    height: 100% !important;
    transition: box-shadow 0.25s !important;
}

.vg-ann-card:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
}

/*— Sol: Tip + Tarix —*/
.vg-ann-card-left {
    width: 130px !important;
    flex-shrink: 0 !important;
    background: #f5f7fb !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px 10px !important;
    gap: 8px !important;
    border-right: 2px solid #3B5998 !important;
}

.vg-ann-type {
    font-family: "Roboto", sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #fff !important;
    background: #3B5998 !important;
    padding: 4px 10px !important;
    border-radius: 5px !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.vg-ann-date {
    font-family: "Roboto", sans-serif !important;
    font-size: 13px !important;
    color: #999 !important;
    text-align: center !important;
    line-height: 1.3 !important;
}

/*— Sağ: Şirkət + Mətn —*/
.vg-ann-card-right {
    flex: 1 !important;
    padding: 18px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
}

.vg-ann-card-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 8px !important;
    flex-wrap: wrap !important;
}

.vg-ann-company {
    font-family: "Roboto", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    margin: 0 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.4px !important;
}

.vg-ann-voen {
    font-family: "Roboto", sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #3B5998 !important;
    background: rgba(59, 89, 152, 0.06) !important;
    padding: 3px 8px !important;
    border-radius: 5px !important;
    white-space: nowrap !important;
    letter-spacing: 0.5px !important;
    flex-shrink: 0 !important;
}

.vg-ann-body {
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    color: #777 !important;
    line-height: 1.6 !important;
    margin: 0 0 12px !important;
    flex: 1 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.vg-ann-more {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #3B5998 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    transition: gap 0.2s !important;
}

.vg-ann-more:hover {
    gap: 8px !important;
}

/*— Aşağı: Bütün elanlar linki —*/
.vg-ann-bottom-row {
    text-align: center !important;
    margin-top: 24px !important;
}

.vg-ann-all-link {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #3B5998 !important;
    text-decoration: none !important;
    padding: 10px 28px !important;
   border: 1px solid #3B5998 !important;
    border-radius: 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: all 0.2s !important;
}

.vg-ann-all-link:hover {
    background: #3B5998 !important;
    color: #fff !important;
}

/*========================
   DARK THEME
========================*/
.dark-theme .vg-home-announcements {
    background: #0a0a0a !important;
}

.dark-theme .vg-ann-card {
    background: #141414 !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-ann-card:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
}

.dark-theme .vg-ann-card-left {
    background: rgba(255, 255, 255, 0.02) !important;
    border-right-color: #3B5998 !important;
}

.dark-theme .vg-ann-date {
    color: #666 !important;
}

.dark-theme .vg-ann-company {
    color: #e0e0e0 !important;
}

.dark-theme .vg-ann-voen {
    color: #7b9bd4 !important;
    background: rgba(59, 89, 152, 0.1) !important;
}

.dark-theme .vg-ann-body {
    color: #888 !important;
}

.dark-theme .vg-ann-more {
    color: #7b9bd4 !important;
}

.dark-theme .vg-ann-all-link {
    color: #7b9bd4 !important;
    border-color: #7b9bd4 !important;
}

.dark-theme .vg-ann-all-link:hover {
    background: #3B5998 !important;
    color: #fff !important;
    border-color: #3B5998 !important;
}

/*========================
   RESPONSIVE
========================*/
@media (max-width: 991px) {
    .vg-home-announcements {
        padding: 35px 0 !important;
    }

    .vg-ann-card-left {
        width: 85px !important;
        padding: 14px 8px !important;
    }

    .vg-ann-company {
        font-size: 14px !important;
    }

    .vg-ann-body {
        font-size: 12px !important;
        -webkit-line-clamp: 2 !important;
    }
}

@media (max-width: 575px) {
    .vg-home-announcements {
        padding: 24px 0 !important;
    }

    .vg-ann-top-row {
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

    .vg-ann-card {
        flex-direction: column !important;
    }

    .vg-ann-card-left {
        width: 100% !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        padding: 10px 14px !important;
        border-right: none !important;
        border-bottom: 2px solid #3B5998 !important;
    }

    .vg-ann-card-right {
        padding: 14px !important;
    }

    .vg-ann-company {
        font-size: 14px !important;
    }

    .vg-ann-body {
        font-size: 12px !important;
    }

    .vg-ann-bottom-row {
        margin-top: 18px !important;
    }

    .vg-ann-all-link {
        font-size: 11px !important;
        padding: 8px 22px !important;
    }
}


/*========================
   KATEQORİYALAR SECTION
========================*/
.vg-categories-section {
    padding: 25px 0 !important;
    background: #f5f6f8 !important;
}

/*— Kateqoriya bloku —*/
.vg-cat-block {
    margin-bottom: 5px !important;
}

.vg-cat-block:last-child {
    margin-bottom: 0 !important;
}

.vg-cat-block-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 18px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #e0e4ea !important;
}

.vg-cat-block-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.vg-cat-block-dot {
    width: 4px !important;
    height: 22px !important;
    background: #3B5998 !important;
    border-radius: 2px !important;
    flex-shrink: 0 !important;
}

.vg-cat-block-link {
    font-family: "Roboto", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #3B5998 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    transition: gap 0.2s !important;
    gap: 0 !important;
}

.vg-cat-block-link:hover {
    gap: 4px !important;
}

/*— Card —*/
.vg-cat-card {
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    text-decoration: none !important;
    height: 100% !important;
    min-height: 0 !important;
    border: 1px solid #eef0f4 !important;
    transition: box-shadow 0.25s, transform 0.25s !important;
}

.vg-cat-card:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07) !important;
    transform: translateY(-3px) !important;
}

.vg-cat-card-img {
    position: relative !important;
    height: 200px !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
}

.vg-cat-card-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.4s !important;
}

.vg-cat-card:hover .vg-cat-card-img img {
    transform: scale(1.04) !important;
}

.vg-cat-card-type {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #fff !important;
    padding: 3px 8px !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
    z-index: 2 !important;
}

.vg-cat-card-type i {
    font-size: 12px !important;
}

.vg-cat-card-body {
    padding: 14px 16px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.vg-cat-card-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    letter-spacing: 0.25px !important;
    color: #1a1a2e !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    transition: color 0.15s !important;
    min-height: calc(2 * 1.45em) !important;
    margin: 0 0 8px !important;
}

.vg-cat-card:hover .vg-cat-card-title {
    color: #3B5998 !important;
}

.vg-cat-card-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 13px !important;
    color: #bbb !important;
    margin-top: auto !important;
}

.vg-cat-card-meta span {
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
    margin-right: 7px !important;
}

.vg-cat-card-meta i {
    font-size: 14px !important;
    color: #ccc !important;
    margin-right: 5px !important;
}

[class*="catSwiper-"] {
    overflow: hidden !important;
}


.vg-cat-cards-wrap {
    position: relative !important;
    padding-top: 45px !important;
}

.vg-cat-block-arrows {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    display: flex !important;
    gap: 4px !important;
    z-index: 5 !important;
}

.vg-cat-block-arrows .vg-arrow {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(4px) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    color: #333 !important;
}

.vg-cat-block-arrows .vg-arrow:hover {
    background: #3B5998 !important;
    border-color: #3B5998 !important;
    color: #fff !important;
}

/*========================
   DARK THEME
========================*/
.dark-theme .vg-categories-section {
    background: #0d0d0d !important;
}

.dark-theme .vg-cat-block-header {
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

.dark-theme .vg-cat-block-title {
    color: #e0e0e0 !important;
}

.dark-theme .vg-cat-block-link {
    color: #7b9bd4 !important;
}

.dark-theme .vg-cat-card {
    background: #141414 !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-cat-card:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2) !important;
}

.dark-theme .vg-cat-card-title {
    color: #e0e0e0 !important;
}

.dark-theme .vg-cat-card:hover .vg-cat-card-title {
    color: #7b9bd4 !important;
}

.dark-theme .vg-cat-card-meta {
    color: #555 !important;
}

.dark-theme .vg-cat-card-meta i {
    color: #444 !important;
}

/*========================
   RESPONSIVE
========================*/
@media (max-width: 991px) {
    .vg-categories-section {
        padding: 25px 0 !important;
    }

    .vg-cat-block {
        margin-bottom: 30px !important;
    }

    .vg-cat-block-title {
        font-size: 16px !important;
    }

    .vg-cat-card-img {
        height: 180px !important;
    }

    .vg-cat-card-title {
        font-size: 13px !important;
    }

    .vg-cat-card-body {
        padding: 12px 14px !important;
    }
}

@media (max-width: 575px) {
    .vg-categories-section {
        padding: 24px 0 !important;
    }

    .vg-cat-block {
        margin-bottom: 24px !important;
    }

    .vg-cat-block-title {
        font-size: 15px !important;
    }

    .vg-cat-block-dot {
        height: 18px !important;
    }

    .vg-cat-card-img {
        height: 230px !important;
    }

    .vg-cat-card-title {
        font-size: 15px !important;
    }

    .vg-cat-card-body {
        padding: 10px 12px !important;
    }

    .vg-cat-card-meta {
        font-size: 12px !important;
    }
}


/*========================
   FOOTER — Light
========================*/
.vg-footer {
    font-family: "Roboto", sans-serif !important;
}

/*— Newsletter —*/
.vg-footer-newsletter {
    background: linear-gradient(135deg, #3B5998, #2d4578) !important;
    padding: 36px 0 !important;
    border-top: 1px solid #e8ecf1 !important;
}

.vg-newsletter-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 40px !important;
}

.vg-newsletter-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 4px !important;
}

.vg-newsletter-title i {
    color: #fff !important;
}

.vg-newsletter-sub {
    font-size: 15px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    margin: 0 !important;
}

.vg-newsletter-input-wrap {
    display: flex !important;
    border: 1px solid #dde1e8 !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    background: #fff !important;
}

.vg-newsletter-input-wrap input {
    width: 280px !important;
    height: 52px !important;
    border: none !important;
    background: transparent !important;
    padding: 0 16px !important;
    font-size: 15px !important;
    color: #333 !important;
    outline: none !important;
}

.vg-newsletter-input-wrap input::placeholder {
    color: #bbb !important;
}

.vg-newsletter-input-wrap button {
    height: 52px !important;
    padding: 0 22px !important;
    background: #3B5998 !important;
    color: #fff !important;
    border: none !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    transition: background 0.2s !important;
}

.vg-newsletter-input-wrap button:hover {
    background: #2d4373 !important;
}

/*— Main footer —*/
.vg-footer-main {
    background: #fff !important;
    padding: 45px 0 35px !important;
    border-top: 1px solid #eef0f4 !important;
}

.vg-footer-logo {
    font-family: "Roboto", sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin-bottom: 4px !important;
}

.vg-footer-logo span {
    font-weight: 400 !important;
    color: #3B5998 !important;
}

.vg-footer-tagline {
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #3B5998 !important;
    margin-bottom: 12px !important;
}

.vg-footer-desc {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #999 !important;
    margin-bottom: 18px !important;
    max-width: 300px !important;
}

.vg-footer-social {
    display: flex !important;
    gap: 6px !important;
}

.vg-footer-social-link {
    width: 36px !important;
    height: 36px !important;
    border-radius: 5px !important;
    background: #f0f2f5 !important;
    color: #777 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
}

.vg-footer-social-link:hover {
    background: #3B5998 !important;
    color: #fff !important;
}

/*— Links —*/
.vg-footer-heading {
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    color: #1a1a2e !important;
    margin-bottom: 16px !important;
}

.vg-footer-links {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.vg-footer-links li {
    margin-bottom: 9px !important;
}

.vg-footer-links a {
    font-size: 15px !important;
    color: #888 !important;
    text-decoration: none !important;
    transition: color 0.15s !important;
}

.vg-footer-links a:hover {
    color: #3B5998 !important;
}

/*— Bottom bar —*/
.vg-footer-bottom {
    background: #f5f7fb !important;
    padding: 14px 0 !important;
    border-top: 1px solid #eef0f4 !important;
}

.vg-footer-bottom-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.vg-footer-copy {
    font-size: 14px !important;
    color: #aaa !important;
}

.vg-footer-bottom-links {
    display: flex !important;
    gap: 20px !important;
}

.vg-footer-bottom-links a {
    font-size: 14px !important;
    color: #888 !important;
    text-decoration: none !important;
    transition: color 0.15s !important;
}

.vg-footer-bottom-links a:hover {
    color: #3B5998 !important;
}

/*— Dark theme —*/
.dark-theme .vg-footer-newsletter {
    background: #111 !important;
    border-top-color: rgb(255 255 255) !important;
}

.dark-theme .vg-newsletter-title {
    color: #fff !important;
}

.dark-theme .vg-newsletter-input-wrap {
    background: #1a1a1a !important;
    border-color: rgb(255 255 255) !important;
}

.dark-theme .vg-newsletter-input-wrap input {
    color: #fff !important;
}

.dark-theme .vg-footer-main {
    background: #0d0d0d !important;
    border-top-color: rgb(255 255 255) !important;
}

.dark-theme .vg-footer-logo {
    color: #fff !important;
}

.dark-theme .vg-footer-logo span {
    color: #7b9bd4 !important;
}

.dark-theme .vg-footer-desc {
    color: #fff !important;
}

.dark-theme .vg-footer-social-link {
    background: rgba(255, 255, 255, 0.04) !important;
    color: #fff !important;
}

.dark-theme .vg-footer-heading {
    color: #fff !important;
}

.dark-theme .vg-footer-links a {
    color: #fff !important;
}

.dark-theme .vg-footer-links a:hover {
    color: #7b9bd4 !important;
}

.dark-theme .vg-footer-bottom {
    background: #0a0a0a !important;
    border-top-color: #fff !important;
}

.dark-theme .vg-footer-copy {
    color: #fff !important;
}

.dark-theme .vg-footer-bottom-links a {
    color: #fff !important;
}

/*— Responsive —*/
@media (max-width: 991px) {
    .vg-newsletter-inner {
        flex-direction: column !important;
        text-align: center !important;
        gap: 20px !important;
    }

    .vg-newsletter-input-wrap input {
        width: 200px !important;
    }

    .vg-footer-desc {
        max-width: 100% !important;
    }
}

@media (max-width: 575px) {
    .vg-footer-newsletter {
        padding: 28px 0 !important;
    }

    .vg-newsletter-title {
        font-size: 16px !important;
    }

    .vg-newsletter-input-wrap {
        flex-direction: column !important;
        width: 300px !important;
        height: 90px !important;
    }

    .vg-newsletter-input-wrap input {
        width: 100% !important;
    }

    .vg-newsletter-input-wrap button {
        width: 100% !important;
    }

    .vg-footer-logo {
        font-size: 20px !important;
    }

    .vg-footer-bottom-inner {
        flex-direction: column !important;
        gap: 8px !important;
        text-align: center !important;
    }
}


/*========================
   POSTS PAGE (vgp- prefix)
========================*/
.vgp-page {
    padding: 0 0 60px !important;
    background: #f5f6f8 !important;
}

.vgp-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 28px 0 24px !important;
    border-bottom: 1px solid #e0e4ea !important;
    margin-bottom: 28px !important;
}

.vgp-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    margin: 0 !important;
}

.vgp-breadcrumb {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    color: #bbb !important;
}

.vgp-breadcrumb a {
    color: #3B5998 !important;
    text-decoration: none !important;
}

.vgp-breadcrumb span {
    margin: 0 4px !important;
}

/*— Top Cards (3 sütun) —*/
.vgp-card {
    display: block !important;
    background: #fff !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    text-decoration: none !important;
    height: 100% !important;
    border: 1px solid #eef0f4 !important;
    transition: box-shadow 0.25s, transform 0.25s !important;
}

.vgp-card:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07) !important;
    transform: translateY(-3px) !important;
}

.vgp-card-img {
    position: relative !important;
    height: 200px !important;
    overflow: hidden !important;
}

.vgp-card-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.4s !important;
}

.vgp-card:hover .vgp-card-img img {
    transform: scale(1.04) !important;
}

.vgp-card-cat {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #fff !important;
    background: #3B5998 !important;
    padding: 3px 9px !important;
    border-radius: 5px !important;
    z-index: 2 !important;
}

.vgp-card-type {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #fff !important;
    padding: 3px 8px !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    z-index: 2 !important;
}

.vgp-card-type i {
    font-size: 12px !important;
}

.vgp-card-body {
    padding: 16px 18px !important;
}

.vgp-card-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #1a1a2e !important;
    margin: 0 0 6px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    transition: color 0.15s !important;
}

.vgp-card:hover .vgp-card-title {
    color: #3B5998 !important;
}

.vgp-card-excerpt {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    color: #888 !important;
    line-height: 1.6 !important;
    margin: 0 0 10px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.vgp-card-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 13px !important;
    color: #bbb !important;
}

.vgp-card-meta span {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.vgp-card-meta i {
    font-size: 14px !important;
    color: #ccc !important;
}

/*— List Items —*/
.vgp-list {
    display: flex !important;
    flex-direction: column !important;
}

.vgp-list-item {
    display: flex !important;
    gap: 20px !important;
    padding: 20px 0 !important;
    border-bottom: 1px solid #e8ecf1 !important;
    text-decoration: none !important;
}

.vgp-list-item:last-child {
    border-bottom: none !important;
}

.vgp-list-img {
    width: 260px !important;
    height: 180px !important;
    flex-shrink: 0 !important;
    border-radius: 5px !important;
    overflow: hidden !important;
}

.vgp-list-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.3s !important;
}

.vgp-list-item:hover .vgp-list-img img {
    transform: scale(1.04) !important;
}

.vgp-list-body {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.vgp-list-tags {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 6px !important;
}

.vgp-list-cat {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #3B5998 !important;
}

.vgp-list-type {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #fff !important;
    padding: 2px 7px !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}

.vgp-list-type i {
    font-size: 13px !important;
}

.vgp-list-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #1a1a2e !important;
    margin: 0 0 6px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    transition: color 0.15s !important;
}

.vgp-list-item:hover .vgp-list-title {
    color: #3B5998 !important;
}

.vgp-list-excerpt {
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    color: #888 !important;
    line-height: 1.6 !important;
    margin: 0 0 10px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.vgp-list-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 13px !important;
    color: #bbb !important;
}

.vgp-list-meta span {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.vgp-list-meta i {
    font-size: 15px !important;
    color: #ccc !important;
}

/*— Pagination —*/
.vgp-pagination {
    margin-top: 30px !important;
    display: flex !important;
    justify-content: center !important;
}

.vgp-pagination nav ul {
    display: flex !important;
    gap: 4px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.vgp-pagination nav ul li a,
.vgp-pagination nav ul li span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 10px !important;
    border-radius: 5px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.15s !important;
}

.vgp-pagination nav ul li a {
    background: #fff !important;
   border: 1px solid #e0e4ea !important;
    color: #555 !important;
}

.vgp-pagination nav ul li a:hover {
    background: #3B5998 !important;
    border-color: #3B5998 !important;
    color: #fff !important;
}

.vgp-pagination nav ul li.active span,
.vgp-pagination nav ul li span[aria-current="page"] {
    background: #3B5998 !important;
   border: 1px solid #3B5998 !important;
    color: #fff !important;
}

.vgp-pagination nav ul li.disabled span {
    background: #f0f2f5 !important;
   border: 1px solid #e0e4ea !important;
    color: #ccc !important;
}

/*— Empty —*/
.vgp-empty {
    text-align: center !important;
    padding: 80px 20px !important;
}

.vgp-empty i {
    font-size: 48px !important;
    color: #ddd !important;
    display: block !important;
    margin-bottom: 12px !important;
}

.vgp-empty p {
    font-size: 15px !important;
    color: #999 !important;
}

/*========================
   DARK THEME
========================*/
.dark-theme .vgp-page {
    background: #0a0a0a !important;
}

.dark-theme .vgp-header {
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

.dark-theme .vgp-title {
    color: #e0e0e0 !important;
}

.dark-theme .vgp-breadcrumb {
    color: #555 !important;
}

.dark-theme .vgp-breadcrumb a {
    color: #7b9bd4 !important;
}

.dark-theme .vgp-card {
    background: #141414 !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vgp-card-title {
    color: #e0e0e0 !important;
}

.dark-theme .vgp-card:hover .vgp-card-title {
    color: #7b9bd4 !important;
}

.dark-theme .vgp-card-excerpt {
    color: #555 !important;
}

.dark-theme .vgp-card-meta {
    color: #555 !important;
}

.dark-theme .vgp-list-item {
    border-bottom-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vgp-list-cat {
    color: #7b9bd4 !important;
}

.dark-theme .vgp-list-title {
    color: #e0e0e0 !important;
}

.dark-theme .vgp-list-item:hover .vgp-list-title {
    color: #7b9bd4 !important;
}

.dark-theme .vgp-list-excerpt {
    color: #555 !important;
}

.dark-theme .vgp-list-meta {
    color: #555 !important;
}

.dark-theme .vgp-pagination nav ul li a {
    background: #141414 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    color: #888 !important;
}

.dark-theme .vgp-pagination nav ul li a:hover {
    background: #3B5998 !important;
    color: #fff !important;
}

.dark-theme .vgp-pagination nav ul li.disabled span {
    background: #1a1a1a !important;
    color: #444 !important;
}

/*========================
   RESPONSIVE
========================*/
@media (max-width: 991px) {
    .vgp-header {
        flex-direction: column !important;
        gap: 8px !important;
        align-items: flex-start !important;
    }

    .vgp-title {
        font-size: 20px !important;
    }

    .vgp-card-img {
        height: 170px !important;
    }

    .vgp-card-title {
        font-size: 15px !important;
    }

    .vgp-card-excerpt {
        display: none !important;
    }

    .vgp-list-img {
        width: 170px !important;
        height: 120px !important;
    }

    .vgp-list-title {
        font-size: 16px !important;
    }

    .vgp-list-excerpt {
        display: none !important;
    }
}

@media (max-width: 575px) {
    .vgp-page {
        padding-bottom: 40px !important;
    }

    .vgp-header {
        padding: 20px 0 18px !important;
        margin-bottom: 20px !important;
    }

    .vgp-title {
        font-size: 18px !important;
    }

    .vgp-card-img {
        height: 150px !important;
    }

    .vgp-card-body {
        padding: 12px 14px !important;
    }

    .vgp-card-title {
        font-size: 14px !important;
    }

    .vgp-list-item {
        gap: 14px !important;
        padding: 14px 0 !important;
    }

    .vgp-list-img {
        width: 110px !important;
        height: 80px !important;
    }

    .vgp-list-title {
        font-size: 14px !important;
    }

    .vgp-list-meta {
        gap: 10px !important;
        font-size: 10px !important;
    }
}


/*========================
   POST DETAIL (vga- prefix)
========================*/
.vg-article {
    padding: 40px 0 50px !important;
    background: #fff !important;
}

/*— Kateqoriyalar —*/
.vg-article-cats {
    display: flex !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    margin-bottom: 12px !important;
}

.vg-article-cats a {
    font-family: "Roboto", sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #fff !important;
    background: #3B5998 !important;
    padding: 4px 12px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    transition: background 0.15s !important;
}

.vg-article-cats a:hover {
    background: #2d4373 !important;
}

/*— Başlıq —*/
.vg-article-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #1a1a2e !important;
    margin: 0 0 16px !important;
}

/*— Meta —*/
.vg-article-meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
    padding-bottom: 15px !important;
}

.vg-article-meta span,
.vg-article-meta a {
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    color: #999 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
}

.vg-article-meta a:hover {
    color: #3B5998 !important;
}

.vg-article-meta i {
    font-size: 16px !important;
    color: #bbb !important;
}

.vg-article-meta-author {
    font-weight: 500 !important;
    color: #3B5998 !important;
}

/*— Şəkil —*/
.vg-article-image {
    margin-bottom: 28px !important;
    border-radius: 5px !important;
    overflow: hidden !important;
}

.vg-article-image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 5px !important;
}

/*-- AUDIO --*/
.vg-audio-player {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    background: #f5f7fb !important;
   border: 1px solid #e8ecf1 !important;
    border-radius: 5px !important;
    padding: 12px 16px !important;
    margin: 20px 0 !important;
}

.vg-audio-play-btn {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: #3B5998 !important;
    color: #fff !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    flex-shrink: 0 !important;
    transition: background 0.2s !important;
}

.vg-audio-play-btn:hover {
    background: #2d4373 !important;
}

.vg-audio-play-btn.loading {
    pointer-events: none !important;
    opacity: 0.7 !important;
}

.vg-audio-info {
    flex: 1 !important;
    min-width: 0 !important;
}

.vg-audio-label {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333 !important;
    display: block !important;
    margin-bottom: 4px !important;
}

.vg-audio-progress-wrap {
    width: 100% !important;
    height: 6px !important;
    background: #dde1e8 !important;
    border-radius: 5px !important;
    cursor: pointer !important;
}

.vg-audio-progress {
    height: 100% !important;
    background: #3B5998 !important;
    border-radius: 2px !important;
    width: 0 !important;
    transition: width 0.1s linear !important;
}

.vg-audio-time {
    font-family: "Roboto", sans-serif !important;
    font-size: 12px !important;
    color: #999 !important;
    margin-top: 7px !important;
    display: flex !important;
    justify-content: space-between !important;
}

.vg-audio-speed {
    font-family: "Roboto", sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #3B5998 !important;
    background: rgba(59, 89, 152, 0.08) !important;
    border: none !important;
    padding: 4px 8px !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    transition: background 0.15s !important;
}

.vg-audio-speed:hover {
    background: rgba(59, 89, 152, 0.15) !important;
}

/*— Body —*/
.vg-post-body {
    font-family: "Roboto", sans-serif !important;
    font-size: 18px !important;
    line-height: 1.85 !important;
    color: #333 !important;
    margin-bottom: 30px !important;
}

.vg-post-body p,
.vg-post-body span,
.vg-post-body div {
    font-size: 18px !important;
    font-family: "Roboto", sans-serif !important;
    line-height: 1.85 !important;
}

.vg-post-body p {
    margin-bottom: 18px !important;
}

.vg-post-body ul {
    list-style-type: disc !important;
}

.vg-post-body ul li {
    list-style-type: disc !important;
    display: list-item !important;
}

.vg-post-body ol {
    list-style-type: decimal !important;
}

.vg-post-body ol li {
    list-style-type: decimal !important;
    display: list-item !important;
}

.vg-post-body h2 { font-size: 26px !important; }
.vg-post-body h3 { font-size: 22px !important; }
.vg-post-body h4 { font-size: 20px !important; }

.vg-post-body h2, .vg-post-body h3, .vg-post-body h4 {
    font-family: "Roboto", sans-serif !important;
    color: #1a1a2e !important;
    margin: 28px 0 14px !important;
}

.vg-post-body img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 5px !important;
    margin: 16px 0 !important;
}

.vg-post-body blockquote {
    border-left: 3px solid #3B5998 !important;
    padding: 16px 20px !important;
    margin: 20px 0 !important;
    background: #f8f9fb !important;
    border-radius: 0 5px 5px 0 !important;
    font-style: italic !important;
    color: #555 !important;
}

.vg-post-body ul, .vg-post-body ol {
    padding-left: 24px !important;
    margin-bottom: 18px !important;
}

.vg-post-body a {
    color: #3B5998 !important;
    text-decoration: underline !important;
}

/*— Qalereya —*/
.vg-article-gallery {
    margin: 30px 0 !important;
}

.vg-article-gallery h5 {
    font-family: "Roboto", sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #1a1a2e !important;
    margin-bottom: 16px !important;
}

.vg-article-gallery-item {
    border-radius: 5px !important;
    overflow: hidden !important;
    height: 180px !important;
}

.vg-article-gallery-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.3s !important;
}

.vg-article-gallery-item:hover img {
    transform: scale(1.04) !important;
}

/*— Video —*/
.vg-article-video {
    margin: 30px 0 !important;
    border-radius: 5px !important;
    overflow: hidden !important;
}

/*— Tags + Share footer —*/
.vg-article-footer {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 20px !important;
    padding: 24px 0 !important;
    border-top: 1px solid #eef0f4 !important;
    border-bottom: 1px solid #eef0f4 !important;
    margin-bottom: 30px !important;
    flex-wrap: wrap !important;
}

.vg-article-footer-label {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #999 !important;
    margin-right: 8px !important;
}

.vg-article-tags {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}

.vg-article-tags a {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    color: #555 !important;
    background: #f0f2f5 !important;
    padding: 4px 12px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    transition: all 0.15s !important;
}

.vg-article-tags a:hover {
    background: #3B5998 !important;
    color: #fff !important;
}

.vg-article-share {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.vg-article-share-icons {
    display: flex !important;
    gap: 4px !important;
}

.vg-article-share-icons a {
    width: 36px !important;
    height: 36px !important;
    border-radius: 5px !important;
    background: #f0f2f5 !important;
    color: #555 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    text-decoration: none !important;
    transition: all 0.15s !important;
}

.vg-article-share-icons a:hover {
    background: #3B5998 !important;
    color: #fff !important;
}

/*— Author —*/
.vg-article-author-section {
    padding: 0 0 40px !important;
    background: #fff !important;
}

.vg-article-author {
    display: flex !important;
    gap: 20px !important;
    padding: 24px !important;
    background: #f8f9fb !important;
    border-radius: 5px !important;
   border: 1px solid #eef0f4 !important;
}

.vg-article-author-icon {
    width: 60px !important;
    height: 60px !important;
    background: linear-gradient(135deg, #3B5998, #2d4578) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 26px !important;
    color: #fff !important;
    flex-shrink: 0 !important;
}

.vg-article-author-info h5 {
    margin: 0 0 2px !important;
}

.vg-article-author-info h5 a {
    font-family: "Roboto", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #1a1a2e !important;
    text-decoration: none !important;
}

.vg-article-author-info h5 a:hover {
    color: #3B5998 !important;
}

.vg-article-author-pos {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    color: #3B5998 !important;
    font-weight: 500 !important;
    display: block !important;
    margin-bottom: 8px !important;
}

.vg-article-author-info p {
    font-family: "Roboto", sans-serif !important;
    font-size: 13px !important;
    color: #888 !important;
    line-height: 1.6 !important;
    margin: 0 0 10px !important;
}

.vg-article-author-social {
    display: flex !important;
    gap: 6px !important;
}

.vg-article-author-social a {
    width: 30px !important;
    height: 30px !important;
    border-radius: 5px !important;
    background: #fff !important;
   border: 1px solid #e0e4ea !important;
    color: #555 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: all 0.15s !important;
}

.vg-article-author-social a:hover {
    background: #3B5998 !important;
    border-color: #3B5998 !important;
    color: #fff !important;
}

/*— Related —*/
.vg-article-related {
    padding: 40px 0 !important;
    background: #f5f6f8 !important;
}

.vg-related-card {
    display: block !important;
    background: #fff !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    text-decoration: none !important;
    height: 100% !important;
   border: 1px solid #eef0f4 !important;
    transition: box-shadow 0.25s, transform 0.25s !important;
}

.vg-related-card:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07) !important;
    transform: translateY(-3px) !important;
}

.vg-related-card-img {
    position: relative !important;
    height: 220px !important;
    overflow: hidden !important;
}

.vg-related-card-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.4s !important;
}

.vg-related-card:hover .vg-related-card-img img {
    transform: scale(1.04) !important;
}

.vg-related-card-body {
    padding: 14px 16px !important;
}

.vg-related-card-body h3 {
    font-family: "Roboto", sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #1a1a2e !important;
    margin: 0 0 8px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    transition: color 0.15s !important;
}

.vg-related-card:hover .vg-related-card-body h3 {
    color: #3B5998 !important;
}

/*— Comments —*/
.vg-article-comments {
    padding: 40px 0 60px !important;
    background: #fff !important;
}

.vg-article-comments-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #1a1a2e !important;
    margin-bottom: 24px !important;
}

.vg-article-alert {
    padding: 12px 16px !important;
    border-radius: 5px !important;
    margin-bottom: 20px !important;
    font-size: 15px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.vg-article-alert.success {
    background: #f0fdf4 !important;
    color: #16a34a !important;
   border: 1px solid #bbf7d0 !important;
}

.vg-article-alert.error {
    background: #fef2f2 !important;
    color: #dc2626 !important;
   border: 1px solid #fecaca !important;
}

.vg-comment {
    display: flex !important;
    gap: 14px !important;
    margin-bottom: 20px !important;
}

.vg-comment-reply {
    margin-left: 50px !important;
}

.vg-comment-avatar {
    width: 46px !important;
    height: 46px !important;
    border-radius: 5px !important;
    background: #f0f2f5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #bbb !important;
    font-size: 18px !important;
    flex-shrink: 0 !important;
}

.vg-comment-avatar-sm {
    width: 36px !important;
    height: 36px !important;
    font-size: 18px !important;
}

.vg-comment-body {
    flex: 1 !important;
    background: #f8f9fb !important;
    padding: 14px 18px !important;
    border-radius: 5px !important;
   border: 1px solid #eef0f4 !important;
}

.vg-comment-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 6px !important;
}

.vg-comment-head strong {
    font-family: "Roboto", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
}

.vg-comment-head time {
    font-size: 13px !important;
    color: #bbb !important;
}

.vg-comment-body p {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #555 !important;
    margin: 0 !important;
}

/*— Comment form —*/
.vg-comment-form {
    margin-top: 30px !important;
    padding-top: 30px !important;
    border-top: 1px solid #eef0f4 !important;
}

.vg-comment-input {
    width: 100% !important;
   border: 1px solid #e0e4ea !important;
    border-radius: 5px !important;
    padding: 10px 14px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    color: #333 !important;
    outline: none !important;
    background: #fff !important;
    margin-bottom: 5px !important;
    transition: border-color 0.2s !important;
}

.vg-comment-input:focus {
    border-color: #3B5998 !important;
}

.vg-comment-input::placeholder {
    color: #bbb !important;
}

.vg-comment-submit {
    background: #3B5998 !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 24px !important;
    border-radius: 5px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
}

.vg-comment-submit:hover {
    background: #2d4373 !important;
}

/*========================
   DARK THEME
========================*/
.dark-theme .vg-article {
    background: #0a0a0a !important;
}

.dark-theme .vg-article-title {
    color: #e0e0e0 !important;
}

.dark-theme .vg-article-meta {
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

.dark-theme .vg-article-meta span, .dark-theme .vg-article-meta a {
    color: #666 !important;
}

.dark-theme .vg-article-meta-author {
    color: #7b9bd4 !important;
}

.dark-theme .vg-post-body {
    color: #ccc !important;
}

.dark-theme .vg-post-body h2, .dark-theme .vg-post-body h3, .dark-theme .vg-post-body h4 {
    color: #e0e0e0 !important;
}

.dark-theme .vg-post-body blockquote {
    background: #141414 !important;
    color: #999 !important;
}

.dark-theme .vg-post-body a {
    color: #7b9bd4 !important;
}

.dark-theme .vg-article-footer {
    border-color: rgba(255, 255, 255, 0.06) !important;
}

.dark-theme .vg-article-tags a {
    background: rgba(255, 255, 255, 0.04) !important;
    color: #999 !important;
}

.dark-theme .vg-article-tags a:hover {
    background: #3B5998 !important;
    color: #fff !important;
}

.dark-theme .vg-article-share-icons a {
    background: rgba(255, 255, 255, 0.04) !important;
    color: #888 !important;
}

.dark-theme .vg-article-share-icons a:hover {
    background: #3B5998 !important;
    color: #fff !important;
}

.dark-theme .vg-audio-player {
    background: #141414 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

.dark-theme .vg-audio-label {
    color: #e0e0e0 !important;
}

.dark-theme .vg-audio-progress-wrap {
    background: rgba(255, 255, 255, 0.08) !important;
}

.dark-theme .vg-audio-time {
    color: #666 !important;
}

.dark-theme .vg-audio-speed {
    color: #7b9bd4 !important;
    background: rgba(123, 155, 212, 0.1) !important;
}

.dark-theme .vg-article-author-section {
    background: #0a0a0a !important;
}

.dark-theme .vg-article-author {
    background: #141414 !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-article-author-info h5 a {
    color: #e0e0e0 !important;
}

.dark-theme .vg-article-author-pos {
    color: #7b9bd4 !important;
}

.dark-theme .vg-article-author-info p {
    color: #666 !important;
}

.dark-theme .vg-article-author-social a {
    background: #0d0d0d !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    color: #888 !important;
}

.dark-theme .vg-article-related {
    background: #0d0d0d !important;
}

.dark-theme .vg-related-card {
    background: #141414 !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-related-card-body h3 {
    color: #e0e0e0 !important;
}

.dark-theme .vg-related-card:hover .vg-related-card-body h3 {
    color: #7b9bd4 !important;
}

.dark-theme .vg-article-comments {
    background: #0a0a0a !important;
}

.dark-theme .vg-article-comments-title {
    color: #e0e0e0 !important;
}

.dark-theme .vg-comment-body {
    background: #141414 !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-comment-head strong {
    color: #e0e0e0 !important;
}

.dark-theme .vg-comment-body p {
    color: #999 !important;
}

.dark-theme .vg-comment-avatar {
    background: rgba(255, 255, 255, 0.04) !important;
    color: #555 !important;
}

.dark-theme .vg-comment-form {
    border-top-color: rgba(255, 255, 255, 0.06) !important;
}

.dark-theme .vg-comment-input {
    background: #141414 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    color: #e0e0e0 !important;
}

/*========================
   RESPONSIVE
========================*/
@media (max-width: 991px) {
    .vg-article {
        padding: 30px 0 40px !important;
    }

    .vg-article-title {
        font-size: 26px !important;
    }

    .vg-post-body {
        font-size: 15px !important;
    }

    .vg-related-card-img {
        height: 150px !important;
    }

    .vg-comment-reply {
        margin-left: 30px !important;
    }
}

@media (max-width: 575px) {
    .vg-article {
        padding: 24px 0 30px !important;
    }

    .vg-article-title {
        font-size: 22px !important;
    }

    .vg-article-meta {
        gap: 10px !important;
        font-size: 12px !important;
    }

    .vg-audio-player {
        flex-wrap: wrap !important;
        gap: 10px !important;
        padding: 10px 14px !important;
    }

    .vg-audio-play-btn {
        width: 36px !important;
        height: 36px !important;
        font-size: 14px !important;
    }

    .vg-audio-label {
        font-size: 11px !important;
    }

    .vg-audio-speed {
        font-size: 10px !important;
        padding: 3px 6px !important;
    }

    .vg-post-body {
        font-size: 14px !important;
        line-height: 1.75 !important;
    }

    .vg-article-footer {
        flex-direction: column !important;
    }

    .vg-article-author {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    .vg-article-author-social {
        justify-content: center !important;
    }

    .vg-related-card-img {
        height: 130px !important;
    }

    .vg-comment-reply {
        margin-left: 20px !important;
    }

    .vg-article-gallery-item {
        height: 120px !important;
    }
}




/*========================
   PAGE HEADER + BREADCRUMB
========================*/
.vg-page-header {
    padding: 28px 0 24px !important;
    background: #fff !important;
    border-bottom: 1px solid #eef0f4 !important;
}

.vg-page-header-content {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.vg-page-header-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    margin: 0 !important;
}

.vg-breadcrumb {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    color: #bbb !important;
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
}

.vg-breadcrumb a {
    color: #3B5998 !important;
    text-decoration: none !important;
    transition: color 0.15s !important;
}

.vg-breadcrumb a:hover {
    color: #2d4373 !important;
}

.vg-breadcrumb-sep {
    margin: 0 8px !important;
    font-size: 11px !important;
    color: #ccc !important;
}

/* Dark */
.dark-theme .vg-page-header {
    background: #0d0d0d !important;
    border-bottom-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-page-header-title {
    color: #e0e0e0 !important;
}

.dark-theme .vg-breadcrumb {
    color: #555 !important;
}

.dark-theme .vg-breadcrumb a {
    color: #7b9bd4 !important;
}

.dark-theme .vg-breadcrumb-sep {
    color: #444 !important;
}

/* Responsive */
@media (max-width: 575px) {
    .vg-page-header {
        padding: 20px 0 18px !important;
    }

    .vg-page-header-content {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 6px !important;
    }

    .vg-page-header-title {
        font-size: 20px !important;
    }

    .vg-breadcrumb {
        font-size: 11px !important;
    }
}

/*========================
   İNFOQRAFİKA PAGE
========================*/
.vg-infographics-section {
    padding: 40px 0 60px !important;
    background: #f5f6f8 !important;
}

.vg-infographics-stats {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 24px !important;
    padding: 12px 18px !important;
    background: #fff !important;
   border: 1px solid #eef0f4 !important;
    border-radius: 5px !important;
}

.vg-infographics-stats span {
    font-family: "Roboto", sans-serif !important;
    font-size: 18px !important;
    color: #777 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.vg-infographics-stats i {
    font-size: 16px !important;
    color: #3B5998 !important;
}

.vg-infographics-stats strong {
    color: #1a1a2e !important;
    font-weight: 700 !important;
}

/*— Grid —*/
.vg-infographics-grid {
    columns: 3 !important;
    column-gap: 16px !important;
}

.vg-ig-item {
    break-inside: avoid !important;
    margin-bottom: 16px !important;
    background: #fff !important;
   border: 1px solid #eef0f4 !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    transition: box-shadow 0.25s, transform 0.25s !important;
}

.vg-ig-item:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-3px) !important;
}

.vg-ig-link {
    display: block !important;
    text-decoration: none !important;
}

.vg-ig-visual {
    position: relative !important;
    overflow: hidden !important;
    background: #f8f9fb !important;
}

.vg-ig-visual img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    transition: transform 0.4s !important;
}

.vg-ig-item:hover .vg-ig-visual img {
    transform: scale(1.03) !important;
}

.vg-ig-hover {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(59, 89, 152, 0.1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    transition: opacity 0.2s !important;
}

.vg-ig-item:hover .vg-ig-hover {
    opacity: 1 !important;
}

.vg-ig-zoom {
    width: 44px !important;
    height: 44px !important;
    background: #3B5998 !important;
    color: #fff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
}

.vg-ig-info {
    padding: 14px 16px !important;
}

.vg-ig-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #1a1a2e !important;
    margin: 0 0 10px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.vg-ig-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.vg-ig-detail {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #3B5998 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
    transition: gap 0.2s !important;
}

.vg-ig-detail:hover {
    gap: 6px !important;
}

.vg-ig-download {
    width: 30px !important;
    height: 30px !important;
    border-radius: 5px !important;
    background: #f0f2f5 !important;
    color: #555 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    text-decoration: none !important;
    transition: all 0.15s !important;
}

.vg-ig-download:hover {
    background: #3B5998 !important;
    color: #fff !important;
}

/*========================
   DARK THEME
========================*/
.dark-theme .vg-infographics-section {
    background: #0a0a0a !important;
}

.dark-theme .vg-infographics-stats {
    background: #141414 !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-infographics-stats span {
    color: #888 !important;
}

.dark-theme .vg-infographics-stats strong {
    color: #e0e0e0 !important;
}

.dark-theme .vg-ig-item {
    background: #141414 !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-ig-item:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.2) !important;
}

.dark-theme .vg-ig-visual {
    background: #0d0d0d !important;
}

.dark-theme .vg-ig-hover {
    background: rgba(59, 89, 152, 0.2) !important;
}

.dark-theme .vg-ig-title {
    color: #e0e0e0 !important;
}

.dark-theme .vg-ig-detail {
    color: #7b9bd4 !important;
}

.dark-theme .vg-ig-download {
    background: rgba(255, 255, 255, 0.04) !important;
    color: #888 !important;
}

.dark-theme .vg-ig-download:hover {
    background: #3B5998 !important;
    color: #fff !important;
}

/*========================
   RESPONSIVE
========================*/
@media (max-width: 991px) {
    .vg-infographics-section {
        padding: 30px 0 50px !important;
    }

    .vg-infographics-grid {
        columns: 2 !important;
        column-gap: 14px !important;
    }

    .vg-ig-item {
        margin-bottom: 14px !important;
    }

    .vg-ig-title {
        font-size: 13px !important;
    }
}

@media (max-width: 575px) {
    .vg-infographics-section {
        padding: 24px 0 40px !important;
    }

    .vg-infographics-grid {
        columns: 1 !important;
    }

    .vg-ig-item {
        margin-bottom: 12px !important;
    }

    .vg-ig-info {
        padding: 12px 14px !important;
    }

    .vg-ig-title {
        font-size: 13px !important;
    }
}



/*========================
   KALKULYATOR PAGE
========================*/
.vg-calc-card {
    background: #fff !important;
   border: 1px solid #eef0f4 !important;
    border-radius: 5px !important;
    padding: 30px 24px !important;
    text-align: center !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    transition: box-shadow 0.25s, transform 0.25s !important;
}

.vg-calc-card:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-3px) !important;
}

.vg-calc-card-icon {
    width: 75px !important;
    height: 75px !important;
    background: rgba(59, 89, 152, 0.06) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 35px !important;
    color: #3B5998 !important;
    margin-bottom: 18px !important;
}

.vg-calc-card-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    margin: 0 0 8px !important;
}

.vg-calc-card-desc {
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    color: #888 !important;
    line-height: 1.6 !important;
    margin: 0 0 18px !important;
    flex: 1 !important;
}

.vg-calc-card-btn {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #3B5998 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 8px 20px !important;
    border: 1px solid #3B5998 !important;
    border-radius: 5px !important;
    transition: all 0.2s !important;
}

.vg-calc-card-btn:hover {
    background: #3B5998 !important;
    color: #fff !important;
}

/* Dark */
.dark-theme .vg-calc-card {
    background: #141414 !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-calc-card:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.2) !important;
}

.dark-theme .vg-calc-card-icon {
    background: rgba(59, 89, 152, 0.1) !important;
    color: #7b9bd4 !important;
}

.dark-theme .vg-calc-card-title {
    color: #e0e0e0 !important;
}

.dark-theme .vg-calc-card-desc {
    color: #666 !important;
}

.dark-theme .vg-calc-card-btn {
    color: #7b9bd4 !important;
    border-color: #7b9bd4 !important;
}

.dark-theme .vg-calc-card-btn:hover {
    background: #3B5998 !important;
    color: #fff !important;
    border-color: #3B5998 !important;
}

/* Responsive */
@media (max-width: 991px) {
    .vg-calc-card {
        padding: 24px 20px !important;
    }

    .vg-calc-card-icon {
        width: 50px !important;
        height: 50px !important;
        font-size: 20px !important;
    }

    .vg-calc-card-title {
        font-size: 15px !important;
    }
}

@media (max-width: 575px) {
    .vg-calc-card {
        padding: 20px 16px !important;
    }

    .vg-calc-card-icon {
        width: 46px !important;
        height: 46px !important;
        font-size: 18px !important;
        margin-bottom: 14px !important;
    }

    .vg-calc-card-title {
        font-size: 14px !important;
    }

    .vg-calc-card-desc {
        font-size: 12px !important;
    }
}


/*========================
   KALKULYATOR DETAIL PAGE
========================*/
.vg-calc-section {
    padding: 40px 0 60px !important;
    background: #f5f6f8 !important;
}

/*— Calc Box —*/
.vg-calc-box {
    background: #fff !important;
   border: 1px solid #eef0f4 !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    height: 100% !important;
}

.vg-calc-box-header {
    font-family: "Roboto", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #fff !important;
    background-color: #3B5998 !important;
    padding: 16px 22px !important;
    border-bottom: 2px solid #3B5998 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.vg-calc-box-header i {
    color: #ffffff !important;
    font-size: 18px !important;
}

/*— Tabs —*/
.vg-calc-tabs {
    display: flex !important;
    background: #f0f2f5 !important;
    padding: 4px !important;
    margin: 16px 22px 0 !important;
    border-radius: 5px !important;
}

.vg-calc-tab {
    flex: 1 !important;
    height: 34px !important;
    border: none !important;
    background: transparent !important;
    border-radius: 5px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #888 !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}

.vg-calc-tab.active {
    background: #fff !important;
    color: #3B5998 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

/*— Form —*/
.vg-calc-form {
    padding: 20px 22px !important;
}

.vg-calc-field {
    margin-bottom: 14px !important;
}

.vg-calc-field label {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #555 !important;
    display: block !important;
    margin-bottom: 5px !important;
}

.vg-calc-input,
.vg-calc-select {
    width: 100% !important;
    height: 40px !important;
   border: 1px solid #e0e4ea !important;
    border-radius: 5px !important;
    padding: 0 12px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    color: #333 !important;
    background: #fff !important;
    outline: none !important;
    transition: border-color 0.2s !important;
}

.vg-calc-input:focus,
.vg-calc-select:focus {
    border-color: #3B5998 !important;
}

.vg-calc-input::placeholder {
    color: #bbb !important;
}

/*— Radio —*/
.vg-calc-radio-group {
    display: flex !important;
    gap: 16px !important;
}

.vg-calc-radio {
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    color: #555 !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    cursor: pointer !important;
}

.vg-calc-radio input[type="radio"] {
    accent-color: #3B5998 !important;
}

/*— Discounts —*/
.vg-calc-discounts {
    background: #f8f9fb !important;
   border: 1px solid #eef0f4 !important;
    border-radius: 5px !important;
    padding: 14px 16px !important;
    margin-bottom: 14px !important;
}

.vg-calc-discounts label {
    font-size: 14px !important;
}

/*— Submit —*/
.vg-calc-btn {
    width: 100% !important;
    height: 42px !important;
    background: #3B5998 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 5px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
    margin-top: 4px !important;
}

.vg-calc-btn:hover {
    background: #2d4373 !important;
}

/*— Result —*/
.vg-calc-result {
    margin-top: 18px !important;
}

.vg-calc-result table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.vg-calc-result table th,
.vg-calc-result table td {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    padding: 10px 14px !important;
    border-bottom: 1px solid #f0f2f5 !important;
    text-align: left !important;
}

.vg-calc-result table th {
    font-weight: 600 !important;
    color: #555 !important;
    background: #f8f9fb !important;
}

.vg-calc-result table td {
    color: #1a1a2e !important;
}

.vg-calc-result table tr:last-child td,
.vg-calc-result table tr:last-child th {
    border-bottom: none !important;
}

.vg-calc-result table tr.vg-calc-total td,
.vg-calc-result table tr.vg-calc-total th {
    font-weight: 700 !important;
    font-size: 17px !important;
    color: #3B5998 !important;
    background: rgba(59, 89, 152, 0.04) !important;
    border-top: 2px solid #3B5998 !important;
}


.vg-calc-note {
    padding: 16px 20px !important;
    background: #fff !important;
    border-left: 3px solid #3B5998 !important;
    border-radius: 0 1px 1px 0 !important;
    font-size: 15px !important;
    color: #666 !important;
    line-height: 1.65 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
}

.vg-calc-note strong {
    color: #3B5998 !important;
}

/*========================
   DARK THEME
========================*/
.dark-theme .vg-calc-section {
    background: #0a0a0a !important;
}

.dark-theme .vg-calc-box {
    background: #141414 !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-calc-box-header {
    color: #e0e0e0 !important;
}

.dark-theme .vg-calc-tabs {
    background: rgba(255, 255, 255, 0.03) !important;
}

.dark-theme .vg-calc-tab {
    color: #666 !important;
}

.dark-theme .vg-calc-tab.active {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #7b9bd4 !important;
    box-shadow: none !important;
}

.dark-theme .vg-calc-field label {
    color: #999 !important;
}

.dark-theme .vg-calc-input,
.dark-theme .vg-calc-select {
    background: #0d0d0d !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    color: #e0e0e0 !important;
}

.dark-theme .vg-calc-input:focus,
.dark-theme .vg-calc-select:focus {
    border-color: #3B5998 !important;
}

.dark-theme .vg-calc-radio {
    color: #999 !important;
}

.dark-theme .vg-calc-discounts {
    background: #0d0d0d !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-calc-result table th {
    color: #888 !important;
    background: rgba(255, 255, 255, 0.02) !important;
}

.dark-theme .vg-calc-result table td {
    color: #e0e0e0 !important;
}

.dark-theme .vg-calc-result table th,
.dark-theme .vg-calc-result table td {
    border-bottom-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-calc-result table tr.vg-calc-total td,
.dark-theme .vg-calc-result table tr.vg-calc-total th {
    color: #7b9bd4 !important;
    background: rgba(59, 89, 152, 0.08) !important;
}

/*========================
   RESPONSIVE
========================*/
@media (max-width: 991px) {
    .vg-calc-section {
        padding: 30px 0 50px !important;
    }

    .vg-calc-box-header {
        font-size: 15px !important;
        padding: 14px 18px !important;
    }

    .vg-calc-form {
        padding: 16px 18px !important;
    }

    .vg-calc-tabs {
        margin: 14px 18px 0 !important;
    }
}

@media (max-width: 575px) {
    .vg-calc-section {
        padding: 24px 0 40px !important;
    }

    .vg-calc-box-header {
        font-size: 14px !important;
        padding: 12px 16px !important;
    }

    .vg-calc-form {
        padding: 14px 16px !important;
    }

    .vg-calc-tabs {
        margin: 12px 16px 0 !important;
    }

    .vg-calc-tab {
        font-size: 11px !important;
        height: 30px !important;
    }

    .vg-calc-input,
    .vg-calc-select {
        height: 38px !important;
        font-size: 13px !important;
    }

    .vg-calc-btn {
        height: 38px !important;
        font-size: 13px !important;
    }

    .vg-calc-result table th,
    .vg-calc-result table td {
        font-size: 12px !important;
        padding: 8px 10px !important;
    }

    .vg-calc-radio-group {
        flex-direction: column !important;
        gap: 8px !important;
    }
}



/*========================
   ƏLAQƏ PAGE
========================*/
.vg-contact-section {
    padding: 40px 0 60px !important;
    background: #f5f6f8 !important;
}

/*— Cards —*/
.vg-contact-card {
    background: #fff !important;
    border: 1px solid #eef0f4 !important;
    border-radius: 5px !important;
    padding: 28px 22px !important;
    text-align: center !important;
    height: 100% !important;
    transition: box-shadow 0.25s, transform 0.25s !important;
}

.vg-contact-card:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06) !important;
    transform: translateY(-3px) !important;
}

.vg-contact-card-icon {
    width: 52px !important;
    height: 52px !important;
    background: rgba(59, 89, 152, 0.06) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 28px !important;
    color: #3B5998 !important;
    margin: 0 auto 14px !important;
}

.vg-contact-card-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    margin: 0 0 6px !important;
}

.vg-contact-card a,
.vg-contact-card p {
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    color: #888 !important;
    text-decoration: none !important;
    margin: 0 !important;
    transition: color 0.15s !important;
}

.vg-contact-card a:hover {
    color: #3B5998 !important;
}

/*— Form —*/
.vg-contact-form-wrap {
    background: #fff !important;
    border: 1px solid #eef0f4 !important;
    border-radius: 5px !important;
    padding: 30px 28px !important;
    margin-right: 15px !important;
}

.vg-contact-form-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    margin: 0 0 6px !important;
}

.vg-contact-form-desc {
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    color: #888 !important;
    margin: 0 0 24px !important;
}

.vg-contact-label {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #555 !important;
    display: block !important;
    margin-bottom: 5px !important;
}

.vg-contact-label span {
    color: #c0392b !important;
}

.vg-contact-input {
    width: 100% !important;
    height: 42px !important;
    border: 1px solid #e0e4ea !important;
    border-radius: 5px !important;
    padding: 0 14px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    color: #333 !important;
    background: #fff !important;
    outline: none !important;
    transition: border-color 0.2s !important;
}

.vg-contact-input:focus {
    border-color: #3B5998 !important;
}

.vg-contact-input::placeholder {
    color: #bbb !important;
}

.vg-contact-textarea {
    height: auto !important;
    padding: 12px 14px !important;
    resize: vertical !important;
    min-height: 120px !important;
}

.vg-contact-submit {
    background: #3B5998 !important;
    color: #fff !important;
    border: none !important;
    padding: 12px 30px !important;
    border-radius: 5px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: background 0.2s !important;
}

.vg-contact-submit:hover {
    background: #2d4373 !important;
}

/*— Map —*/
.vg-contact-map {
    border-radius: 5px !important;
    overflow: hidden !important;
   border: 1px solid #eef0f4 !important;
    height: 100% !important;
    min-height: 480px !important;
}

.vg-contact-map iframe {
    border-radius: 5px !important;
}

/*========================
   DARK THEME
========================*/
.dark-theme .vg-contact-section {
    background: #0a0a0a !important;
}

.dark-theme .vg-contact-card {
    background: #141414 !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-contact-card-icon {
    background: rgba(59, 89, 152, 0.1) !important;
    color: #7b9bd4 !important;
}

.dark-theme .vg-contact-card-title {
    color: #e0e0e0 !important;
}

.dark-theme .vg-contact-card a,
.dark-theme .vg-contact-card p {
    color: #666 !important;
}

.dark-theme .vg-contact-form-wrap {
    background: #141414 !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
}

.dark-theme .vg-contact-form-title {
    color: #e0e0e0 !important;
}

.dark-theme .vg-contact-form-desc {
    color: #666 !important;
}

.dark-theme .vg-contact-label {
    color: #999 !important;
}

.dark-theme .vg-contact-input {
    background: #0d0d0d !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    color: #e0e0e0 !important;
}

.dark-theme .vg-contact-input:focus {
    border-color: #3B5998 !important;
}

.dark-theme .vg-contact-map {
    border-color: rgba(255, 255, 255, 0.04) !important;
}

/*========================
   RESPONSIVE
========================*/
@media (max-width: 991px) {
    .vg-contact-section {
        padding: 30px 0 50px !important;
    }

    .vg-contact-form-wrap {
        padding: 24px 20px !important;
    }

    .vg-contact-map {
        min-height: 350px !important;
    }
}

@media (max-width: 575px) {
    .vg-contact-section {
        padding: 24px 0 40px !important;
    }

    .vg-contact-card {
        padding: 22px 18px !important;
    }

    .vg-contact-card-icon {
        width: 44px !important;
        height: 44px !important;
        font-size: 18px !important;
    }

    .vg-contact-form-wrap {
        padding: 20px 16px !important;
    }

    .vg-contact-form-title {
        font-size: 18px !important;
    }

    .vg-contact-input {
        height: 38px !important;
        font-size: 13px !important;
    }

    .vg-contact-submit {
        width: 100% !important;
        justify-content: center !important;
    }

    .vg-contact-map {
        min-height: 300px !important;
    }
}


/* ============================================================
   VERGILER.AZ — Elanlar səhifəsi (listing)
   Scope: .vg-announcements-section — home section ilə toqquşmur
   ============================================================ */

/* --- Tip filter --- */
.vg-ann-filters {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 30px !important;
}

.vg-ann-filter-btn {
    display: inline-block !important;
    padding: 7px 18px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #555 !important;
    background: #f5f6f8 !important;
   border: 1px solid #e4e6ea !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.vg-ann-filter-btn:hover {
    color: #3B5998 !important;
    border-color: #3B5998 !important;
    background: rgba(59, 89, 152, 0.06) !important;
}

.vg-ann-filter-btn.active {
    color: #fff !important;
    background: #3B5998 !important;
    border-color: #3B5998 !important;
}

body.dark-theme .vg-ann-filter-btn {
    color: #b0b8c9 !important;
    background: #1e2533 !important;
    border-color: #2a3245 !important;
}

body.dark-theme .vg-ann-filter-btn:hover {
    color: #7fa1e0 !important;
    border-color: #3B5998 !important;
    background: rgba(59, 89, 152, 0.15) !important;
}

body.dark-theme .vg-ann-filter-btn.active {
    color: #fff !important;
    background: #3B5998 !important;
    border-color: #3B5998 !important;
}


/* --- Elan kartı (listing) --- */
.vg-announcements-section .vg-ann-card {
    display: block !important;
    background: #fff !important;
   border: 1px solid #e8eaef !important;
    border-radius: 5px !important;
    padding: 24px 28px !important;
    margin-bottom: 20px !important;
    overflow: visible !important;
    height: auto !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.vg-announcements-section .vg-ann-card:hover {
    border-color: #d0d5e0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
}

body.dark-theme .vg-announcements-section .vg-ann-card {
    background: #161c28 !important;
    border-color: #232c3d !important;
}

body.dark-theme .vg-announcements-section .vg-ann-card:hover {
    border-color: #3B5998 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}

.vg-announcements-section .vg-ann-card-top {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
    flex-wrap: nowrap !important;
}

.vg-ann-card-type {
    display: inline-block !important;
    padding: 3px 10px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #3B5998 !important;
    background: rgba(59, 89, 152, 0.08) !important;
    border-radius: 5px !important;
}

body.dark-theme .vg-ann-card-type {
    color: #7fa1e0 !important;
    background: rgba(59, 89, 152, 0.2) !important;
}

.vg-ann-card-date {
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    color: #8a8f9c !important;
}

.vg-ann-card-date i {
    margin-right: 3px !important;
    font-size: 16px !important;
}

body.dark-theme .vg-ann-card-date {
    color: #9aa3b8 !important;
}

.vg-ann-card-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    color: #1a1e2c !important;
    margin: 0 0 8px 0 !important;
}

body.dark-theme .vg-ann-card-title {
    color: #e4e8f0 !important;
}

.vg-ann-card-company {
    font-family: "Roboto", sans-serif !important;
    font-size: 15.5px !important;
    color: #3B5998 !important;
    margin: 0 0 10px 0 !important;
    font-weight: 500 !important;
}

.vg-ann-card-company i {
    margin-right: 4px !important;
    font-size: 15px !important;
}

body.dark-theme .vg-ann-card-company {
    color: #7fa1e0 !important;
}

.vg-ann-card-tin {
    margin-left: auto !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #3B5998 !important;
    background: rgba(59, 89, 152, 0.07) !important;
    padding: 3px 10px !important;
    border-radius: 5px !important;
    letter-spacing: 0.4px !important;
    white-space: nowrap !important;
}

body.dark-theme .vg-ann-card-tin {
    color: #7fa1e0 !important;
    background: rgba(59, 89, 152, 0.15) !important;
}

.vg-ann-card-body {
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #555b6e !important;
    margin-bottom: 0 !important;
}

body.dark-theme .vg-ann-card-body {
    color: #b8bfcf !important;
}

.vg-ann-card-attach {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin-top: 14px !important;
    padding: 6px 14px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #3B5998 !important;
    background: rgba(59, 89, 152, 0.06) !important;
   border: 1px solid rgba(59, 89, 152, 0.15) !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.vg-ann-card-attach:hover {
    background: rgba(59, 89, 152, 0.12) !important;
    border-color: rgba(59, 89, 152, 0.3) !important;
    color: #2d4a85 !important;
}

.vg-ann-card-attach i {
    font-size: 18px !important;
}

body.dark-theme .vg-ann-card-attach {
    color: #7fa1e0 !important;
    background: rgba(59, 89, 152, 0.12) !important;
    border-color: rgba(59, 89, 152, 0.25) !important;
}

body.dark-theme .vg-ann-card-attach:hover {
    background: rgba(59, 89, 152, 0.22) !important;
}


/* ============================================================
   Sağ tərəf — Elan formu (təkmilləşdirilmiş)
   ============================================================ */
.vg-ann-form-wrap {
    background: #fff !important;
   border: 1px solid #e2e5ec !important;
    border-top: 3px solid #3B5998 !important;
    border-radius: 0 0 1px 1px !important;
    padding: 0 !important;
    position: sticky !important;
    top: 100px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
}

body.dark-theme .vg-ann-form-wrap {
    background: #141a26 !important;
    border-color: #232c3d !important;
    border-top-color: #3B5998 !important;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2) !important;
}

/* — Header — */
.vg-ann-form-header {
    background: linear-gradient(135deg, #3B5998 0%, #2d4a85 100%) !important;
    text-align: center !important;
    padding: 26px 24px 22px !important;
    margin: 0 !important;
    border-bottom: none !important;
}

.vg-ann-form-header i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 54px !important;
    height: 54px !important;
    margin: 0 auto 12px !important;
    font-size: 26px !important;
    color: #3B5998 !important;
    background: #fff !important;
    border-radius: 50% !important;
}

body.dark-theme .vg-ann-form-header i {
    color: #3B5998 !important;
    background: #e4e8f0 !important;
}

.vg-ann-form-header h5 {
    font-family: "Roboto", sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 6px 0 !important;
}

body.dark-theme .vg-ann-form-header h5 {
    color: #fff !important;
}

.vg-ann-form-header p {
    font-family: "Roboto", sans-serif !important;
    font-size: 14.5px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

body.dark-theme .vg-ann-form-header p {
    color: rgba(255, 255, 255, 0.55) !important;
}

/* — Form body — */
.vg-ann-form-wrap form {
    padding: 24px 22px 26px !important;
}

/* — Labels — */
.vg-ann-form-label {
    display: block !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    color: #3a4050 !important;
    margin-bottom: 5px !important;
    letter-spacing: 0.2px !important;
    text-transform: uppercase !important;
}

.vg-ann-form-label span {
    color: #e04848 !important;
    font-weight: 700 !important;
}

body.dark-theme .vg-ann-form-label {
    color: #e0e4ef !important;
}

/* — Inputs — */
.vg-ann-form-input {
    display: block !important;
    width: 100% !important;
    padding: 11px 14px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 15.5px !important;
    color: #2c3040 !important;
    background-color: #fff !important;
    border: 1.5px solid #dce0e8 !important;
    border-radius: 5px !important;
    outline: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
    -webkit-appearance: none !important;
}

.vg-ann-form-input::placeholder {
    color: #b0b6c4 !important;
    font-weight: 400 !important;
}

.vg-ann-form-input:hover {
    border-color: #c5cbda !important;
}

.vg-ann-form-input:focus {
    border-color: #3B5998 !important;
    box-shadow: 0 0 0 3px rgba(59, 89, 152, 0.1) !important;
    background-color: #fff !important;
}

body.dark-theme .vg-ann-form-input {
    color: #f0f2f8 !important;
    background-color: #0e1420 !important;
    border-color: #283044 !important;
}

body.dark-theme .vg-ann-form-input::placeholder {
    color: #4a5368 !important;
}

body.dark-theme .vg-ann-form-input:hover {
    border-color: #344058 !important;
}

body.dark-theme .vg-ann-form-input:focus {
    border-color: #3B5998 !important;
    box-shadow: 0 0 0 3px rgba(59, 89, 152, 0.2) !important;
    background-color: #0c1018 !important;
}

select.vg-ann-form-input {
    cursor: pointer !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 12px !important;
    padding-right: 36px !important;
}

select.vg-ann-form-input::-ms-expand {
    display: none !important;
}

body.dark-theme select.vg-ann-form-input {
    background-color: #0e1420 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 12px !important;
}

.vg-ann-form-textarea {
    resize: vertical !important;
    min-height: 120px !important;
    line-height: 1.6 !important;
}

/* — Hint — */
.vg-ann-form-hint {
    display: block !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 13px !important;
    color: #97a0b0 !important;
    margin-top: 5px !important;
    padding-left: 1px !important;
}

body.dark-theme .vg-ann-form-hint {
    color: #8890a4 !important;
}

/* — Divider — */
.vg-ann-form-divider {
    height: 0 !important;
    border: none !important;
    border-top: 1px dashed #e0e3ea !important;
    margin: 22px 0 !important;
    background: transparent !important;
}

body.dark-theme .vg-ann-form-divider {
    border-top-color: #232c3d !important;
}

/* — Submit — */
.vg-ann-form-submit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 13px 20px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #3B5998 0%, #2d4a85 100%) !important;
    border: none !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    transition: transform 0.15s ease, box-shadow 0.2s ease, opacity 0.2s ease !important;
}

.vg-ann-form-submit:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(59, 89, 152, 0.35) !important;
}

.vg-ann-form-submit:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px rgba(59, 89, 152, 0.25) !important;
}

.vg-ann-form-submit i {
    font-size: 16px !important;
}

/* — Success alert — */
.vg-ann-form-wrap .alert-success {
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    border-radius: 5px !important;
    padding: 14px 16px !important;
    margin: 0 22px !important;
    margin-top: -4px !important;
    background: #edf7f0 !important;
   border: 1px solid #c3e6cb !important;
    color: #28643b !important;
    line-height: 1.5 !important;
}

body.dark-theme .vg-ann-form-wrap .alert-success {
    background: rgba(40, 167, 69, 0.1) !important;
    border-color: rgba(40, 167, 69, 0.2) !important;
    color: #6dd992 !important;
}

/* — Validation error — */
.vg-ann-form-wrap .text-danger {
    display: block !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 13.5px !important;
    margin-top: 4px !important;
    padding-left: 1px !important;
}

/* — mb-16 / mb-20 spacing inside form — */
.vg-ann-form-wrap .mb-16 {
    margin-bottom: 18px !important;
}

.vg-ann-form-wrap .mb-20 {
    margin-bottom: 22px !important;
}


/* --- Boş state --- */
.vg-announcements-section .vg-empty-state {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #aab0be !important;
}

.vg-announcements-section .vg-empty-state i {
    font-size: 54px !important;
    display: block !important;
    margin-bottom: 12px !important;
    opacity: 0.5 !important;
}

.vg-announcements-section .vg-empty-state p {
    font-family: "Roboto", sans-serif !important;
    font-size: 17px !important;
    margin: 0 !important;
}

body.dark-theme .vg-announcements-section .vg-empty-state {
    color: #8890a4 !important;
}


/* --- Responsive --- */
@media (max-width: 991px) {
    .vg-ann-form-wrap {
        position: static !important;
    }
}

@media (max-width: 575px) {
    .vg-announcements-section .vg-ann-card {
        padding: 18px 16px !important;
    }

    .vg-ann-card-title {
        font-size: 15px !important;
    }

    .vg-ann-form-header {
        padding: 22px 16px 18px !important;
    }

    .vg-ann-form-wrap form {
        padding: 20px 16px 22px !important;
    }

    .vg-ann-filters {
        gap: 6px !important;
    }

    .vg-ann-filter-btn {
        padding: 6px 12px !important;
        font-size: 12px !important;
    }
}



/* ============================================================
   VERGILER.AZ — Videolar səhifəsi
   ============================================================ */

/* --- Video card --- */
.vg-video-card {
    background: #fff !important;
   border: 1px solid #e8eaef !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    height: 100% !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
}

.vg-video-card:hover {
    border-color: #d0d5e0 !important;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.07) !important;
    transform: translateY(-3px) !important;
}

body.dark-theme .vg-video-card {
    background: #161c28 !important;
    border-color: #232c3d !important;
}

body.dark-theme .vg-video-card:hover {
    border-color: #3B5998 !important;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3) !important;
}

/* --- Thumbnail --- */
.vg-video-card-link {
    display: block !important;
    text-decoration: none !important;
}

.vg-video-card-img {
    position: relative !important;
    overflow: hidden !important;
    aspect-ratio: 16 / 9 !important;
}

.vg-video-card-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.35s ease !important;
}

.vg-video-card:hover .vg-video-card-img img {
    transform: scale(1.05) !important;
}

/* --- Overlay --- */
.vg-video-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.5) 100%) !important;
    transition: background 0.3s ease !important;
    pointer-events: none !important;
}

.vg-video-card:hover .vg-video-overlay {
    background: linear-gradient(180deg, rgba(59, 89, 152, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%) !important;
}

/* --- Play button --- */
.vg-video-play {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 54px !important;
    height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border-radius: 50% !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
}

.vg-video-play i {
    font-size: 26px !important;
    color: #3B5998 !important;
    margin-left: 2px !important;
}

.vg-video-card:hover .vg-video-play {
    transform: translate(-50%, -50%) scale(1.1) !important;
    background: #fff !important;
    box-shadow: 0 6px 24px rgba(59, 89, 152, 0.35) !important;
}

body.dark-theme .vg-video-play {
    background: rgba(255, 255, 255, 0.9) !important;
}

/* --- Card body --- */
.vg-video-card-body {
    padding: 16px 18px 18px !important;
}

.vg-video-card-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    color: #1a1e2c !important;
    margin: 0 0 6px 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

body.dark-theme .vg-video-card-title {
    color: #e8ecf4 !important;
}

.vg-video-card-desc {
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    color: #6b7280 !important;
    margin: 0 !important;
}

body.dark-theme .vg-video-card-desc {
    color: #9aa3b8 !important;
}

/* --- Empty state --- */
.vg-videos-section .vg-empty-state {
    text-align: center !important;
    padding: 80px 20px !important;
}

.vg-videos-section .vg-empty-state i {
    font-size: 56px !important;
    color: #c5cad6 !important;
    display: block !important;
    margin-bottom: 16px !important;
}

.vg-videos-section .vg-empty-state h3 {
    font-family: "Roboto", sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin: 0 0 6px 0 !important;
}

.vg-videos-section .vg-empty-state p {
    font-family: "Roboto", sans-serif !important;
    font-size: 18px !important;
    color: #8a8f9c !important;
    margin: 0 !important;
}

body.dark-theme .vg-videos-section .vg-empty-state i {
    color: #3a4258 !important;
}

body.dark-theme .vg-videos-section .vg-empty-state h3 {
    color: #e0e4ef !important;
}

body.dark-theme .vg-videos-section .vg-empty-state p {
    color: #8890a4 !important;
}

/* --- Responsive --- */
@media (max-width: 575px) {
    .vg-video-play {
        width: 44px !important;
        height: 44px !important;
    }

    .vg-video-play i {
        font-size: 18px !important;
    }

    .vg-video-card-body {
        padding: 14px 14px 16px !important;
    }

    .vg-video-card-title {
        font-size: 16px !important;
    }
}




/* ============================================================
   VERGILER.AZ — Sorğular (listing + detail)
   ============================================================ */

/* --- Poll card link --- */
.vg-poll-card-link {
    text-decoration: none !important;
    display: block !important;
    height: 100% !important;
}

/* --- Poll card --- */
.vg-poll-card {
    background: #fff !important;
   border: 1px solid #e8eaef !important;
    border-radius: 5px !important;
    padding: 24px 24px 20px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
}

.vg-poll-card:hover {
    border-color: #d0d5e0 !important;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06) !important;
    transform: translateY(-2px) !important;
}

.vg-poll-card.closed {
    opacity: 0.75 !important;
}

.vg-poll-card.closed:hover {
    opacity: 1 !important;
}

body.dark-theme .vg-poll-card {
    background: #161c28 !important;
    border-color: #232c3d !important;
}

body.dark-theme .vg-poll-card:hover {
    border-color: #3B5998 !important;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3) !important;
}

/* --- Badge --- */
.vg-poll-card-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 4px 10px !important;
    border-radius: 5px !important;
    margin-bottom: 14px !important;
    width: fit-content !important;
}

.vg-poll-card-badge.active {
    color: #1a8a4a !important;
    background: rgba(40, 167, 69, 0.1) !important;
}

.vg-poll-card-badge.active i {
    font-size: 10px !important;
    animation: vg-pulse 1s infinite !important;
}

.vg-poll-card-badge.closed {
    color: #8a8f9c !important;
    background: #f0f1f4 !important;
}

body.dark-theme .vg-poll-card-badge.active {
    color: #6dd992 !important;
    background: rgba(40, 167, 69, 0.15) !important;
}

body.dark-theme .vg-poll-card-badge.closed {
    color: #6b7489 !important;
    background: rgba(255, 255, 255, 0.06) !important;
}

@keyframes vg-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

/* --- Card title --- */
.vg-poll-card-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    color: #1a1e2c !important;
    margin: 0 0 8px 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

body.dark-theme .vg-poll-card-title {
    color: #e8ecf4 !important;
}

/* --- Card desc --- */
.vg-poll-card-desc {
    font-family: "Roboto", sans-serif !important;
    font-size: 15.5px !important;
    line-height: 1.6 !important;
    color: #6b7280 !important;
    margin: 0 0 14px 0 !important;
    flex: 1 !important;
}

body.dark-theme .vg-poll-card-desc {
    color: #9aa3b8 !important;
}

/* --- Card meta --- */
.vg-poll-card-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 14.5px !important;
    color: #8a8f9c !important;
    margin-bottom: 16px !important;
}

.vg-poll-card-meta i {
    margin-right: 3px !important;
    font-size: 16px !important;
}

body.dark-theme .vg-poll-card-meta {
    color: #7b849a !important;
}

/* --- Card CTA --- */
.vg-poll-card-cta {
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #3B5998 !important;
    padding-top: 14px !important;
    border-top: 1px solid #eef0f4 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: gap 0.2s ease !important;
}

.vg-poll-card:hover .vg-poll-card-cta {
    gap: 12px !important;
}

body.dark-theme .vg-poll-card-cta {
    color: #7fa1e0 !important;
    border-top-color: #232c3d !important;
}


/* ============================================================
   Poll detail
   ============================================================ */

.vg-poll-detail-card {
    background: #fff !important;
   border: 1px solid #e8eaef !important;
    border-radius: 5px !important;
    padding: 36px 32px !important;
}

body.dark-theme .vg-poll-detail-card {
    background: #161c28 !important;
    border-color: #232c3d !important;
}

/* --- Question block --- */
.vg-poll-detail-question {
    margin-bottom: 30px !important;
    padding-bottom: 30px !important;
    border-bottom: 1px solid #eef0f4 !important;
}

.vg-poll-detail-question:last-of-type {
    margin-bottom: 24px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

body.dark-theme .vg-poll-detail-question {
    border-bottom-color: #232c3d !important;
}

/* --- Question header --- */
.vg-poll-detail-q-header {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    margin-bottom: 20px !important;
}

.vg-poll-detail-q-num {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #fff !important;
    background: #3B5998 !important;
    border-radius: 50% !important;
    margin-top: 2px !important;
}

.vg-poll-question {
    font-family: "Roboto", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    color: #1a1e2c !important;
    margin: 0 0 4px 0 !important;
}

body.dark-theme .vg-poll-question {
    color: #e8ecf4 !important;
}

.vg-poll-detail-q-type {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    color: #8a8f9c !important;
}

body.dark-theme .vg-poll-detail-q-type {
    color: #7b849a !important;
}

/* --- Form area (indented) --- */
.vg-poll-detail-q-form {
    padding-left: 40px !important;
}


/* ============================================================
   Option cards (radio + checkbox) — təkmilləşdirilmiş
   ============================================================ */
.vg-poll-option-card {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 14px 18px !important;
    margin-bottom: 10px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 16.5px !important;
    color: #333a4a !important;
    background: #fff !important;
   border: 1px solid #e4e7ed !important;
    border-left: 3px solid #e4e7ed !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    user-select: none !important;
    position: relative !important;
}

.vg-poll-option-card:last-child {
    margin-bottom: 0 !important;
}

.vg-poll-option-card:hover {
    border-color: #b8c2d6 !important;
    border-left-color: #3B5998 !important;
    background: #f8f9fc !important;
    box-shadow: 0 2px 8px rgba(59, 89, 152, 0.06) !important;
}

body.dark-theme .vg-poll-option-card {
    color: #e0e4ef !important;
    background: #111722 !important;
    border-color: #283044 !important;
    border-left-color: #283044 !important;
}

body.dark-theme .vg-poll-option-card:hover {
    border-color: #344058 !important;
    border-left-color: #3B5998 !important;
    background: #151d2c !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

/* Hide native input */
.vg-poll-option-card input[type="radio"],
.vg-poll-option-card input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* --- Custom radio circle --- */
.vg-poll-option-radio {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    border: 2px solid #c5cad6 !important;
    border-radius: 50% !important;
    position: relative !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.vg-poll-option-radio::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) scale(0) !important;
    width: 11px !important;
    height: 11px !important;
    background: #3B5998 !important;
    border-radius: 50% !important;
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.vg-poll-option-card:hover .vg-poll-option-radio {
    border-color: #9aa3b8 !important;
}

.vg-poll-option-card input[type="radio"]:checked ~ .vg-poll-option-radio {
    border-color: #3B5998 !important;
    box-shadow: 0 0 0 3px rgba(59, 89, 152, 0.12) !important;
}

.vg-poll-option-card input[type="radio"]:checked ~ .vg-poll-option-radio::after {
    transform: translate(-50%, -50%) scale(1) !important;
}

body.dark-theme .vg-poll-option-radio {
    border-color: #3a4258 !important;
}

body.dark-theme .vg-poll-option-card:hover .vg-poll-option-radio {
    border-color: #4d5a78 !important;
}

body.dark-theme .vg-poll-option-card input[type="radio"]:checked ~ .vg-poll-option-radio {
    border-color: #7fa1e0 !important;
    box-shadow: 0 0 0 3px rgba(59, 89, 152, 0.2) !important;
}

body.dark-theme .vg-poll-option-card input[type="radio"]:checked ~ .vg-poll-option-radio::after {
    background: #7fa1e0 !important;
}

/* --- Custom checkbox --- */
.vg-poll-option-checkbox {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    border: 2px solid #c5cad6 !important;
    border-radius: 5px !important;
    position: relative !important;
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
}

.vg-poll-option-checkbox::after {
    content: '' !important;
    position: absolute !important;
    top: 3px !important;
    left: 7px !important;
    width: 6px !important;
    height: 11px !important;
    border: solid #fff !important;
    border-width: 0 2.5px 2.5px 0 !important;
    transform: rotate(45deg) scale(0) !important;
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.vg-poll-option-card:hover .vg-poll-option-checkbox {
    border-color: #9aa3b8 !important;
}

.vg-poll-option-card input[type="checkbox"]:checked ~ .vg-poll-option-checkbox {
    background: #3B5998 !important;
    border-color: #3B5998 !important;
    box-shadow: 0 0 0 3px rgba(59, 89, 152, 0.12) !important;
}

.vg-poll-option-card input[type="checkbox"]:checked ~ .vg-poll-option-checkbox::after {
    transform: rotate(45deg) scale(1) !important;
}

body.dark-theme .vg-poll-option-checkbox {
    border-color: #3a4258 !important;
}

body.dark-theme .vg-poll-option-card:hover .vg-poll-option-checkbox {
    border-color: #4d5a78 !important;
}

body.dark-theme .vg-poll-option-card input[type="checkbox"]:checked ~ .vg-poll-option-checkbox {
    background: #3B5998 !important;
    border-color: #3B5998 !important;
    box-shadow: 0 0 0 3px rgba(59, 89, 152, 0.2) !important;
}

/* Selected card highlight */
.vg-poll-option-card:has(input:checked) {
    border-color: #3B5998 !important;
    border-left-color: #3B5998 !important;
    background: rgba(59, 89, 152, 0.03) !important;
    box-shadow: 0 2px 12px rgba(59, 89, 152, 0.08) !important;
}

body.dark-theme .vg-poll-option-card:has(input:checked) {
    border-color: #3B5998 !important;
    border-left-color: #3B5998 !important;
    background: rgba(59, 89, 152, 0.08) !important;
    box-shadow: 0 2px 12px rgba(59, 89, 152, 0.15) !important;
}

/* --- Option text — seçildikdə bold --- */
.vg-poll-option-text {
    font-family: "Roboto", sans-serif !important;
    font-size: 16.5px !important;
    line-height: 1.4 !important;
    transition: color 0.2s ease !important;
}

.vg-poll-option-card:has(input:checked) .vg-poll-option-text {
    font-weight: 600 !important;
    color: #3B5998 !important;
}

body.dark-theme .vg-poll-option-card:has(input:checked) .vg-poll-option-text {
    color: #7fa1e0 !important;
}


/* ============================================================
   Select dropdown — təkmilləşdirilmiş
   ============================================================ */
.vg-poll-select {
    display: block !important;
    width: 100% !important;
    max-width: 700px !important;
    padding: 13px 44px 13px 16px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 16.5px !important;
    font-weight: 500 !important;
    color: #2c3040 !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%233B5998' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 14px !important;
    border: 1.5px solid #dce0e8 !important;
    border-left: 3px solid #dce0e8 !important;
    border-radius: 5px !important;
    outline: none !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    transition: all 0.2s ease !important;
}

.vg-poll-select:hover {
    border-color: #b8c2d6 !important;
    border-left-color: #3B5998 !important;
    box-shadow: 0 2px 8px rgba(59, 89, 152, 0.06) !important;
}

.vg-poll-select:focus {
    border-color: #3B5998 !important;
    border-left-color: #3B5998 !important;
    box-shadow: 0 0 0 3px rgba(59, 89, 152, 0.1) !important;
}

body.dark-theme .vg-poll-select {
    color: #f0f2f8 !important;
    background-color: #111722 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237fa1e0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 14px !important;
    border-color: #283044 !important;
    border-left-color: #283044 !important;
}

body.dark-theme .vg-poll-select:hover {
    border-color: #344058 !important;
    border-left-color: #3B5998 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

body.dark-theme .vg-poll-select:focus {
    border-color: #3B5998 !important;
    border-left-color: #3B5998 !important;
    box-shadow: 0 0 0 3px rgba(59, 89, 152, 0.2) !important;
}


/* ============================================================
   Text / Textarea inputs
   ============================================================ */
.vg-poll-text-input,
.vg-poll-textarea {
    display: block !important;
    width: 100% !important;
    padding: 11px 14px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    color: #2c3040 !important;
    background-color: #f9fafb !important;
    border: 1.5px solid #dce0e8 !important;
    border-radius: 5px !important;
    outline: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.vg-poll-text-input::placeholder,
.vg-poll-textarea::placeholder {
    color: #b0b6c4 !important;
}

.vg-poll-text-input:focus,
.vg-poll-textarea:focus {
    border-color: #3B5998 !important;
    box-shadow: 0 0 0 3px rgba(59, 89, 152, 0.1) !important;
}

body.dark-theme .vg-poll-text-input,
body.dark-theme .vg-poll-textarea {
    color: #f0f2f8 !important;
    background-color: #0e1420 !important;
    border-color: #283044 !important;
}

body.dark-theme .vg-poll-text-input::placeholder,
body.dark-theme .vg-poll-textarea::placeholder {
    color: #4a5368 !important;
}

body.dark-theme .vg-poll-text-input:focus,
body.dark-theme .vg-poll-textarea:focus {
    border-color: #3B5998 !important;
    box-shadow: 0 0 0 3px rgba(59, 89, 152, 0.2) !important;
}

.vg-poll-textarea {
    min-height: 100px !important;
    resize: vertical !important;
    line-height: 1.6 !important;
}


/* ============================================================
   Rating stars
   ============================================================ */
.vg-poll-rating {
    display: flex !important;
    gap: 6px !important;
}

.vg-poll-star {
    font-size: 32px !important;
    color: #d0d5e0 !important;
    cursor: pointer !important;
    transition: color 0.15s ease, transform 0.15s ease !important;
    line-height: 1 !important;
}

.vg-poll-star:hover {
    color: #f0ad4e !important;
    transform: scale(1.2) !important;
}

.vg-poll-star.active {
    color: #f0ad4e !important;
}

body.dark-theme .vg-poll-star {
    color: #2a3245 !important;
}

body.dark-theme .vg-poll-star:hover,
body.dark-theme .vg-poll-star.active {
    color: #f0ad4e !important;
}


/* ============================================================
   Actions
   ============================================================ */
.vg-poll-detail-actions {
    display: flex !important;
    gap: 10px !important;
    padding-top: 8px !important;
}

.vg-poll-btn {
    padding: 12px 28px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    border: none !important;
    color: #fff !important;
    background: linear-gradient(135deg, #3B5998 0%, #2d4a85 100%) !important;
}

.vg-poll-btn:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(59, 89, 152, 0.35) !important;
}

.vg-poll-btn:active {
    transform: translateY(0) !important;
}

.vg-poll-btn:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}

.vg-poll-btn-outline {
    background: transparent !important;
    color: #3B5998 !important;
    border: 1.5px solid #3B5998 !important;
}

.vg-poll-btn-outline:hover {
    background: rgba(59, 89, 152, 0.06) !important;
    box-shadow: none !important;
    transform: none !important;
}

body.dark-theme .vg-poll-btn-outline {
    color: #7fa1e0 !important;
    border-color: #3B5998 !important;
}

body.dark-theme .vg-poll-btn-outline:hover {
    background: rgba(59, 89, 152, 0.15) !important;
}


/* ============================================================
   Result bars
   ============================================================ */
.vg-poll-result-item {
    margin-bottom: 14px !important;
}

.vg-poll-result-item:last-child {
    margin-bottom: 0 !important;
}

.vg-poll-result-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 6px !important;
}

.vg-poll-result-text {
    font-family: "Roboto", sans-serif !important;
    font-size: 15.5px !important;
    color: #333a4a !important;
}

body.dark-theme .vg-poll-result-text {
    color: #e0e4ef !important;
}

.vg-poll-result-percent {
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #3B5998 !important;
}

body.dark-theme .vg-poll-result-percent {
    color: #7fa1e0 !important;
}

.vg-poll-result-bar {
    height: 10px !important;
    background: #eef0f4 !important;
    border-radius: 5px !important;
    overflow: hidden !important;
}

body.dark-theme .vg-poll-result-bar {
    background: #1e2533 !important;
}

.vg-poll-result-fill {
    height: 100% !important;
    background: linear-gradient(90deg, #3B5998, #5a7ec2) !important;
    border-radius: 5px !important;
    transition: width 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.vg-poll-result-item.voted .vg-poll-result-fill {
    background: linear-gradient(90deg, #28a745, #5ccc76) !important;
}

.vg-poll-result-item.voted .vg-poll-result-text {
    font-weight: 600 !important;
    color: #28a745 !important;
}

body.dark-theme .vg-poll-result-item.voted .vg-poll-result-text {
    color: #6dd992 !important;
}


/* ============================================================
   Alerts
   ============================================================ */
.vg-poll-alert-success,
.vg-poll-alert-error {
    font-family: "Roboto", sans-serif !important;
    font-size: 15.5px !important;
    padding: 14px 18px !important;
    border-radius: 5px !important;
    margin-top: 16px !important;
    line-height: 1.5 !important;
}

.vg-poll-alert-success {
    background: #edf7f0 !important;
   border: 1px solid #c3e6cb !important;
    color: #28643b !important;
}

.vg-poll-alert-error {
    background: #fdf0f0 !important;
   border: 1px solid #f0c3c3 !important;
    color: #9b2c2c !important;
}

body.dark-theme .vg-poll-alert-success {
    background: rgba(40, 167, 69, 0.1) !important;
    border-color: rgba(40, 167, 69, 0.2) !important;
    color: #6dd992 !important;
}

body.dark-theme .vg-poll-alert-error {
    background: rgba(220, 53, 69, 0.1) !important;
    border-color: rgba(220, 53, 69, 0.2) !important;
    color: #f07070 !important;
}


/* ============================================================
   Page header meta (poll detail breadcrumb area)
   ============================================================ */
.vg-card-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    color: #8a8f9c !important;
}

.vg-card-meta i {
    margin-right: 3px !important;
}

body.dark-theme .vg-card-meta {
    color: #9aa3b8 !important;
}


/* ============================================================
   Empty state
   ============================================================ */
.vg-polls-section .vg-empty-state {
    text-align: center !important;
    padding: 80px 20px !important;
}

.vg-polls-section .vg-empty-state i {
    font-size: 54px !important;
    color: #c5cad6 !important;
    display: block !important;
    margin-bottom: 16px !important;
}

.vg-polls-section .vg-empty-state h3 {
    font-family: "Roboto", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin: 0 0 6px 0 !important;
}

.vg-polls-section .vg-empty-state p {
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    color: #8a8f9c !important;
    margin: 0 !important;
}

body.dark-theme .vg-polls-section .vg-empty-state i {
    color: #3a4258 !important;
}

body.dark-theme .vg-polls-section .vg-empty-state h3 {
    color: #e0e4ef !important;
}

body.dark-theme .vg-polls-section .vg-empty-state p {
    color: #8890a4 !important;
}


/* ============================================================
   Responsive
   ============================================================ */
@media (max-width: 575px) {
    .vg-poll-detail-card {
        padding: 22px 16px !important;
    }

    .vg-poll-detail-q-form {
        padding-left: 0 !important;
    }

    .vg-poll-detail-q-header {
        gap: 10px !important;
    }

    .vg-poll-detail-q-num {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        font-size: 14px !important;
    }

    .vg-poll-question {
        font-size: 16.5px !important;
    }

    .vg-poll-detail-actions {
        flex-direction: column !important;
    }

    .vg-poll-btn {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
        display: flex !important;
    }

    .vg-poll-card {
        padding: 18px 16px 16px !important;
    }

    .vg-poll-card-title {
        font-size: 16.5px !important;
    }

    .vg-poll-option-card {
        padding: 10px 12px !important;
        font-size: 15px !important;
    }

    .vg-poll-star {
        font-size: 28px !important;
    }
}



/* ============================================================
   VERGILER.AZ — Müəlliflər (listing + detail)
   ============================================================ */

/* ============================================================
   Authors listing — kartlar
   ============================================================ */
.vg-author-card {
    display: flex !important;
    align-items: flex-start !important;
    gap: 18px !important;
    background: #fff !important;
   border: 1px solid #e8eaef !important;
    border-radius: 5px !important;
    padding: 24px !important;
    height: 100% !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
}

.vg-author-card:hover {
    border-color: #d0d5e0 !important;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06) !important;
    transform: translateY(-2px) !important;
}

body.dark-theme .vg-author-card {
    background: #161c28 !important;
    border-color: #232c3d !important;
}

body.dark-theme .vg-author-card:hover {
    border-color: #3B5998 !important;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3) !important;
}

/* --- Icon avatar --- */
.vg-author-card-icon {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #3B5998 0%, #2d4a85 100%) !important;
    border-radius: 50% !important;
    font-size: 26px !important;
    color: #fff !important;
    flex-shrink: 0 !important;
}

/* --- Card body --- */
.vg-author-card-body {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
}

.vg-author-card-name {
    font-family: "Roboto", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #1a1e2c !important;
    margin: 0 0 3px 0 !important;
}

body.dark-theme .vg-author-card-name {
    color: #e8ecf4 !important;
}

.vg-author-card-role {
    display: inline-block !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    color: #3B5998 !important;
    margin-bottom: 8px !important;
}

body.dark-theme .vg-author-card-role {
    color: #7fa1e0 !important;
}

.vg-author-card-bio {
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #6b7280 !important;
    margin: 0 0 14px 0 !important;
    flex: 1 !important;
}

body.dark-theme .vg-author-card-bio {
    color: #9aa3b8 !important;
}

/* --- Card footer --- */
.vg-author-card-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding-top: 12px !important;
    border-top: 1px solid #eef0f4 !important;
    margin-top: auto !important;
}

body.dark-theme .vg-author-card-footer {
    border-top-color: #232c3d !important;
}

.vg-author-card-stat {
    font-family: "Roboto", sans-serif !important;
    font-size: 14.5px !important;
    color: #8a8f9c !important;
}

.vg-author-card-stat i {
    margin-right: 3px !important;
    font-size: 14px !important;
    color: #3B5998 !important;
}

body.dark-theme .vg-author-card-stat {
    color: #7b849a !important;
}

body.dark-theme .vg-author-card-stat i {
    color: #7fa1e0 !important;
}

/* --- Social links (card) --- */
.vg-author-card-social {
    display: flex !important;
    gap: 4px !important;
}

.vg-author-card-social a {
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    color: #8a8f9c !important;
    background: #f5f6f8 !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.vg-author-card-social a:hover {
    color: #fff !important;
    background: #3B5998 !important;
}

body.dark-theme .vg-author-card-social a {
    color: #7b849a !important;
    background: rgba(255, 255, 255, 0.06) !important;
}

body.dark-theme .vg-author-card-social a:hover {
    color: #fff !important;
    background: #3B5998 !important;
}


/* ============================================================
   Author detail
   ============================================================ */
.vg-author-detail {
    padding: 40px 0 0 !important;
}

/* --- Detail card --- */
.vg-author-detail-card {
    display: flex !important;
    align-items: flex-start !important;
    gap: 28px !important;
    background: #fff !important;
   border: 1px solid #e8eaef !important;
    border-radius: 5px !important;
    padding: 32px !important;
}

body.dark-theme .vg-author-detail-card {
    background: #161c28 !important;
    border-color: #232c3d !important;
}

/* --- Detail icon --- */
.vg-author-detail-icon {
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #3B5998 0%, #2d4a85 100%) !important;
    border-radius: 50% !important;
    font-size: 36px !important;
    color: #fff !important;
    box-shadow: 0 4px 16px rgba(59, 89, 152, 0.25) !important;
}

/* --- Detail info --- */
.vg-author-detail-info {
    flex: 1 !important;
    min-width: 0 !important;
}

.vg-author-detail-name {
    font-family: "Roboto", sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #1a1e2c !important;
    margin: 0 0 4px 0 !important;
}

body.dark-theme .vg-author-detail-name {
    color: #e8ecf4 !important;
}

.vg-author-detail-role {
    display: inline-block !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #3B5998 !important;
    margin-bottom: 12px !important;
}

body.dark-theme .vg-author-detail-role {
    color: #7fa1e0 !important;
}

.vg-author-detail-bio {
    font-family: "Roboto", sans-serif !important;
    font-size: 16.5px !important;
    line-height: 1.7 !important;
    color: #555b6e !important;
    margin: 0 0 18px 0 !important;
}

body.dark-theme .vg-author-detail-bio {
    color: #b0b8cc !important;
}

/* --- Detail meta --- */
.vg-author-detail-meta {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    padding-top: 16px !important;
    border-top: 1px solid #eef0f4 !important;
}

body.dark-theme .vg-author-detail-meta {
    border-top-color: #232c3d !important;
}

.vg-author-detail-stat {
    font-family: "Roboto", sans-serif !important;
    font-size: 15.5px !important;
    color: #8a8f9c !important;
}

.vg-author-detail-stat i {
    margin-right: 4px !important;
    font-size: 17px !important;
    color: #3B5998 !important;
}

body.dark-theme .vg-author-detail-stat {
    color: #9aa3b8 !important;
}

body.dark-theme .vg-author-detail-stat i {
    color: #7fa1e0 !important;
}

/* --- Social links (detail) --- */
.vg-author-detail-social {
    display: flex !important;
    gap: 6px !important;
}

.vg-author-detail-social a {
    width: 34px !important;
    height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 17px !important;
    color: #8a8f9c !important;
    background: #f5f6f8 !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.vg-author-detail-social a:hover {
    color: #fff !important;
    background: #3B5998 !important;
}

body.dark-theme .vg-author-detail-social a {
    color: #7b849a !important;
    background: rgba(255, 255, 255, 0.06) !important;
}

body.dark-theme .vg-author-detail-social a:hover {
    color: #fff !important;
    background: #3B5998 !important;
}


/* ============================================================
   Author posts list
   ============================================================ */
.vg-posts-list-item {
    display: block !important;
    text-decoration: none !important;
    background: #fff !important;
   border: 1px solid #e8eaef !important;
    border-radius: 5px !important;
    padding: 16px !important;
    margin-bottom: 16px !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.vg-posts-list-item:hover {
    border-color: #d0d5e0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
}

body.dark-theme .vg-posts-list-item {
    background: #161c28 !important;
    border-color: #232c3d !important;
}

body.dark-theme .vg-posts-list-item:hover {
    border-color: #3B5998 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}

/* --- Post image --- */
.vg-posts-list-img {
    border-radius: 5px !important;
    overflow: hidden !important;
    aspect-ratio: 16 / 10 !important;
}

.vg-posts-list-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.3s ease !important;
}

.vg-posts-list-item:hover .vg-posts-list-img img {
    transform: scale(1.04) !important;
}

/* --- Post body --- */
.vg-posts-list-body {
    padding: 4px 0 !important;
}

.vg-posts-list-cat {
    display: inline-block !important;
    width: fit-content !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #3B5998 !important;
    background: rgba(59, 89, 152, 0.08) !important;
    padding: 3px 10px !important;
    border-radius: 5px !important;
    margin-bottom: 8px !important;
}

body.dark-theme .vg-posts-list-cat {
    color: #7fa1e0 !important;
    background: rgba(59, 89, 152, 0.18) !important;
}

.vg-posts-list-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    color: #1a1e2c !important;
    margin: 0 0 8px 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    transition: color 0.2s ease !important;
}

.vg-posts-list-item:hover .vg-posts-list-title {
    color: #3B5998 !important;
}

body.dark-theme .vg-posts-list-title {
    color: #e8ecf4 !important;
}

body.dark-theme .vg-posts-list-item:hover .vg-posts-list-title {
    color: #7fa1e0 !important;
}


/* ============================================================
   Responsive
   ============================================================ */
@media (max-width: 767px) {
    .vg-author-detail-card {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 28px 20px !important;
    }

    .vg-author-detail-meta {
        justify-content: center !important;
        flex-wrap: wrap !important;
    }

    .vg-author-detail-name {
        font-size: 19px !important;
    }

    .vg-posts-list-img {
        margin-bottom: 12px !important;
    }
}

@media (max-width: 575px) {
    .vg-author-card {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 20px 16px !important;
    }

    .vg-author-card-footer {
        flex-direction: column !important;
        gap: 8px !important;
    }

    .vg-author-detail-card {
        gap: 18px !important;
        padding: 22px 16px !important;
    }

    .vg-author-detail-icon {
        width: 64px !important;
        height: 64px !important;
        min-width: 64px !important;
        font-size: 26px !important;
    }

    .vg-posts-list-item {
        padding: 12px !important;
    }

    .vg-posts-list-title {
        font-size: 14.5px !important;
    }
}




/* ============================================================
   VERGILER.AZ — Foto qalereya (listing + detail)
   ============================================================ */

/* ============================================================
   Photos listing — kartlar
   ============================================================ */
.vg-photo-card {
    display: block !important;
    text-decoration: none !important;
    background: #fff !important;
   border: 1px solid #e8eaef !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    height: 100% !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
}

.vg-photo-card:hover {
    border-color: #d0d5e0 !important;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.07) !important;
    transform: translateY(-3px) !important;
}

body.dark-theme .vg-photo-card {
    background: #161c28 !important;
    border-color: #232c3d !important;
}

body.dark-theme .vg-photo-card:hover {
    border-color: #3B5998 !important;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3) !important;
}

/* --- Card image --- */
.vg-photo-card-img {
    position: relative !important;
    overflow: hidden !important;
    aspect-ratio: 16 / 10 !important;
}

.vg-photo-card-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.35s ease !important;
}

.vg-photo-card:hover .vg-photo-card-img img {
    transform: scale(1.05) !important;
}

/* --- Overlay --- */
.vg-photo-card-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, 0.55) 100%) !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    padding: 14px 16px !important;
    pointer-events: none !important;
    transition: background 0.3s ease !important;
}

.vg-photo-card:hover .vg-photo-card-overlay {
    background: linear-gradient(180deg, rgba(59, 89, 152, 0.08) 0%, rgba(0, 0, 0, 0.6) 100%) !important;
}

/* --- Photo count badge --- */
.vg-photo-card-count {
    font-family: "Roboto", sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    color: #fff !important;
    background: rgba(0, 0, 0, 0.45) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    padding: 5px 12px !important;
    border-radius: 4px !important;
    letter-spacing: 0.3px !important;
}

.vg-photo-card-count i {
    margin-right: 4px !important;
    font-size: 14px !important;
}

/* --- Card body --- */
.vg-photo-card-body {
    padding: 16px 18px 18px !important;
}

.vg-photo-card-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    color: #1a1e2c !important;
    margin: 0 0 8px 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

body.dark-theme .vg-photo-card-title {
    color: #e8ecf4 !important;
}

/* --- Empty state --- */
.vg-photos-section .vg-empty-state {
    text-align: center !important;
    padding: 80px 20px !important;
}

.vg-photos-section .vg-empty-state i {
    font-size: 56px !important;
    color: #c5cad6 !important;
    display: block !important;
    margin-bottom: 16px !important;
}

.vg-photos-section .vg-empty-state h3 {
    font-family: "Roboto", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin: 0 0 6px 0 !important;
}

.vg-photos-section .vg-empty-state p {
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    color: #8a8f9c !important;
    margin: 0 !important;
}

body.dark-theme .vg-photos-section .vg-empty-state i {
    color: #3a4258 !important;
}

body.dark-theme .vg-photos-section .vg-empty-state h3 {
    color: #e0e4ef !important;
}

body.dark-theme .vg-photos-section .vg-empty-state p {
    color: #8890a4 !important;
}


/* ============================================================
   Gallery detail
   ============================================================ */

/* --- Meta --- */
.vg-gallery-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 20px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 15.5px !important;
    color: #6b7280 !important;
    padding: 16px 20px !important;
    background: #f9fafb !important;
   border: 1px solid #e8eaef !important;
    border-radius: 5px !important;
}

.vg-gallery-meta i {
    margin-right: 4px !important;
    font-size: 17px !important;
    color: #3B5998 !important;
}

.vg-gallery-meta a {
    color: #3B5998 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    margin-left: auto !important;
    transition: color 0.2s ease !important;
}

.vg-gallery-meta a:hover {
    color: #2d4a85 !important;
}

body.dark-theme .vg-gallery-meta {
    color: #9aa3b8 !important;
    background: #111722 !important;
    border-color: #232c3d !important;
}

body.dark-theme .vg-gallery-meta i {
    color: #7fa1e0 !important;
}

body.dark-theme .vg-gallery-meta a {
    color: #7fa1e0 !important;
}

/* --- Gallery item --- */
.vg-gallery-item {
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 5px !important;
    aspect-ratio: 5 / 3 !important;
}

.vg-gallery-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.35s ease !important;
}

.vg-gallery-item:hover img {
    transform: scale(1.06) !important;
}

/* --- Caption overlay --- */
.vg-gallery-item-caption {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding: 28px 14px 12px !important;
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.65) 100%) !important;
    transform: translateY(100%) !important;
    transition: transform 0.3s ease !important;
}

.vg-gallery-item:hover .vg-gallery-item-caption {
    transform: translateY(0) !important;
}

.vg-gallery-item-caption span {
    font-family: "Roboto", sans-serif !important;
    font-size: 14.5px !important;
    color: #fff !important;
    line-height: 1.4 !important;
}

/* --- Back link --- */
.vg-gallery-back a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #3B5998 !important;
    text-decoration: none !important;
    padding: 10px 22px !important;
    border: 1.5px solid #3B5998 !important;
    border-radius: 5px !important;
    transition: all 0.2s ease !important;
}

.vg-gallery-back a:hover {
    background: #3B5998 !important;
    color: #fff !important;
}

body.dark-theme .vg-gallery-back a {
    color: #7fa1e0 !important;
    border-color: #3B5998 !important;
}

body.dark-theme .vg-gallery-back a:hover {
    background: #3B5998 !important;
    color: #fff !important;
}


/* ============================================================
   Responsive
   ============================================================ */
@media (max-width: 767px) {
    .vg-gallery-meta {
        gap: 12px !important;
        font-size: 12.5px !important;
        padding: 14px 16px !important;
    }

    .vg-gallery-meta a {
        margin-left: 0 !important;
    }

    .vg-gallery-item-caption {
        transform: translateY(0) !important;
    }
}

@media (max-width: 575px) {
    .vg-photo-card-body {
        padding: 14px 14px 16px !important;
    }

    .vg-photo-card-title {
        font-size: 14px !important;
    }

    .vg-gallery-item {
        border-radius: 5px !important;
    }
}




/* ============================================================
   VERGILER.AZ — Offcanvas Sidebar
   ============================================================ */

/* --- Base --- */
.vg-offcanvas {
    width: 340px !important;
    max-width: 85vw !important;
    background: #fff !important;
    border-right: none !important;
    box-shadow: 8px 0 40px rgba(0, 0, 0, 0.12) !important;
}

body.dark-theme .vg-offcanvas {
    background: #111722 !important;
    box-shadow: 8px 0 40px rgba(0, 0, 0, 0.4) !important;
}

/* --- Header --- */
.vg-offcanvas-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 20px 22px !important;
    border-bottom: 1px solid #eef0f4 !important;
}

body.dark-theme .vg-offcanvas-header {
    border-bottom-color: #1e2533 !important;
}

.vg-offcanvas-logo {
    font-family: 'Merriweather', serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1a1e2c !important;
    text-decoration: none !important;
}

.vg-offcanvas-logo span {
    font-weight: 400 !important;
    color: #3B5998 !important;
}

body.dark-theme .vg-offcanvas-logo {
    color: #e8ecf4 !important;
}

body.dark-theme .vg-offcanvas-logo span {
    color: #7fa1e0 !important;
}

.vg-offcanvas-close {
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    color: #6b7280 !important;
    background: #f5f6f8 !important;
    border: none !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.vg-offcanvas-close:hover {
    color: #fff !important;
    background: #3B5998 !important;
}

body.dark-theme .vg-offcanvas-close {
    color: #9aa3b8 !important;
    background: #1e2533 !important;
}

body.dark-theme .vg-offcanvas-close:hover {
    color: #fff !important;
    background: #3B5998 !important;
}

/* --- Body --- */
.vg-offcanvas-body {
    padding: 22px !important;
    overflow-y: auto !important;
}

/* --- Search --- */
.vg-offcanvas-search {
    margin-bottom: 24px !important;
    position: relative !important;
}

.vg-offcanvas-search-wrap {
    display: flex !important;
    border: 1.5px solid #dce0e8 !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    background: #f9fafb !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.vg-offcanvas-search-wrap:focus-within {
    border-color: #3B5998 !important;
    box-shadow: 0 0 0 3px rgba(59, 89, 152, 0.1) !important;
    background: #fff !important;
}

.vg-offcanvas-search-wrap input {
    flex: 1 !important;
    border: none !important;
    background: transparent !important;
    padding: 10px 14px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13.5px !important;
    color: #333 !important;
    outline: none !important;
}

.vg-offcanvas-search-wrap input::placeholder {
    color: #b0b6c4 !important;
}

.vg-offcanvas-search-wrap button {
    width: 42px !important;
    border: none !important;
    background: transparent !important;
    color: #3B5998 !important;
    font-size: 18px !important;
    cursor: pointer !important;
    transition: color 0.2s ease !important;
}

.vg-offcanvas-search-wrap button:hover {
    color: #2d4a85 !important;
}

body.dark-theme .vg-offcanvas-search-wrap {
    background: #0e1420 !important;
    border-color: #283044 !important;
}

body.dark-theme .vg-offcanvas-search-wrap:focus-within {
    border-color: #3B5998 !important;
    box-shadow: 0 0 0 3px rgba(59, 89, 152, 0.2) !important;
}

body.dark-theme .vg-offcanvas-search-wrap input {
    color: #f0f2f8 !important;
}

body.dark-theme .vg-offcanvas-search-wrap input::placeholder {
    color: #4a5368 !important;
}

body.dark-theme .vg-offcanvas-search-wrap button {
    color: #7fa1e0 !important;
}

/* --- Live search dropdown --- */
.vg-sidebar-live-search {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 100 !important;
    background: #fff !important;
   border: 1px solid #e8eaef !important;
    border-radius: 5px !important;
    margin-top: 4px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
    max-height: 300px !important;
    overflow-y: auto !important;
}

body.dark-theme .vg-sidebar-live-search {
    background: #161c28 !important;
    border-color: #232c3d !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

/* --- Section title --- */
.vg-offcanvas-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    color: #8a8f9c !important;
    margin: 0 0 12px 0 !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #eef0f4 !important;
}

body.dark-theme .vg-offcanvas-title {
    color: #6b7489 !important;
    border-bottom-color: #1e2533 !important;
}

/* --- Navigation --- */
.vg-offcanvas-nav {
    margin-bottom: 24px !important;
}

.vg-offcanvas-nav ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.vg-offcanvas-nav > ul > li {
    border-bottom: 1px solid #f3f4f6 !important;
}

body.dark-theme .vg-offcanvas-nav > ul > li {
    border-bottom-color: #1a2030 !important;
}

.vg-offcanvas-nav > ul > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 11px 4px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333a4a !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.vg-offcanvas-nav > ul > li > a:hover {
    color: #3B5998 !important;
}

.vg-offcanvas-nav > ul > li > a i {
    font-size: 12px !important;
    color: #b0b6c4 !important;
    transition: transform 0.2s ease !important;
}

body.dark-theme .vg-offcanvas-nav > ul > li > a {
    color: #e0e4ef !important;
}

body.dark-theme .vg-offcanvas-nav > ul > li > a:hover {
    color: #7fa1e0 !important;
}

body.dark-theme .vg-offcanvas-nav > ul > li > a i {
    color: #4a5368 !important;
}

/* --- Submenu --- */
.vg-offcanvas-submenu {
    list-style: none !important;
    padding: 0 0 6px 16px !important;
    margin: 0 !important;
    display: none !important;
}

.vg-offcanvas-nav > ul > li:hover .vg-offcanvas-submenu,
.vg-offcanvas-nav > ul > li.open .vg-offcanvas-submenu {
    display: block !important;
}

.vg-offcanvas-submenu li a {
    display: block !important;
    padding: 7px 4px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #6b7280 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.vg-offcanvas-submenu li a:hover {
    color: #3B5998 !important;
}

body.dark-theme .vg-offcanvas-submenu li a {
    color: #8890a4 !important;
}

body.dark-theme .vg-offcanvas-submenu li a:hover {
    color: #7fa1e0 !important;
}

/* --- Categories --- */
.vg-offcanvas-categories {
    margin-bottom: 24px !important;
}

.vg-offcanvas-cat {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 9px 4px !important;
    text-decoration: none !important;
    border-bottom: 1px solid #f3f4f6 !important;
    transition: background 0.15s ease !important;
}

.vg-offcanvas-cat:hover {
    background: rgba(59, 89, 152, 0.03) !important;
}

body.dark-theme .vg-offcanvas-cat {
    border-bottom-color: #1a2030 !important;
}

body.dark-theme .vg-offcanvas-cat:hover {
    background: rgba(59, 89, 152, 0.06) !important;
}

.vg-offcanvas-cat-dot {
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    border-radius: 50% !important;
}

.vg-offcanvas-cat-name {
    flex: 1 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #333a4a !important;
}

body.dark-theme .vg-offcanvas-cat-name {
    color: #e0e4ef !important;
}

.vg-offcanvas-cat-count {
    font-family: 'Inter', sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    color: #8a8f9c !important;
    background: #f3f4f6 !important;
    padding: 2px 8px !important;
    border-radius: 10px !important;
    min-width: 28px !important;
    text-align: center !important;
}

body.dark-theme .vg-offcanvas-cat-count {
    color: #7b849a !important;
    background: #1e2533 !important;
}

/* --- About --- */
.vg-offcanvas-about {
    margin-bottom: 24px !important;
}

.vg-offcanvas-about p {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    color: #6b7280 !important;
    margin: 0 !important;
}

body.dark-theme .vg-offcanvas-about p {
    color: #9aa3b8 !important;
}

/* --- Contact --- */
.vg-offcanvas-contact {
    margin-bottom: 24px !important;
}

.vg-offcanvas-contact ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.vg-offcanvas-contact li {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 7px 0 !important;
}

.vg-offcanvas-contact li a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.vg-offcanvas-contact li i {
    font-size: 18px !important;
    color: #3B5998 !important;
    width: 20px !important;
    text-align: center !important;
}

.vg-offcanvas-contact li span,
.vg-offcanvas-contact li a span {
    font-family: 'Inter', sans-serif !important;
    font-size: 13.5px !important;
    color: #555b6e !important;
}

.vg-offcanvas-contact li a:hover span {
    color: #3B5998 !important;
}

body.dark-theme .vg-offcanvas-contact li i {
    color: #7fa1e0 !important;
}

body.dark-theme .vg-offcanvas-contact li span,
body.dark-theme .vg-offcanvas-contact li a span {
    color: #9aa3b8 !important;
}

body.dark-theme .vg-offcanvas-contact li a:hover span {
    color: #7fa1e0 !important;
}

/* --- Social --- */
.vg-offcanvas-social {
    display: flex !important;
    gap: 8px !important;
    padding-top: 16px !important;
    border-top: 1px solid #eef0f4 !important;
}

body.dark-theme .vg-offcanvas-social {
    border-top-color: #1e2533 !important;
}

.vg-offcanvas-social a {
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    color: #8a8f9c !important;
    background: #f5f6f8 !important;
    border-radius: 50% !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.vg-offcanvas-social a:hover {
    color: #fff !important;
    background: #3B5998 !important;
}

body.dark-theme .vg-offcanvas-social a {
    color: #7b849a !important;
    background: #1e2533 !important;
}

body.dark-theme .vg-offcanvas-social a:hover {
    color: #fff !important;
    background: #3B5998 !important;
}



/* ============================================================
   VERGILER.AZ — Statik səhifə / Post body
   ============================================================ */

.vg-post-body {
    font-family: "Roboto", sans-serif !important;
    font-size: 15.5px !important;
    line-height: 1.55 !important;
    color: #333a4a !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

body.dark-theme .vg-post-body {
    color: #cdd2e0 !important;
}

/* --- Headings --- */
.vg-post-body h1,
.vg-post-body h2,
.vg-post-body h3,
.vg-post-body h4,
.vg-post-body h5,
.vg-post-body h6 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
    color: #1a1e2c !important;
    line-height: 1.4 !important;
    margin: 32px 0 14px 0 !important;
}

.vg-post-body h1:first-child,
.vg-post-body h2:first-child,
.vg-post-body h3:first-child {
    margin-top: 0 !important;
}

.vg-post-body h1 { font-size: 26px !important; }
.vg-post-body h2 { font-size: 22px !important; }
.vg-post-body h3 { font-size: 19px !important; }
.vg-post-body h4 { font-size: 17px !important; }
.vg-post-body h5 { font-size: 15.5px !important; }
.vg-post-body h6 { font-size: 14px !important; }

body.dark-theme .vg-post-body h1,
body.dark-theme .vg-post-body h2,
body.dark-theme .vg-post-body h3,
body.dark-theme .vg-post-body h4,
body.dark-theme .vg-post-body h5,
body.dark-theme .vg-post-body h6 {
    color: #e8ecf4 !important;
}

/* --- Paragraphs --- */
.vg-post-body p {
    margin: 0 0 16px 0 !important;
}

.vg-post-body p:last-child {
    margin-bottom: 0 !important;
}

/* --- Links --- */
.vg-post-body a {
    color: #3B5998 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    transition: color 0.2s ease !important;
}

.vg-post-body a:hover {
    color: #2d4a85 !important;
}

body.dark-theme .vg-post-body a {
    color: #7fa1e0 !important;
}

body.dark-theme .vg-post-body a:hover {
    color: #a3bfef !important;
}

/* --- Images --- */
.vg-post-body img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 5px !important;
    margin: 8px 0 !important;
}

/* --- Blockquote --- */
.vg-post-body blockquote {
    margin: 24px 0 !important;
    padding: 18px 22px !important;
    border-left: 4px solid #3B5998 !important;
    background: #f8f9fc !important;
    border-radius: 0 5px 5px 0 !important;
    font-style: italic !important;
    color: #444c5e !important;
}

.vg-post-body blockquote p {
    margin: 0 !important;
}

body.dark-theme .vg-post-body blockquote {
    background: rgba(59, 89, 152, 0.08) !important;
    border-left-color: #3B5998 !important;
    color: #b8bfcf !important;
}

/* --- Lists --- */
.vg-post-body ul,
.vg-post-body ol {
    margin: 0 0 16px 0 !important;
    padding-left: 24px !important;
}

.vg-post-body li {
    margin-bottom: 6px !important;
}

.vg-post-body li:last-child {
    margin-bottom: 0 !important;
}

/* --- Table --- */
.vg-post-body table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 20px 0 !important;
    font-size: 14px !important;
}

.vg-post-body th,
.vg-post-body td {
    padding: 10px 14px !important;
   border: 1px solid #e4e7ed !important;
    text-align: left !important;
}

.vg-post-body th {
    font-weight: 600 !important;
    background: #f5f6f8 !important;
    color: #1a1e2c !important;
}

body.dark-theme .vg-post-body th,
body.dark-theme .vg-post-body td {
    border-color: #232c3d !important;
}

body.dark-theme .vg-post-body th {
    background: #1e2533 !important;
    color: #e0e4ef !important;
}

/* --- HR --- */
.vg-post-body hr {
    border: none !important;
    border-top: 1px solid #e8eaef !important;
    margin: 28px 0 !important;
}

body.dark-theme .vg-post-body hr {
    border-top-color: #232c3d !important;
}

/* --- Code --- */
.vg-post-body code {
    font-size: 13px !important;
    background: #f3f4f6 !important;
    color: #c7254e !important;
    padding: 2px 6px !important;
    border-radius: 5px !important;
}

.vg-post-body pre {
    background: #1a1e2c !important;
    color: #e0e4ef !important;
    padding: 18px 20px !important;
    border-radius: 5px !important;
    overflow-x: auto !important;
    margin: 20px 0 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

.vg-post-body pre code {
    background: transparent !important;
    color: inherit !important;
    padding: 0 !important;
}

body.dark-theme .vg-post-body code {
    background: #1e2533 !important;
    color: #f07070 !important;
}

body.dark-theme .vg-post-body pre {
    background: #0e1420 !important;
}

/* --- Iframe / Video embed --- */
.vg-post-body iframe {
    max-width: 100% !important;
    border-radius: 5px !important;
    margin: 12px 0 !important;
}

/* --- Responsive --- */
@media (max-width: 575px) {
    .vg-post-body {
        font-size: 14.5px !important;
        line-height: 1.8 !important;
    }

    .vg-post-body h1 { font-size: 22px !important; }
    .vg-post-body h2 { font-size: 19px !important; }
    .vg-post-body h3 { font-size: 17px !important; }

    .vg-post-body blockquote {
        padding: 14px 16px !important;
    }

    .vg-post-body table {
        font-size: 12.5px !important;
    }

    .vg-post-body th,
    .vg-post-body td {
        padding: 8px 10px !important;
    }
}



/* ============================================================
   HEADER — Top strip, Logo, Navbar, Search, Ticker
   ============================================================ */

/* --- Top Strip --- */
.vg-top-strip {
    background-color: #fff !important;
    position: relative !important;
    z-index: 999 !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

.vg-top-strip-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.vg-top-strip-left {
    flex-shrink: 0 !important;
}

.vg-top-strip-date {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding-left: 7px !important;
    height: 38px !important;
    border-left: 3px solid #3B5998 !important;
    color: #555 !important;
    font-size: 14px !important;
    font-weight: 550 !important;
    line-height: 1 !important;
    transition: color 0.25s ease !important;
}

.vg-top-strip-date i {
    color: #3B5998 !important;
    font-size: 20px !important;
    flex-shrink: 0 !important;
}

.vg-top-strip-date:hover {
    color: #3B5998 !important;
}

/* --- Currency rates --- */
.vg-top-strip-center {
    flex: 1 !important;
    overflow: hidden !important;
    min-width: 0 !important;
}

.vg-rates-bar {
    overflow: hidden !important;
    position: relative !important;
    mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent) !important;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent) !important;
}

.vg-rates-track {
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    animation: vg-scroll-rates 30s linear infinite !important;
    width: max-content !important;
}

.vg-rates-track:hover {
    animation-play-state: paused !important;
}

@keyframes vg-scroll-rates {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.vg-rate {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 0 10px !important;
}

.vg-rate-code {
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #3B5998 !important;
    background-color: rgba(59, 89, 152, 0.08) !important;
    padding: 2px 6px !important;
    border-radius: 5px !important;
    letter-spacing: 0.3px !important;
}

.vg-rate-val {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #222 !important;
    font-family: "Roboto", sans-serif !important;
    letter-spacing: -0.3px !important;
}

.vg-rate-dot {
    color: #d0d5e0 !important;
    font-size: 28px !important;
}

/* --- Right --- */
.vg-top-strip-right {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    flex-shrink: 0 !important;
}

.vg-strip-announce {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #3B5998 !important;
    border: 1px #3B5998 solid !important;
    padding: 4px 10px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: color 0.2s ease !important;
    border-radius: 5px !important;
}

.vg-strip-announce i {
    font-size: 18px !important;
}

.vg-strip-announce:hover {
    color: #2d4578 !important;
}

.darkLight-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
    background: #f0f2f5 !important;
    padding: 3px !important;
    border-radius: 20px !important;
    cursor: pointer !important;
}

.darkLight-btn .icon {
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    color: #aaa !important;
    border-radius: 50% !important;
    position: relative !important;
    overflow: hidden !important;
    transition: color 0.25s ease !important;
}

.darkLight-btn .icon i {
    position: relative !important;
    z-index: 5 !important;
}

.darkLight-btn .icon::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: #fff !important;
    border-radius: 50% !important;
    transform: scale(0) !important;
    opacity: 0 !important;
    transition: transform 0.25s ease, opacity 0.25s ease !important;
}

.darkLight-btn .icon.active {
    color: #3B5998 !important;
}

.darkLight-btn .icon.active::after {
    transform: scale(1) !important;
    opacity: 1 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) !important;
}


/* ============================================================
   LOGO SECTION
   ============================================================ */
.vg-logo-section {
    padding: 30px 0 !important;
    background-color: #fff !important;
    border-bottom: 1px solid #eee !important;
}

.vg-main-logo {
    font-size: 48px !important;
    font-weight: 900 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    font-family: "Roboto", sans-serif !important;
    letter-spacing: -2px !important;
    line-height: 1 !important;
    display: inline-block !important;
}

.vg-main-logo:hover {
    color: #1a1a1a !important;
}

.vg-logo-tagline {
    display: block !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 4px !important;
    color: #aaa !important;
    text-transform: uppercase !important;
    margin-top: 6px !important;
}

.mob-nav-toggles .logo-brand {
    font-size: 36px !important;
    font-weight: 900 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    font-family: "Roboto", sans-serif !important;
    letter-spacing: 0.7px !important;
    width: auto !important;
    line-height: 1 !important;
}

.mob-nav-toggles .logo-brand span {
    color: #3B5998 !important;
}


/* ============================================================
   NAVBAR
   ============================================================ */
.navbar.style-1 {
    padding: 0 !important;
    border-top: 1px solid #e8e8e8 !important;
    border-bottom: 1px solid #e8e8e8 !important;
    background-color: #fff !important;
    margin-left: 80px !important;
    position: relative !important;
    z-index: 1030 !important;
}

.navbar.style-1 .navbarList-icon {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 6px !important;
}

.navbar.style-1 .navbarList-icon span {
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    background-color: #333 !important;
    border-radius: 5px !important;
    transition: background 0.2s ease !important;
}

.navbar.style-1 .navbarList-icon:hover span {
    background-color: #3B5998 !important;
}

.navbar.style-1 .navbar-nav .nav-item .nav-link {
    color: #333 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    padding: 12px 14px !important;
    position: relative !important;
    transition: all 0.2s ease !important;
}

.navbar.style-1 .navbar-nav .nav-item .nav-link::after {
    content: "" !important;
    position: absolute !important;
    bottom: -1px !important;
    left: 16px !important;
    right: 16px !important;
    height: 2px !important;
    background-color: #3B5998 !important;
    transform: scaleX(0) !important;
    transition: transform 0.3s ease !important;
}

.navbar.style-1 .navbar-nav .nav-item .nav-link:hover::after,
.navbar.style-1 .navbar-nav .nav-item .nav-link.active::after {
    transform: scaleX(1) !important;
}

.navbar.style-1 .navbar-nav .nav-item .nav-link:hover,
.navbar.style-1 .navbar-nav .nav-item .nav-link.active {
    color: #3B5998 !important;
}

.navbar.style-1 .dropdownMenu {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: #fff !important;
    border: 0 !important;
    border-top: 2px solid #3B5998 !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08) !important;
    min-width: 200px !important;
}

.navbar.style-1 .dropdownMenu .dropdown-item {
    color: #333 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
    border-bottom: 1px solid #f8f8f8 !important;
    transition: all 0.2s ease !important;
}

.navbar.style-1 .dropdownMenu .dropdown-item:hover {
    background-color: #f8f9fb !important;
    color: #3B5998 !important;
    padding-left: 24px !important;
}

.navbar.style-1 .nav-side .icon-link {
    color: #333 !important;
    transition: color 0.2s ease !important;
}

.navbar.style-1 .nav-side .icon-link:hover {
    color: #3B5998 !important;
}


/* ============================================================
   NAV SEARCH
   ============================================================ */
.vg-nav-search {
    display: none !important;
    background: #fff !important;
    border-bottom: 1px solid #eef0f4 !important;
    padding: 28px 16px !important;
}

.vg-nav-search.active {
    display: block !important;
}

.vg-nav-search-inner {
    max-width: 600px !important;
    margin: 0 auto !important;
}

.vg-nav-search-wrap {
    display: flex !important;
    align-items: center !important;
    background: #fff !important;
    border: 2px solid #dce0e8 !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.vg-nav-search-wrap:focus-within {
    border-color: #3B5998 !important;
    box-shadow: 0 0 0 4px rgba(59, 89, 152, 0.08) !important;
}

.vg-nav-search-icon {
    padding: 0 4px 0 16px !important;
    font-size: 20px !important;
    color: #999 !important;
    flex-shrink: 0 !important;
}

.vg-nav-search-wrap input {
    flex: 1 !important;
    border: none !important;
    background: transparent !important;
    padding: 14px 12px !important;
    font-size: 15px !important;
    color: #333 !important;
    outline: none !important;
}

.vg-nav-search-wrap input::placeholder {
    color: #bbb !important;
}

.vg-nav-search-wrap button {
    padding: 10px 24px !important;
    margin: 5px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #fff !important;
    background: #3B5998 !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    transition: background 0.2s ease !important;
}

.vg-nav-search-wrap button:hover {
    background: #2d4373 !important;
}

.vg-nav-search-close {
    padding: 0 14px !important;
    font-size: 20px !important;
    color: #bbb !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    transition: color 0.2s ease !important;
}

.vg-nav-search-close:hover {
    color: #333 !important;
}

.vg-live-search {
    background: #fff !important;
   border: 1px solid #e8eaef !important;
    border-radius: 5px !important;
    margin-top: 8px !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1) !important;
    max-height: 360px !important;
    overflow-y: auto !important;
}

.vg-live-search-all {
    display: block !important;
    text-align: center !important;
    padding: 14px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #3B5998 !important;
    text-decoration: none !important;
    border-top: 1px solid #eef0f4 !important;
    transition: background 0.15s ease !important;
}

.vg-live-search-all:hover {
    background: rgba(59, 89, 152, 0.04) !important;
}

.vg-nav-search-tags {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 14px !important;
}

.vg-nav-search-tags span {
    font-size: 13px !important;
    color: #999 !important;
}

.vg-nav-search-tags a {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #555 !important;
    background: #f3f4f6 !important;
    padding: 5px 14px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.vg-nav-search-tags a:hover {
    color: #fff !important;
    background: #3B5998 !important;
}

/* --- Live search items --- */
.vg-live-search-empty {
    padding: 28px 20px !important;
    text-align: center !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 15px !important;
    color: #999 !important;
}

.vg-live-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 16px !important;
    text-decoration: none !important;
    border-bottom: 1px solid #f3f4f6 !important;
    transition: background 0.15s ease !important;
}

.vg-live-item:last-child {
    border-bottom: none !important;
}

.vg-live-item:hover {
    background: #f8f9fc !important;
}

.vg-live-item-img {
    width: 48px !important;
    height: 36px !important;
    flex-shrink: 0 !important;
    border-radius: 5px !important;
    overflow: hidden !important;
}

.vg-live-item-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.vg-live-item-icon {
    flex-shrink: 0 !important;
}

.vg-live-badge {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 3px 7px !important;
    border-radius: 5px !important;
    color: #fff !important;
    background: #3B5998 !important;
}

.vg-live-badge-post { background: #3B5998 !important; }
.vg-live-badge-law { background: #2e7d32 !important; }
.vg-live-badge-announcement { background: #e67e22 !important; }
.vg-live-badge-page { background: #8e44ad !important; }
.vg-live-badge-author { background: #16a085 !important; }

.vg-live-item-body {
    flex: 1 !important;
    min-width: 0 !important;
}

.vg-live-item-title {
    display: block !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 500 !important;
    color: #1a1a2e !important;
    line-height: 1.4 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.vg-live-item:hover .vg-live-item-title {
    color: #3B5998 !important;
}

.vg-live-meta {
    display: block !important;
    font-size: 13.5px !important;
    color: #999 !important;
    margin-top: 2px !important;
}


/* ============================================================
   BREAKING TICKER
   ============================================================ */
.vg-breaking-ticker {
    display: flex !important;
    align-items: center !important;
    background-color: #fff !important;
    overflow: hidden !important;
    height: 35px !important;
    border-bottom: 1px solid #e8e8e8 !important;
    position: relative !important;
    z-index: 1 !important;
}

.vg-ticker-label {
    flex-shrink: 0 !important;
    background-color: #c0392b !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 5px 15px !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.vg-ticker-label i {
    font-size: 16px !important;
    animation: vg-bolt-flash 1.5s ease-in-out infinite !important;
}

@keyframes vg-bolt-flash {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.2; }
}

.vg-ticker-content {
    flex: 1 !important;
    overflow: hidden !important;
    position: relative !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
}

.vg-ticker-content:hover .vg-ticker-track {
    animation-play-state: paused !important;
}

.vg-ticker-track {
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    animation: vg-ticker-scroll 25s linear infinite !important;
    padding-left: 100% !important;
}

@keyframes vg-ticker-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.vg-ticker-item {
    font-size: 15px !important;
    color: #333 !important;
}

.vg-ticker-item a {
    color: #333 !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}

.vg-ticker-item a:hover {
    color: #3B5998 !important;
}

.vg-ticker-separator {
    font-size: 10px !important;
    color: #ddd !important;
    margin: 0 15px !important;
}


/* ============================================================
   DARK THEME — HEADER
   ============================================================ */
body.dark-theme .navbar-container {
    background: transparent !important;
}

body.dark-theme .vg-top-strip {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

body.dark-theme .vg-top-strip-date {
    color: #e5e5e5 !important;
    border-left-color: #4d73c9 !important;
}

body.dark-theme .vg-top-strip-date i {
    color: #4d73c9 !important;
}

body.dark-theme .vg-rate-code {
    color: #e0e0e0 !important;
}

body.dark-theme .vg-rate-val {
    color: #f0f0f0 !important;
}

body.dark-theme .vg-rate-dot {
    color: #2a3245 !important;
}

body.dark-theme .vg-strip-announce {
    color: #7fa1e0 !important;
}

body.dark-theme .vg-logo-section {
    background: transparent !important;
}

body.dark-theme .vg-main-logo,
body.dark-theme .vg-main-logo:hover {
    color: #fff !important;
}

body.dark-theme .vg-logo-tagline {
    color: #777 !important;
}

body.dark-theme .mob-nav-toggles .logo-brand {
    color: #fff !important;
}

body.dark-theme .navbar.style-1 {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

body.dark-theme .navbar.style-1 .navbarList-icon span {
    background-color: #f0f0f0 !important;
}

body.dark-theme .navbar.style-1 .navbar-nav .nav-item .nav-link {
    color: #f0f0f0 !important;
}

body.dark-theme .navbar.style-1 .navbar-nav .nav-item .nav-link:hover,
body.dark-theme .navbar.style-1 .navbar-nav .nav-item .nav-link.active {
    color: #3B5998 !important;
}

body.dark-theme .navbar.style-1 .nav-side .icon-link {
    color: #f0f0f0 !important;
}

body.dark-theme .navbar.style-1 .dropdownMenu {
    background: #1e1e36 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

body.dark-theme .navbar.style-1 .dropdownMenu .dropdown-item {
    color: #f0f0f0 !important;
    border-bottom-color: #222 !important;
}

body.dark-theme .navbar.style-1 .dropdownMenu .dropdown-item:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #7b9ad6 !important;
}

body.dark-theme .vg-nav-search {
    background: #1a1a2e !important;
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

body.dark-theme .vg-nav-search-wrap {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-theme .vg-nav-search-wrap:focus-within {
    border-color: #3B5998 !important;
    box-shadow: 0 0 0 3px rgba(59, 89, 152, 0.2) !important;
}

body.dark-theme .vg-nav-search-icon {
    color: #6b7489 !important;
}

body.dark-theme .vg-nav-search-wrap input {
    color: #eee !important;
}

body.dark-theme .vg-nav-search-wrap input::placeholder {
    color: #666 !important;
}

body.dark-theme .vg-nav-search-close {
    color: #6b7489 !important;
}

body.dark-theme .vg-live-search {
    background: #161c28 !important;
    border-color: #232c3d !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35) !important;
}

body.dark-theme .vg-live-search-all {
    color: #7fa1e0 !important;
    border-top-color: #232c3d !important;
}

body.dark-theme .vg-nav-search-tags span {
    color: #6b7489 !important;
}

body.dark-theme .vg-nav-search-tags a {
    color: #b0b8cc !important;
    background: #1e2533 !important;
}

body.dark-theme .vg-nav-search-tags a:hover {
    color: #fff !important;
    background: #3B5998 !important;
}

body.dark-theme .vg-breaking-ticker {
    border-color: rgba(255, 255, 255, 0.06) !important;
    background: transparent !important;
}

body.dark-theme .vg-ticker-label {
    background: #c0392b !important;
}

body.dark-theme .vg-ticker-item,
body.dark-theme .vg-ticker-item a {
    color: #f0f0f0 !important;
}

body.dark-theme .vg-ticker-item a:hover {
    color: #3B5998 !important;
}

body.dark-theme .vg-ticker-separator {
    color: #444 !important;
}


/* ============================================================
   RESPONSIVE — HEADER
   ============================================================ */
@media (max-width: 991px) {
    .vg-top-strip {
        padding: 8px 0 0 !important;
    }

    .vg-top-strip-inner {
        flex-wrap: wrap !important;
        justify-content: space-between !important;
    }

    .vg-top-strip-left {
        order: 1 !important;
        flex: 0 0 auto !important;
    }

    .vg-top-strip-right {
        order: 2 !important;
        flex: 0 0 auto !important;
    }

    .vg-top-strip-center {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        order: 3 !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        margin-top: 8px !important;
        padding: 8px 0 !important;
        border-top: 1px solid #f0f0f0 !important;
    }

    body.dark-theme .vg-top-strip-center {
        border-top-color: rgba(255, 255, 255, 0.06) !important;
    }

    .vg-top-strip-date {
        font-size: 13px !important;
        height: auto !important;
        gap: 6px !important;
        padding-left: 6px !important;
        border-left-width: 2px !important;
    }

    .vg-top-strip-date i {
        font-size: 16px !important;
    }

    .vg-ticker-label {
        padding: 0 10px !important;
        font-size: 9px !important;
    }
}

@media (max-width: 575px) {
    .vg-top-strip-date {
        font-size: 11.5px !important;
        gap: 5px !important;
    }

    .vg-top-strip-date i {
        font-size: 14px !important;
    }

    .vg-strip-announce {
        font-size: 11px !important;
    }

    .vg-rate-code {
        font-size: 9px !important;
        padding: 1px 4px !important;
    }

    .vg-rate-val {
        font-size: 11px !important;
    }

    .vg-rate {
        padding: 0 6px !important;
    }

    .vg-ticker-item {
        font-size: 12px !important;
    }

    .vg-nav-search-wrap input {
        font-size: 14px !important;
    }

    .vg-nav-search-wrap button {
        padding: 10px 14px !important;
        font-size: 13px !important;
    }
}




/* ============================================================
   VERGILER.AZ — Chat Widget (Premium Redesign)
   ============================================================ */

.vg-chat-widget {
    position: fixed !important;
    bottom: 24px !important;
    right: 24px !important;
    z-index: 9999 !important;
    font-family: "Roboto", sans-serif !important;
}

/* ============================================================
   FAB Button
   ============================================================ */
.vg-chat-fab {
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #3B5998 0%, #2d4578 100%) !important;
    color: #fff !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 24px !important;
    box-shadow: 0 4px 16px rgba(59, 89, 152, 0.4), 0 0 0 0 rgba(59, 89, 152, 0.3) !important;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease !important;
    position: relative !important;
    z-index: 2 !important;
    animation: vgFabPulse 3s ease-in-out infinite !important;
}

@keyframes vgFabPulse {
    0%, 100% { box-shadow: 0 4px 16px rgba(59, 89, 152, 0.4), 0 0 0 0 rgba(59, 89, 152, 0.3); }
    50% { box-shadow: 0 4px 16px rgba(59, 89, 152, 0.4), 0 0 0 8px rgba(59, 89, 152, 0); }
}

.vg-chat-widget.open .vg-chat-fab {
    animation: none !important;
}

.vg-chat-fab:hover {
    transform: scale(1.08) !important;
}

.vg-chat-fab .vg-chat-fab-close {
    display: none !important;
}

.vg-chat-widget.open .vg-chat-fab .vg-chat-fab-open {
    display: none !important;
}

.vg-chat-widget.open .vg-chat-fab .vg-chat-fab-close {
    display: inline-block !important;
    font-size: 18px !important;
}


/* ============================================================
   Panel
   ============================================================ */
.vg-chat-panel {
    position: absolute !important;
    bottom: 70px !important;
    right: 0 !important;
    width: 380px !important;
    max-height: 560px !important;
    background: #fff !important;
    border-radius: 5px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
    display: none !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

.vg-chat-widget.open .vg-chat-panel {
    display: flex !important;
    animation: vgChatSlideUp 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes vgChatSlideUp {
    from { opacity: 0; transform: translateY(20px) scale(0.95); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}


/* ============================================================
   Header
   ============================================================ */
.vg-chat-header {
    background: linear-gradient(135deg, #3B5998 0%, #2d4578 100%) !important;
    color: #fff !important;
    padding: 20px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-shrink: 0 !important;
}

.vg-chat-header-info {
    flex: 1 !important;
}

.vg-chat-header-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    display: block !important;
    letter-spacing: -0.2px !important;
}

.vg-chat-header-sub {
    font-size: 12px !important;
    opacity: 0.7 !important;
    display: block !important;
    margin-top: 3px !important;
}

.vg-chat-header-close {
    background: rgba(255, 255, 255, 0.12) !important;
    border: none !important;
    color: #fff !important;
    font-size: 14px !important;
    cursor: pointer !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.2s ease !important;
    flex-shrink: 0 !important;
}

.vg-chat-header-close:hover {
    background: rgba(255, 255, 255, 0.22) !important;
}


/* ============================================================
   Body
   ============================================================ */
.vg-chat-body {
    flex: 1 !important;
    overflow-y: auto !important;
    padding: 20px !important;
    min-height: 280px !important;
    max-height: 380px !important;
    background: #f8f9fc !important;
}

.vg-chat-welcome {
    font-size: 13.5px !important;
    color: #666 !important;
    margin-bottom: 18px !important;
    line-height: 1.55 !important;
}


/* ============================================================
   Step 1: Form
   ============================================================ */
#chatForm input {
    width: 100% !important;
    height: 44px !important;
    border: 1.5px solid #e0e4ea !important;
    border-radius: 10px !important;
    padding: 0 14px !important;
    font-size: 13.5px !important;
    margin-bottom: 10px !important;
    outline: none !important;
    font-family: "Roboto", sans-serif !important;
    background: #fff !important;
    color: #333 !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

#chatForm input:focus {
    border-color: #3B5998 !important;
    box-shadow: 0 0 0 3px rgba(59, 89, 152, 0.1) !important;
}

#chatForm input::placeholder {
    color: #b0b6c4 !important;
}

#chatForm button {
    width: 100% !important;
    height: 44px !important;
    background: linear-gradient(135deg, #3B5998 0%, #2d4578 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    margin-top: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    font-family: "Roboto", sans-serif !important;
    transition: opacity 0.2s ease, transform 0.15s ease !important;
}

#chatForm button:hover {
    opacity: 0.92 !important;
    transform: translateY(-1px) !important;
}


/* ============================================================
   Step 2: FAQ
   ============================================================ */
.vg-chat-faq-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
}

.vg-chat-faq-item {
    padding: 12px 14px 12px 36px !important;
    background: #fff !important;
    border: 1.5px solid #e8ecf1 !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    color: #333a4a !important;
    cursor: pointer !important;
    text-align: left !important;
    line-height: 1.45 !important;
    position: relative !important;
    transition: all 0.2s ease !important;
}

.vg-chat-faq-item::before {
    content: "?" !important;
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
    background: rgba(59, 89, 152, 0.1) !important;
    color: #3B5998 !important;
    border-radius: 50% !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.vg-chat-faq-item:hover {
    border-color: #3B5998 !important;
    background: #f5f7fb !important;
    transform: translateX(4px) !important;
}

/* FAQ cavab */
.vg-chat-faq-answer {
    padding: 16px !important;
    background: #fff !important;
    border: 1.5px solid #e8ecf1 !important;
    border-left: 3px solid #3B5998 !important;
    border-radius: 4px 10px 10px 4px !important;
    margin-bottom: 14px !important;
}

.vg-chat-faq-answer-text {
    font-size: 13px !important;
    color: #444 !important;
    line-height: 1.65 !important;
    margin-bottom: 12px !important;
}

.vg-chat-faq-back {
    background: none !important;
    border: none !important;
    color: #3B5998 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-family: "Roboto", sans-serif !important;
    transition: gap 0.2s ease !important;
}

.vg-chat-faq-back:hover {
    gap: 8px !important;
}

/* Operator button */
.vg-chat-operator-btn {
    width: 100% !important;
    padding: 12px !important;
    background: #fff !important;
    border: 1.5px dashed #c5cad6 !important;
    border-radius: 10px !important;
    color: #3B5998 !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    font-family: "Roboto", sans-serif !important;
    transition: all 0.2s ease !important;
}

.vg-chat-operator-btn i {
    font-size: 16px !important;
}

.vg-chat-operator-btn:hover {
    background: #3B5998 !important;
    color: #fff !important;
    border-color: #3B5998 !important;
    border-style: solid !important;
}


/* ============================================================
   Step 3: Live Messages
   ============================================================ */
.vg-chat-messages {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.vg-chat-msg {
    max-width: 80% !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    word-wrap: break-word !important;
    position: relative !important;
    animation: vgMsgIn 0.25s ease !important;
}

@keyframes vgMsgIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.vg-chat-msg-label {
    display: block !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    margin-bottom: 3px !important;
    opacity: 0.55 !important;
}

.vg-chat-msg-text {
    display: block !important;
}

.vg-chat-msg-time {
    font-size: 10px !important;
    opacity: 0.45 !important;
    margin-top: 4px !important;
    display: block !important;
    text-align: right !important;
}

.vg-chat-msg.user {
    align-self: flex-end !important;
    background: linear-gradient(135deg, #3B5998 0%, #2d4578 100%) !important;
    color: #fff !important;
    border-radius: 14px 14px 4px 14px !important;
}

.vg-chat-msg.bot {
    align-self: flex-start !important;
    background: #fff !important;
    color: #444 !important;
   border: 1px solid #e8ecf1 !important;
    border-radius: 14px 14px 14px 4px !important;
}

.vg-chat-msg.operator {
    align-self: flex-start !important;
    background: #edf7f0 !important;
    color: #2e7d32 !important;
    border-radius: 14px 14px 14px 4px !important;
   border: 1px solid #c3e6cb !important;
}

.vg-chat-msg.operator .vg-chat-msg-label {
    color: #2e7d32 !important;
}


/* ============================================================
   Footer
   ============================================================ */
.vg-chat-footer {
    border-top: 1px solid #eef0f4 !important;
    padding: 14px 16px !important;
    flex-shrink: 0 !important;
    background: #fff !important;
}

#chatSendForm {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
}

#chatSendForm input {
    flex: 1 !important;
    height: 42px !important;
    border: 1.5px solid #e0e4ea !important;
    border-radius: 21px !important;
    padding: 0 16px !important;
    font-size: 13px !important;
    outline: none !important;
    font-family: "Roboto", sans-serif !important;
    background: #f8f9fc !important;
    color: #333 !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

#chatSendForm input:focus {
    border-color: #3B5998 !important;
    box-shadow: 0 0 0 3px rgba(59, 89, 152, 0.08) !important;
    background: #fff !important;
}

#chatSendForm input::placeholder {
    color: #b0b6c4 !important;
}

#chatSendForm button {
    width: 42px !important;
    height: 42px !important;
    background: linear-gradient(135deg, #3B5998 0%, #2d4578 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50% !important;
    font-size: 16px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    transition: transform 0.15s ease, opacity 0.2s ease !important;
}

#chatSendForm button:hover {
    transform: scale(1.06) !important;
}

/* Footer actions */
.vg-chat-footer-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid #f0f1f5 !important;
}

.vg-chat-back-btn {
    background: none !important;
    border: none !important;
    color: #3B5998 !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 4px 0 !important;
    font-family: "Roboto", sans-serif !important;
    transition: gap 0.2s ease !important;
}

.vg-chat-back-btn:hover {
    gap: 8px !important;
}

.vg-chat-end-btn {
    background: none !important;
    border: none !important;
    color: #c0c5d0 !important;
    font-size: 11px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 4px 0 !important;
    font-family: "Roboto", sans-serif !important;
    transition: color 0.2s ease !important;
}

.vg-chat-end-btn:hover {
    color: #e74c3c !important;
}


/* ============================================================
   Confirm Overlay
   ============================================================ */
.vg-chat-confirm {
    display: none !important;
}

.vg-chat-confirm.show {
    display: flex !important;
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    padding: 24px !important;
    animation: vgConfirmFade 0.2s ease !important;
}

@keyframes vgConfirmFade {
    from { opacity: 0; }
    to { opacity: 1; }
}

.vg-chat-confirm-box {
    background: #fff !important;
    border-radius: 16px !important;
    padding: 28px 24px 22px !important;
    text-align: center !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15) !important;
    width: 100% !important;
    max-width: 280px !important;
    animation: vgConfirmPop 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

@keyframes vgConfirmPop {
    from { transform: scale(0.9); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

.vg-chat-confirm-icon {
    width: 48px !important;
    height: 48px !important;
    margin: 0 auto 16px !important;
    background: #fef2f2 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    color: #e74c3c !important;
}

.vg-chat-confirm-text {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 20px !important;
    line-height: 1.45 !important;
}

.vg-chat-confirm-actions {
    display: flex !important;
    gap: 10px !important;
}

.vg-chat-confirm-no,
.vg-chat-confirm-yes {
    flex: 1 !important;
    height: 40px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    border: none !important;
    font-family: "Roboto", sans-serif !important;
    transition: all 0.15s ease !important;
}

.vg-chat-confirm-no {
    background: #f3f4f6 !important;
    color: #555 !important;
}

.vg-chat-confirm-no:hover {
    background: #e5e7eb !important;
}

.vg-chat-confirm-yes {
    background: #e74c3c !important;
    color: #fff !important;
}

.vg-chat-confirm-yes:hover {
    background: #c0392b !important;
}


/* ============================================================
   DARK THEME
   ============================================================ */
body.dark-theme .vg-chat-panel {
    background: #161c28 !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
}

body.dark-theme .vg-chat-body {
    background: #0e1420 !important;
}

body.dark-theme .vg-chat-welcome {
    color: #8890a4 !important;
}

/* Form dark */
body.dark-theme #chatForm input {
    background: #1a2030 !important;
    border-color: #283044 !important;
    color: #f0f2f8 !important;
}

body.dark-theme #chatForm input::placeholder {
    color: #4a5368 !important;
}

body.dark-theme #chatForm input:focus {
    border-color: #3B5998 !important;
    box-shadow: 0 0 0 3px rgba(59, 89, 152, 0.15) !important;
}

/* FAQ dark */
body.dark-theme .vg-chat-faq-item {
    background: #1a2030 !important;
    border-color: #283044 !important;
    color: #e0e4ef !important;
}

body.dark-theme .vg-chat-faq-item::before {
    background: rgba(59, 89, 152, 0.2) !important;
    color: #7fa1e0 !important;
}

body.dark-theme .vg-chat-faq-item:hover {
    background: rgba(59, 89, 152, 0.08) !important;
    border-color: #3B5998 !important;
}

body.dark-theme .vg-chat-faq-answer {
    background: #1a2030 !important;
    border-color: #283044 !important;
    border-left-color: #3B5998 !important;
}

body.dark-theme .vg-chat-faq-answer-text {
    color: #b8bfcf !important;
}

body.dark-theme .vg-chat-faq-back {
    color: #7fa1e0 !important;
}

body.dark-theme .vg-chat-operator-btn {
    background: #1a2030 !important;
    border-color: #3a4258 !important;
    color: #7fa1e0 !important;
}

body.dark-theme .vg-chat-operator-btn:hover {
    background: #3B5998 !important;
    color: #fff !important;
    border-color: #3B5998 !important;
}

/* Messages dark */
body.dark-theme .vg-chat-msg.bot {
    background: #1a2030 !important;
    border-color: #283044 !important;
    color: #e0e4ef !important;
}

body.dark-theme .vg-chat-msg.operator {
    background: rgba(46, 125, 50, 0.1) !important;
    color: #6dd992 !important;
    border-color: rgba(46, 125, 50, 0.2) !important;
}

body.dark-theme .vg-chat-msg.operator .vg-chat-msg-label {
    color: #6dd992 !important;
}

/* Footer dark */
body.dark-theme .vg-chat-footer {
    background: #161c28 !important;
    border-top-color: #232c3d !important;
}

body.dark-theme #chatSendForm input {
    background: #1a2030 !important;
    border-color: #283044 !important;
    color: #f0f2f8 !important;
}

body.dark-theme #chatSendForm input::placeholder {
    color: #4a5368 !important;
}

body.dark-theme #chatSendForm input:focus {
    border-color: #3B5998 !important;
}

body.dark-theme .vg-chat-footer-actions {
    border-top-color: #232c3d !important;
}

body.dark-theme .vg-chat-back-btn {
    color: #7fa1e0 !important;
}

body.dark-theme .vg-chat-end-btn {
    color: #4a5368 !important;
}

body.dark-theme .vg-chat-end-btn:hover {
    color: #e74c3c !important;
}

/* Confirm dark */
body.dark-theme .vg-chat-confirm.show {
    background: rgba(0, 0, 0, 0.6) !important;
}

body.dark-theme .vg-chat-confirm-box {
    background: #1a2030 !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45) !important;
}

body.dark-theme .vg-chat-confirm-icon {
    background: rgba(231, 76, 60, 0.12) !important;
}

body.dark-theme .vg-chat-confirm-text {
    color: #e0e4ef !important;
}

body.dark-theme .vg-chat-confirm-no {
    background: #283044 !important;
    color: #b8bfcf !important;
}

body.dark-theme .vg-chat-confirm-no:hover {
    background: #344058 !important;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 575px) {
    .vg-chat-widget {
        bottom: 16px !important;
        right: 16px !important;
    }

    .vg-chat-fab {
        width: 50px !important;
        height: 50px !important;
        font-size: 22px !important;
    }

    .vg-chat-panel {
        width: calc(100vw - 32px) !important;
        right: -8px !important;
        bottom: 64px !important;
        max-height: 75vh !important;
        border-radius: 14px !important;
    }

    .vg-chat-header {
        padding: 16px !important;
    }

    .vg-chat-body {
        padding: 16px !important;
        min-height: 240px !important;
    }

    .vg-chat-footer {
        padding: 12px !important;
    }

    #chatSendForm input {
        height: 38px !important;
        font-size: 13px !important;
    }

    #chatSendForm button {
        width: 38px !important;
        height: 38px !important;
    }
}