.amb-wrapper { max-width: 100%; margin: 20px auto; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; position: relative; } .amb-box { background: #fff; border: 1px solid #e2e4e7; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.05); margin-bottom: 30px; z-index: 1000; position: -webkit-sticky; position: sticky; top: 15px; transition: all 0.3s ease; } .amb-header-row { padding: 12px 20px; display: flex; justify-content: space-between; align-items: center; background: #f8f9fa; border-bottom: 1px solid #eee; border-radius: 8px 8px 0 0; } .amb-header-row h3 { margin: 0; font-size: 16px; color: #444; font-weight: 700; text-transform: uppercase; } .amb-toggle-btn { background: transparent; border: 1px solid #ddd; cursor: pointer; border-radius: 4px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; color: #666; } .amb-form-body { padding: 15px 20px; background: #fff; border-radius: 0 0 8px 8px; } .amb-filter-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; } .amb-form-group { display: flex; flex-direction: column; } .amb-form-group label { font-size: 11px; font-weight: 700; color: #555; margin-bottom: 4px; text-transform: uppercase; } .amb-col-auto { flex: 1 1 140px; min-width: 140px; } .amb-col-small { flex: 0 0 110px; min-width: 110px; } .amb-col-search { flex: 2 1 200px; min-width: 180px; } .amb-col-btn { flex: 0 0 auto; } .amb-select2, .select2-container .select2-selection--single, .amb-search-input, .amb-btn-search { height: 40px !important; box-sizing: border-box; } .amb-search-input { width: 100%; padding: 0 15px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; } .select2-container .select2-selection--single { display: flex !important; align-items: center !important; border: 1px solid #ccc !important; border-radius: 4px !important; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 7px !important; } .amb-btn-search { padding: 0 25px; background: #0073aa; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: 700; text-transform: uppercase; font-size: 13px; display: inline-flex; align-items: center; justify-content: center; transition: background 0.2s; } .amb-btn-search:hover { background: #005177; } #ambResultArea { min-height: 300px; font-size: 18px; line-height: 1.8; color: #2c3338; padding-bottom: 100px; margin-top: 30px; } .amb-res-title { font-size: 24px; margin: 0 0 20px 0; padding-bottom: 10px; border-bottom: 2px solid #eee; color: #333; } .amb-section-title { margin: 30px 0 10px 0; font-style: italic; color: #555; font-weight: 600; font-size: 1.1em; } .amb-verse-item { padding: 6px 0; } .amb-verse-num { color: #d63638; font-weight: bold; margin-right: 8px; font-size: 0.85em; } .amb-action-suggest { font-size: 10px; color: #aaa; margin-left: 8px; text-decoration: none; cursor: pointer; opacity: 0; } .amb-verse-item:hover .amb-action-suggest { opacity: 1; } .amb-result-footer { margin-top: 40px; padding-top: 20px; border-top: 1px solid #eee; text-align: center; font-size: 13px; color: #777; } .amb-result-footer p { margin: 5px 0; } .amb-dev-credit a { color: #2271b1; text-decoration: none; } .amb-floating-dock { position: fixed; top: 50%; right: 20px; transform: translateY(-50%); z-index: 99999; display: flex; flex-direction: column; gap: 10px; } .amb-fab { width: 45px; height: 45px; border-radius: 50%; background-color: #0073aa; color: #fff; border: none; box-shadow: 0 4px 10px rgba(0,0,0,0.2); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: transform 0.2s; } .amb-fab:hover { background-color: #005177; transform: scale(1.1); } .amb-fab .dashicons { font-size: 22px; width: 22px; height: 22px; } .amb-fab.active { background-color: #d63638; animation: pulse 1.5s infinite; } @keyframes pulse { 0%{box-shadow:0 0 0 0 rgba(214,54,56,0.7);} 70%{box-shadow:0 0 0 10px rgba(214,54,56,0);} 100%{box-shadow:0 0 0 0 rgba(214,54,56,0);} } @media (max-width: 768px) { .amb-floating-dock { right: 10px; top: 60%; } .amb-fab { width: 40px; height: 40px; } } #amb-correction-modal { display: none; position: fixed; z-index: 9999999 !important; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); backdrop-filter: blur(2px); } .amb-yellow-card { background-color: #fffde7 !important; border: 2px solid #fbc02d; border-radius: 8px; padding: 25px; max-width: 500px; width: 90%; margin: 10vh auto; position: relative; box-shadow: 0 10px 25px rgba(0,0,0,0.3); animation: ambSlideIn 0.3s ease; } @keyframes ambSlideIn { from { transform: translateY(-20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .amb-yellow-card h3 { color: #f57f17; margin-top: 0; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #fbc02d; font-size: 18px; } .amb-close-modal { position: absolute; right: 15px; top: 10px; font-size: 28px; font-weight: bold; color: #fbc02d; cursor: pointer; line-height: 1; } .amb-close-modal:hover { color: #e65100; } .amb-input-flat { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; margin-top: 5px; background: #fff; box-sizing: border-box; } .amb-input-flat:focus { border-color: #fbc02d; outline: none; } .amb-btn-yellow { background-color: #fbc02d; color: #333; font-weight: bold; border: none; padding: 12px 20px; border-radius: 4px; cursor: pointer; text-transform: uppercase; font-size: 13px; width: 100%; transition: background 0.2s; } .amb-btn-yellow:hover { background-color: #f9a825; } @media print { @page { margin: 2cm; size: auto; } body { visibility: hidden; background: #fff !important; } .amb-wrapper, .amb-wrapper * { visibility: visible !important; } .amb-wrapper { position: absolute; left: 0; top: 0; width: 100%; margin: 0; padding: 0; } .amb-box, .amb-floating-dock, header, footer, #wpadminbar, .site-header { display: none !important; } .amb-print-header { display: flex !important; justify-content: space-between; align-items: flex-start; border-bottom: 2px solid #000; margin-bottom: 30px; padding-bottom: 10px; } .amb-print-logo { order: 2; text-align: right; } .amb-print-logo img { max-height: 60px; width: auto; } .amb-print-meta { order: 1; text-align: left; } .amb-print-meta h3 { margin: 0 0 5px 0; font-size: 16pt; } #ambResultArea { color: #000 !important; font-size: 12pt !important; } a { text-decoration: none !important; color: #000 !important; } } .amb-print-header { display: none; } .amb-yellow-card { background-color: #fffde7 !important; border: 2px solid #fbc02d; border-radius: 8px; padding: 25px; max-width: 500px; width: 90%; margin: 10vh auto; position: relative; box-shadow: 0 5px 20px rgba(0,0,0,0.2); } .amb-yellow-card h3 { color: #f57f17; margin-bottom: 20px; border-bottom: 1px solid #f9a825; padding-bottom: 10px; font-size: 18px; } .amb-input-flat { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; margin-top: 5px; background: #fff; box-sizing: border-box; } .amb-input-flat:focus { border-color: #fbc02d; outline: none; } .amb-btn-yellow { background-color: #fbc02d; color: #333; font-weight: bold; border: none; padding: 10px 20px; border-radius: 4px; cursor: pointer; text-transform: uppercase; font-size: 13px; transition: background 0.2s; } .amb-btn-yellow:hover { background-color: #f9a825; } #amb-correction-modal .amb-modal-content { background: transparent; box-shadow: none; border: none; }