/* ========================================================================== OGLASI – FRONTEND STYLES (svetla tema) ========================================================================== */
/* ----------------------------- 0) Dizajn tokeni ----------------------------- */
:root{--pf-bg:#ffffff;--pf-card:#ffffff;--pf-border:#e5e7eb;--pf-muted:#6b7280;--pf-text:#0f172a;--pf-primary:#2563eb;--pf-primary-600:#1d4ed8;--pf-ring:0 0 0 4px rgba(37,99,235,.15);--pf-radius:14px;--pf-radius-sm:10px;--pf-shadow:0 8px 30px rgba(2,6,23,.06);}
/* ========================= 1) OSNOVA FORME ========================= */
.oglasi-form .pf-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px;}
.oglasi-form .pf-header h2{margin:0;font-size:22px;line-height:1.2;color:var(--pf-text)!important;}
.oglasi-form .pf-header p{margin:4px 0 0;color:var(--pf-muted)!important;}
.oglasi-form .pf-group{margin-bottom:22px;}
.oglasi-form label{display:block;margin-bottom:10px;font-weight:700;color:var(--pf-text)!important;}
.pf-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;}
.pf-col-12{grid-column:span 12/span 12;}
.pf-col-8{grid-column:span 8/span 8;}
.pf-col-6{grid-column:span 6/span 6;}
.pf-col-4{grid-column:span 4/span 4;}
@media(max-width:900px){.pf-col-8,.pf-col-6,.pf-col-4{grid-column:span 12/span 12;}}
/* =============================== 2) INPUTI =============================== */
.oglasi-form input[type=text],.oglasi-form textarea,.oglasi-form select{width:100%;padding:12px 14px;border:1px solid var(--pf-border)!important;border-radius:var(--pf-radius-sm);background:#fff!important;color:var(--pf-text)!important;outline:none;transition:border-color .15s,box-shadow .15s,background .15s;}
.oglasi-form textarea{min-height:160px;resize:vertical;}
.oglasi-form input[type=text]:focus,.oglasi-form select:focus,.oglasi-form textarea:focus{border-color:var(--pf-primary)!important;box-shadow:var(--pf-ring);}
.pf-help{margin-top:6px;font-size:12px;color:var(--pf-muted)!important;}
/* WP editor */
.quicktags-toolbar{display:none!important;}
.mce-toolbar .mce-btn button{background:transparent!important;box-shadow:none!important;}
.mce-toolbar .mce-btn{border:1px solid var(--pf-border)!important;border-radius:8px;}
.wp-editor-wrap .mce-tinymce{border-radius:10px;overflow:hidden;}
/* =========================================== 3) CENA I VALUTA =========================================== */
#price-wrap{background:#f8fafc!important;border:1px dashed var(--pf-border)!important;border-radius:var(--pf-radius-sm);padding:14px;}
.pf-price-row{display:flex;gap:12px;align-items:stretch;}
.pf-price-amount{flex:3;}
.pf-price-currency{flex:1;min-width:120px;}
.pf-price-row input,.pf-price-row select{height:44px;margin-top:0!important;}
@media(max-width:520px){.pf-price-row{flex-direction:column;}.pf-price-currency{min-width:0;}}
/* =================================== 4) UPLOAD & GALERIJA =================================== */
.pf-file-input{position:absolute;left:-9999px;visibility:hidden;}
.pf-file-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:12px;border:1px solid #d0d7ff!important;background:#eef3ff!important;color:#1e293b!important;font-weight:800;cursor:pointer;transition:transform .06s ease,box-shadow .2s ease;}
.pf-file-btn:hover{transform:translateY(-1px);}
.pf-previews{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;}
.pf-thumb{position:relative;border:1px solid var(--pf-border)!important;background:#f3f4f6!important;border-radius:12px;overflow:hidden;aspect-ratio:1/1;}
.pf-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .2s;}
.pf-thumb:hover img{transform:scale(1.02);}
.pf-thumb .pf-thumb-actions{position:absolute;right:8px;top:8px;display:flex;gap:6px;z-index:2;}
.pf-thumb .pf-thumb-actions button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:999px;background:rgba(255,255,255,0.95)!important;border:none;cursor:pointer;font-size:14px;line-height:1;transition:background .15s,transform .1s;}
.pf-thumb .pf-thumb-actions .pf-rotate{color:#2563eb!important;}
.pf-thumb .pf-thumb-actions .pf-rotate:hover{background:rgba(37,99,235,0.18)!important;transform:scale(1.06);}
.pf-thumb .pf-thumb-actions .pf-remove{color:#dc2626!important;}
.pf-thumb .pf-thumb-actions .pf-remove:hover{background:rgba(220,38,38,0.18)!important;transform:scale(1.06);}
#og-existing .pf-thumb{cursor:move;}
/* ========================= 5) DUGMAD / AKCIJE ========================= */
.pf-actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap;}
.button.button-primary.pf-submit{background:var(--pf-primary)!important;border:none;color:#fff!important;font-weight:800;border-radius:12px;padding:12px 18px;cursor:pointer;transition:background .15s,transform .06s;}
.button.button-primary.pf-submit:hover{background:var(--pf-primary-600)!important;transform:translateY(-1px);}
.pf-link-muted{color:var(--pf-muted)!important;text-decoration:none; padding: 10px !important;}
.pf-link-muted:hover{text-decoration:underline;}
#pf-message{margin-top:14px;font-weight:700;}
.pf-success{color:#065f46!important;}
.pf-error{color:#b91c1c!important;}
/* =============================== 6) TABELE – Moji oglasi =============================== */
.pf-table{width:100%;border-collapse:collapse;}
.pf-table th,.pf-table td{border:1px solid #eee!important;padding:10px;text-align:left;}
.pf-table-wrap{width:100%;overflow-x:auto;}
.pf-myads .pf-row-title{font-weight:700;color:#0f172a!important;text-decoration:none;}
.pf-myads .pf-row-title:hover{text-decoration:underline;}
.pf-myads .pf-subrow{margin-top:6px;display:flex;gap:10px;align-items:center;font-size:12px;}
.pf-time{opacity:.75;}
.pf-chip{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;line-height:1;}
.pf-chip--green{background:#ecfdf5!important;color:#065f46!important;}
.pf-chip--amber{background:#fffbeb!important;color:#92400e!important;}
.pf-chip--gray{background:#f1f5f9!important;color:#334155!important;}
.pf-actions-td{text-align:right;vertical-align:middle;white-space:nowrap;}
.pf-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;border:1px solid #e5e7eb!important;background:#fff!important;color:#111827!important;font-weight:700;text-decoration:none;cursor:pointer;}
.pf-btn+.pf-btn{margin-left:6px;}
.pf-btn--sm{padding:6px 10px;font-size:12px;border-radius:8px;}
.pf-btn--primary{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important;}
.pf-btn--ghost{background:#fff!important;}
.pf-btn--danger{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important;}
@media(max-width:720px){.pf-table-responsive thead{display:none;}.pf-table-responsive tr{display:block;margin:10px 0;border:1px solid #eee!important;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);}.pf-table-responsive td{display:block;border-bottom:1px solid #f1f5f9!important;}.pf-table-responsive td:last-child{border-bottom:none;}.pf-actions-td{text-align:right;padding:10px 12px;}.pf-btn--sm{padding:6px 9px;}}
/* ========================= 7) CUSTOM SELECT ========================= */
.pf-select{position:relative;}
.pf-select select{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid var(--pf-border)!important;background:#fff!important;border-radius:10px;padding:12px 44px 12px 14px;line-height:1.3;transition:border-color .15s,box-shadow .15s,background .15s;}
.pf-select select:hover{border-color:#cbd5e1!important;}
.pf-select select:focus{border-color:var(--pf-primary)!important;box-shadow:var(--pf-ring);outline:none;}
.pf-select::after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;pointer-events:none;opacity:.8;background-repeat:no-repeat;background-size:14px 14px;background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7l5 6 5-6' stroke='%23343a40' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
/* ========================================= 8) GALERIJA ========================================= */
.og-gallery-grid{display:grid;grid-template-columns:repeat(var(--og-cols,5),minmax(0,1fr));gap:10px;}
.og-gallery-grid .og-thumb{position:relative;display:block;width:100%;padding-top:100%;border:1px solid #eee!important;border-radius:10px;overflow:hidden;}
.og-gallery-grid .og-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
@media(max-width:900px){.og-gallery-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:600px){.og-gallery-grid{grid-template-columns:repeat(2,1fr);}}
.og-lightbox[aria-hidden="true"]{display:none;}
.og-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.92)!important;display:flex;align-items:center;justify-content:center;}
.og-lb-stage{max-width:92vw;max-height:86vh;}
.og-lb-stage img{max-width:92vw;max-height:86vh;display:block;margin:auto;}
.og-lb-close,.og-lb-prev,.og-lb-next{position:fixed;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;font-size:28px;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;}
.og-lb-close{top:26px;right:26px;transform:none;font-size:30px;}
.og-lb-prev{left:22px;}
.og-lb-next{right:22px;}
.og-lb-counter{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);color:#fff!important;font-size:14px;opacity:.9;}
body.og-lb-open{overflow:hidden;}

/* ===== OGLASI – upload progress overlay ===== */
.og-loading{position:fixed;inset:0;background:rgba(10,15,25,.55);display:none;align-items:center;justify-content:center;z-index:99999;padding:20px}
.og-loading.is-visible{display:flex}
.og-loading .og-box{background:#0b1320;color:#e5e7eb;border:1px solid rgba(255,255,255,.12);width:min(520px,92vw);border-radius:14px;padding:18px 16px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.og-loading .og-title{font-weight:800;margin:0 0 6px}
.og-loading .og-note{font-size:12px;opacity:.85;margin-top:6px}
.og-spinner{width:32px;height:32px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;display:inline-block;animation:ogspin .8s linear infinite;margin-bottom:10px}
@keyframes ogspin{to{transform:rotate(360deg)}}
.og-progress{height:8px;background:#0f172a;border-radius:999px;overflow:hidden;margin-top:10px}
.og-progress-bar{height:100%;width:0;background:#22c55e;transition:width .12s}