/* General styling */
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
margin: 0;
padding: 15px;
background-color: #f9f9f9;
color: #333;
direction: rtl;
}
h1, p {
padding-right: 10px;
padding-left: 10px;
}

/* Responsive table container */
.table-container {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border: 1px solid #ddd;
border-radius: 8px;
}

table {
width: 100%;
border-collapse: collapse;
table-layout: fixed; /* Crucial for controlling column widths */
}

th, td {
padding: 10px 8px; /* Reduced padding for all cells */
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
text-align: right;
vertical-align: middle;
word-wrap: break-word; /* Allow text wrapping */
}

th {
background-color: #34495e;
color: #ecf0f1;
font-weight: 600;
}

/* — NEW: Define column widths — */
th:nth-child(1), td:nth-child(1) { width: 10%; } /* מחסן */
th:nth-child(2), td:nth-child(2) { width: 20%; } /* תמונת המוצר */
th:nth-child(3), td:nth-child(3) { width: 8%; } /* לינק לקנייה */
th:nth-child(4), td:nth-child(4) { width: 12%; } /* מותג */
th:nth-child(5), td:nth-child(5) { width: 15%; } /* קוד קופון */
th:nth-child(6), td:nth-child(6) { width: 35%; } /* הערות */

tbody tr:nth-child(even) {
background-color: #f5f5f5;
}

tbody tr:hover {
background-color: #e9ecef;
}

/* Enlarged images */
td img {
max-width: 150px;
height: auto;
display: block;
border-radius: 4px;
}

/* Links styling */
td a {
color: #2980b9;
text-decoration: none;
font-weight: 600;
}
td a:hover {
text-decoration: underline;
}

/* Clickable coupon codes styling */
.clickable-coupon, code {
cursor: pointer;
font-weight: bold;
color: #c0392b;
background-color: #fef9e7;
padding: 3px 7px;
border-radius: 4px;
transition: background-color 0.2s ease, color 0.2s ease;
user-select: none;
display: inline-block;
font-family: monospace;
border: 1px solid #fceecf;
}
.clickable-coupon:hover, code:hover {
background-color: #f9e79f;
color: #af3122;
}
td.coupon-cell {
font-weight: bold;
color: #c0392b;
background-color: #fef9e7;
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease;
}
td.coupon-cell:hover {
background-color: #f9e79f;
color: #af3122;
}

/* Copy notification */
#copy-notification {
position: fixed;
bottom: -100px;
left: 50%;
transform: translateX(-50%);
background-color: #27ae60;
color: #fff;
padding: 12px 24px;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
transition: bottom 0.4s ease-in-out;
z-index: 1000;
font-size: 16px;
pointer-events: none;
}
#copy-notification.show {
bottom: 30px;
}

Product Deals

לחצו על כל קוד קופון כדי להעתיק אותו.

document.addEventListener('DOMContentLoaded', () => {
const table = document.querySelector('table');
const notification = document.getElementById('copy-notification');

if (!table) {
console.error("Table not found!");
return;
}

// Column indices (0-based, from right to left)
const couponColumnIndex = 4;
const notesColumnIndex = 5;

// Make coupon codes clickable and style coupon cells
const rows = table.querySelectorAll('tbody tr');
rows.forEach((row, idx) => {
if (idx === 0 && row.querySelector('strong')) return; // Skip header

const couponCell = row.cells[couponColumnIndex];
if (couponCell && couponCell.innerText.trim() !== ") {
couponCell.classList.add('coupon-cell');
couponCell.title="לחץ להעתקת הקוד";
}

const notesCell = row.cells[notesColumnIndex];
if (notesCell) {
const codeElements = notesCell.querySelectorAll('code');
codeElements.forEach(codeEl => {
codeEl.classList.add('clickable-coupon');
codeEl.title="לחץ להעתקת הקוד";
});
}
});

// Click event delegation for copying codes
table.addEventListener('click', (event) => {
let clickedElement = null;
let codeToCopy = ";

if (event.target.closest('.clickable-coupon')) {
clickedElement = event.target.closest('.clickable-coupon');
} else if (event.target.closest('.coupon-cell')) {
clickedElement = event.target.closest('.coupon-cell');
}

if (clickedElement) {
codeToCopy = clickedElement.innerText.split(/[\s\n,]+|או/)[0].trim();
}

if (codeToCopy) {
navigator.clipboard.writeText(codeToCopy).then(() => {
notification.textContent = `הועתק: ${codeToCopy}`;
notification.classList.add('show');
setTimeout(() => {
notification.classList.remove('show');
}, 2000);
}).catch(err => {
console.error('Failed to copy code: ', err);
alert('העתקה נכשלה. אנא נסה שוב או העתק ידנית.');
});
}
});
});