:root { --accent: #c2d94e; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(194, 217, 78, 1), -10px 10px rgba(194, 217, 78, 0.2), -10px -10px rgba(194, 217, 78, 1), 10px -10px rgba(194, 217, 78, 0.2); } 25% { box-shadow: -10px 10px rgba(194, 217, 78, 0.2), -10px -10px rgba(194, 217, 78, 1), 10px -10px rgba(194, 217, 78, 0.2), 10px 10px rgba(194, 217, 78, 1); } 50% { box-shadow: -10px -10px rgba(194, 217, 78, 1), 10px -10px rgba(194, 217, 78, 0.2), 10px 10px rgba(194, 217, 78, 1), -10px 10px rgba(194, 217, 78, 0.2); } 75% { box-shadow: 10px -10px rgba(194, 217, 78, 0.2), 10px 10px rgba(194, 217, 78, 1), -10px 10px rgba(194, 217, 78, 0.2), -10px -10px rgba(194, 217, 78, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #191716 } body { font-family: "Sofia Sans", sans-serif !important; } .ase27-primary-text { font-family: "Sofia Sans", sans-serif !important; } /* KULTRNO – Explore listing type icons */ /* Custom PNG icons – премахва оцветяването на MyListing */ .explore-head .explore-types > div img { filter: none !important; opacity: 1 !important; } /* Ако някъде MyListing използва font icon вместо PNG */ .explore-head .explore-types > div i, .explore-head .explore-types > div .mi { color: #C2D94E !important; } /* Активният tab */ .explore-head .explore-types > div.active { border-color: #C2D94E !important; } /* Активната долна линия */ .explore-head .explore-types > div.active:after { background-color: #C2D94E !important; } .overlay.gradient7 { background: #191716 !important; background-image: none !important; opacity: 0.72 !important; } /* ========================================================= KULTURNO SEARCH V2 — CALENDAR Global CSS / MyListing ========================================================= */ .daterangepicker { /* Малко по-тъмен вариант на Secondary. Няма нов ръчно зададен цвят. */ --kulturno-calendar-bg: var(--e-global-color-secondary); --kulturno-calendar-hover: color-mix( in srgb, var(--e-global-color-accent) 18%, transparent ); --kulturno-calendar-border: color-mix( in srgb, var(--e-global-color-secondary) 70%, var(--e-global-color-primary) 30% ); background: var(--kulturno-calendar-bg) !important; background-color: var(--kulturno-calendar-bg) !important; border: 1px solid var(--kulturno-calendar-border) !important; border-radius: 12px !important; color: var(--e-global-color-primary) !important; font-family: "Sofia Sans", sans-serif !important; padding: 8px !important; box-shadow: 0 14px 35px color-mix( in srgb, var(--e-global-color-secondary) 40%, transparent ) !important; overflow: visible; color-scheme: dark; } /* ========================================================= ВЪТРЕШЕН ФОН ========================================================= */ .daterangepicker .drp-calendar, .daterangepicker .drp-calendar.left, .daterangepicker .drp-calendar.right, .daterangepicker .calendar-table, .daterangepicker .calendar-table table, .daterangepicker .calendar-table thead, .daterangepicker .calendar-table tbody, .daterangepicker .calendar-table tr { background: transparent !important; background-color: transparent !important; color: var(--e-global-color-primary) !important; } .daterangepicker .calendar-table { border: 0 !important; } /* ========================================================= ДНИ ========================================================= */ .daterangepicker th, .daterangepicker td { color: var(--e-global-color-primary) !important; font-family: "Sofia Sans", sans-serif !important; font-size: 13px !important; font-weight: 500 !important; width: 34px !important; height: 34px !important; line-height: 34px !important; border: 0 !important; border-radius: 8px !important; box-shadow: none !important; transition: background-color .16s ease, color .16s ease, transform .16s ease; } /* ВАЖНО: Theme/MyListing слага собствен светъл фон върху available клетките. Насилствено го махаме. */ .daterangepicker .calendar-table tbody td.available, .daterangepicker .calendar-table tbody td.available:not(.active), .daterangepicker .calendar-table tbody td.off { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--e-global-color-primary) !important; } /* Махаме декоративни pseudo елементи, които правят ромбчетата между датите */ .daterangepicker td::before, .daterangepicker td::after, .daterangepicker th::before, .daterangepicker th::after { content: none !important; display: none !important; } /* ========================================================= ДНИ ОТ ДРУГ МЕСЕЦ ========================================================= */ .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background: transparent !important; color: var(--e-global-color-primary) !important; opacity: .28; } /* ========================================================= HOVER ========================================================= */ .daterangepicker td.available:hover { background: var(--kulturno-calendar-hover) !important; color: var(--e-global-color-primary) !important; transform: translateY(-1px); } /* ========================================================= ИЗБРАН ДЕН ========================================================= */ .daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker td.start-date, .daterangepicker td.end-date { background: var(--e-global-color-accent) !important; color: var(--e-global-color-secondary) !important; opacity: 1 !important; border-radius: 8px !important; transform: none; } /* ========================================================= ДНИ ОТ СЕДМИЦАТА ========================================================= */ .daterangepicker thead th { color: var(--e-global-color-primary) !important; font-size: 12px !important; font-weight: 600 !important; opacity: .8; } /* ========================================================= ПРЕДИШЕН / СЛЕДВАЩ МЕСЕЦ ========================================================= */ .daterangepicker .calendar-table th.prev, .daterangepicker .calendar-table th.next { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 8px !important; } .daterangepicker .calendar-table th.prev:hover, .daterangepicker .calendar-table th.next:hover { background: var(--kulturno-calendar-hover) !important; } /* самите стрелки */ .daterangepicker .calendar-table .prev span, .daterangepicker .calendar-table .next span { border-color: var(--e-global-color-primary) !important; background: transparent !important; box-shadow: none !important; } /* ========================================================= МЕСЕЦ + ГОДИНА ========================================================= */ .daterangepicker select.monthselect, .daterangepicker select.yearselect { background: transparent !important; color: var(--e-global-color-primary) !important; border: 0 !important; font-family: "Sofia Sans", sans-serif !important; font-size: 12px !important; font-weight: 600 !important; outline: none !important; box-shadow: none !important; cursor: pointer; color-scheme: dark; } /* ========================================================= МАЛКАТА СТРЕЛКА НАД POPUP-А ========================================================= */ .daterangepicker::before { border-bottom-color: var(--kulturno-calendar-border) !important; } .daterangepicker::after { border-bottom-color: var(--kulturno-calendar-bg) !important; } /* ========================================================= ДОЛНА ЧАСТ ако daterangepicker я покаже някога ========================================================= */ .daterangepicker .drp-buttons { background: transparent !important; border-top: 1px solid var(--kulturno-calendar-border) !important; } .daterangepicker .drp-selected { color: var(--e-global-color-primary) !important; } /* ========================================================= KULTURNO CALENDAR — HEADER FIX поправя само горната част, без да пипа дните ========================================================= */ /* Целият header на календара */ .daterangepicker .calendar-table thead, .daterangepicker .calendar-table thead tr, .daterangepicker .calendar-table thead th { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; } /* Клетката с месец + година */ .daterangepicker .calendar-table th.month { background: transparent !important; background-color: transparent !important; color: var(--e-global-color-primary) !important; border: 0 !important; box-shadow: none !important; } /* МЕСЕЦ + ГОДИНА */ .daterangepicker select.monthselect, .daterangepicker select.yearselect { width: auto !important; min-width: 0 !important; height: auto !important; margin: 0 3px !important; padding: 2px 16px 2px 4px !important; background: transparent !important; background-color: transparent !important; color: var(--e-global-color-primary) !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; font-family: "Sofia Sans", sans-serif !important; font-size: 12px !important; font-weight: 600 !important; cursor: pointer; } /* ПН / ВТ / СР / ЧТ / ПТ / СБ / НД */ .daterangepicker .calendar-table thead tr:nth-child(2) th { background: transparent !important; background-color: transparent !important; color: var(--e-global-color-primary) !important; border: 0 !important; box-shadow: none !important; opacity: .8 !important; font-size: 12px !important; font-weight: 600 !important; } /* СТРЕЛКИТЕ */ .daterangepicker .calendar-table th.prev, .daterangepicker .calendar-table th.next { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; } /* Самите стрелки */ .daterangepicker .calendar-table th.prev span, .daterangepicker .calendar-table th.next span { background: transparent !important; border-color: var(--e-global-color-primary) !important; box-shadow: none !important; } /* ========================================================= KULTURNO SEARCH V2 — CUSTOM DROPDOWNS Кога / Къде / Категория ========================================================= */ /* Скриваме истинските select-и. Те продължават да работят и да подават стойностите. */ .kulturno-search .kulturno-native-select { display: none !important; } /* ========================================================= WRAPPER ========================================================= */ .kulturno-search .kulturno-custom-select { position: relative; width: 100%; min-width: 0; z-index: 30; } .kulturno-search .kulturno-custom-select.is-open { z-index: 9999; } /* ========================================================= ЗАТВОРЕНО ПОЛЕ ========================================================= */ .kulturno-search .kulturno-custom-select__trigger { appearance: none; -webkit-appearance: none; width: 100%; height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 18px; margin: 0; background: #191716 !important; color: var(--e-global-color-primary) !important; border: 1px solid var(--e-global-color-secondary) !important; border-radius: 12px !important; box-shadow: none !important; font-family: "Sofia Sans", sans-serif !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1 !important; text-align: left; cursor: pointer; outline: none !important; transition: transform .18s ease, border-color .18s ease, background-color .18s ease; } /* hover */ @media (hover: hover) { .kulturno-search .kulturno-custom-select__trigger:hover { transform: translateY(-1px); border-color: var(--e-global-color-accent) !important; } } /* отворено поле */ .kulturno-search .kulturno-custom-select.is-open .kulturno-custom-select__trigger { border-color: var(--e-global-color-accent) !important; transform: translateY(-1px); } /* текстът вътре */ .kulturno-search .kulturno-custom-select__text { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* ========================================================= СТРЕЛКА ========================================================= */ .kulturno-search .kulturno-custom-select__arrow { flex: 0 0 auto; width: 7px; height: 7px; border-right: 2px solid var(--e-global-color-primary); border-bottom: 2px solid var(--e-global-color-primary); transform: rotate(45deg) translateY(-2px); opacity: .85; transition: transform .18s ease; } /* стрелката при отваряне */ .kulturno-search .kulturno-custom-select.is-open .kulturno-custom-select__arrow { transform: rotate(225deg) translate(-1px, -1px); } /* ========================================================= DROPDOWN MENU ========================================================= */ .kulturno-search .kulturno-custom-select__menu { position: absolute; top: calc(100% + 7px); left: 0; width: 100%; max-height: 320px; overflow-y: auto; overflow-x: hidden; padding: 6px; background: #191716 !important; border: 1px solid color-mix( in srgb, var(--e-global-color-secondary) 70%, var(--e-global-color-primary) 30% ) !important; border-radius: 12px; box-shadow: 0 14px 34px color-mix( in srgb, var(--e-global-color-secondary) 42%, transparent ); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-5px) scale(.99); transform-origin: top; transition: opacity .16s ease, visibility .16s ease, transform .16s ease; z-index: 99999; } /* OPEN */ .kulturno-search .kulturno-custom-select.is-open .kulturno-custom-select__menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); } /* ========================================================= OPTION ========================================================= */ .kulturno-search .kulturno-custom-select__option { appearance: none; width: 100%; min-height: 40px; display: flex; align-items: center; padding: 8px 12px; margin: 0; background: transparent !important; color: var(--e-global-color-primary) !important; border: 0 !important; border-radius: 8px !important; box-shadow: none !important; font-family: "Sofia Sans", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; text-align: left; cursor: pointer; transition: background-color .15s ease, color .15s ease, transform .15s ease; } /* hover */ @media (hover: hover) { .kulturno-search .kulturno-custom-select__option:hover { background: color-mix( in srgb, var(--e-global-color-accent) 15%, transparent ) !important; transform: translateX(2px); } } /* избраната опция */ .kulturno-search .kulturno-custom-select__option.is-selected { background: var(--e-global-color-accent) !important; color: var(--e-global-color-secondary) !important; transform: none; } /* disabled */ .kulturno-search .kulturno-custom-select__option.is-disabled { opacity: .35; cursor: default; } /* ========================================================= SCROLLBAR — КЪДЕ МОЖЕ ДА ИМА МНОГО МЕСТА ========================================================= */ .kulturno-search .kulturno-custom-select__menu { scrollbar-width: thin; scrollbar-color: var(--e-global-color-accent) transparent; } .kulturno-search .kulturno-custom-select__menu::-webkit-scrollbar { width: 6px; } .kulturno-search .kulturno-custom-select__menu::-webkit-scrollbar-track { background: transparent; } .kulturno-search .kulturno-custom-select__menu::-webkit-scrollbar-thumb { background: var(--e-global-color-accent); border-radius: 99px; } /* ========================================================= KULTURNO SEARCH V2 — FINISHING TOUCHES ========================================================= */ /* 1. По-компактно dropdown меню */ .kulturno-search .kulturno-custom-select__menu { max-height: 280px; padding: 5px; } .kulturno-search .kulturno-custom-select__option { min-height: 36px; padding: 6px 10px; border-radius: 7px !important; font-size: 14px !important; line-height: 1.2 !important; } /* 2. По-мека избрана опция */ .kulturno-search .kulturno-custom-select__option.is-selected { background: color-mix( in srgb, var(--e-global-color-accent) 18%, transparent ) !important; color: var(--e-global-color-accent) !important; box-shadow: inset 3px 0 0 var(--e-global-color-accent) !important; } /* Hover остава лек */ @media (hover: hover) { .kulturno-search .kulturno-custom-select__option:hover { background: color-mix( in srgb, var(--e-global-color-accent) 10%, transparent ) !important; color: var(--e-global-color-primary) !important; transform: translateX(2px); } /* избраната опция да не се променя странно при hover */ .kulturno-search .kulturno-custom-select__option.is-selected:hover { background: color-mix( in srgb, var(--e-global-color-accent) 18%, transparent ) !important; color: var(--e-global-color-accent) !important; } } /* 3. От... / До... — еднакви и подравнени */ .kulturno-search .kulturno-date-range { margin-top: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .kulturno-search .kulturno-date-range input { width: 100%; min-width: 0; height: 48px; padding: 0 16px; background: #191716 !important; color: var(--e-global-color-primary) !important; border: 1px solid var(--e-global-color-secondary) !important; border-radius: 10px !important; font-family: "Sofia Sans", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 48px !important; box-shadow: none !important; outline: none !important; } .kulturno-search .kulturno-date-range input:hover, .kulturno-search .kulturno-date-range input:focus { border-color: var(--e-global-color-accent) !important; }