/* assets/public/css/fcform-gutenberg-block.css */
/* Styles for the frontend output of the FCForm Popup Trigger */

/* Style for the main trigger wrapper (output by the shortcode handler) */
div.fcform-trigger[data-fc-modal-trigger] {
    display: block; /* Ensure it's a block to contain floated/centered children properly */
    position: relative;
    line-height: normal;
    /* padding: 1rem; */ /* Optional padding, uncomment if you want it back */
    cursor: pointer; /* Cursor pointer will be on the trigger element itself */
    clear: both; /* In case inner elements are floated */
    margin-bottom: 1em; /* Default bottom margin */
}

/* --- Alignment Styles for Trigger Elements --- */

/* For centering inline-block elements like buttons, images, links */
/* This rule applies if the *parent* div.fcform-trigger gets a text-align:center style,
   OR if the element itself has .aligncenter and is display:block with auto margins.
   However, WordPress themes usually handle .aligncenter on images by making them block and using auto margins.
   For buttons/links, text-align:center on the parent is more common.
   Since our JS adds .aligncenter to the element, we'll style it directly.
*/

/* Centering: Make the element block and use auto margins */
.fcform-trigger .fcform-trigger-btn.aligncenter,
.fcform-trigger img.fcform-trigger-img.aligncenter,
.fcform-trigger a.fcform-trigger-link.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* If the above .aligncenter doesn't work well for buttons/links (which are inline-block by default below),
   you might need to wrap the shortcode in a <p style="text-align:center"> or <div style="text-align:center">
   OR ensure the div.fcform-trigger itself gets text-align:center if its child has .aligncenter.
   For simplicity, the above tries to make the element itself a centered block.
*/

/* Left Alignment (Float) */
.fcform-trigger .fcform-trigger-btn.alignleft,
.fcform-trigger img.fcform-trigger-img.alignleft,
.fcform-trigger a.fcform-trigger-link.alignleft {
    float: left;
    margin-right: 1.5em; /* Standard WordPress margin */
    margin-left: 0;
}

/* Right Alignment (Float) */
.fcform-trigger .fcform-trigger-btn.alignright,
.fcform-trigger img.fcform-trigger-img.alignright,
.fcform-trigger a.fcform-trigger-link.alignright {
    float: right;
    margin-left: 1.5em; /* Standard WordPress margin */
    margin-right: 0;
}

/* Clearfix for the wrapper if inner elements are floated */
div.fcform-trigger[data-fc-modal-trigger]::after {
    content: "";
    display: table;
    clear: both;
}

/* --- Base Styles for Trigger Elements --- */

/* Style for Button Trigger */
div.fcform-trigger .fcform-trigger-btn {
    padding: 10px 18px;
    background-color: #0073aa; /* Default background */
    color: #fff; /* Default text color */
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-size: inherit;
    line-height: normal;
    text-decoration: none;
    display: inline-block; /* Default display */
}

div.fcform-trigger .fcform-trigger-btn:hover {
    /* Optional: Add a default hover effect */
    /* Example: opacity: 0.9; */
}

/* Style for Image Trigger */
div.fcform-trigger img.fcform-trigger-img {
    display: inline-block; /* Default display */
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    box-shadow: none;
}

/* Style for Text Link Trigger */
div.fcform-trigger a.fcform-trigger-link {
    text-decoration: none;
    color: #0073aa;
    cursor: pointer;
    font-size: inherit;
    display: inline-block; /* Default display */
}

div.fcform-trigger a.fcform-trigger-link:hover {
    /* Optional: Add a default hover effect */
    /* Example: text-decoration: underline; */
}