/* ------  Global css Style ----------- */

    *{
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
        font-family: var(--text-font-my-famaly);
        /* user-select: none; */
    }

    body{
        background-color: #F0F3F3;
    }

    .hide-side-pannels{
        display: none;
    }
    
    p, a, h1, h4,h1, h2, h3, button, input{
     font-family: Arial, Helvetica, sans-serif;;
    }
    
    img, button{
        -webkit-user-select: none; /* Safari */
        -ms-user-select: none; /* IE 10 and IE 11 */
        user-select: none; /* Standard syntax */
    }

    /* ----------- Globals Variables --------- */


    /* --------  Colors variables ------- */

    :root{
        --top-bar-back-ground-color: #0C9DFF;
        --main-nav-bar-background-color: white;
        --nav-bar-menu-background-color: rgb(36, 135, 216);
        --bottom-footer-background-color: #0c0d0d;
        --main-footer-background-color: #2B2A2A;
        --stages-card-backgound-color: white;
        --stage-background-layer-color: #672a64;
        --text-color: white;
        --borders-colors: grey;
        --heading-font-colors: rgb(255, 255, 255);
        --hover-text-color: red;
        --stages-card-button-back-color: rgb(255, 255, 255);
        --stages-card-button-heading-color: rgb(0, 0, 0);
        --home-app-text-color: red; 
        --login-form-backfround-color: #f7f7f7;
        --login-err-text-color: red;
        --reg-btn-color:  green;
        --login-btn-color: rgb(134, 16, 110);
        --sell-price-text-color: Green;
        --all-pages-title-color: Black;
        --add-to-cart-btn-color: rgb(255, 138, 12);
        --add-to-cart-btn-hover-color: rgb(14, 140, 62);
        --remove-cross-btn-background-color: red;
    }

    :root{
        --text-font-my-famaly:"Roboto", sans-serif;
        --heding-font-famaly: "Roboto", sans-serif;
        --headings-font-sizes: 25px;
        --stages-cards-button-heading-font-size: 20px;
        --pages-heading-font-size: 25px;
        --sell-prices-font-size: 18px;
    }

    /* ------------ All Pages heading css style  ---------------- */

    .pages-title{
        border-bottom: 1px solid black;
        width: 60%;
        height: 50px;
        font-family: var(--text-font-my-famaly);
        margin: 20px auto;
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
        font-size: var(--pages-heading-font-size);
        color: var(--all-pages-title-color);
    }


    /* User input errors notifications  */

    .user-input-err-note{
        /* border: 1px solid black; */
        text-align: left;
        display: flex;
        justify-content: left;
        align-items: center;
        width: 80%;
        margin: 0px auto;
        color: red;
        font-family: var(--text-font-my-famaly);
        font-size: 12px;
    }

    .reg-form-inputs span{
        display: none;
    }

    .user-input-err-note img{
        width: 20px;
        margin-right: 5px;
    }

    a{
        text-decoration: none;
        color: black
    }

    a:hover{
        text-decoration: underline;
    }

    button{
        cursor: pointer;    
    }

    /* Ratign Stars  */

    .unchecked{
        color: lightgray;   
    }
    
    .checked{
        color: orange;
    }

    ol li{
        list-style: none;
    }

    /* ----------  Scroll bar ----------- */
    ::-webkit-scrollbar {
        width: 10px;
      }
      
      ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey; 
        border-radius: 10px;
      }

      ::-webkit-scrollbar-thumb {
        background: red; 
        border-radius: 10px;
      }
      
      ::-webkit-scrollbar-thumb:hover {
        background: #b30000; 
      }

      input{
        border: 1px solid green;
        outline: none;
        padding-left: 20px;
      }

    .pro-not-found-box{
        border: 1px solid lightgray;
        height: 200px;
        min-width: 300px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 100px 200px;
        border-radius: 20px;
    }

    .load-more-btn{
        width: 100%;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 50px;
    }

    .load-more-btn button{
        width: 100px;
        height: 30px;
        border-radius: 20px;
        border: 0px;
        background-color: red;
        color: white;
    }

    .load-more-btn button:hover{
        background-color: lightgreen;
    }

    /* ------------  Sell Price css style ------------ */

    .sell-prices-span{
        color: var(--sell-price-text-color);
        font-size: var(--sell-prices-font-size);
    }




    /* ---------------  Notes Css  ---------------- */

    .mob-acc-side-pannel-btn{
        display: none;
        position: relative;
        /* border: 1px solid black; */
        position: absolute;
        top: 190px;
        left: 20px;
    }

    .mob-acc-side-pannel-btn button{
        border: 0px;
        background-color: white;
        width: fit-content;
    }

    .mob-acc-side-pannel-btn button img{
        width: 30px;
        height: 20px;
    }

    .mob-hide-acc-side-pannel-btn{
        border: 0px;
        background-color: white;
        width: fit-content;
        position: absolute;
        top: 5px;
        right: 5px;
    }

    .mob-hide-acc-side-pannel-btn button{
        width: 30px;
        height: 30px;
        background-color: white;
        border: 1px solid black;
        border-radius: 50%;
    }

    .mob-hide-acc-side-pannel-btn button:hover{
        background-color: red;
        color: white;
    }



    /* -----------  Comman media query -------- */

    @media only screen and (max-width: 600px) 
    {   
        .mob-acc-side-pannel-btn{
            display: block;
        }

        .account-side-bar{
            display: none;
            position: fixed;
            left: 0px;
            top: 0px;
            height: 100%;
            min-width: 70%;
            background-color: white;
        }

        .shop-pro-filters{
            display: none;
        }
        
    }


/*
     FILE ARCHIVED ON 02:59:42 Apr 20, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:58:06 Sep 25, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.369
  exclusion.robots: 0.037
  exclusion.robots.policy: 0.03
  esindex: 0.006
  cdx.remote: 8.532
  LoadShardBlock: 38.619 (3)
  PetaboxLoader3.datanode: 69.435 (5)
  load_resource: 99.134
  PetaboxLoader3.resolve: 37.761
  loaddict: 27.917
*/