/* SGP polish 2026-11-05 — sharper, more readable text (same brand colours for backgrounds/buttons).
   Remove the <link> to this file (or empty it) to revert. */

/* 1. Teal TEXT: #48b9b7 (2.4:1 on white) -> deep teal #0e7c7b (5:1). Backgrounds keep #48b9b7. */
.txt-light-blue, h4.txt-light-blue, .product_name, h1.txt-light-blue, h3.txt-light-blue,
.bestseller_title, .service h1, .service h2, .security_sefty h2.title, h2.title, .col-sm-9 > h1,
#description, .star-rating .preview, .review h4.title { color:#0e7c7b !important; }
.product_name, h4.product_name, h1.txt-light-blue { font-weight:600 !important; }
.product_disc h1.txt-light-blue { letter-spacing:-0.2px; }
.bestseller_title, .service h1, .service h2, h2.title { letter-spacing:-0.3px; }
b > span[style*="48b9b7"], b > span[style*="48B9B7"] { color:#0e7c7b !important; }

/* 2. Orange TEXT (prices, "View Details"): #fe901a (2.3:1) -> burnt orange #b85a00 (4.7:1). Orange buttons unchanged. */
.txt-orange, p.txt-orange b, .btn.txt-orange, .btn.txt-orange b { color:#b85a00 !important; }
.btn-default.txt-orange { border-color:#e9a25a; }
.btn-default.txt-orange:hover, .btn-default.txt-orange:focus { color:#fff !important; background:#fe901a; border-color:#fe901a; }
.btn-default.txt-orange:hover b, .btn-default.txt-orange:focus b { color:#fff !important; }
h5.dosage-list-title { color:#b85a00 !important; }

/* 3. Grey secondary text (brand/generic names, counts): #a1a2a2 (2.6:1) -> #666 (5.7:1) */
.product_title_subtitle_p, small.product_title_subtitle_p, .right_data { color:#555 !important; }
.left_data { color:#333; }
.bootstrap-select .filter-option, .form-control::placeholder { color:#6f6f6f !important; }

/* 4. Links: light blue (3:1) -> deeper blue/teal (5+:1) */
.list-group a.list-group-item:not(.active) { color:#0e6f88; }
#tab-description a, .text-justify a, #read_more, .breadcrumb > li > a { color:#0b6e99; }


/* 5. White text on teal / orange bars: a faint shadow lifts it off the light background */
#menu .main-menu-p > li > a, .menu-offer-zone, #cart-total, .txt-white, .check-price-btn, footer li > a, footer p > b {
  text-shadow:0 1px 1px rgba(0,0,0,.18); }

/* 6. Reading comfort in long text */
#tab-description, #tab-description p, #tab-description li, .panel-body.text-justify, .panel-body.text-justify p {
  font-size:15px; line-height:1.65; color:#2b2b2b; }

/* 7. Small leftovers: top links, pagination, review box, section labels */
#top ul li a, #top ul li a span, .pagination li a, ul.pagination li span { color:#4f7a12; }
.pagination > .active > a, .pagination > .active > span { color:#fff; }
.review > p { color:#0e6b6a; font-weight:500; }
.review u b, .review a u b { color:#b85a00; }
h5.product-title b { color:#b85a00; }

/* 8. SGP focus 2026-11-05: no black focus ring after a mouse click/tap (Bootstrap 3 a:focus / .btn:focus);
      keyboard (Tab) users still get a clear teal ring via :focus-visible. */
a:focus, .btn:focus, .btn.focus, .btn:active:focus, .btn.active:focus, button:focus,
input[type=checkbox]:focus, input[type=radio]:focus, input[type=file]:focus { outline:none !important; }
a:focus-visible, .btn:focus-visible, button:focus-visible,
input[type=checkbox]:focus-visible, input[type=radio]:focus-visible { outline:2px solid #0e7c7b !important; outline-offset:2px; }