/* ==========================================================================
   fcslindia.com - accessibility layer (WCAG 2.2 AA second pass)
   Loaded last on every linked page so it can override legacy/vendor CSS.
   ========================================================================== */

/* Screen-reader-only text */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Real heading elements that keep the legacy look (1.3.1). :where() = zero specificity, so any
   existing class on the same element (.bottomline1, .text ...) still wins. */
:where(.a11y-h){display:inline;margin:0;padding:0;font:inherit;color:inherit;letter-spacing:inherit;}
:where(.a11y-hp){display:block;margin:1em 0;padding:0;font:inherit;color:inherit;}

/* Skip-link target: focus moves there, no ring around the whole content cell */
#maincontent:focus{outline:none;}

/* In-text links must not rely on colour alone (1.4.1 / F73) */
a.inline-link{text-decoration:underline !important;}
#maincontent a:hover,#maincontent a:focus{text-decoration:underline;}

/* Policy list hover colour was #ff6600 = 2.94:1 on white (1.4.3) -> 5.5:1 */
.equitybroking a:hover,.equitybroking a:focus{color:#b34700;}

/* --- Gallery accordion (button replaces the old pair of +/- links) --- */
.gallery-head{margin:0;}
.gallery-toggle{display:flex;align-items:center;gap:8px;width:100%;margin:0;padding:4px;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;}
.gallery-toggle .gallery-icon{width:24px;height:auto;flex:0 0 24px;}
.gallery-toggle:focus-visible{outline:3px solid #4e688b;outline-offset:2px;}

/* --- LyteBox lightbox: visible focus on its controls (vendor CSS sets outline:none, 2.4.7) --- */
#frMain a:focus-visible,#frMain:focus-visible{outline:3px solid #ffbf47 !important;outline-offset:-3px;}
#frHoverNav a:focus-visible{outline:3px solid #ffbf47 !important;outline-offset:-6px;}
#frPrev:focus-visible{background:url(../images/pre.png) left 15% no-repeat !important;}
#frNext:focus-visible{background:url(../images/next.png) right 15% no-repeat !important;}

/* --- Home page risk-disclosure (Annexure-I as real text, 1.4.5) --- */
.annex-intro{font-weight:bold;font-size:1.17em;margin:1em 0;}
.annex{text-align:left;margin:0 auto 12px;max-width:620px;font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#000;}
.annex-logo{display:block;margin:0 auto 10px;max-width:100%;height:auto;}
.annex-hl{background:#ffff00;}
.annex-title{font-weight:bold;margin:0 0 10px;}
.annex-box{border:1px solid #000;padding:6px 10px;}
.annex-box-title{text-align:center;font-weight:bold;font-style:italic;text-decoration:underline;margin:0 0 6px;}
.annex-list{margin:0;padding-left:22px;font-style:italic;}
.annex-list li{margin:0 0 8px;}
.annex-source{font-weight:bold;text-align:left;margin:1em 0;}
.skip-link:focus:not(:focus-visible){left:-9999px;}

/* --- Wide data tables scroll inside their own region instead of the page --- */
.a11y-scroll{max-width:100%;overflow-x:auto;}
.a11y-scroll:focus-visible{outline:3px solid #4e688b;outline-offset:2px;}

/* --- Reflow (1.4.10): linearise the fixed 980px layout tables below 1000px / at 400% zoom --- */
@media screen and (max-width:999px){
  table.main,
  table.main > tbody, table.main > tbody > tr, table.main > tbody > tr > td,
  table.main table:not(.a11y-data),
  table.main table:not(.a11y-data) > tbody,
  table.main table:not(.a11y-data) > tbody > tr,
  table.main table:not(.a11y-data) > tbody > tr > td{
    display:block !important;width:auto !important;height:auto !important;max-width:100%;box-sizing:border-box;
  }
  table.main{margin:0 !important;}
  table.main td{overflow-wrap:anywhere;}
  table.main img,table.main iframe{max-width:100%;height:auto;box-sizing:border-box;}
  table.main iframe{height:700px;}
  .mattblackmenu li a{padding:8px 12px;}
  .annex{font-size:13px;}
}