/* OHELP_ARTISAN_CARD_ANDROID_V1 */

@media screen and (max-width: 767px) {

  /* Android mint / blue / cream gradient */

  html:has(.landing-content),
  body:has(.landing-content) {
    min-height: 100%;
  }

  body:has(.landing-content) {
    background:
      radial-gradient(
        ellipse at 92% 20%,
        rgba(112,185,222,.75),
        transparent 57%
      ),
      radial-gradient(
        ellipse at 10% 66%,
        rgba(242,230,177,.58),
        transparent 52%
      ),
      linear-gradient(
        115deg,
        #dcefe3 0%,
        #cce6df 45%,
        #83bcd7 100%
      ) !important;

    background-attachment: fixed !important;
  }

  /* Transparent feed background */

  .landing-content .landing-feed {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* Android glass cards */

  .landing-content .landing-feed-grid > *,
  .landing-content .ohelp-native-featured-grid > * {
    background:
      linear-gradient(
        120deg,
        rgba(255,255,255,.39),
        rgba(255,255,255,.09)
      ) !important;

    border: 1.5px solid
      rgba(255,255,255,.86) !important;

    border-radius: 26px !important;

    box-shadow:
      0 6px 14px rgba(22,72,61,.11),
      inset 0 1px 0 rgba(255,255,255,.62)
      !important;

    -webkit-backdrop-filter: blur(19px);
    backdrop-filter: blur(19px);
  }

  /* Compact artisan actions */

  .ohelp-artisan-compact-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;

    width: 100%;
    margin-top: 12px;
  }

  .ohelp-artisan-compact-actions
  .ohelp-artisan-view-work {
    flex: 1;
    min-width: 0;
    width: auto !important;

    padding: 8px 0 !important;
    min-height: 38px !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: #07684d !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;

    text-align: left !important;
    white-space: normal !important;
  }

  .ohelp-artisan-compact-actions
  .ohelp-artisan-share-icon {
    flex: 0 0 34px;
    width: 34px !important;
    height: 38px !important;
    min-height: 38px !important;

    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: #086b50 !important;

    font-size: 25px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  .ohelp-artisan-hide-extra {
    display: none !important;
  }

  /* Avoid stretched action sections */

  .ohelp-artisan-android-card {
    min-height: 0 !important;
  }

  /* Mobile typography */

  .ohelp-artisan-android-card h2,
  .ohelp-artisan-android-card h3 {
    font-size: clamp(16px,4.3vw,20px) !important;
    line-height: 1.3 !important;
  }

  .ohelp-artisan-android-card p,
  .ohelp-artisan-android-card small {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
}