/*
Theme Name: Farhan Portfolio
Theme URI: https://example.com/farhan
Author: Farhan
Author URI: https://example.com
Description: A premium, high-end portfolio theme converted from React.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: farhan-theme
*/

/* Beam Animation */
@keyframes beam-rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.beam-border {
    position: relative;
    overflow: hidden;
    border-radius: 9999px;
    /* full rounded */
    padding: 1px;
    /* border width */
    display: inline-block;
}

.beam-border::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-image: conic-gradient(from 0deg, transparent 0 340deg, #fff 360deg);
    transform: translate(-50%, -50%);
    animation: beam-rotate 3s linear infinite;
    aspect-ratio: 1;
    width: 400%;
    /* Ensure it covers the edges when rotating */
    height: 400%;
}

.beam-border-content {
    position: relative;
    background: #000;
    /* Match theme background or surface */
    border-radius: inherit;
    z-index: 10;
    display: flex !important;
    /* Force flex for the content */
}