/* Cloud Partner Finder Frontend Styles */

/* Main Layout */
.cpf-layout {
    display: flex;
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
    gap: 20px; /* Space between columns */
    margin-bottom: 20px;
}

.cpf-column {
    flex-basis: 100%; /* Full width on small screens */
}

.cpf-column-map {
    flex-grow: 1; flex-shrink: 1;
     min-width: 300px; order: 1;
}
.cpf-column-details {
     display: flex; flex-direction: column; gap: 20px;
     flex-grow: 1; flex-shrink: 1; order: 2;
     min-width: 280px;
}

@media (min-width: 768px) {
     .cpf-layout { flex-wrap: nowrap; }
    .cpf-column-map { flex-basis: 55%; order: 1; }
    .cpf-column-details { flex-basis: 40%; order: 2; }
}

/* Filters Container */
.cpf-filters {
   width: 100%; margin-bottom: 0; padding: 15px;
   border: 1px solid #eee; background-color: #dbd7d7; box-sizing: border-box;
	border-radius: 15px;
}
.cpf-filters h4, .cpf-filters h5 { margin-top: 0; margin-bottom: 8px; font-size: 1.1em; }

/* Type Filter Styles */
.cpf-type-filter { margin-bottom: 10px; }
.cpf-type-filter label {
    margin-right: 15px; cursor: pointer; font-size: 0.95em;
    display: inline-flex; align-items: center; margin-bottom: 5px;
}
.cpf-type-filter input[type="radio"] { margin-right: 4px; vertical-align: middle;font-size:5px!important; }
.cpf-type-filter label .cpf-icon-pin { /* Icon next to radio label */
    margin-left: 3px; vertical-align: middle;
}

/* Province Filter Styles */
#cpf-province-filters {
    max-height: 120px; overflow-y: auto; border: 1px solid #eee;
    padding: 8px 12px; margin-top: 5px; margin-bottom: 0px;
    font-size: 0.9em; background-color: #dbd7d7;
}
#cpf-province-filters label { margin-right: 15px; margin-bottom: 5px; cursor: pointer; transition: opacity 0.3s ease, display 0.3s ease; }
#cpf-province-filters input[type="checkbox"] { margin-right: 5px; vertical-align: middle; font-size:5px!important;}
#cpf-province-filters label:not([style*="inline-block"]) {  display: none !important; }


/* Yeni Pin İkonu Temel Stili */
.cpf-icon {

    display: inline-block; width: 12px; height: 12px; border-radius: 50%;

    border: 1px solid #ccc; flex-shrink: 0;

}


/* Partner ve Şube Renkleri */


.cpf-icon-branch-pin,.cpf-icon-partner-pin{
 display: inline-block;
  width: 24px; /* Boyutu küçülttük */
  height: 24px; /* Boyutu küçülttük */
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M128 60a44 44 0 1 0 44 44a44.05 44.05 0 0 0-44-44m0 64a20 20 0 1 1 20-20a20 20 0 0 1-20 20m0-112a92.1 92.1 0 0 0-92 92c0 77.36 81.64 135.4 85.12 137.83a12 12 0 0 0 13.76 0a259 259 0 0 0 42.18-39C205.15 170.57 220 136.37 220 104a92.1 92.1 0 0 0-92-92m31.3 174.71a249.4 249.4 0 0 1-31.3 30.18a249.4 249.4 0 0 1-31.3-30.18C80 167.37 60 137.31 60 104a68 68 0 0 1 136 0c0 33.31-20 63.37-36.7 82.71'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  flex-shrink: 0;
	margin-bottom:3px;
} 
.cpf-icon-branch-pin {  
background-color: red;
} 

.cpf-icon-partner-pin { 
background-color: white;
} 
/* --- /YENİ İKON STİLLERİ --- */


/* Map Container */
.cpf-map-container { position: relative; border: 1px solid #eee; padding: 15px; background-color: #dbd7d7; border-radius: 15px; }
.cpf-map-container h4, .cpf-list-container h4 { margin-top: 0; margin-bottom: 10px; font-size: 1.1em; border-bottom: 1px solid #eee; padding-bottom: 5px; }
#cpf-turkey-map svg { width: 100%; height: auto; stroke: #fff; stroke-width: 0.5px; display: block; }
#cpf-turkey-map svg path { fill: #F99FA6; transition: fill 0.2s ease; }
#cpf-turkey-map svg path:hover { fill: var(--fs-color-primary); cursor: pointer; }
#cpf-turkey-map svg path.cpf-highlighted { fill: #d3d3d3; }
.cpf-map-marker {
    position: absolute; transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.75); color: white; padding: 3px 6px;
    border-radius: 3px; font-size: 11px; font-weight: bold;
    white-space: nowrap; cursor: pointer; pointer-events: auto;
    z-index: 10; transition: background-color 0.2s ease;
    /* border: 1px solid lime !important; /* Debug kenarlığı kaldırıldı */ */
}
.cpf-map-marker:hover { background-color: rgba(0, 0, 0, 0.9); }

/* List Container */
.cpf-list-container { min-width: 250px; max-height: 60vh; overflow-y: auto; border: 1px solid #eee; padding: 15px; background-color: #dbd7d7; box-sizing: border-box; border-radius: 15px;}
#cpf-results-list { list-style: none; padding: 0; margin: 0; display: ruby;}
#cpf-results-list li { border-bottom: 1px dotted #eee; padding: 12px 0; display: flex; align-items: flex-start; gap: 10px; }
#cpf-results-list li:last-child { border-bottom: none; }
#cpf-results-list .cpf-item-icon { margin-top: 4px; }
#cpf-results-list .cpf-item-details h5 { margin: 0 0 5px 0; font-size: 1em; font-weight: bold; }
#cpf-results-list .cpf-item-details p { margin: 0 0 4px 0; font-size: 0.9em; color: #555; line-height: 1.4; }
#cpf-results-list .cpf-item-details p strong { color: #333; min-width: 50px; display: inline-block; }
#cpf-results-list .cpf-item-details p a { color: #0073aa; text-decoration: none; }
#cpf-results-list .cpf-item-details p a:hover { text-decoration: underline; }

/* Loading/Error messages */
#cpf-turkey-map-loading, #cpf-results-list-loading, #cpf-province-filters em, #cpf-province-filters .cpf-no-province-match { color: #777; font-style: italic; padding: 10px; text-align: center; }

/* Admin Styles */
.wp-admin .form-table th { width: 150px; }


