/** * DrugsGeneral — Product Content CSS * * Styles for product description:tables,callout blocks,* rich content,and embedded chat widget support. * Applies to:.dg-product-content,.entry-content,.woocommerce-product-details__short-description */ /* ═══════════════════════════════════════════════════════ SCOPE ═══════════════════════════════════════════════════════ */ .dg-product-content,.entry-content,.woocommerce-product-details__short-description,.woocommerce-Tabs-panel .woocommerce-product-description{font-family:var(--font-body,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif);font-size:14px;line-height:1.75;color:var(--dg-text,#374151);}/* ═══════════════════════════════════════════════════════ HEADINGS ═══════════════════════════════════════════════════════ */ .dg-product-content h2,.woocommerce-product-description h2{font-size:20px;font-weight:800;color:var(--navy,#008296);margin:32px 0 12px;font-family:var(--font-head,'Outfit',inherit);padding-bottom:8px;border-bottom:2px solid #E0F5F1;}.dg-product-content h3,.woocommerce-product-description h3{font-size:16px;font-weight:700;color:var(--navy,#008296);margin:24px 0 8px;font-family:var(--font-head,'Outfit',inherit);}.dg-product-content h4,.woocommerce-product-description h4{font-size:14px;font-weight:700;color:#374151;margin:18px 0 6px;}/* ═══════════════════════════════════════════════════════ TABLES — clean,responsive,navy header ═══════════════════════════════════════════════════════ */ .dg-product-content table,.woocommerce-product-description table{width:100%;border-collapse:collapse;margin:20px 0;font-size:13px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.07);border:1px solid #E0F5F1;}.dg-product-content table thead th,.woocommerce-product-description table thead th{background:var(--navy,#008296);color:#fff;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:11px 16px;text-align:left;white-space:nowrap;}.dg-product-content table tbody tr:nth-child(even),.woocommerce-product-description table tbody tr:nth-child(even){background:#F8FAFF;}.dg-product-content table tbody tr:hover,.woocommerce-product-description table tbody tr:hover{background:#EEF2FF;}.dg-product-content table td,.dg-product-content table th,.woocommerce-product-description table td,.woocommerce-product-description table th{padding:10px 16px;border-bottom:1px solid #E0F5F1;vertical-align:top;line-height:1.5;}.dg-product-content table td:first-child,.woocommerce-product-description table td:first-child{font-weight:600;color:#374151;white-space:nowrap;}.dg-product-content table tbody tr:last-child td,.woocommerce-product-description table tbody tr:last-child td{border-bottom:none;}.dg-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:20px 0;border-radius:10px;border:1px solid #E0F5F1;}.dg-table-wrap table{margin:0;border:none;border-radius:0;box-shadow:none;min-width:360px;}/* ═══════════════════════════════════════════════════════ CALLOUT / ALERT BLOCKS ═══════════════════════════════════════════════════════ */ .dg-callout{display:flex;gap:12px;padding:14px 18px;border-radius:10px;margin:20px 0;font-size:13px;line-height:1.6;}.dg-callout__icon{font-size:18px;flex-shrink:0;margin-top:1px;}.dg-callout__body{flex:1;}.dg-callout__title{font-weight:700;margin-bottom:3px;}.dg-callout--info{background:#EFF6FF;border-left:4px solid #3B82F6;color:#1E3A5F;}.dg-callout--warning{background:#FFFBEB;border-left:4px solid #F59E0B;color:#78350F;}.dg-callout--success{background:#F0FDF4;border-left:4px solid #22C55E;color:#14532D;}.dg-callout--danger{background:#FEF2F2;border-left:4px solid #EF4444;color:#7F1D1D;}.dg-callout--navy{background:#E0F5F1;border-left:4px solid #008296;color:#008296;}.dg-product-content .dg-info,.woocommerce-product-description .dg-info{background:#EFF6FF;border-left:4px solid #3B82F6;border-radius:0 8px 8px 0;padding:12px 16px;margin:16px 0;font-size:13px;color:#1E3A5F;}.dg-product-content .dg-warning,.woocommerce-product-description .dg-warning{background:#FFFBEB;border-left:4px solid #F59E0B;border-radius:0 8px 8px 0;padding:12px 16px;margin:16px 0;font-size:13px;color:#78350F;}/* ═══════════════════════════════════════════════════════ LISTS ═══════════════════════════════════════════════════════ */ .dg-product-content ul,.woocommerce-product-description ul{padding-left:20px;margin:12px 0;}.dg-product-content ul li,.woocommerce-product-description ul li{margin-bottom:5px;line-height:1.65;}.dg-product-content ul li::marker,.woocommerce-product-description ul li::marker{color:var(--navy,#008296);}.dg-product-content ol,.woocommerce-product-description ol{padding-left:22px;margin:12px 0;}.dg-product-content ol li,.woocommerce-product-description ol li{margin-bottom:5px;}.dg-checklist{list-style:none;padding:0;margin:12px 0;}.dg-checklist li{display:flex;align-items:flex-start;gap:8px;margin-bottom:7px;font-size:13px;line-height:1.55;}.dg-checklist li::before{content:'✓';color:#059669;font-weight:800;font-size:14px;flex-shrink:0;margin-top:1px;}/* ═══════════════════════════════════════════════════════ BLOCKQUOTE ═══════════════════════════════════════════════════════ */ .dg-product-content blockquote,.woocommerce-product-description blockquote{background:#F8FAFF;border-left:4px solid var(--navy,#008296);margin:20px 0;padding:14px 20px;border-radius:0 8px 8px 0;font-style:italic;color:#374151;font-size:14px;}/* ═══════════════════════════════════════════════════════ IMAGES ═══════════════════════════════════════════════════════ */ .dg-product-content img,.woocommerce-product-description img{max-width:100%;height:auto;border-radius:8px;margin:12px 0;}/* ═══════════════════════════════════════════════════════ LINKS ═══════════════════════════════════════════════════════ */ .dg-product-content a,.woocommerce-product-description a{color:var(--navy,#008296);font-weight:600;text-decoration:underline;text-underline-offset:2px;}.dg-product-content a:hover,.woocommerce-product-description a:hover{color:#FFB800;}/* ═══════════════════════════════════════════════════════ CHAT WIDGET CONTAINER SUPPORT For embedded Tidio,Crisp,LiveChat,WhatsApp widgets ═══════════════════════════════════════════════════════ */ .dg-chat-embed{position:relative;background:#F8FAFF;border:1px solid #E0F5F1;border-radius:12px;padding:20px;margin:20px 0;min-height:60px;}.dg-chat-embed .dg-chat-placeholder{display:flex;align-items:center;gap:12px;font-size:14px;color:#374151;font-weight:600;}.dg-chat-embed .dg-chat-placeholder::before{content:'💬';font-size:22px;}.dg-product-content .dg-wa-btn,.woocommerce-product-description .dg-wa-btn{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff;text-decoration:none;font-weight:700;font-size:14px;padding:11px 22px;border-radius:9px;margin:12px 0;transition:background .15s;}.dg-product-content .dg-wa-btn:hover,.woocommerce-product-description .dg-wa-btn:hover{background:#1EB858;color:#fff;}/* ═══════════════════════════════════════════════════════ TABS PANEL (WooCommerce) ═══════════════════════════════════════════════════════ */ .woocommerce-tabs .woocommerce-Tabs-panel{padding:24px 0 0;}.woocommerce-tabs ul.tabs li.active a{border-bottom-color:var(--navy,#008296) !important;color:var(--navy,#008296) !important;font-weight:700;}/* ═══════════════════════════════════════════════════════ RESPONSIVE ═══════════════════════════════════════════════════════ */ @media (max-width:600px){.dg-product-content table,.woocommerce-product-description table{font-size:12px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}.dg-product-content table thead th,.woocommerce-product-description table thead th{padding:9px 12px;}.dg-product-content table td,.dg-product-content table th,.woocommerce-product-description table td,.woocommerce-product-description table th{padding:8px 12px;}.dg-callout{padding:12px 14px;}.dg-product-content h2,.woocommerce-product-description h2{font-size:17px;}}/* ═══════════════════════════════════════════════════════ RICH MEDIA — Charts,DataTables,iframes,videos ═══════════════════════════════════════════════════════ */ .dg-product-content .dg-chart-wrap,.woocommerce-product-description .dg-chart-wrap{max-width:100%;margin:24px 0;background:#fff;border:1px solid #E0F5F1;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(26,43,107,.05);}.dg-product-content canvas,.woocommerce-product-description canvas{max-width:100% !important;height:auto !important;}.dg-product-content .dataTables_wrapper,.woocommerce-product-description .dataTables_wrapper{font-size:13px;margin:20px 0;}.dg-product-content table.dataTable thead th,.woocommerce-product-description table.dataTable thead th{background:var(--navy,#008296);color:#fff;font-weight:700;font-size:12px;letter-spacing:.03em;padding:10px 14px;border:none;}.dg-product-content table.dataTable tbody tr:nth-child(even),.woocommerce-product-description table.dataTable tbody tr:nth-child(even){background:#F8F9FF;}.dg-product-content table.dataTable tbody td,.woocommerce-product-description table.dataTable tbody td{padding:9px 14px;border-bottom:1px solid #E0F5F1;vertical-align:middle;}.dataTables_filter input,.dataTables_length select{border:1px solid #D1D5DB;border-radius:6px;padding:5px 10px;font-size:13px;}.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:var(--navy,#008296) !important;color:#fff !important;border-color:var(--navy,#008296) !important;border-radius:6px;}.dg-product-content .dg-video-wrap,.woocommerce-product-description .dg-video-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;margin:24px 0;box-shadow:0 4px 16px rgba(26,43,107,.1);}.dg-product-content .dg-video-wrap iframe,.woocommerce-product-description .dg-video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}.dg-product-content .dg-comparison-table,.woocommerce-product-description .dg-comparison-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:13px;border-radius:10px;overflow:hidden;border:1px solid #E0F5F1;}.dg-comparison-table th{background:var(--navy,#008296);color:#fff;padding:11px 14px;font-weight:700;font-size:12px;text-align:left;}.dg-comparison-table td{padding:10px 14px;border-bottom:1px solid #E0F5F1;vertical-align:middle;}.dg-comparison-table tr:last-child td{border-bottom:none;}.dg-comparison-table tr:nth-child(even) td{background:#F8F9FF;}.dg-dosage-block{background:linear-gradient(135deg,#EEF2FF 0%,#DBEAFE 100%);border-left:4px solid var(--navy,#008296);border-radius:0 10px 10px 0;padding:16px 20px;margin:20px 0;font-size:13px;}.dg-dosage-block strong{display:block;font-size:14px;font-weight:800;color:var(--navy,#008296);margin-bottom:6px;}/* ════════════════════════════════════════════ DG Quantity Limit & Notify Me — v1.0 ════════════════════════════════════════════ */ .dg-stock-info-row{margin-bottom:10px;}.dg-stock-badge,.dg-max-qty-badge{transition:box-shadow .2s;user-select:none;}.dg-qty-limit-hint{font-size:11px;color:#6B7280;margin-left:6px;align-self:center;white-space:nowrap;}.dg-oos-banner{animation:dgOosFadeIn .35s ease;}@keyframes dgOosFadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}.dg-notify-me-wrap{width:100%;margin-top:4px;}.dg-notify-form{animation:dgOosFadeIn .3s ease;background:#F8FAFF;border:1.5px solid #BFDBFE;border-radius:12px;padding:16px 18px;}.dg-notify-form .dg-notify-label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#1E3A5F;margin-bottom:12px;}.dg-notify-form .dg-notify-label svg{flex-shrink:0;color:#0057A8;}.dg-notify-email-row{display:flex;gap:8px;flex-wrap:wrap;}.dg-notify-email-row input[type="email"]{flex:1;min-width:150px;border:1.5px solid #D1D5DB;border-radius:8px;padding:10px 13px;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s;background:#fff;color:#111;}.dg-notify-email-row input[type="email"]:focus{border-color:#0057A8;box-shadow:0 0 0 3px rgba(0,87,168,.12);}.dg-btn-notify-me{background:#0057A8;color:#fff;border:none;border-radius:8px;padding:11px 18px;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;transition:background .2s,transform .15s,box-shadow .15s;letter-spacing:.01em;}.dg-btn-notify-me:hover{background:#003D7A !important;box-shadow:0 4px 14px rgba(0,87,168,.32);transform:translateY(-1px);}.dg-btn-notify-me:active{transform:translateY(0);box-shadow:none;}.dg-btn-notify-me:disabled{cursor:not-allowed;opacity:.65;}.dg-btn-notify-me.dg-btn-notify-full{width:100%;justify-content:center;padding:13px 20px;font-size:14.5px;border-radius:10px;}.dg-notify-user-hint{font-size:12px;color:#6B7280;margin:0 0 10px;display:flex;align-items:center;gap:5px;}.dg-notify-user-hint strong{color:#1E3A5F;}.dg-notify-success{animation:dgOosFadeIn .3s ease;background:linear-gradient(135deg,#ECFDF5 0%,#D1FAE5 100%);border:1.5px solid #6EE7B7;border-radius:12px;padding:18px 20px;text-align:center;}.dg-notify-success-icon{font-size:28px;line-height:1;margin-bottom:8px;}.dg-notify-msg{color:#065F46;font-size:13.5px;font-weight:600;line-height:1.5;display:block;}.dg-qty-input{position:relative;}