/* ============================================================
   2011-catalog-art.css  —  ART OVERRIDES: corner treatment
   Agent 1 (clipping + corners), 2026-07-31.

   Linked LAST, after 2011-catalog-sidebar.css, so it beats the blanket
   `#root .nitro-catalog-window * { border-radius: 0 !important }` reset in
   2011-catalog-base.css (section 2) without editing anybody else's file.
   Every radius below was MEASURED off the owner's reference screenshot
   (_remaster/preview/reference-2011-shop.png) by stepping the corner pixels;
   nothing here is a guess, and nothing gets a radius the reference does not
   actually show.

   MEASUREMENTS (screenshot pixel coordinates, 1:1, no scaling):

     navigatorMain frame   top-left steps x=389@y33, 387@y34, 386@y35,
                           385@y36, 384@y38  ->  ~5px
                           bottom-right steps 557@y431, 556@y432, 555@y434,
                           554@y435, 552@y436  ->  ~5px          => 5px

     grey info panel       left edge x=39; row 285 starts at 44, 286->42,
     (bgBorder 0xcccccc)   287->41, 288->40, 290->39               => 5px

     blue redeem strip     top y=428; row 430 starts x=41, 431->40,
     (bgBorder 0x6699cc)   433->39                                  => 5px

     voucher field well    row 451 starts x=60, 452->58, 453->56,
                           455->55                                  => 4px

     redeem button         row 450 dark at x=290, 451->289, 452->288 => 2px

   NOT ROUNDED in the reference — deliberately left square:
     * the notepad page itself. Its left edge sits at x=16 on EVERY row from
       the top border (y=19) to the bottom (y=514), and the right edge at
       x=385 likewise. Square. The "rounded" look the owner remembers on the
       pad is the mitred 45-degree page-stack edge, which is ART and now
       lives in /skin/2011ui/notepad_bg.png, not a border-radius.
     * front_page_border (the hero picture frame): 1px step only.
   ============================================================ */

/* ---- navigatorMain: the blue captioned frame ------------------------- */
#root .nitro-catalog-window .nitro-catalog-nav-frame.nitro-catalog-nav-frame {
    border-radius: 5px !important;
}
#root .nitro-catalog-window .nitro-catalog-nav-frame-caption.nitro-catalog-nav-frame-caption {
    border-radius: 5px 5px 0 0 !important;
}
#root .nitro-catalog-window .nitro-catalog-nav-frame-body.nitro-catalog-nav-frame-body {
    border-radius: 0 0 5px 5px !important;
}

/* ---- front page: the two bgBorder panels ----------------------------- */
#root .nitro-catalog-window .ctlg-fp-panel.ctlg-fp-panel,
#root .nitro-catalog-window .ctlg-fp-strip.ctlg-fp-strip {
    border-radius: 5px !important;
}

/* ---- redeem widget: well + button ------------------------------------ */
#root .nitro-catalog-window .ctlg-fp-voucher-well.ctlg-fp-voucher-well {
    border-radius: 4px !important;
}
/* The generic button rule in 2011-catalog-pages.css section 102 is
   `#root .nitro-catalog-window :is(button, .cursor-pointer.select-none):not([class*=navigation]):not([class*=tab])`
   = (1,6,0) and pins radius 0, so a plain doubled class (1,3,0) loses.
   Seven classes take this to (1,7,0). */
#root .nitro-catalog-window .ctlg-fp-redeem.ctlg-fp-redeem.ctlg-fp-redeem
      .ctlg-fp-redeem-btn.ctlg-fp-redeem-btn.ctlg-fp-redeem-btn {
    border-radius: 2px !important;
}

/* ============================================================
   UNCLIP: .nitro-catalog-layout-container clips the front page.
   The container's own box is (6,82 339x371) because the 45px swf header is
   a sibling above it, but CatalogLayoutFrontpage4View absolutely positions
   .ctlg-frontpage3 at (6,37 339x415) — covering the WHOLE layout shell, 45px
   above the container's top edge. With overflow:hidden the container shears
   that top band, which is exactly where ctlg_header_img (0,8 339x37) lives.
   getBoundingClientRect ignores ancestor clipping, so layout_verify.js sees
   the box in the right place while the art is invisible: a geometry-clean,
   art-broken box — the owner's "showing mostly hitboxes only".
   Flash containers do not clip unless given a scrollRect, and this one has
   none. Scoped with :has() so ONLY the front page is unclipped and the
   scrolling item-grid pages keep their clip.
   Honest note: on THIS hotel ctlg_header_img carries no bitmap, so nothing
   visibly changes today — this removes the shear, it does not add art.
   ============================================================ */
#root .nitro-catalog-window .nitro-catalog-layout-container:has(> .ctlg-frontpage3) {
    overflow: visible !important;
}
