.wprm-map { position: relative; max-width: 800px; margin: 0 auto; display: block; width: 100%; } .wprm-wrapper { width: 100%; } .wprm-text-area { align-content: end; } .wprm-wrapper .top_area .wprm-filters button.wprm-filter-category { margin: 5px 0; padding: 10px; } .wprm-wrapper .top_area { width: 100%; display: inline-flex; margin-bottom: 50px; } .wprm-wrapper .top_area .wprm-filters { width: 30%; display: inline-grid; } .wprm-map svg path:not(.judet) { pointer-events: none; } /* Județele (path) */ .wprm-map path { fill: #cccccc; /* gri implicit */ stroke: #fff; stroke-width: 1; cursor: pointer; transition: fill 0.3s ease; } .wprm-map path.judet:hover { fill: #007bff!important; /* albastru la hover */ } .wprm-map path.active { fill: #ff0000; /* roșu la click */ stroke: #000; } /* Textul județelor */ .wprm-map text { fill: #fff; /* text alb */ font-weight: bold; pointer-events: none; /* să nu blocheze click-ul pe path */ text-anchor: middle; } /* Tooltip */ #wprm-tooltip { position: absolute; background: rgba(0, 0, 0, 0.85); color: #fff; padding: 6px 10px; border-radius: 4px; font-size: 13px; white-space: nowrap; pointer-events: none; z-index: 9999; display: none; } .wprm-map text { position: relative; z-index: 1; } /* GRID responsive */ #wprm-results { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; } @media (max-width: 1024px) { #wprm-results { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px) { #wprm-results { grid-template-columns: repeat(2, 1fr)!important; } .wprm-wrapper .top_area { width: 100%; display: inline-flex; margin-bottom: 30px; flex-flow: column-reverse; } .wprm-map svg { width: 380px!important; height: 300px; margin-left: auto; margin-right: auto; } .wprm-wrapper .top_area .wprm-filters { width: 100%; display: inline-grid; grid-template-columns: repeat(2, 1fr) !important; gap: 5px; } } .wprm-item { position: relative; overflow: hidden; border-radius: 8px; } .wprm-thumb img { width: 100%; height: auto; display: block; transition: transform 0.3s ease; } .wprm-item:hover img { transform: scale(1.1); } /* Overlay */ .wprm-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.6); color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; opacity: 0; transition: opacity 0.3s ease; padding: 10px; } .wprm-item:hover .wprm-overlay { opacity: 1; } .wprm-overlay h4 { font-size: 18px; margin-bottom: 8px; } .wprm-overlay p { font-size: 14px; } /* Grid layout */ #wprm-results { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 250px)); gap: 20px; margin-top: 30px; } /* Card */ .wprm-item { position: relative; overflow: hidden; border-radius: 12px; background: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; margin-bottom: 0; padding-bottom: 0; display: inline-grid; } .wprm-item:hover { transform: translateY(-6px); box-shadow: 0 10px 20px rgba(0,0,0,0.15); } .wprm-item h4, .wprm-item p, .wprm-item a { padding: 0 10px; } /* Image wrapper */ .wprm-img-wrapper { position: relative; } .wprm-img-wrapper img { width: 100%; display: block; border-radius: 12px; transition: transform 0.4s ease; } .wprm-item:hover img { transform: scale(1.08); } /* Overlay */ .wprm-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; transition: opacity 0.4s ease; text-align: center; color: #fff; padding: 20px; } .wprm-item:hover .wprm-overlay { opacity: 1; } .wprm-overlay h4 { font-size: 18px; margin-bottom: 10px; } .wprm-overlay p { font-size: 14px; margin-bottom: 15px; } /* Button */ .wprm-btn { display: inline-block; padding: 10px 18px; background: #15294B; color: #fff !important; font-weight: bold; border-radius: 6px; text-decoration: none; transition: background 0.3s ease, color 0.3s ease; width: 100%; text-align: center; padding: 10px !important; } .wprm-btn:hover { background: #000; color: #fff; } .wprm-details { margin:.5rem 0; } .wprm-row { margin:.5rem 7px 7px;; line-height:1.35; display:block; } .wprm-spinner { border: 2px solid #ccc; border-top-color: transparent; border-radius: 50%; width: 14px; height: 14px; animation: wprmspin .8s linear infinite; } @keyframes wprmspin { to { transform: rotate(360deg); } } .wprm-toolbar { text-align:center; } /* ——— Hartă & container ——— */ .wprm-wrapper{ overflow-x:hidden; } /* taie orice overflow din secțiunea pluginului */ .wprm-map{ max-width:100%; overflow:hidden; /* svg-ul nu poate ieși în lateral */ margin:0 auto; text-align:center; } .wprm-map svg{ display:block; width:100% !important; max-width:100% !important; /* ← înlocuiește orice 100vw/900px */ height:auto !important; } .wprm-wrapper img, .wprm-wrapper svg{ max-width:100%; height:auto; }/* siguranță pentru imagini/svg din carduri */ /* ——— Tooltipul nu mai lărgește pagina ——— */ #wprm-tooltip{ position:fixed; /* important pe mobil */ z-index:9999; max-width:calc(100vw - 24px); background:rgba(0,0,0,.8); color:#fff; padding:4px 8px; border-radius:6px; font-size:12px; pointer-events:none; white-space:nowrap; }
/* Tooltip fix (nu lărgește pagina) */
#wprm-tooltip{
  position: fixed;
  z-index: 9999;
  display: none;
  background: rgba(0,0,0,.85);
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 13px;
  white-space: nowrap;
  max-width: calc(100vw - 24px);
  pointer-events: none;
}

/* Pe device-uri fără hover (touch), nu afișăm deloc tooltipul */
@media (hover: none) {
  #wprm-tooltip { display: none !important; }
}

/* ascunde contorul când nu are text */
#wprm-count:empty { display: none; }

/* elimină orice bullet/pseudo-element moștenit din temă */
#wprm-count::before,
#wprm-count::after,
.wprm-status::before,
.wprm-status::after { content: none !important; }

/* siguranță: fără list-style pe status */
.wprm-status { list-style: none; }