/* WP Push Notifications 161 — frontend, v16.7
   Палитра: терракота #ff3d00, графит #1A1A1A, светлый фон.
   Шрифт — серифный, в стиле сайта. Эмодзи отсутствуют.
   v16.7: «Не выбрано» серое; подсказка у неактивной кнопки согласия. */

.wppn161-overlay{position:fixed;inset:0;background:rgba(26,26,26,.62);display:flex;align-items:center;justify-content:center;z-index:9999999;opacity:0;visibility:hidden;transition:.3s;backdrop-filter:blur(5px);padding:12px;font-family:Georgia,"PT Serif","Times New Roman",serif;}
.wppn161-overlay.wppn161-vis{opacity:1;visibility:visible;}

.wppn161-box{background:#FFFFFF;padding:26px 22px;border-radius:14px;max-width:480px;width:100%;max-height:92vh;overflow-y:auto;text-align:center;box-shadow:0 20px 60px rgba(26,26,26,.28);transform:translateY(-18px) scale(.96);transition:.4s cubic-bezier(.34,1.56,.64,1);border:2px solid #ff3d00;position:relative;color:#1A1A1A;}
.wppn161-overlay.wppn161-vis .wppn161-box{transform:none;}
.wppn161-box-small{max-width:420px;}

.wppn161-img{margin:0 auto 14px;}
.wppn161-img img{max-width:100%;width:100%;height:auto;border-radius:10px;box-shadow:0 5px 15px rgba(255,61,0,.18);display:block;margin:0 auto;}

.wppn161-title{font-size:22px;font-weight:700;color:#1A1A1A;margin:0 0 8px;line-height:1.25;font-family:Georgia,"PT Serif","Times New Roman",serif;}
.wppn161-text{font-size:15px;color:#4A4A4A;margin:0 0 14px;line-height:1.5;font-family:Georgia,"PT Serif","Times New Roman",serif;}

.wppn161-sec{margin:14px 0;text-align:left;background:#FBF7F4;padding:12px;border-radius:10px;border:1px solid #E8E0DA;}
.wppn161-sec-t{font-size:14px;font-weight:700;color:#1A1A1A;margin:0 0 8px;font-family:Georgia,"PT Serif","Times New Roman",serif;}
.wppn161-all{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#1A1A1A;background:#FFF3EE;border:1px solid #ff3d00;border-radius:6px;padding:7px 10px;cursor:pointer;}
.wppn161-all input,.wppn161-dd-i input{width:16px;height:16px;accent-color:#ff3d00;cursor:pointer;flex-shrink:0;}

.wppn161-dd{margin:8px 0;position:relative;}
.wppn161-dd-h{display:grid;grid-template-columns:45% 1fr auto;align-items:center;gap:8px;padding:8px 12px;background:#FFFFFF;border:1px solid #E8E0DA;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;color:#1A1A1A;user-select:none;font-family:Georgia,"PT Serif","Times New Roman",serif;}
.wppn161-dd-h:hover{border-color:#ff3d00;}
/* Селект-текст: по умолчанию серый; выбранное значение — графит полужирный */
.wppn161-dd-sel{font-weight:400;color:#8A8A8A;text-align:left;justify-self:start;}
.wppn161-dd-sel.is-empty{color:#8A8A8A;font-weight:400;}
.wppn161-dd-sel.is-picked{color:#1A1A1A;font-weight:700;}
.wppn161-dd-ar{width:10px;height:10px;border-right:2px solid #ff3d00;border-bottom:2px solid #ff3d00;transform:rotate(45deg);justify-self:end;margin-left:0;}
.wppn161-dd-c{position:absolute;top:100%;left:0;right:0;background:#FFFFFF;border:none;box-shadow:none;border-radius:0 0 6px 6px;max-height:0;overflow:hidden;transition:max-height .3s;z-index:50;}
.wppn161-dd-c.open{max-height:200px;overflow-y:auto;border:1px solid #E8E0DA;border-top:none;box-shadow:none;}
.wppn161-dd-c.open::-webkit-scrollbar{width:6px;}
.wppn161-dd-c.open::-webkit-scrollbar-thumb{background:#ff3d00;border-radius:3px;}
.wppn161-dd-i{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:14px;color:#1A1A1A;cursor:pointer;background:#FFFFFF;}
.wppn161-dd-i:hover{background:#FBF7F4;}

.wppn161-priv{margin:10px 0;text-align:left;background:#FBF7F4;padding:8px 10px;border-radius:8px;border:1px solid #E8E0DA;}
.wppn161-priv label{display:flex;align-items:flex-start;gap:6px;font-size:11px;color:#1A1A1A;cursor:pointer;line-height:1.25;font-family:Georgia,"PT Serif","Times New Roman",serif;}
.wppn161-priv input{width:14px;height:14px;margin-top:1px;accent-color:#ff3d00;cursor:pointer;flex-shrink:0;}
.wppn161-priv a{color:#ff3d00;text-decoration:underline;font-weight:700;}

.wppn161-btns{display:flex;gap:10px;justify-content:center;margin-top:14px;}
.wppn161-btn-sub,.wppn161-btn-lat{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;min-width:150px;transition:.25s;font-family:Georgia,"PT Serif","Times New Roman",serif;}
.wppn161-btn-sub{background:#ff3d00;color:#FFFFFF;box-shadow:0 4px 12px rgba(255,61,0,.28);}
.wppn161-btn-sub:hover:not(:disabled){background:#E63600;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,61,0,.36);}
.wppn161-btn-sub:disabled{background:#E8E0DA;color:#8A8A8A;cursor:not-allowed;box-shadow:none;}
.wppn161-btn-lat{background:#F1ECE8;color:#1A1A1A;}
.wppn161-btn-lat:hover{background:#E8E0DA;}

/* Компактная подсказка под неактивной кнопкой согласия */
.wppn161-sub-hint{margin-top:8px;font-size:11px;line-height:1.3;color:#8A8A8A;text-align:center;font-family:Georgia,"PT Serif","Times New Roman",serif;}

.wppn161-success{margin-top:14px;padding:12px;border-radius:8px;background:#FFF3EE;border:1px solid #ff3d00;color:#1A1A1A;font-size:15px;font-weight:700;font-family:Georgia,"PT Serif","Times New Roman",serif;}

/* Виджет раздела (шорткод): статус и кнопка в одну строку */
.wppn161-section-box{margin:18px 0;padding:16px;border-radius:10px;background:#FBF7F4;border:1px solid #E8E0DA;font-family:Georgia,"PT Serif","Times New Roman",serif;color:#1A1A1A;}
.wppn161-section-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
.wppn161-section-state{font-size:15px;margin:0;line-height:1.35;}
.wppn161-section-state.ok{color:#1A1A1A;font-weight:700;}
.wppn161-section-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:.25s;font-family:Georgia,"PT Serif","Times New Roman",serif;flex-shrink:0;}
.wppn161-section-btn.primary{background:#ff3d00;color:#FFFFFF;}
.wppn161-section-btn.primary:hover{background:#E63600;}
.wppn161-section-btn.secondary{background:#F1ECE8;color:#1A1A1A;border:1px solid #E8E0DA;}
.wppn161-section-btn.secondary:hover{background:#E8E0DA;}
.wppn161-section-note{margin-top:10px;font-size:13px;color:#6B6B6B;}

/* Мобильная миниатюрность: форма помещается на экран; логотип на всю ширину */
@media(max-width:768px){
    .wppn161-overlay{padding:8px;}
    .wppn161-box{padding:16px 14px;border-radius:12px;max-height:94vh;}
    .wppn161-img{margin:0 auto 10px;}
    .wppn161-img img{max-width:100%;width:100%;}
    .wppn161-title{font-size:18px;margin:0 0 6px;line-height:1.2;}
    .wppn161-text{font-size:13px;margin:0 0 10px;line-height:1.35;}
    .wppn161-sec{margin:10px 0;padding:8px;border-radius:8px;}
    .wppn161-sec-t{font-size:12px;margin:0 0 6px;}
    .wppn161-all{font-size:12px;padding:6px 8px;gap:6px;}
    .wppn161-all input,.wppn161-dd-i input{width:14px;height:14px;}
    .wppn161-dd{margin:6px 0;}
    .wppn161-dd-h{padding:6px 10px;font-size:12px;gap:6px;grid-template-columns:48% 1fr auto;}
    .wppn161-dd-ar{width:8px;height:8px;}
    .wppn161-dd-c.open{max-height:160px;}
    .wppn161-dd-i{padding:5px 10px;font-size:12px;gap:6px;}
    .wppn161-priv{margin:8px 0;padding:6px 8px;border-radius:6px;}
    .wppn161-priv label{font-size:10px;line-height:1.2;gap:5px;}
    .wppn161-priv input{width:13px;height:13px;margin-top:0;}
    .wppn161-btns{margin-top:10px;gap:8px;flex-direction:row;}
    .wppn161-btn-sub,.wppn161-btn-lat{padding:10px 14px;font-size:13px;min-width:0;flex:1 1 0;}
    .wppn161-sub-hint{margin-top:6px;font-size:10px;}
    .wppn161-success{margin-top:10px;padding:8px;font-size:13px;}
    .wppn161-section-row{gap:10px;}
    .wppn161-section-state{font-size:13px;}
    .wppn161-section-btn{padding:8px 16px;font-size:12px;}
}

@media(max-width:400px){
    .wppn161-box{padding:12px 10px;}
    .wppn161-img img{max-width:100%;width:100%;}
    .wppn161-title{font-size:16px;}
    .wppn161-text{font-size:12px;margin-bottom:8px;}
    .wppn161-sec{padding:6px;}
    .wppn161-sec-t{font-size:11px;}
    .wppn161-all{font-size:11px;padding:5px 7px;}
    .wppn161-dd-h{padding:5px 8px;font-size:11px;}
    .wppn161-dd-i{padding:4px 8px;font-size:11px;}
    .wppn161-priv label{font-size:9px;}
    .wppn161-btns{gap:6px;}
    .wppn161-btn-sub,.wppn161-btn-lat{padding:9px 10px;font-size:12px;}
    .wppn161-sub-hint{font-size:9px;}
}