 /* Encapsulate all styles within the widget to avoid conflicts */
 #goldiamart-widget * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }

 #goldiamart-widget {
     --primary: #471B7A;
     --secondary: #AAA456;
     --light: #f8f9fa;
     --dark: #343a40;
     --success: #28a745;
 }

 #goldiamart-widget body,
 #goldiamart-widget {
     background-color: #f5f7fb;
     color: #333;
     line-height: 1.6;
 }

 #goldiamart-widget .container {
     max-width: 1200px;
     margin: 0 auto;
     padding: 20px;
 }

 #goldiamart-widget header {
     background: linear-gradient(135deg, var(--primary) 0%, #2d1055 100%);
     color: white;
     padding: 15px 0;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }

 #goldiamart-widget .header-container {
     display: flex;
     justify-content: flex-end;
     /* Changed to push content to the right */
     align-items: center;
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 20px;
 }

 #goldiamart-widget .currency-control {
     display: flex;
     gap: 15px;
     align-items: center;
 }

 #goldiamart-widget .currency-selector {
     padding: 8px 15px;
     border-radius: 30px;
     border: 2px solid var(--secondary);
     background-color: rgba(255, 255, 255, 0.1);
     color: white;
     font-weight: 600;
     cursor: pointer;
     outline: none;
 }

 /* --- MODIFICATION 1: Universal style for all dropdown options for max compatibility --- */
 #goldiamart-widget select option {
     background-color: white;
     color: #333;
 }

 #goldiamart-widget .price-ticker {
     background-color: var(--dark);
     color: white;
     padding: 10px 0;
     font-weight: 500;
 }

 #goldiamart-widget .content-section {
     display: flex;
     gap: 30px;
     margin: 30px 0;
     flex-wrap: wrap;
 }

 #goldiamart-widget .price-list {
     flex: 1;
     min-width: 300px;
     background-color: white;
     border-radius: 12px;
     box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
     overflow: hidden;
 }

 #goldiamart-widget .price-list h2 {
     background: linear-gradient(135deg, var(--primary) 0%, #2d1055 100%);
     color: white;
     padding: 15px 20px;
     font-size: 18px;
 }

 #goldiamart-widget .price-table {
     width: 100%;
     border-collapse: collapse;
 }

 #goldiamart-widget .price-table th,
 #goldiamart-widget .price-table td {
     padding: 15px 20px;
     text-align: left;
     border-bottom: 1px solid #eee;
 }

 #goldiamart-widget .price-table th {
     background-color: rgba(71, 27, 122, 0.1);
     font-weight: 600;
     color: var(--primary);
 }

 #goldiamart-widget .price-table tr:last-child td {
     border-bottom: none;
 }

 #goldiamart-widget .price-table tr:nth-child(even) {
     background-color: #f9f9f9;
 }

 #goldiamart-widget .calculator-wrapper {
     flex: 1;
     min-width: 300px;
     background-color: white;
     border-radius: 12px;
     box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
     overflow: hidden;
     border: 2px solid var(--secondary);
 }

 #goldiamart-widget .tabs {
     display: flex;
     background-color: var(--primary);
 }

 #goldiamart-widget .tab-button {
     flex: 1;
     padding: 15px;
     border: none;
     background: none;
     color: rgba(255, 255, 255, 0.7);
     font-weight: 600;
     cursor: pointer;
     transition: all 0.3s ease;
     font-size: 16px;
 }

 #goldiamart-widget .tab-button.active {
     background-color: var(--secondary);
     color: var(--primary);
 }

 #goldiamart-widget .tab-pane {
     padding: 25px;
     display: none;
 }

 #goldiamart-widget .tab-pane.active {
     display: block;
 }

 #goldiamart-widget .tab-pane h2 {
     color: var(--primary);
     margin-bottom: 15px;
     font-size: 22px;
 }

 #goldiamart-widget .tab-pane p {
     color: #666;
     margin-bottom: 25px;
 }

 #goldiamart-widget .calculator-form {
     display: flex;
     flex-direction: column;
     gap: 20px;
 }

 #goldiamart-widget .form-row {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     gap: 15px;
 }

 #goldiamart-widget .form-row label {
     flex: 1;
     min-width: 120px;
     font-weight: 500;
     color: var(--dark);
 }

 /* --- MODIFICATION 2: Increased padding to make input/select boxes taller --- */
 #goldiamart-widget .form-row input,
 #goldiamart-widget .form-row select {
     flex: 2;
     padding: 0px 20px;
     /* Increased from 15px */
     border: 1px solid #ddd;
     border-radius: 8px;
     font-size: 16px;
     min-width: 200px;
     text-align: center;
 }

 #goldiamart-widget .form-row .total-value {
     font-size: 22px;
     font-weight: 700;
     color: var(--primary);
 }

 #goldiamart-widget .ticker-container {
     background-color: var(--dark);
     color: white;
     padding: 10px 0;
     margin-top: 30px;
     border-radius: 0 0 8px 8px;
 }

 #goldiamart-widget .ticker-content {
     display: flex;
     overflow: hidden;
     white-space: nowrap;
 }

 #goldiamart-widget .ticker-content-inner {
     display: flex;
     animation: ticker 40s linear infinite;
 }

 #goldiamart-widget .ticker-item {
     display: inline-flex;
     align-items: center;
     padding: 0 25px;
 }

 #goldiamart-widget .ticker-item span {
     color: var(--secondary);
     font-weight: 600;
     margin-right: 5px;
 }

 #goldiamart-widget .ticker-item a {
     color: white;
     text-decoration: none;
     margin: 0 15px;
     transition: all 0.3s ease;
 }

 #goldiamart-widget .ticker-item a:hover {
     color: var(--secondary);
 }

 @keyframes ticker {
     0% {
         transform: translateX(0%);
     }

     100% {
         transform: translateX(-50%);
     }
 }

 @media (max-width: 768px) {
     #goldiamart-widget .header-container {
         flex-direction: column;
         gap: 15px;
     }

     #goldiamart-widget .form-row {
         flex-direction: column;
         align-items: flex-start;
     }

     #goldiamart-widget .form-row label,
     #goldiamart-widget .form-row input,
     #goldiamart-widget .form-row select {
         width: 100%;
     }
	 
	  #goldiamart-widget .tabs {
		overflow-y: scroll;
	  }
	 
	 #goldiamart-widget .form-row input,
	 #goldiamart-widget .form-row select {
		 flex: none;
	 }
 }

div.custom-whatsapp-inquiry{
    text-align: center;
     margin: 50px auto !important;
}
a.custom-whatsapp-button{
    padding: 12px 24px !important;
    background-color: #02010100;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    fill: black;
    color: black;
    border-style: solid;
    border-width: .05px .05px .05px .05px;
    border-color: black;
    border-radius: 0px 0px 0px 0px;
    margin: 50px auto !important;
    text-align: center;
 } 