/* ===========================================================
   FLOATING PHONE BUTTON — BIG + CLEAN + RESPONSIVE
   =========================================================== */

#floating-phone {
    position: fixed;
    bottom: 32px;           /* More breathing room */
    right: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #FF0000;
    color: #FFFFFF;

    padding: 24px 48px;     /* BIGGER — desktop size */
    border-radius: 999px;

    font-family: inherit;
    font-size: 26px;         /* Bigger text */
    font-weight: 700;
    letter-spacing: 0.02em;
    text-decoration: none;

    gap: 18px;               /* Space between icon + number */
    line-height: 1;

    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45);  /* Stronger shadow */
    z-index: 999999;

    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

#floating-phone .fp-icon {
    font-size: 30px;         /* BIGGER icon on desktop */
}

#floating-phone .fp-text {
    font-size: inherit;
    font-weight: inherit;
}

/* Hover effect (desktop only) */
@media (hover:hover) {
  #floating-phone:hover {
      transform: translateY(-4px) scale(1.05);
      box-shadow: 0 16px 42px rgba(0, 0, 0, 0.55);
  }
}

/* ===========================================================
   MOBILE VERSION — big but controlled
   =========================================================== */

@media (max-width: 640px) {

    #floating-phone {
        bottom: 18px;
        right: 18px;

        padding: 20px 32px;    /* still big but manageable */
        font-size: 22px;       /* readable and large */
        gap: 14px;             /* slightly smaller spacing */
        box-shadow: 0 10px 28px rgba(0,0,0,0.45);
    }

    #floating-phone .fp-icon {
        font-size: 26px;       /* strong mobile icon */
    }
}

/* Extra small screens (old iPhones, SE, etc.) */
@media (max-width: 380px) {
    #floating-phone {
        padding: 16px 26px;
        font-size: 19px;
        bottom: 14px;
        right: 14px;
    }

    #floating-phone .fp-icon {
        font-size: 22px;
    }
}