/**
* All of the CSS for your public-facing functionality should be
* included in this file.
*/

.dental-price-calculator-container {
   max-width: 100%;
   width: 100%;
   margin: 0 auto;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   padding: 20px;
   box-sizing: border-box;
   background-color: #f9f9f9;
   border-radius: 10px;
   box-shadow: 0 3px 10px rgba(0,0,0,0.05);
   overflow-x: hidden !important;
}

.dental-price-calculator-container *,
.dental-price-calculator-container *::before,
.dental-price-calculator-container *::after {
   box-sizing: border-box;
   max-width: 100%;
}

.dpc-main-container {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 30px;
   gap: 20px;
   justify-content: space-between;
   width: 100%;
}

.dpc-teeth-selection,
.dpc-treatment-selection {
   flex: 1 1 100%;
   margin-bottom: 30px;
   background-color: #fff;
   border-radius: 8px;
   padding: 20px;
   box-shadow: 0 2px 8px rgba(0,0,0,0.06);
   width: 100%;
   max-width: 100%;
   overflow-x: hidden;
}

/* Tablet ve masaüstü için yan yana düzen */
@media (min-width: 768px) {
   .dental-price-calculator-container {
       padding: 25px;
   }
   
   .dpc-main-container {
       display: flex;
       flex-wrap: nowrap;
   }
   
   .dpc-teeth-selection {
       flex: 0 0 45%;
       width: 45%;
       max-width: 45%;
   }
   
   .dpc-treatment-selection {
       flex: 0 0 50%;
       width: 50%;
       max-width: 50%;
   }
}

/* Geniş ekranlar için ek düzenlemeler */
@media (min-width: 992px) {
   .dental-price-calculator-container {
       padding: 30px;
   }
   
   .dpc-teeth-selection {
       flex: 0 0 42%;
       width: 42%;
       max-width: 42%;
   }
   
   .dpc-treatment-selection {
       flex: 0 0 55%;
       width: 55%;
       max-width: 55%;
   }
}

h2 {
   font-size: 1.5em;
   margin-bottom: 20px;
   color: #333;
   border-bottom: 2px solid #f0f0f0;
   padding-bottom: 10px;
}

h3 {
   font-size: 1.2em;
   margin: 20px 0 15px;
   color: #333;
   border-bottom: 1px solid #f0f0f0;
   padding-bottom: 10px;
   overflow-wrap: break-word;
   word-wrap: break-word;
   word-break: break-word;
   hyphens: auto;
}

/* Teeth Selection */
.dpc-quick-selection {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 20px;
   gap: 10px;
   justify-content: center;
}

.dpc-quick-select-btn {
   padding: 12px 15px;
   border: 1px solid #ddd;
   background-color: #f8f8f8;
   border-radius: 6px;
   cursor: pointer;
   font-size: 15px;
   transition: all 0.3s ease;
   min-width: 110px;
   text-align: center;
   font-weight: 600;
   color: #444;
   box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.dpc-quick-select-btn:hover {
   background-color: #eaeaea;
   transform: translateY(-1px);
   box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}

/* Color coded quick select buttons */
.dpc-quick-select-btn[data-teeth="upper"] {
   background-color: #e7f5ff;
   border-color: #c5e3ff;
   color: #1d87e4;
}

.dpc-quick-select-btn[data-teeth="upper"]:hover {
   background-color: #d5ebff;
}

.dpc-quick-select-btn[data-teeth="lower"] {
   background-color: #fff4e5;
   border-color: #ffe1b3;
   color: #e08c00;
}

.dpc-quick-select-btn[data-teeth="lower"]:hover {
   background-color: #ffe9cc;
}

.dpc-quick-select-btn[data-teeth="front"] {
   background-color: #e7f9ee;
   border-color: #c3edda;
   color: #16a766;
}

.dpc-quick-select-btn[data-teeth="front"]:hover {
   background-color: #d5f2e2;
}

.dpc-quick-select-btn[data-teeth="all"] {
   background-color: #ebebff;
   border-color: #d1d1ff;
   color: #5151db;
}

.dpc-quick-select-btn[data-teeth="all"]:hover {
   background-color: #dcdcff;
}

.dpc-clear-selection {
   background-color: #ffecec;
   border-color: #ffcece;
   color: #d73c3c;
}

.dpc-clear-selection:hover {
   background-color: #ffd9d9;
}

.dpc-teeth-chart-container {
   border: 1px solid #ddd;
   border-radius: 8px;
   padding: 15px;
   background-color: #fff;
   box-shadow: 0 2px 5px rgba(0,0,0,0.05);
   margin-top: 15px;
}

.dpc-teeth-chart {
   width: 100%;
   max-width: 450px;
   margin: 0 auto;
}

.dpc-teeth-chart svg {
   width: 100%;
   height: auto;
}

/* Teeth chart styling */
.dpc-teeth-chart #Spots polygon,
.dpc-teeth-chart #Spots path {
   cursor: pointer;
   transition: fill 0.3s ease;
   stroke: #ddd;
   stroke-width: 1;
}

.dpc-teeth-chart #Spots polygon:hover,
.dpc-teeth-chart #Spots path:hover {
   fill: #dddddd !important;
   stroke: #aaa;
}

.dpc-teeth-legend {
   display: flex;
   flex-wrap: wrap;
   margin-top: 20px;
   justify-content: center;
   gap: 15px;
   background-color: #f8f8f8;
   padding: 15px;
   border-radius: 6px;
}

.dpc-legend-item {
   display: flex;
   align-items: center;
   font-size: 13px;
   color: #555;
}

.dpc-legend-box {
   width: 16px;
   height: 16px;
   margin-right: 8px;
   border: 1px solid #ccc;
   border-radius: 3px;
   flex-shrink: 0;
}

.dpc-color-selected {
   background-color: #bbbbbb;
}

.dpc-color-zirconia {
   background-color: #e0f0ff;
}

.dpc-color-implant {
   background-color: #ffe0e0;
}

.dpc-color-rootcanal {
   background-color: #ffe0a0;
}

.dpc-color-filling {
   background-color: #e0ffe0;
}

/* Treatment Selection */
/* Move Full Mouth Treatments to the top */
.dpc-treatment-selection {
   display: flex;
   flex-direction: column;
}

.dpc-full-mouth-treatments {
   order: -1; /* Move to the top */
   border: 1px solid #ddd;
   border-radius: 8px;
   padding: 20px;
   background-color: #f8f8f8;
   margin-bottom: 25px;
   box-shadow: 0 2px 5px rgba(0,0,0,0.1);
   width: 100%;
   overflow-x: hidden;
}

.dpc-full-mouth-treatments h3 {
   margin-top: 0;
   color: #007bff;
   font-weight: 600;
   border-bottom: 2px solid #007bff;
   padding-bottom: 10px;
   margin-bottom: 20px;
}

.dpc-tabs-header {
   display: flex;
   overflow-x: auto;
   border-bottom: 1px solid #ddd;
   margin-bottom: 15px;
   padding-bottom: 1px;
   scrollbar-width: thin;
}

.dpc-tabs-header::-webkit-scrollbar {
   height: 6px;
}

.dpc-tabs-header::-webkit-scrollbar-thumb {
   background-color: #ddd;
   border-radius: 3px;
}

.dpc-tab-btn {
   padding: 12px 15px;
   border: none;
   background: none;
   cursor: pointer;
   font-size: 15px;
   color: #666;
   white-space: nowrap;
   border-bottom: 3px solid transparent;
   transition: all 0.3s ease;
   position: relative;
}

.dpc-tab-btn:hover {
   color: #333;
   border-bottom-color: #ddd;
}

.dpc-tab-btn.active {
   color: #007bff;
   border-bottom-color: #007bff;
   font-weight: 600;
}

.dpc-tab-btn.active::after {
   content: '';
   position: absolute;
   bottom: -1.5px;
   left: 50%;
   transform: translateX(-50%);
   width: 0;
   height: 0;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-bottom: 6px solid #007bff;
}

.dpc-tab-content {
   display: none;
}

.dpc-tab-content.active {
   display: block;
   animation: fadeIn 0.3s ease-in-out;
}

.dpc-treatment-list {
   max-height: 400px;
   overflow-y: auto;
   padding-right: 5px;
   scrollbar-width: thin;
}

.dpc-treatment-list::-webkit-scrollbar {
   width: 6px;
}

.dpc-treatment-list::-webkit-scrollbar-thumb {
   background-color: #ddd;
   border-radius: 3px;
}

.dpc-treatment-item {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 15px;
   border: 1px solid #e0e0e0;
   border-radius: 8px;
   margin-bottom: 12px;
   background-color: #fff;
   transition: all 0.3s ease;
}

.dpc-treatment-item:hover {
   border-color: #bbb;
   box-shadow: 0 4px 8px rgba(0,0,0,0.08);
   transform: translateY(-2px);
}

.dpc-treatment-info {
   flex: 1;
   min-width: 0;
}

.dpc-treatment-name {
   margin: 0 0 5px 0;
   font-size: 16px;
   color: #333;
   font-weight: 600;
   overflow-wrap: break-word;
   word-wrap: break-word;
}

.dpc-treatment-price {
   margin: 0;
   font-size: 14px;
   color: #007bff;
   font-weight: 500;
}

.dpc-add-treatment-btn {
   padding: 8px 16px;
   background-color: #007bff;
   color: white;
   border: none;
   border-radius: 6px;
   cursor: pointer;
   font-size: 14px;
   font-weight: 500;
   transition: all 0.3s ease;
   margin-left: 15px;
   flex-shrink: 0;
   white-space: nowrap;
}

.dpc-add-treatment-btn:hover {
   background-color: #0062cc;
   transform: scale(1.05);
}

.dpc-no-treatments {
   font-style: italic;
   color: #666;
   padding: 20px;
   text-align: center;
   background-color: #f8f8f8;
   border-radius: 6px;
}

.dpc-checkbox-group {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
   gap: 15px;
   margin-top: 15px;
}

.dpc-checkbox-item {
   display: flex;
   align-items: flex-start;
   background-color: #fff;
   padding: 12px 15px;
   border-radius: 6px;
   border: 1px solid #eee;
   transition: all 0.3s ease;
   box-shadow: 0 2px 4px rgba(0,0,0,0.05);
   width: 100%;
   overflow: hidden;
}

.dpc-checkbox-item:hover {
   border-color: #ccc;
   box-shadow: 0 3px 6px rgba(0,0,0,0.1);
   transform: translateY(-2px);
}

.dpc-checkbox-item input[type="checkbox"] {
   margin-right: 12px;
   width: 18px;
   height: 18px;
   accent-color: #007bff;
   flex-shrink: 0;
}

.dpc-checkbox-item label {
   font-size: 15px;
   color: #444;
   cursor: pointer;
   flex: 1;
   font-weight: 500;
   min-width: 0;
   overflow-wrap: break-word;
   word-wrap: break-word;
   word-break: break-word;
   hyphens: auto;
}

.dpc-checkbox-price {
   margin-left: 8px;
   font-size: 14px;
   color: #007bff;
   font-weight: 500;
   flex-shrink: 0;
   white-space: nowrap;
}

/* Special styling for package treatments */
.dpc-checkbox-item:nth-child(n+3) {
   background-color: #f0f7ff;
   border: 1px solid #cce3ff;
}

.dpc-checkbox-item:nth-child(n+3):hover {
   background-color: #e0f0ff;
   border-color: #99c8ff;
}

.dpc-checkbox-item:nth-child(n+3) label {
   color: #0056b3;
}

/* Selected Items */
.dpc-selected-items {
   background-color: #f8f8f8;
   border: 1px solid #ddd;
   border-radius: 10px;
   padding: 25px;
   box-shadow: 0 3px 10px rgba(0,0,0,0.05);
   width: 100%;
}

.dpc-selected-items h2 {
   color: #333;
   margin-top: 0;
}

.dpc-selected-list {
   max-height: 300px;
   overflow-y: auto;
   margin-bottom: 25px;
   padding-right: 10px;
   scrollbar-width: thin;
}

.dpc-selected-list::-webkit-scrollbar {
   width: 6px;
}

.dpc-selected-list::-webkit-scrollbar-thumb {
   background-color: #ddd;
   border-radius: 3px;
}

.dpc-no-items {
   font-style: italic;
   color: #666;
   text-align: center;
   padding: 30px 0;
   background-color: #fff;
   border-radius: 8px;
   border: 1px dashed #ddd;
}

.dpc-selected-item {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 15px 20px;
   border: 1px solid #e0e0e0;
   border-radius: 8px;
   margin-bottom: 12px;
   background-color: #fff;
   transition: all 0.3s ease;
}

.dpc-selected-item:hover {
   border-color: #bbb;
   box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}

.dpc-selected-info {
   flex: 1;
   min-width: 0;
}

.dpc-selected-treatment {
   margin: 0 0 5px 0;
   font-size: 16px;
   font-weight: 600;
   color: #333;
   overflow-wrap: break-word;
   word-wrap: break-word;
   word-break: break-word;
   hyphens: auto;
}

.dpc-selected-teeth {
   margin: 0;
   font-size: 14px;
   color: #666;
   overflow-wrap: break-word;
   word-wrap: break-word;
}

.dpc-selected-price {
   font-size: 16px;
   font-weight: 600;
   color: #007bff;
   margin-right: 20px;
   flex-shrink: 0;
   white-space: nowrap;
}

.dpc-remove-item {
   background: none;
   border: none;
   color: #dc3545;
   cursor: pointer;
   font-size: 18px;
   padding: 5px 10px;
   border-radius: 50%;
   transition: all 0.2s ease;
   line-height: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 30px;
   height: 30px;
   flex-shrink: 0;
}

.dpc-remove-item:hover {
   color: #fff;
   background-color: #dc3545;
}

/* Total Container */
.dpc-total-container {
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: 10px;
   padding: 25px;
   box-shadow: 0 2px 8px rgba(0,0,0,0.06);
   width: 100%;
}

.dpc-currency-selector {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
   background-color: #f8f8f8;
   padding: 10px 15px;
   border-radius: 6px;
   border: 1px solid #eee;
}

.dpc-currency-selector label {
   margin-right: 15px;
   font-weight: 600;
   color: #555;
   flex-shrink: 0;
}

.dpc-currency-selector select {
   padding: 10px 12px;
   border: 1px solid #ddd;
   border-radius: 6px;
   background-color: #fff;
   font-size: 15px;
   color: #333;
   cursor: pointer;
   transition: border-color 0.2s ease;
   flex: 1;
   min-width: 0;
   max-width: 100%;
   text-overflow: ellipsis;
}

.dpc-currency-selector select:hover,
.dpc-currency-selector select:focus {
   border-color: #007bff;
   outline: none;
}

.dpc-total-box {
   margin-bottom: 25px;
   border: 1px solid #eee;
   border-radius: 8px;
   overflow: hidden;
}

.dpc-total-row {
   display: flex;
   justify-content: space-between;
   padding: 15px 20px;
   background-color: #f9f9f9;
   border-bottom: 1px solid #eee;
}

.dpc-total-row:nth-child(even) {
   background-color: #f3f3f3;
}

.dpc-total-label {
   font-weight: 500;
   color: #555;
   overflow-wrap: break-word;
   word-wrap: break-word;
   hyphens: auto;
   min-width: 0;
   flex: 1;
}

.dpc-total-value {
   font-weight: 500;
   color: #333;
   white-space: nowrap;
   margin-left: 15px;
   flex-shrink: 0;
}

.dpc-total-final {
   font-weight: 700;
   font-size: 18px;
   color: #333;
   border-bottom: none;
   background-color: #e7f5ff !important;
}

.dpc-total-final .dpc-total-value {
   color: #007bff;
}

.dpc-disclaimer {
   font-size: 13px;
   color: #777;
   margin-bottom: 25px;
   padding: 10px 15px;
   background-color: #f8f8f8;
   border-radius: 6px;
   border-left: 3px solid #ddd;
}

.dpc-actions {
   text-align: center;
}

.dpc-whatsapp-btn {
   padding: 15px 25px;
   background-color: #25d366;
   color: white;
   border: none;
   border-radius: 8px;
   cursor: pointer;
   font-size: 16px;
   font-weight: 600;
   transition: all 0.3s ease;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   max-width: 400px;
   box-shadow: 0 4px 10px rgba(37, 211, 102, 0.2);
}

.dpc-whatsapp-btn::before {
   content: "";
   display: inline-block;
   width: 24px;
   height: 24px;
   margin-right: 10px;
   background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="white" d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path></svg>');
   background-repeat: no-repeat;
   background-size: contain;
   flex-shrink: 0;
}

.dpc-whatsapp-btn:hover {
   background-color: #128c7e;
   transform: translateY(-2px);
   box-shadow: 0 6px 12px rgba(18, 140, 126, 0.25);
}

/* Animation for new items */
@keyframes fadeIn {
   from { opacity: 0; transform: translateY(10px); }
   to { opacity: 1; transform: translateY(0); }
}

.dpc-fade-in {
   animation: fadeIn 0.5s ease forwards;
}

/* Loading spinner */
.dpc-loading {
   display: inline-block;
   width: 20px;
   height: 20px;
   border: 3px solid rgba(0,123,255,0.3);
   border-radius: 50%;
   border-top-color: #007bff;
   animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
   to { transform: rotate(360deg); }
}

/* Hollywood Smile Package special styling */
.dpc-premium-package {
   background-color: #f5f5f5;
   border: 1px solid #e0e0e0;
   border-left: 3px solid #4CAF50;
   padding: 15px;
   margin-bottom: 15px;
   transition: all 0.3s ease;
}

.dpc-premium-package:hover {
   background-color: #f0f7f0;
   box-shadow: 0 3px 8px rgba(0,0,0,0.1);
   transform: translateY(-2px);
}

.dpc-package-details {
   display: none;
   background-color: #fff;
   border-radius: 4px;
   padding: 10px 15px;
   margin-top: 10px;
   border: 1px dashed #ccc;
}

.dpc-checkbox-item input[type="checkbox"]:checked + label + .dpc-package-details {
   display: block;
   animation: fadeIn 0.3s ease-in;
}

.dpc-package-details ul {
   margin: 0;
   padding: 0 0 0 20px;
}

.dpc-package-details ul li {
   margin-bottom: 6px;
   color: #555;
   overflow-wrap: break-word;
   word-wrap: break-word;
   word-break: break-word;
   hyphens: auto;
}

/* Tooltip styles */
.dpc-tooltip {
   position: relative;
   display: inline-block;
}

.dpc-tooltip .dpc-tooltiptext {
   visibility: hidden;
   width: 200px;
   background-color: #333;
   color: #fff;
   text-align: center;
   border-radius: 6px;
   padding: 10px;
   position: absolute;
   z-index: 1;
   bottom: 125%;
   left: 50%;
   transform: translateX(-50%);
   opacity: 0;
   transition: opacity 0.3s;
   font-size: 12px;
   line-height: 1.4;
   box-shadow: 0 3px 6px rgba(0,0,0,0.2);
   word-wrap: break-word;
}

.dpc-tooltip .dpc-tooltiptext::after {
   content: "";
   position: absolute;
   top: 100%;
   left: 50%;
   margin-left: -5px;
   border-width: 5px;
   border-style: solid;
   border-color: #333 transparent transparent transparent;
}

.dpc-tooltip:hover .dpc-tooltiptext {
   visibility: visible;
   opacity: 1;
}

/* Desktop layout optimization */
@media (min-width: 992px) {
   .dpc-main-container {
       align-items: flex-start;
   }
   
   .dpc-treatment-item {
       transition: all 0.3s ease;
   }
   
   .dpc-add-treatment-btn {
       opacity: 0.9;
       transform: translateX(-5px);
   }
   
   .dpc-treatment-item:hover .dpc-add-treatment-btn {
       opacity: 1;
       transform: translateX(0);
   }
   
   .dpc-tabs-header {
       justify-content: space-between;
   }
}

/* Daha geniş ekranlar için selected items grid düzeni */
@media (min-width: 1200px) {
   .dpc-selected-items {
       display: grid;
       grid-template-columns: 1.5fr 1fr;
       gap: 25px;
       align-items: start;
   }
   
   .dpc-selected-items > h2 {
       grid-column: 1 / -1;
   }
   
   .dpc-selected-list {
       max-height: 400px;
       margin-bottom: 0;
   }
}

/* Çok küçük tablet ve mobil için üst üste düzen */
@media (max-width: 767px) {
    .dental-price-calculator-container {
        padding: 10px;
    }
    
    .dpc-teeth-selection,
    .dpc-treatment-selection,
    .dpc-full-mouth-treatments,
    .dpc-selected-items,
    .dpc-total-container {
        padding: 15px;
    }
    
    .dpc-quick-selection {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    
    .dpc-quick-select-btn {
        width: 100%;
        padding: 12px 10px;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        white-space: normal;
        overflow-wrap: break-word;
        word-wrap: break-word;
        hyphens: auto;
    }
    
    /* Full mouth treatments özel düzenlemeler */
    .dpc-full-mouth-treatments {
        box-sizing: border-box;
        width: 100%;
        padding: 10px;
        overflow: hidden;
    }
    
    .dpc-checkbox-group {
        display: block;
        width: 100%;
    }
    
    .dpc-checkbox-item {
        margin-bottom: 10px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
    }
    
    .dpc-checkbox-item input[type="checkbox"] {
        margin-bottom: 8px;
    }
    
    .dpc-checkbox-item label {
        width: 100%;
        display: block;
        word-break: break-word;
        overflow-wrap: break-word;
        font-size: 14px;
        margin-bottom: 5px;
    }
    
    .dpc-checkbox-price {
        align-self: flex-end;
        margin-top: 5px;
    }
    
    /* Tabs ve treatment düzenlemeleri */
    .dpc-tabs-header {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        width: 100%;
    }
    
    .dpc-tab-btn {
        padding: 10px 8px;
        font-size: 13px;
    }
    
    .dpc-treatment-item {
        position: relative;
        padding-bottom: 60px;
        width: 100%;
    }
    
    .dpc-treatment-info {
        width: 100%;
    }
    
    .dpc-add-treatment-btn {
        position: absolute;
        bottom: 15px;
        right: 15px;
        margin-left: 0;
    }
    
    .dpc-selected-item {
        position: relative;
        padding-top: 40px;
        flex-direction: column;
        align-items: flex-start;
    }
    
    .dpc-selected-info {
        width: 100%;
    }
    
    .dpc-selected-price {
        margin: 5px 0;
    }
    
    .dpc-remove-item {
        position: absolute;
        top: 10px;
        right: 10px;
    }
    
    /* Para birimi seçici düzenlemeleri */
    .dpc-currency-selector {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .dpc-currency-selector label {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5px;
    }
    
    .dpc-currency-selector select {
        width: 100%;
        font-size: 14px;
    }
    
    /* Rusça gibi uzun kelimeli diller için özel düzeltmeler */
    .dpc-full-mouth-treatments .dpc-checkbox-item label {
        font-size: 13px;
        display: inline-block;
        width: 100%;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-all !important;
        hyphens: auto !important;
        text-overflow: clip !important;
    }
    
    /* Zorunlu satır atlama */
    .dpc-full-mouth-treatments .dpc-checkbox-item label::after {
        content: "\A";
        white-space: pre;
    }
    
    /* Fiyat bilgisi için düzenleme */
    .dpc-full-mouth-treatments .dpc-checkbox-price {
        display: block;
        width: 100%;
        text-align: right;
        margin-top: 8px;
        margin-left: 0;
    }
}

/* Çok küçük ekranlar için ek iyileştirmeler */
@media (max-width: 480px) {
    .dental-price-calculator-container,
    .dpc-teeth-selection,
    .dpc-treatment-selection,
    .dpc-full-mouth-treatments {
        padding: 8px;
    }
    
    .dpc-teeth-selection h2,
    .dpc-treatment-selection h2,
    .dpc-full-mouth-treatments h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .dpc-checkbox-item {
        padding: 8px;
    }
    
    .dpc-checkbox-item label {
        font-size: 13px;
    }
    
    .dpc-checkbox-price {
        font-size: 13px;
    }
}