/* TRS-80 Software Search Form CSS - WordPress Compatible */
.softsearch-container { max-width: none !important; }
.missing { background-color: #dc3545 !important; color: white !important; }
.searchcats-btn-small { padding: 6px 15px !important; font-size: 0.9rem !important; }
.searchcats-button-row-cell { text-align: center; padding: 10px; background: #f8f9fa; }

/* FIX: New class added to center the in-table navigation buttons */
.searchcats-button-section {
    text-align: center;
    padding: 15px 0; /* Increased padding for better visibility */
    background: #e9ecef; /* Light background to highlight the section */
}

.searchcats-results-header-row th { padding: 8px 4px !important; font-size: 0.85rem; }
.softsearch-container *{box-sizing:border-box}
.softsearch-container{max-width:1200px;margin:0 auto;background:#fff;border-radius:15px;box-shadow:0 20px 40px rgba(0,0,0,.1);overflow:hidden;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}
.softsearch-header{background:linear-gradient(135deg,#1e3a8a 0,#3b82f6 100%);color:#fff;padding:30px;text-align:center}
.softsearch-header h1{margin:0;font-size:2.5rem;font-weight:300;color:#fff}
.softsearch-header p{margin:10px 0 0 0;color:#e0f2fe;font-size:1.1rem}
.softsearch-stats-panel{background:rgba(255,255,255,.1);border-radius:10px;padding:20px;margin-top:20px;backdrop-filter:blur(10px)}
.softsearch-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}
.softsearch-stat-item{text-align:center}
.softsearch-stat-number{font-size:1.5rem;font-weight:700;display:block}
.softsearch-stat-label{font-size:.9rem;opacity:.8}
.softsearch-search-form{padding:40px}
.softsearch-form-section{margin-bottom:30px}
.softsearch-form-section h3{color:#039;font-size:1.3rem;margin-bottom:15px;border-bottom:2px solid #e0e0e0;padding-bottom:5px}
.softsearch-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.softsearch-form-group{margin-bottom:20px}
.softsearch-form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}
.softsearch-form-group input[type=text]{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}
.softsearch-form-group select{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}
.softsearch-form-group input[type=text]:focus{outline:0;border-color:#039;box-shadow:0 0 0 3px rgba(0,51,153,.1)}
.softsearch-form-group select:focus{outline:0;border-color:#039;box-shadow:0 0 0 3px rgba(0,51,153,.1)}
.softsearch-button-group{display:flex;gap:15px;justify-content:center;margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}
.softsearch-btn{padding:12px 30px;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}
.softsearch-btn-primary{background:linear-gradient(135deg,#039 0,#06c 100%);color:#fff}
.softsearch-btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,51,153,.3)}
.softsearch-btn-secondary{background:#f8f9fa;color:#333;border:2px solid #e0e0e0}
.softsearch-btn-secondary:hover{background:#e9ecef;border-color:#adb5bd}
.softsearch-instructions{background:#f8f9fa;border-radius:10px;padding:25px;margin-top:30px}
.softsearch-instructions h3{color:#039;margin-top:0}
.softsearch-instructions ul{padding-left:20px}
.softsearch-instructions li{margin-bottom:8px}
.softsearch-code{background:#e9ecef;padding:2px 6px;border-radius:4px;font-family:'Courier New',monospace;color:#d63384}
.softsearch-legend{background:#e9ecef;padding:20px;border-radius:10px;margin-top:20px;border-bottom:1px solid #dee2e6}
.softsearch-legend h3{margin-top:0;color:#1e40af}
.softsearch-legend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:8px;font-size:.9rem}
.softsearch-legend-item{display:flex;align-items:center;gap:8px}
.softsearch-missing-example{background-color:#dc3545;color:#fff;padding:2px 8px;border-radius:3px}
.softsearch-tips{background:linear-gradient(135deg,#28a745 0,#20c997 100%);color:#fff;padding:20px;border-radius:10px;margin-top:20px}
.softsearch-tips h4{margin-top:0;font-size:1.2rem}
.softsearch-advanced-toggle{text-align:center;margin:20px 0}
.softsearch-toggle-btn{background:0 0;border:2px solid #039;color:#039;padding:8px 20px;border-radius:20px;cursor:pointer;transition:all .3s ease}
.softsearch-toggle-btn:hover{background:#039;color:#fff}
.softsearch-advanced-options{display:none;margin-top:20px;padding:20px;border:2px solid #e0e0e0;border-radius:10px;background:#fafafa}
.softsearch-advanced-options.softsearch-show{display:block;animation:softsearch-slideDown .3s ease}
@keyframes softsearch-slideDown{from{opacity:0;transform:translateY(-10px)}
to{opacity:1;transform:translateY(0)}
}
.softsearch-help-text{font-size:.9rem;color:#666;margin-top:4px}
.magsearch-container *{box-sizing:border-box}
.magsearch-container{max-width:1200px;margin:0 auto;background:#fff;border-radius:15px;box-shadow:0 20px 40px rgba(0,0,0,.1);overflow:hidden;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}
.magsearch-header{background:linear-gradient(135deg,#1e3a8a 0,#3b82f6 100%);color:#fff;padding:30px;text-align:center}
.magsearch-header h1{margin:0;font-size:2.5rem;font-weight:300;color:#fff}
.magsearch-header p{margin:10px 0 0 0;color:#e0f2fe;font-size:1.1rem}
.magsearch-intro-section{padding:30px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}
.magsearch-intro-section h2{color:#039;font-size:1.4rem;margin-bottom:15px;border-bottom:2px solid #e0e0e0;padding-bottom:5px}
.magsearch-intro-section p{color:#333;margin-bottom:20px}
.magsearch-magazine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:25px}
.magsearch-magazine-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e0e0e0;font-size:.9rem}
.magsearch-status-icon{width:12px;height:12px;border-radius:50%;flex-shrink:0}
.magsearch-status-icon.magsearch-complete{background-color:#28a745}
.magsearch-status-icon.magsearch-partial{background-color:#ffc107}
.magsearch-status-icon.magsearch-missing{background-color:#dc3545}
.magsearch-legend{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px;margin-top:20px}
.magsearch-legend h4{margin-top:0;color:#039;font-size:1.1rem}
.magsearch-legend-items{display:flex;gap:25px;flex-wrap:wrap}
.magsearch-legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem}
.magsearch-form-section{padding:30px}
.magsearch-form-section h2{color:#039;font-size:1.4rem;margin-bottom:20px;border-bottom:2px solid #e0e0e0;padding-bottom:5px}
.magsearch-magazines-section{margin-bottom:30px}
.magsearch-magazines-section h3{color:#039;font-size:1.2rem;margin-bottom:15px}
.magsearch-magazine-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px;border:1px solid #e0e0e0;border-radius:8px;padding:20px;background:#fafafa}
.magsearch-checkbox-group{display:flex;align-items:center;margin-bottom:5px}
.magsearch-checkbox-group.magsearch-select-all{grid-column:1 / -1;border-top:2px solid #039;padding-top:15px;margin-top:15px;justify-content:center}
.magsearch-container { max-width: none !important; }
.magsearch-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;line-height:1.4;color:#333}
.magsearch-checkbox-label input[type=checkbox]{opacity:0;position:absolute;width:0;height:0}
.magsearch-checkmark{width:18px;height:18px;border:2px solid #ccc;border-radius:3px;background:#fff;position:relative;flex-shrink:0;transition:all .2s ease}
.magsearch-checkbox-label input[type=checkbox]:checked+.magsearch-checkmark{background:#039;border-color:#039}
.magsearch-checkbox-label input[type=checkbox]:checked+.magsearch-checkmark:after{content:"";position:absolute;left:4px;top:1px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.magsearch-search-fields{margin-bottom:25px}
.magsearch-output-section{margin-bottom:25px}
.magsearch-search-fields h3{color:#039;font-size:1.2rem;margin-bottom:15px}
.magsearch-output-section h3{color:#039;font-size:1.2rem;margin-bottom:15px}
.magsearch-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.magsearch-form-group{margin-bottom:20px}
.magsearch-form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}
.magsearch-form-group input[type=text]{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}
.magsearch-form-group select{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}
.magsearch-form-group input[type=text]:focus{outline:0;border-color:#039;box-shadow:0 0 0 3px rgba(0,51,153,.1)}
.magsearch-form-group select:focus{outline:0;border-color:#039;box-shadow:0 0 0 3px rgba(0,51,153,.1)}
.magsearch-help-text{font-size:.9rem;color:#666;margin-top:4px}
.magsearch-checkbox-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:8px}
.magsearch-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:15px;margin:20px 0;color:#856404;font-size:.95rem}
.magsearch-button-group{display:flex;justify-content:center;margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}
.magsearch-btn{padding:15px 40px;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}
.magsearch-btn-primary{background:linear-gradient(135deg,#039 0,#06c 100%);color:#fff}
.magsearch-btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,51,153,.3)}
.searchcats-container *{box-sizing:border-box}
.searchcats-container{max-width:1200px;margin:0 auto;background:#fff;border-radius:15px;box-shadow:0 20px 40px rgba(0,0,0,.1);overflow:hidden;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}
.searchcats-header{background:linear-gradient(135deg,#1e3a8a 0,#3b82f6 100%);color:#fff;padding:30px;text-align:center}
.searchcats-header h1{margin:0;font-size:2.5rem;font-weight:300;color:#fff}
.searchcats-header p{margin:10px 0 0 0;color:#e0f2fe;font-size:1.1rem}
.searchcats-intro-section{padding:30px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}
.searchcats-intro-section h2{color:#039;font-size:1.4rem;margin-bottom:15px;border-bottom:2px solid #e0e0e0;padding-bottom:5px}
.searchcats-intro-section p{color:#333;margin-bottom:20px}
.searchcats-catalog-info{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px;margin:20px 0}
.searchcats-catalog-info ul{padding-left:20px;margin:15px 0}
.searchcats-catalog-info li{margin-bottom:8px}
.searchcats-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:15px;margin:20px 0;color:#856404;font-size:.95rem}
.searchcats-code{background:#e9ecef;padding:2px 6px;border-radius:4px;font-family:'Courier New',monospace;color:#d63384}
.searchcats-form-section{padding:30px}
.searchcats-form-section h2{color:#039;font-size:1.4rem;margin-bottom:20px;border-bottom:2px solid #e0e0e0;padding-bottom:5px}
.searchcats-search-fields{margin-bottom:30px}
.searchcats-vendor-section{margin-bottom:30px}
.searchcats-filter-section{margin-bottom:30px}
.searchcats-output-section{margin-bottom:30px}
.searchcats-search-fields h3{color:#039;font-size:1.2rem;margin-bottom:15px}
.searchcats-vendor-section h3{color:#039;font-size:1.2rem;margin-bottom:15px}
.searchcats-filter-section h3{color:#039;font-size:1.2rem;margin-bottom:15px}
.searchcats-output-section h3{color:#039;font-size:1.2rem;margin-bottom:15px}
.searchcats-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.searchcats-container { max-width: none !important; }
.searchcats-form-group{margin-bottom:20px}
.searchcats-form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}
.searchcats-form-group input[type=text]{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}
.searchcats-form-group select{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}
.searchcats-form-group input[type=text]:focus{outline:0;border-color:#039;box-shadow:0 0 0 3px rgba(0,51,153,.1)}
.searchcats-form-group select:focus{outline:0;border-color:#039;box-shadow:0 0 0 3px rgba(0,51,153,.1)}
.searchcats-checkbox-group{display:flex;gap:20px;flex-wrap:wrap}
.searchcats-checkbox-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px;margin-top:8px}
.searchcats-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.95rem;line-height:1.4;color:#333}
.searchcats-checkbox-label input[type=checkbox]{opacity:0;position:absolute;width:0;height:0}
.searchcats-checkmark{width:18px;height:18px;border:2px solid #ccc;border-radius:3px;background:#fff;position:relative;flex-shrink:0;transition:all .2s ease}
.searchcats-checkbox-label input[type=checkbox]:checked+.searchcats-checkmark{background:#039;border-color:#039}
.searchcats-checkbox-label input[type=checkbox]:checked+.searchcats-checkmark:after{content:"";position:absolute;left:4px;top:1px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.searchcats-button-group{display:flex;justify-content:center;margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}
.searchcats-btn{padding:15px 40px;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;margin:0 10px}
.searchcats-btn-primary{background:linear-gradient(135deg,#039 0,#06c 100%);color:#fff}
.searchcats-btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,51,153,.3)}
.searchcats-btn-secondary{background:#f8f9fa;color:#333;border:2px solid #e0e0e0}
.searchcats-btn-secondary:hover{background:#e9ecef;border-color:#adb5bd}
.searchcats-criteria-section{background:#f8f9fa;padding:25px;border-bottom:1px solid #e0e0e0}
.searchcats-criteria-title{color:#039;font-size:1.4rem;margin-bottom:15px;border-bottom:2px solid #e0e0e0;padding-bottom:5px}
.searchcats-criteria-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;font-size:.95rem}
.searchcats-criteria-item{display:flex}
.searchcats-criteria-label{font-weight:700;min-width:120px;color:#555}
.searchcats-criteria-value{color:#333}
.searchcats-results-header{background:#28a745;color:#fff;padding:20px 30px;font-size:1.3rem;font-weight:700;text-align:center}
.searchcats-results-container{overflow-x:auto}
.searchcats-results-table{width:100%;border-collapse:collapse;font-size:.9rem}
.searchcats-results-header-row{background:#039;color:#fff;font-weight:700}
.searchcats-results-header-row th{padding:12px 8px;text-align:left;border-right:1px solid rgba(255,255,255,.2);position:sticky;top:0;z-index:10}
.searchcats-results-row{border-bottom:1px solid #e0e0e0}
.searchcats-results-row:nth-child(even){background-color:#f8f9fa}
.searchcats-results-row:hover{background-color:#e3f2fd}
.searchcats-results-cell{padding:8px;border-right:1px solid #e0e0e0;vertical-align:top}
.searchcats-catalog-number-cell{font-weight:700;min-width:120px}
.searchcats-vendor-cell{text-align:center;min-width:100px;font-size:.85rem}
.searchcats-description-cell{min-width:300px}
.searchcats-catalog-cell{text-align:center;min-width:80px}
.searchcats-price-cell{text-align:right;min-width:80px;font-family:monospace}
.searchcats-ad-cell{text-align:center;min-width:50px}
.searchcats-ad-cell img{max-width:20px;height:auto}
.searchcats-group-header{border-top:2px solid #039!important}
.searchcats-group-footer{border-bottom:2px solid #039!important}
.searchcats-navigation{padding:30px;background:#f8f9fa;border-top:1px solid #e0e0e0}
.searchcats-nav-title{color:#039;font-size:1.2rem;margin-bottom:15px}
.searchcats-nav-links{display:flex;gap:20px;flex-wrap:wrap}
.searchcats-nav-link{color:#06c;text-decoration:none;padding:8px 16px;border:2px solid #06c;border-radius:5px;transition:all .3s ease}
.searchcats-nav-link:hover{background:#06c;color:#fff}
.searchcats-error-message{background:#dc3545;color:#fff;padding:20px;text-align:center;font-size:1.1rem}
@media (max-width:768px){
	.softsearch-header{padding:20px}
	.softsearch-header h1{font-size:2rem}
	.softsearch-search-form{padding:20px}
	.softsearch-form-grid{grid-template-columns:1fr}
	.softsearch-button-group{flex-direction:column}
	.softsearch-stats-grid{grid-template-columns:repeat(2,1fr)}
	.magsearch-header{padding:20px}
	.magsearch-header h1{font-size:2rem}
	.magsearch-intro-section{padding:20px}
	.magsearch-form-section{padding:20px}
	.magsearch-form-grid{grid-template-columns:1fr}
	.magsearch-magazine-checkboxes{grid-template-columns:1fr}
	.magsearch-magazine-grid{grid-template-columns:1fr}
	.magsearch-legend-items{flex-direction:column;gap:15px}
	.magsearch-checkbox-list{grid-template-columns:1fr}
	.searchcats-header h1{font-size:2rem}
	.searchcats-intro-section{padding:15px}
	.searchcats-form-section{padding:15px}
	.searchcats-criteria-section{padding:15px}
	.searchcats-navigation{padding:15px}
	.searchcats-form-grid{grid-template-columns:1fr}
	.searchcats-checkbox-group{flex-direction:column;gap:10px}
	.searchcats-checkbox-list{grid-template-columns:1fr}
	.searchcats-button-group{flex-direction:column;align-items:center}
	.searchcats-btn{margin:5px 0;width:100%;max-width:300px}
	.searchcats-results-table{font-size:.8rem}
	.searchcats-results-header-row th{padding:6px 4px}
	.searchcats-results-cell{padding:6px 4px}
	.searchcats-criteria-grid{grid-template-columns:1fr}
}


/* --- Magazine Search Results Styling --- */

/* Ensures the container respects the shell's width */
.magsearch-container {
    max-width: 100% !important; 
    margin: 0;
    padding: 0;
    background: #fff; /* White background for the content box */
    border-radius: 0; /* Remove rounded corners to fill main-content */
    box-shadow: none; /* Remove any box-shadow that would override shell */
    overflow: hidden;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
}

/* Header Styling (e.g., the blue bar) */
.magsearch-header {
    background: linear-gradient(135deg, #003399 0%, #0066cc 100%);
    color: white;
    padding: 30px;
    text-align: center;
}

.magsearch-header h1 {
    margin: 0;
    font-size: 2.2rem;
    font-weight: 300;
}

/* Search Criteria Section */
.magsearch-criteria-section {
    background: #f8f9fa;
    padding: 25px;
    border-bottom: 1px solid #e0e0e0;
}

.magsearch-criteria-title {
    color: #003399;
    font-size: 1.4rem;
    margin-bottom: 15px;
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 5px;
}

.magsearch-criteria-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 10px;
    font-size: 0.95rem;
}

.magsearch-criteria-item {
    display: flex;
}

.magsearch-criteria-label {
    font-weight: bold;
    min-width: 120px;
    color: #555;
}

.magsearch-criteria-value {
    color: #333;
}

/* Results Header (e.g., the green bar) */
.magsearch-results-header {
    background: #28a745;
    color: white;
    padding: 20px 30px;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
}

.magsearch-results-container {
    overflow-x: auto;
}

/* Table Styling */
.magsearch-results-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.magsearch-results-header-row {
    background: #003399;
    color: white;
    font-weight: bold;
}

.magsearch-results-header-row th {
    padding: 12px 8px;
    text-align: left;
    border-right: 1px solid rgba(255,255,255,0.2);
    position: sticky;
    top: 0;
    z-index: 10;
}

/* Table Row Coloring (Stripes) */
.magsearch-row-even {
    background-color: #f8f9fa; /* Light background for even rows */
    border-bottom: 1px solid #e0e0e0;
}

.magsearch-row-odd {
    background-color: #fff; /* White background for odd rows */
    border-bottom: 1px solid #e0e0e0;
}

.magsearch-row-odd:hover,
.magsearch-row-even:hover {
    background-color: #e3f2fd; /* Hover effect */
}

.magsearch-results-cell {
    padding: 8px;
    border-right: 1px solid #e0e0e0;
    vertical-align: top;
}

/* Specific Cell Width/Style Overrides */
.magsearch-results-table .mag-cell { font-weight: 600; min-width: 120px; }
.magsearch-results-table .year-cell,
.magsearch-results-table .month-cell,
.magsearch-results-table .page-cell { text-align: center; min-width: 60px; }
.magsearch-results-table .title-cell { font-weight: 500; min-width: 150px; }
.magsearch-results-table .author-cell { min-width: 120px; }
.magsearch-results-table .description-cell { min-width: 200px; }

/* Navigation Styling */
.magsearch-navigation {
    padding: 30px;
    background: #f8f9fa;
    border-top: 1px solid #e0e0e0;
}

.magsearch-nav-title {
    color: #003399;
    font-size: 1.2rem;
    margin-bottom: 15px;
}

.magsearch-nav-links {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.magsearch-nav-link {
    color: #0066cc;
    text-decoration: none;
    padding: 8px 16px;
    border: 2px solid #0066cc;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.magsearch-nav-link:hover {
    background: #0066cc;
    color: white;
}

/* Error Message */
.magsearch-error-message {
    background: #dc3545;
    color: white;
    padding: 20px;
    text-align: center;
    font-size: 1.1rem;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
	.magsearch-results-table {
		font-size: 0.8rem;
	}
	
	.magsearch-results-header-row th,
	.magsearch-results-cell {
		padding: 6px 4px;
	}
	
	.magsearch-criteria-grid {
		grid-template-columns: 1fr;
	}
	
	/* Hide less critical columns on mobile */
	.magsearch-hide-mobile {
		display: none;
	}
}

/* --- Magazine Cover Image Sizing --- */

/* Default (Desktop/Tablet) Styling for the cover image */
.magsearch-results-table .cover-cell img {
    /* Set image width to 100px on desktop */
    width: 100px;
    height: auto; /* Maintain aspect ratio */
    border: none; /* Ensure no unwanted borders */
    display: block;
    margin: 0 auto; /* Center the image in the cell */
}

/* Ensure the table cell accommodates the desktop image width */
.magsearch-results-table .cover-cell {
    width: 110px; /* Slight extra room for padding/margin */
    min-width: 110px;
    text-align: center;
}

/* Mobile responsiveness: Reduce image size on small screens */
@media (max-width: 768px) {
    /* The cover column is hidden on mobile in the existing CSS, but if it were visible: */
    /* If you decide to make the cover visible on mobile, uncomment the next block: */
    /*
    .magsearch-results-table .cover-cell {
        display: table-cell;
    }
    */
    
    .magsearch-results-table .cover-cell img {
        /* Set image width to 50px on mobile */
        width: 50px;
        height: auto;
    }
    
    .magsearch-results-table .cover-cell {
        width: 60px;
        min-width: 60px;
    }
}