/* Custom Minimal Ionicons - Only icons actually used (replaces 9KB ionicons.css)
 * Contains: search, arrow-left, arrow-right, android-menu, chevron-left
 * Total size: ~2KB vs 9KB original
 * Uses inline SVG data URIs to preserve original ionicons design
 */

/* Search icon (ion-search) - exact ionicons design */
.search-form:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='m464 428-80-80c20-24 32-55 32-88 0-77-63-140-140-140S136 183 136 260s63 140 140 140c33 0 64-12 88-32l80 80c4 4 8 4 12 4s8 0 12-4C472 444 472 436 464 428zM276 368c-60 0-108-48-108-108s48-108 108-108 108 48 108 108S336 368 276 368z' fill='%23dcdcdc'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
}

/* Arrow right icon (ion-arrow-forward) - exact ionicons design */
.button.arrow-right:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='m268 112 144 144-144 144M392 256H100' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='48'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 0.8rem;
    vertical-align: middle;
}

/* Arrow left icon (ion-arrow-back) - exact ionicons design */
.button.arrow-left:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='m244 400-144-144 144-144M120 256h292' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='48'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 0.8rem;
    vertical-align: middle;
}

/* Mobile menu icon (ion-menu) - exact ionicons design */
.css-icon-menu:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M80 96h352M80 256h352M80 416h352' fill='none' stroke='currentColor' stroke-linecap='round' stroke-miterlimit='10' stroke-width='32'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
}

/* Chevron left icon (ion-chevron-back) - exact ionicons design */
.css-icon-chevron-left:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M328 112L184 256l144 144' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='48'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
}

/* Hover effects for buttons */
.button.arrow-right:hover:after {
    margin-left: 1.2rem;
    margin-right: -0.4rem;
}

.button.arrow-left:hover:before {
    margin-right: 1.2rem;
    margin-left: -0.4rem;
}

/* Reset any font-family that might interfere */
.button.arrow-left:before,
.button.arrow-right:after {
    font-family: inherit;
    font-size: inherit;
}

/* For mobile menu toggle states */
button.menu-toggle:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M80 96h352M80 256h352M80 416h352' fill='none' stroke='%23333' stroke-linecap='round' stroke-miterlimit='10' stroke-width='32'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
}

button.menu-toggle.activated:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='m368 368-224-224m0 224 224-224' fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/%3E%3C/svg%3E");
}