/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Feb 03 2026 | 18:38:28 */
/*НАШ ГОТОВЫЙ КОД CSS для выпадающего списка DPD.*/

/* === DPD список пакоматов (в закрытом состоянии) === */

.wc_shipping_dpd_terminals .custom-dropdown {
    position: relative;
    max-width: 100%;
}

/* Закрытое поле */
.wc_shipping_dpd_terminals .selected-option {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    min-height: 48px;

    padding: 0 44px 0 14px;

    background-color: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 6px;
	box-shadow: 0 3px 3px rgba(0,0,0,.15);

    font-size: 13px;
    line-height: 1.4;
    color: #333;
	font-weight: 700;

    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Hover */
.wc_shipping_dpd_terminals .selected-option:hover {
    border-color: #999;
}

/* Active / focus */
.wc_shipping_dpd_terminals .selected-option.active,
.wc_shipping_dpd_terminals .selected-option:focus {
    border-color: #6c5ce7; /* можно поменять под тему */
    box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.25);
    outline: none;
}

/* Стрелка справа */
.wc_shipping_dpd_terminals .selected-option::after {
    content: '';
    position: absolute;
    right: 14px;
    top: 50%;
    width: 8px;
    height: 8px;

    border-right: 2px solid #666;
    border-bottom: 2px solid #666;

    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
}

/* Когда список открыт — стрелка вверх */
.wc_shipping_dpd_terminals .selected-option.active::after {
    transform: translateY(-50%) rotate(-135deg) !important;
}

/* Placeholder стиль */
.wc_shipping_dpd_terminals .selected-option:empty,
.wc_shipping_dpd_terminals .selected-option.placeholder {
    color: #888;
}


/* =================================================================== */
/* ===================== ДОБАВЛЕНИЯ / ИСПРАВЛЕНИЯ ===================== */
/* =================================================================== */

/* ДОБАВЛЕНО: фикс стрелки.
   На некоторых реализациях JS добавляет класс "active/open/show" не на .selected-option,
   а на контейнер .custom-dropdown или на список .dropdown-list.
   Поэтому добавляем дополнительные селекторы — стрелка будет переворачиваться стабильно. */

.wc_shipping_dpd_terminals .custom-dropdown.active .selected-option::after,
.wc_shipping_dpd_terminals .custom-dropdown.open .selected-option::after,
.wc_shipping_dpd_terminals .custom-dropdown.show .selected-option::after,
.wc_shipping_dpd_terminals .custom-dropdown.is-open .selected-option::after,
.wc_shipping_dpd_terminals .custom-dropdown.is-active .selected-option::after {
    transform: translateY(-50%) rotate(-135deg) !important; /* ДОБАВЛЕНО */
}

/* ДОБАВЛЕНО: если JS помечает открытую часть классом на самом списке (ul.dropdown-list) */
.wc_shipping_dpd_terminals .dropdown-list.active ~ .selected-option::after {
    transform: translateY(-50%) rotate(-135deg) !important; /* ДОБАВЛЕНО */
}
/* Примечание: этот селектор сработает только если структура DOM позволяет "соседа".
   Если не сработает — ничего не ломает, просто не применится. */


/* ===================== ОТКРЫТЫЙ СПИСОК (как Omniva) ===================== */

/*  базовая “панель” выпадающего списка (ширина/позиция/высота) */
.wc_shipping_dpd_terminals .custom-dropdown .dropdown-list {
    width: 320px !important;          /* шире список */
    max-width: 320px !important;

    position: absolute !important;    /* закрепляем относительно .custom-dropdown */
    right: 0 !important;              /* прижимаем к правому краю */
    left: auto !important;            /* расширяемся влево */

    height: 360px !important;         /* длина/высота списка */
    max-height: 360px !important;
    overflow-y: auto !important;      /* скролл внутри */

    margin: 6px 0 0 0 !important;     /* небольшой отступ от закрытого поля */
    padding: 0 !important;
    list-style: none !important;      /*убираем маркеры/точки */
    background: #fff !important;
    border: 1px solid #d7d7d7 !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.15) !important;
    z-index: 9999 !important;         /* чтобы список был поверх */
}

/*  на всякий случай убираем “точки” именно у li тоже */
.wc_shipping_dpd_terminals .custom-dropdown .dropdown-list li {
    list-style: none !important;
}

/*  название города (group) — жирнее */
.wc_shipping_dpd_terminals .custom-dropdown .dropdown-list li.group-pudo {
    font-weight: 700 !important;
    opacity: 0.99 !important;
    padding: 10px 12px !important;
    border-top: 1px solid #eee !important; /* аккуратные разделители */
}

/*  адреса пакоматов — обычное начертание */
.wc_shipping_dpd_terminals .custom-dropdown .dropdown-list li.pudo {
    font-weight: 400 !important;      /*  normal weight только для адресов */
    padding: 10px 12px !important;
    border-top: 1px solid #f2f2f2 !important;
}

/*  hover по пунктам (как у Omniva) */
.wc_shipping_dpd_terminals .custom-dropdown .dropdown-list li.pudo:hover {
    background: rgba(0, 0, 0, 0.15) !important;
    cursor: pointer !important;
}

/*  аккуратный блок поиска сверху */
.wc_shipping_dpd_terminals .custom-dropdown .dropdown-list-search-input {
    position: sticky !important;      /*  поиск “прилипает” сверху при скролле */
    top: 0 !important;
    background: #fff !important;
    padding: 8px !important;
    border-bottom: 1px solid #eee !important;
    z-index: 2 !important;
}

/*  поле поиска делаем в стиле checkout */
.wc_shipping_dpd_terminals .custom-dropdown .dropdown-list-search-input input.js--pudo-search {
    width: 100% !important;
    padding: 10px 12px !important;
    border: 1px solid #d7d7d7 !important;
    border-radius: 6px !important;
    outline: none !important;
}


/* =================================================================== */
/* ===================== НОВЫЕ ПРАВКИ ПО ВАШЕЙ ПРОСЬБЕ ================= */
/* =================================================================== */

/*  убираем линии/разделители между строками (и у города, и у адресов) */
.wc_shipping_dpd_terminals .custom-dropdown .dropdown-list li.group-pudo,
.wc_shipping_dpd_terminals .custom-dropdown .dropdown-list li.pudo {
    border-top: none !important; /*  убрали линии */
}

/*  убираем “воздух” — уменьшаем вертикальные отступы и делаем плотнее строки */
.wc_shipping_dpd_terminals .custom-dropdown .dropdown-list li.group-pudo,
.wc_shipping_dpd_terminals .custom-dropdown .dropdown-list li.pudo {
    padding-top: 6px !important;     /*   меньше расстояние сверху */
    padding-bottom: 6px !important;  /*   меньше расстояние снизу */
    line-height: 1.2 !important;     /*   плотнее текст */
    margin: 0 !important;            /*   на случай, если тема добавляет margin */
}

/*  город — прижать левее (меньше отступ слева) */
.wc_shipping_dpd_terminals .custom-dropdown .dropdown-list li.group-pudo {
    padding-left: 8px !important;    /*  город ближе к левому краю */
    padding-right: 12px !important;  /*  справа оставляем комфортно */
}

/*  адреса — чуть правее относительно города (абзац/отступ слева) */
.wc_shipping_dpd_terminals .custom-dropdown .dropdown-list li.pudo {
    padding-left: 22px !important;   /*  “абзац” для адресов */
    padding-right: 12px !important;   
}


/* =================================================================== */
/* ===================== ДОБАВЛЕНО: УБРАТЬ ОСТАВШИЕСЯ ЛИНИИ ============ */
/* =================================================================== */

/*  оставшиеся линии идут от border-bottom (как на скрине).
   Обнуляем border-bottom у города и у адресов. */
.wc_shipping_dpd_terminals .custom-dropdown .dropdown-list li.group-pudo,
.wc_shipping_dpd_terminals .custom-dropdown .dropdown-list li.pudo {
    border-bottom: none !important; /* ДОБАВЛЕНО: убрали нижнюю линию */
}

/*  если тему/плагин рисует линии через outline/box-shadow — тоже выключаем */
.wc_shipping_dpd_terminals .custom-dropdown .dropdown-list li.group-pudo,
.wc_shipping_dpd_terminals .custom-dropdown .dropdown-list li.pudo {
    outline: none !important;        
    box-shadow: none !important;      
}

/* =================================================================== */
/* ===================== ДОБАВЛЕНО: СТИЛЬ ЗАГОЛОВКА (ГОРОДА) =========== */
/* =================================================================== */

/* ДОБАВЛЕНО: заголовок города — размер 15px и не такой жирный */
.wc_shipping_dpd_terminals .custom-dropdown .dropdown-list li.group-pudo {
    font-size: 15px !important;       
    font-weight: 600 !important;     /*  чуть мягче, чем 700 */
}


/* =================================================================== */
/* ===================== ДОБАВЛЕНО: ПОИСК (как Omniva) ================= */
/* =================================================================== */

/* Контейнер строки поиска — без отступов, сплошной цвет */
.wc_shipping_dpd_terminals 
.custom-dropdown 
.dropdown-list-search-input {
    padding: 0 !important;                 /* ДОБАВЛЕНО: убрали “воздух” */
    margin: 0 !important;                  /* ДОБАВЛЕНО */
    background-color: #ff6319 !important;  /* ДОБАВЛЕНО */
    border-bottom: none !important;        /* ДОБАВЛЕНО */
}

/* Сам input поиска */
.wc_shipping_dpd_terminals 
.custom-dropdown 
.dropdown-list-search-input 
input.js--pudo-search {
    background-color: #ff6319 !important;  /* ДОБАВЛЕНО */
    color: #ffffff !important;             /* ДОБАВЛЕНО */

    border: none !important;               /* ДОБАВЛЕНО */
    border-radius: 0 !important;           /* ДОБАВЛЕНО */

    padding: 12px 14px !important;         /* ДОБАВЛЕНО: аккуратная высота */
    margin: 0 !important;                  /* ДОБАВЛЕНО */

    line-height: 1.2 !important;           /* ДОБАВЛЕНО */
}

/* Placeholder (текст "Meklēt") — тоже белый */
.wc_shipping_dpd_terminals 
.custom-dropdown 
.dropdown-list-search-input 
input.js--pudo-search::placeholder {
    color: #ffffff !important;             /* ДОБАВЛЕНО */
    opacity: 0.9 !important;               /* ДОБАВЛЕНО */
}

/* Убираем возможные outline / focus-рамки */
.wc_shipping_dpd_terminals 
.custom-dropdown 
.dropdown-list-search-input 
input.js--pudo-search:focus {
    outline: none !important;              /* ДОБАВЛЕНО */
    box-shadow: none !important;           /* ДОБАВЛЕНО */
}