/* Mobile (PWA) overrides for src/popup.css. !important beats inline styles set from popup settings. */

html {
    background-color: var(--bg-main);
}

body {
    width: 100% !important;
    max-height: none !important;
    height: 100vh;
    height: 100dvh;
    -webkit-tap-highlight-color: transparent;
}

.sticky-header {
    padding-top: calc(10px + env(safe-area-inset-top));
}

.content-area {
    padding-bottom: calc(10px + env(safe-area-inset-bottom));
}

/* Extension-only controls */
#btn-popout,
.settings-group:has(#setting-trigger),
.settings-group:has(#setting-popup-width),
.settings-group:has(#setting-popup-maxheight),
.settings-group:has(#setting-tooltip-fontsize),
.settings-group:has(#setting-tooltip-width),
.settings-group:has(#setting-tooltip-maxheight),
.settings-group:has(#setting-excluded-domains) {
    display: none !important;
}

/* Touch-friendly sizing; 16px input font prevents iOS zoom on focus */
#search-input {
    font-size: max(16px, 1em);
    padding: 10px 10px;
}

.btn-search-group,
.btn-settings {
    min-width: 40px;
}

.lang-btn {
    padding: 8px 12px;
}