/*
 * Generated by Theme Roller
 * Client:    148
 * Revision:  01KP4RFHJJ1EZVN7QX4A3ZWN72
 * Published-By: idealpos@idealpos.co
 * Published: 2026-04-14T01:07:50.313Z
 */

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

:root {
    --theme-primary:   #000000;
    --theme-secondary: #000000;
    --theme-accent:    #f1f1f1;

    --theme-heading-font:   "Poppins", sans-serif;
    --theme-heading-weight: 400;
    --theme-heading-size:   38px;
    --theme-heading-color:  #ffffff;

    --theme-body-font:     "Inter", sans-serif;
    --theme-body-weight:   400;
    --theme-body-size:     16px;
    --theme-body-color:    #000000;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--theme-heading-font);
  font-weight: var(--theme-heading-weight);
}

p, span, div, li, a, button {
  font-family: var(--theme-body-font);
  font-weight: var(--theme-body-weight);
}

/* Navbar ===================================== */
@media (max-width: 480px) {
  .toggle-left div {
    background-color: var(--theme-primary);
  }
  #signIn {
    color: var(--theme-primary);
  }
  .navbar-right .glyphicon img {
    /* Move the real image way to the left */
    transform: translateX(-999px);
    /* Project a shadow (N)px to the right (back to the original spot) */
    /* The 0px 0px means no blur, so it stays a sharp icon */
    filter: drop-shadow(999px 0 0 #000000);
  }
  .view_cart {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    top: -2px;
    position: relative;
  }
  .glyphicon {
    top: 0;
  }
  #cartTotal {
    color: var(--theme-primary);
    vertical-align: unset !important;
    margin-top: 0 !important;
    font-size: 14px !important;
    font-weight: 600;
  }
}

/* Hero Section ===================================== */

@media (max-width: 480px) {
  #landing {
    background-color: #ffffff !important;
    background-image: none !important;
    text-align: center;
  }

  #landing-content {
    top: 50% !important;
    min-width: 400px;
    z-index: 10;
  }

  #tag-line,
  #tag-line b {
    color: #ffffff !important;
    font-family: var(--theme-heading-font);
    font-weight: var(--theme-heading-weight) !important;
    font-size: var(--theme-heading-size) !important;
    text-wrap: pretty;
  }

  #form-text {
    color: #000000 !important;
    font-family: var(--theme-body-font);
    font-weight: var(--theme-body-weight) !important;
    font-size: var(--theme-body-size) !important;
    text-wrap: balance;
  }

  #form-button {
    background-color: var(--theme-primary) !important;
    color: #ffffff !important;
  }

  #tag-line,
  #tag-line b {
    color: #ffffff !important;
    font-family: var(--theme-heading-font);
    font-weight: var(--theme-heading-weight) !important;
    font-size: var(--theme-heading-size) !important;
    text-wrap: pretty;
  }

  #form-text {
    color: #000000 !important;
    font-family: var(--theme-body-font);
    font-weight: var(--theme-body-weight) !important;
    font-size: var(--theme-body-size) !important;
    text-wrap: balance;
  }
}

/* Store Select Section ===================================== */

@media (max-width: 480px) {
  #store-data {
    background-color: #f1f1f1 !important;
    background-image: none !important;
    text-align: center;
  }

  #store-details {
    color: #000000;
    h2 { 
      color: var(--theme-primary);
      font-family: var(--theme-heading-font);
      font-weight: var(--theme-heading-weight) !important;
    }
  }

  #store-select2-tag-line {
    font-family: var(--theme-heading-font);
    font-weight: var(--theme-heading-weight) !important;
    color: var(--theme-primary);
  }

  button.btn-change-store {
    background: var(--theme-primary) !important;
    color: #fff;
  }
    
  .button-rounded, .button-edged {
    background-color: var(--theme-primary) !important;
    color: #fff;
    border: unset;
  }
}

/* Menu Section ===================================== */

@media (max-width: 480px) {
  #menu-items {
    background-color: #ffffff !important;
    background-image: none !important;
    text-align: left;
  }

  #menu-items {
    background: #fff;
    h1 {
      background: var(--theme-accent) !important;
      color: var(--theme-heading-color) !important;
      font-family: var(--theme-heading-font);
      font-weight: var(--theme-heading-weight) !important;
    }
  }

  #menu-cont > #menu > #menu-ul > li > a.menu-active {
    background-color: var(--theme-primary);
    color: #fff !important;
  }

  #menu ul li a {
    color: var(--theme-accent) !important;
  }

  #menu_items {
    background: transparent !important;
    
    .item-title {
      font-family: var(--theme-heading-font);
      font-weight: var(--theme-heading-weight);
      font-size: var(--theme-heading-size);
      color: var(--theme-primary);
      text-wrap: pretty;
    }

    .item-description {
      font-family: var(--theme-body-font);
      font-weight: var(--theme-body-weight);
      font-size: 12px !important;
      color: #000000;
      text-wrap: balance;
    }
  }

  #modal-addbtn {
    height: 50px;
    width: 100% !important;
    background: var(--theme-primary);
    border-radius: 4px;
  }

  input:checked+.input-group-label {
    transition: .5s;
    background: var(--theme-primary) !important;
    color: white !important;
    align-items: center;
  }

  .input-group-label {
    align-items: center;
  }

  #menu-items ul li #item-buttons input[type=button], 
  #half-half-block a, 
  #HalfHalf a, 
  #HALFHALF a {
    height: 50px;
    width: calc(100% - 32px) !important;
    background-color: var(--theme-primary) !important;
    font-family: var(--theme-body-font);
    border-radius: 4px !important;
  }
  
  .popup-current-toppings .current-toppings-desc, 
  .popup-extra-toppings .extra-toppings-desc {
    font-size: 14px;
    font-weight: 600;
  }
  
  .modal-deals .modal-footer button,
  .modal-deals .modal-header button {
    background-color: var(--theme-primary) !important;
    color: #fff;
  }

  
}

/* App Download Section ===================================== */

@media (max-width: 480px) {
  #download-app {
    background-color: #f9f7f0 !important;
    background-image: none !important;
    text-align: center;
  }

  #download-app {
    .section-title { 
      color: var(--theme-primary);
      font-family: var(--theme-heading-font);
      font-weight: var(--theme-heading-weight) !important;
    }
    .download-app-content p {
      color: var(--theme-primary);
      font-family: var(--theme-heading-font);
      font-weight: var(--theme-heading-weight) !important;
      text-wrap: balance;
    }
  }

  button.btn-change-store {
    background: var(--theme-primary) !important;
    color: #fff;
  }
    
  .button-rounded, .button-edged {
    background-color: var(--theme-primary) !important;
    color: #fff;
    border: unset;
  }
}

/* About Us Section ===================================== */

@media (max-width: 480px) {
  #about-us {
    background-color: #ffffff !important;
    background-image: none !important;
    text-align: center;
  }

  #about-us {
    .section-title { 
      color: var(--theme-primary);
      font-family: var(--theme-heading-font);
      font-weight: var(--theme-heading-weight) !important;
    }
  }

  button.btn-change-store {
    background: var(--theme-primary) !important;
    color: #fff;
  }
    
  .button-rounded, .button-edged {
    background-color: var(--theme-primary) !important;
    color: #fff;
    border: unset;
  }
}